/* --- Main Layout --------------------------------*/



*{
	font-family: "Tahoma", serif;
	font-size:12px;
}

html{
	height:100%;
	overflow:hidden;
}

body{
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
}

#searchmask{
	position: absolute; 
	top: 0; 
	left: 180px; 
	right: 0;
	height: 30px;
	width: auto;
	overflow: hidden; 
	line-height:30px;
	text-align:right;
	background-color:#ddd;
	border-bottom:1px solid #ccc;
	padding-right:10px;
}

#sidebar{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 179px;
	height: 100%;
	overflow: hidden;
	line-height:150%;
	background-color:#FF7F00;
	border-right:1px solid #aaa;
}


#content{
	position: absolute; 
	left: 180px; 
	top: 30px; 
	right: 0;
	bottom: 0;
	overflow: auto; 
	padding:10px;
}




/* --- Tags ------------------------------------ */

a{
	color:#FF7F00;
	text-decoration:none;
}

form{
	margin:0;
}

fieldset{
	padding:4px;
	margin:0 0 6px 0;
}




/* --- Sidebar -------------------------------------------- */

#sidebar h2 {
	padding-left:4px;
	font-weight:bold;
	color: #fff;	
	margin-bottom:0px;
	margin-top:0px;
	border-top:1px solid #FF952C;
	border-bottom:1px solid #EA7500;
}

#sidebar a{
	display:block;
	padding-left:24px;
	color:#fff;
	text-decoration:none;
	border-top:1px solid #FF952C;
	border-bottom:1px solid #EA7500;
	
}

#sidebar a:hover{
	background-color:#FF952C;
}


#sidebar #watotologo{
	height:65px;
	background: url(img/sidebarlogo.gif);
	background-repeat: no-repeat;
	background-position:12px 4px;
	padding: 2px 2px 14px 4px;
}



.formular td input{
	margin-right:4px;
}


/* --- Tabellen --------------------------------------------- */
.data {
	border:1px solid #ccc;
	border-collapse:collapse;
	width:100%;
}


.data th{
	text-align:left;
	padding:2px 4px 2px 4px;
	border:1px solid #ccc;
	background:url("img/tblhead.gif");
}

.data th a{color:#000;}


.data td{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:2px 4px 2px 4px;
	vertical-align:top;
}

.data .evenrow{
	background-color:#f4f4f4;
}

.data tfoot td{
	border:1px solid #ccc;
	color:#444;
	font-weight:bold;
	background:url("img/tblhead.gif");
	font-size:0.95em;
}

.mainlist{
	width:100%;
	margin-bottom:10px;
}

table.sortable tr.odd td {
	background-color: #f4f4f4;
}
table.sortable tr.even td {
	background-color: #fff;
}




.liste {
	border-collapse:collapse;
}


.liste th{
	text-align:left;
	font-weight:normal;
	padding:2px 4px 2px 4px;
	border-bottom:2px inset white;
}

.liste td{
	vertical-align:top;
	padding-right:6px;
}


/* --- Suchmaske -------------------------------------------- */

#smaskTitle{
 	float:left;
 	margin-left:10px;
 	font-weight:bold;
 }
 
 
 #smaskTitle a{
 	font-weight:normal;
 	color:black;
 	text-decoration:underline;
 }

.smaskDetails{
	text-align:left;
	margin-left:10px;
	border-top:1px solid #bbb;
}

.smaskLayout{
	float:left;
	margin-right: 20px;
}

.smaskLayout label{
	display:block;
	margin:0;
	padding:0;
	text-align:right;
}

/* --- Schattenlayer -----------------------------------------*/

#shadow{
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10;
	background-color:black;
	filter: alpha(opacity:50);
	opacity:0.50;
}

#popupShadow{
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:15;
	background-color:black;
	filter: alpha(opacity:50);
	opacity:0.50;
}


#waitDivShadow{
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:20;
	background-color:black;
	filter: alpha(opacity:50);
	opacity:0.50;
}


/* --- Pop-Up für Dialoge etc -------------------------------*/

#dialog{
	display:none;
	z-index:11;
	position:absolute;
	left:300px;
	top:200px;
	width:400px;
	height:200px;
	background-color: #f4f4f4;
	border:1px solid black;	
}

#dialogPopup{
	display:none;
	z-index:16;
	position:absolute;
	left:300px;
	top:200px;
	width:400px;
	height:200px;
	background-color: #f4f4f4;
	border:1px solid black;	
}


.dialogCapture{
	color:white;
	font-weight:bold;
	padding:3px 4px 3px 4px;
	background-color:#FF7F00;
	border-top:1px solid #FF952C;
	border-bottom:1px solid #dA6500;
}

.dialogContent{
	border-top:1px solid #fff;
	padding:10px;
}


.btnclose{
	background:url(img/btnclose.gif);
	margin:0; 
	width:14px; 
	height:14px; 
	float:right
}



/* --- WaitDiv ----------------------------------------------------*/

#waitDiv{
	display:none;
	z-index:21;
	position:absolute;
	left:300px;
	top:200px;
	width:400px;
	height:200px;
	background-color: #f4f4f4;
	border:1px solid black;	
}

#waitDivCapture{
	color:white;
	font-weight:bold;
	padding:3px 4px 3px 4px;
	background-color:#FF7F00;
	border-top:1px solid #FF952C;
	border-bottom:1px solid #dA6500;
}

#waitDivContent{
	border-top:1px solid #fff;
	padding:10px;
}



.inpMemo{
	width:788px;
	height:160px;
	overflow-y:scroll;
	overflow-x:visible;
	margin:0;
	padding:0;
	border:0;
}


.formular td input{
	width:110px;
}