/*
 *
 * Javascript XML Backend Framework
 *
 * Individual Site CSS
 *
 */


 body {
	background-color:	#c2bcad;
	color:				#000;
	background-image:	url(../img/mainbg.gif);
	background-repeat:	repeat-x;
}
a:link,
a:active,
a:visited,
a:hover {
	color:				#444444;
}

a:hover {
    color:				#000000;
}

h1, h2, h3, h4 {
	color: black;
}

#left_collumn .left_panel {
	border-color:	#030;
	background-image:	url(../img/bg.gif);
	background-repeat:	repeat-y;
	background-color:	#DFE0E2;
	margin-bottom:		5px;
	margin-top: 5px;
}
.fl_panel .panel_inner .panel_head {
/*	background-image:	url(../img/service_bg.jpg);*/
        background-color: #222;
	background-repeat:	repeat-x;
}
.fl_panel .panel_inner .panel_head_inner {
	color:				#FFF;
}
.fl_panel .panel_inner .panel_content {
	border-top:			0px none;
	border-color:		#555;
	background-color:	#ddd;
}
#left_collumn #mainnavigation ul.navigation ul{
/*	margin:				0px 0px 8px 35px; */
}
/*****************************************/
/** PanelTable							**/
/*****************************************/

.panel_content table {
	background-color:	#fff;
	padding:			3px;
	border:				1px solid #999;
}
.panel_content table thead {

/*	background-image:	url(../img/tablehead.gif); */
        background-color: #444;
	background-repeat:	repeat-x;
	background-position: right center;
	color:				#FFF;
	line-height:		22px;
}
table thead th {
	padding-left:		15px;
	background-position:-2px center;
	background-image:	url(../img/tablehead_updown.gif);
}
table th.headerSortDown {
	background-image:	url(../img/tablehead_up.gif);
}
table th.headerSortUp {
	background-image:	url(../img/tablehead_down.gif);
}
table th.nosort {
	background-image:	none;
}
table tfoot td {
    background-color:	#ddd;
	font-weight:		bold;
}
.panel_content table td.hovered {
	background-color:	#e5e5e5;
}
.panel_content table tr td {
	border-bottom:		1px solid silver;
	padding:			2px
}
.fl_panel fieldset, .overlay fieldset {
        border-color: #dfdfdf;
	background-color:	#F9F9F9;
}
.fl_panel hr {
	background-color: 	#B1C3C4;
}
.dyn_suggest {
	border:				1px solid #DDDDDD;
}
.dyn_suggest ul li {
	background-color:	#EEE;
}
.dyn_suggest ul li:hover {
	background-color:	#CCC;
}
.viewData .block {
	padding:			0px;
}
#growlDock h3 {
	color:				white;
}

tr.highlighted {
	font-weight:		bold;
	background-color: 	#E9E9F9;
}
tr.dimmed {
	color:				#BBB;
}
tr.dimmed .navigation img {
	-moz-opacity:		.50;
	-ms-filter:			"alpha(opacity=50)";
	filter:				alpha(opacity=50);
	opacity:			.50
}
div.check {
	padding-right:		0px;
}
.check label			{
	width:				175px;
}
.check input			{
	margin-right:		15px;
}


.alignRight {
    text-align: right;
}

.alignCenter {
    text-align: center;
}

.nowrap {
    white-space:nowrap;
}


.gutschr {
    background-color: #FFFFCC;
}

.alert {
    background-color: #FFCCCC;
}

tr.inactive td {
    color: #888;
}



















/* bastel */





/*** superfish navi *******/

#mainnavigation ul.navigation ul {
	position:		absolute;
	top:			-999em;
}
#mainnavigation ul.navigation li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#mainnavigation ul.navigation li {
	float:			left;
	position:		relative;
}
#mainnavigation ul.navigation a {
	position:		relative;
}
#mainnavigation ul.navigation li:hover ul {
	left:			0;
	top:			28px; /* match top ul list item height */
	z-index:		99;
}
#mainnavigation ul.navigation li:hover li ul {
	top:			-999em;
}
#mainnavigation ul.navigation li li:hover ul {
	left:			190px; /* match ul width */
	top:			0;
}
#mainnavigation ul.navigation li li:hover li ul {
	top:			-999em;
}
#mainnavigation ul.navigation li li li:hover ul {
	top:			0;
}





.panel_head ul.navigation ul {
	position:		absolute;
	top:			-999em;
}
.panel_head ul.navigation li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.panel_head ul.navigation li {
	float:			left;
	position:		relative;
}
.panel_head ul.navigation a {
	position:		relative;
}
.panel_head ul.navigation li:hover ul {
        left: 0;
	top:			24px;
	z-index:		99;
}
.panel_head ul.navigation li:hover li ul {
	top:			-999em;
}
.panel_head ul.navigation li li:hover ul {
	left:			190px; /* match ul width */
	top:			0;
}
.panel_head ul.navigation li li:hover li ul {
	top:			-999em;
}
.panel_head ul.navigation li li li:hover ul {
	top:			0;
}














#mainnavigation ul.navigation li li {
	background:		#333;
}

#mainnavigation ul.navigation li ul li {
    width: 200px;
    border-bottom: 1px solid #444;
}
#mainnavigation ul.navigation li ul li a {
    text-align: left;
    text-transform: none;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}



#mainnavigation ul.navigation li ul li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#mainnavigation ul.navigation li ul li ul li:first-child {
    border-top-right-radius: 10px;
}
#mainnavigation ul li ul li {
    border-left: 1px solid #222;
    opacity: 0.95;
}
#mainnavigation ul li ul li:hover {
    background-color: #222;
}


#left_collumn #mainnavigation ul.navigation ul {
margin: 10px 0px 0px 0px;
}



body {
margin: 0;
padding: 0px 0px 0px 0px;
}

#left_collumn {
    float: none;
    width: auto;
    display: block;
    padding-bottom: 10px;
}

#left_collumn .left_panel {
    border: 0;
    background-image: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

#left_collumn #logo {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 10px;
}

#mainnavigation {
    display: block;
    margin-left: 0px!important;
    padding-left: 190px!important;
    padding-right: 250px!important;
    z-index: 1;
    min-height: 40px;

    background-color: #222222!important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#444444))!important;
    background-image: -webkit-linear-gradient(top, #000000, #444444)!important;
    background-image:    -moz-linear-gradient(top, #000000, #444444)!important;
    background-image:     -ms-linear-gradient(top, #000000, #444444)!important;
    background-image:      -o-linear-gradient(top, #000000, #444444)!important;
}

#mainnavigation a,
#mainnavigation a:link,
#mainnavigation a:active,
#mainnavigation a:visited {
    color: #ccc;
}
#mainnavigation a:hover {
    color: #fff;
}

#mainnavigation ul li {
    padding: 0!important;
}
#mainnavigation ul li {
	float:				left;
        margin: 0;
        padding: 0;
        border-left: 1px solid #333;

}
#mainnavigation ul li:hover {
    background-color: #333;
}
#mainnavigation ul li a {
	display:			block;
	text-align:			center;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: bold;
        padding-left: 10px!important;
        padding-right: 10px!important;
        padding-top: 12px!important;
        padding-bottom: 12px!important;
}
#mainnavigation ul li a img {
    vertical-align: bottom;
    opacity: 0.3;
}
#mainnavigation ul li a:hover,
#mainnavigation ul li a.active
{
    color: #fff;
}

#mainnavigation ul li a.active {
    background-color: #333;
}

#mainnavigation ul li a:hover img,
#mainnavigation ul li a.active img
{
    opacity: 1;
}
#mainnavigation ul li a span {
}

#statusPanel {
    color: #ddd;
    display: block;
    margin-left: 10px!important;
    padding-top: 3px!important;
    padding-right: 10px!important;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 10px;
}

#statusPanel table {
    line-height: normal;
}

#statusPanel table td {
    vertical-align: top;
    padding-left: 20px;
}

#main_collumn {
    margin-left: 0px;
    margin-right: 10px;
}


ul.navigation li a img {
    opacity: 0.8;
}
ul.navigation li a:hover img {
    opacity: 1;
}



.fl_panel .panel_inner .panel_head {
    background-color: #ddd;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.fl_panel .panel_inner .panel_head_inner {
    color: #000!important;
}
.fl_panel .panel_inner .panel_head_inner a {
    color: #000!important;
}
.fl_panel .panel_inner .panel_content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #f6f6f6;
}
.panel_content table thead {
    background-color: #ccc;
    color: #000;
}

.fl_panel .panel_inner .panel_content,
.fl_panel fieldset,
.panel_content table {
    border-color: #dfdfdf;
}


.ui-helper-hidden-accessible {
    top: 0;
}

body {
    overflow: scroll;
    background-image: none!important;
    background-color: #bbbbbb;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888888), to(#bbbbbb))!important;
   background-image: -webkit-linear-gradient(top, #888888, #bbbbbb)!important;
   background-image:    -moz-linear-gradient(top, #888888, #bbbbbb)!important;
   background-image:     -ms-linear-gradient(top, #888888, #bbbbbb)!important;
   background-image:      -o-linear-gradient(top, #888888, #bbbbbb)!important;
}

input.inputSubmit {
    border: 1px outset #999;
    background-color: #ddd;
    color: #000000;
}

#statusPanel select {
    border: 1px solid black;
    background-color: #ccc;
    color: #000;
}


.panel_head {
    position: relative;
}

.panel_head ul.navigation {
    top: 0px;
}

.panel_head ul.navigation li {
    float: left;
    border-left: 1px solid #ccc;
    top: 0px;
    position: relative;
    min-height: 25px;
}
.panel_head ul.navigation li:hover {
    background-color: #ccc;
}
.panel_head ul.navigation li a {
    padding-left: 5px;
    padding-right: 5px;
    top: 5px;
}
.fl_panel .panel_inner .panel_head_inner {
    float: left;
}
.fl_panel .panel_inner .panel_head {
    height: 25px;
}

.panel_head ul.navigation li ul li {
    background-color: #ccc;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

.panel_head ul.navigation li ul li:hover {
    background-color: #ddd;
}

.panel_head ul.navigation li ul li {
    height: auto;
}

.panel_head ul.navigation li ul li a {
    display: block;
    width: 200px;
    padding: 2px 0px 2px 5px!important;
}

.panel_head ul.navigation li ul li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.panel_head ul.navigation li a img {
    vertical-align: middle;
}

table tfoot td {
    border-bottom: none!important;
}



#tooltip_ {
	position:			absolute;
	z-index:			99999;
	border:				1px solid black;
	background-color:               #fff;
	padding:			10px;
	width:				auto;
        min-width:                      200px;
        max-width:                      400px;
        border-radius: 10px;
        box-shadow:5px 5px 5px #666;
}


table td ul.navigation {
    text-align: right;
}




div.overlay {
        background-image: none;
        width: 710px;
        height: auto;
        display: none;
        padding: 0;
        color: black;
        background-color: #fff;
        border: 1px solid #000;
        border-radius: 10px;
        box-shadow:10px 10px 10px #333;
}

div.overlay a.close {
        background-image: url(../img/overlay/close.png);
        position: absolute;
        right: -15px;
        top: -15px;
        cursor: pointer;
        height: 35px;
        width: 35px;
}


div.overlay div.ocWrapper {
    height: 550px;
    overflow: auto;
    padding: 30px 10px 30px 30px;    
}

textarea.big {
    height: 300px!important;
}