/* DATEI: self.css */
html, body {font-family:Arial,Helvetica,Verdana,sans-serif; font-size:10px; margin:0; padding: 0; height: 99%; max-height:99%;}
#wrapper {margin:0 auto; padding:0; width:956px; position:relative; min-height:99%;
		/* für den IE */ height:auto !important; height: 99%;}
#werbebanner {margin: 2px; width: 100%; height: 0px;}
#banner {margin:3px auto; width:100%; height:90px;}
div.logo  a {height:80px; width:80px; margin-right: 5px; float:left;}
div.logo_2  a {height:80px; width:270px; text-align: right;  float: right; }
div.titel {width: 600px; height: 80px; text-align: center; float: left; }

/******************************   Navigation ***************/
#menu  { margin: 0px 10px; height:28px; width: 800px; } 
#menu li {display:block; width:100px; height:28px; line-height:28px; float:left; text-align:center;border-right:1px solid #aed0ea; border-left:1px solid #aed0ea; font-style: normal;}
#menu li a	{ display:block; height:28px; }
#menu li a	span { font-family: Verdana, Arial, sans-serif;  font-size: 1.1em; }
#menu li a:hover .ui-state-hover{ display:block; height:28px; text-decoration:none;	}
.clear { display:block; clear:both; }
.menu-extend { display:block; width:780px; margin:0px auto; background-color:#f2f5f7; padding:10px 15px;border:1px solid #FFF; border-top-style:none; }
.menu-extend ul { display:block; width:150px; float:left; padding:0px; list-style:none; }
.menu-extend ul li a { text-decoration:none; color:#772200; font-family: Verdana, sans-serif; font-size: 1.1em; }

/***************** Ende Navigation ******************/

/* fuer die Eingabeformulare  */
fieldset { margin-right: 10px; padding: 10px; border: 1px solid #DDDDDD;}

legend {font-weight: bold;}

form { margin:20px 20px 0; padding:0 0 6px; }

form ul { font-size:100%; list-style-type:none; margin:0; padding:0; width:100%; }

form li {display:block; margin:2px; list-style:none; padding:4px 0px; position:relative; }

.no_guidelines form li { width:97%; }

form li span {color:#444444; float:left; margin:0 4px 0 0; padding:0 0 8px; }

form li div { color:#444444; margin:0 4px 0 0; padding:0 0 3px; }

form li div.left { display:inline; float:left; }

form li div.right { display:inline; float:right;}

form li div label { clear:both; color:#444444; display:block; font-size:9px; line-height:9px; margin:0 0 2px 0; padding-top:1px; }

form li div input { clear:both; color:#444444; display:block; font-size:9px; line-height:9px; margin:0; padding-top:1px; }

form li span label { clear:both; color:#444444; display:block; font-size:9px; line-height:9px; margin:0; padding-top:1px; }

form span input { clear:both; color:#444444; display:block; font-size:9px; line-height:9px; margin:0; padding-top:1px; }

form span label { clear:both; color:#444444; display:block; font-size:9px; line-height:9px; margin:0; padding-top:1px; }

form div.left { display:inline; float:left; width:40%; }

form div.right { display:inline; float:right; width:40%; }

form li span input { clear:both; color:#444444; display:block; font-size:9px; line-height:9px; margin:0; padding-top:1px; }

label.description { border:medium none; color:#222222; display:block; font-size:95%; font-weight:bold; padding: 7px 0 5px; }

input.medium  { width:40%; }

#footer {clear: both; padding: 2px; margin-top: 3px; height: 2em; width: 950px;  position:relative; font-size: 1.0em;}

#footer span.first {	font:9px 'Arial','Helvetica',sans-serif; text-transform:uppercase;display:block;float:left;	padding: 3px;} 

a:link { color: #772200; text-decoration: none; }

a:visited { color: #772200; text-decoration: none; }

a:active { color: #000000; text-decoration: none; }

h1 { font-size: 18pt; }

h2 { font-size: 16pt; font-weight: bold; margin-bottom: -10px; }

h3 { font-size: 13pt; font-style:italic; font-weight: bold; }

h4 { font-size: 1.1em; margin: 0; padding: 0; }

/* das overlay element für Hilfe Anzeigen  */
.simple_overlay { display:none; background:transparent url(../images/logo_camweb_trans_40.png) 2% 5% no-repeat;
	z-index:10000;background-color:#e4f1fb;min-height:150px;	/* für den IE */ height:auto !important;	border:1px solid #666;
	/* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 50px 5px #000; -webkit-box-shadow: 0 0 50px #000;	
	width:360px; padding:25px;
}

/* close button positioned on upper right corner */
.simple_overlay .close {background-image:url(../images/close.png);	position:absolute;right:-15px;	top:-15px;cursor:pointer;height:35px;width:35px;}

/* styling for elements inside overlay */
.details {	position:absolute;top:15px;left: 60px;font-size:11px;width:300px;}

/* for Internet Explorer */
* html .details {	height: 18em;}

.details h3 {color:#aba;font-size:15px;margin:0 0 -10px 0;}

/* das Overlay für die Sanduhr  */
#progressicon { position: fixed; z-index: auto; display: none;}
#progressicon div {padding: 40px;background: url("../includes/css/custom-theme/images/ui-anim_basic_16x16.gif") no-repeat center;}
/* Ender Overlay der Sanduhr   */

/* Die Schnelleingabe **********************/
a:focus { outline: none; }

#panel { background: #e2eff8; display: none; }

.slide {margin: 0; padding: 0; border-top: solid 4px #B2B2B2;background: url("../images/btn-slide-blue.png") no-repeat center;text-align: center;}
.btn-slide {	background: url(../images/white-arrow.gif) no-repeat right -54px;
	width: 144px;height: 20px;	padding: 5px 5px 0 0;margin: 0 auto;display: block;font: bold 0.9em Arial, Helvetica, sans-serif;}

.active { background-position: right 12px; }

/* Ende Schnelleingabe ***********************/

/* Grid	----------------------------------*/
.ui-grid { margin-top:2px; margin-bottom:2px; border: 1px solid #AED0EA;}
.ui-grid .ui-grid-content { width: 100%; border-collapse: collapse;border: 1px solid #AED0EA;}
.ui-grid table tbody tr {font-size: .9em; font-weight: normal;} 
.ui-grid table tbody td, .ui-grid .ui-grid-header, .ui-grid table thead a { padding: .2em;}
.ui-grid .ui-grid-standard {line-height: 15px;}
.ui-grid .ui-grid-multi { background-color:#CCE5FF; height: 20px; }
.ui-grid .ui-grid-multi:hover { background-color: #E5F2F2 ; }

.ui-grid .ui-grid-nomulti {padding: .2em; background-color:#E5F2F2;height: 20px;}
.ui-grid .ui-grid-nomulti:hover {padding: .2em; background-color:#CCE5FF;}

.ui-grid .ui-grid-header, .ui-grid .ui-grid-footer {padding: .2em;}
.ui-grid .ui-grid-footer { background-image: none; font-weight: normal; text-align: left; }
.ui-grid table thead a { display: block;  }
.ui-grid .ui-icon { float: right; }
.ui-grid .ui-grid-paging { float: right; }
.ui-grid-paging span {font-size: 8pt; }
.ui-grid-paging input {margin-top:3px;height: 10px;}
.ui-grid .ui-grid-paging-prev { float: left; width: 16px; height: 12px; }
.ui-grid .ui-grid-paging-next { float: right; width: 16px; height: 12px; }
.ui-grid .ui-grid-results { margin: 0px;padding: 0px; height: 16px;font-size: 8pt;  }
/************** Ende Grid  ***********************/

