@charset "UTF-8";


/*********************************************************************
ABWEICHUNGEN / ERGAENZUNGEN ZU ALLGEMEINEN CONTENT.CSS FUER COMMON GUI
**********************************************************************/

#page_margins{ zoom:1 !ie;height: 1% !ie;margin: 0 auto; background-color:#f0f3f8; width:auto;}
* html #page_margins {
    /* Fallback if JavaScript is disabled */
    width:auto;

  /* JS-Expression for min-/max-width simulation */
  width: expression((document.documentElement && document.documentElement.clientHeight) ? ((document.documentElement.clientWidth < 1000) ? "auto" : ((document.documentElement.clientWidth > (90 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "auto" : "auto" )) : ((document.body.clientWidth < 1000) ? "auto" : ((document.body.clientWidth > (90 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "auto" : "auto" )));
  }
  
  
#col1_content {background:none}
.c66l{float: left; width:100%;}




  /* Teaser SERVICEBOX  in Common Gui unter Navigation in linker Spalte */  
  	#TEASER_CONT .SERVICEBOX {
	background-image:url(../../img/general/teaser1_kachel.jpg); 
	background-repeat:repeat-x; background-position:top left; 
	background-color:#ccd5df; width:210px; padding:10px 10px 7px 10px; 
	text-align:left; color:#444444; font-size:95%; 
	float:left; margin:0px 0px 12px 8px; _ margin:0px 0px 12px 5px;
	}  
	#TEASER_CONT .SERVICEBOX div {}	
	#TEASER_CONT .SERVICEBOX p {line-height: 1.25em; margin: 0 0 0.5em 0; }	
	#TEASER_CONT .SERVICEBOX p a img {border: none;}	
	#TEASER_CONT .SERVICEBOX h1 {font-size: 160%}
	#TEASER_CONT .SERVICEBOX img{margin:3px 0px 5px 0px}


  /* Breadcrumb-Navigation / Wayhome */
    #WAYHOME{margin-bottom:12px;}


/**********************************************************
messages
**********************************************************/
.OK{ border:5px solid #009900; padding:18px 20px 15px 60px; color:#339933; background-image: url(../../img/icons/icn_bestaetigung.gif); background-repeat:no-repeat; background-position:15px 15px; background-color:#FFFFFF; margin-bottom:20px;  }
.OK h1{ color:#339933; margin-bottom:0.25em; }
  
.INFO{ border:5px solid #19326E; padding:18px 20px 15px 60px; color:#19326E; background-image: url(../../img/icons/icn_info.gif); background-repeat:no-repeat; background-position:15px 15px; background-color:#FFFFFF; margin-bottom:20px;  }
.INFO h1{ color:#19326E; margin-bottom:0.25em; }
  
.WARN{ border:5px solid #ff6600; padding:18px 20px 15px 60px; color:#ff6600; background-image: url(../../img/icons/icn_warnung.gif); background-repeat:no-repeat; background-position:15px 15px; background-color:#FFFFFF; margin-bottom:20px;  }
.WARN h1{ color:#ff6600; margin-bottom:0.25em; }
  
.ERROR{ border:5px solid #cc0000; padding:18px 20px 15px 60px; color:#cc0000; background-image: url(../../img/icons/icn_fehler.gif); background-repeat:no-repeat; background-position:15px 15px; background-color:#FFFFFF; margin-bottom:20px;  }
.ERROR h1{ color:#cc0000; margin-bottom:0.25em; }
  
/**********************************************************
OVERLAY color to use when blocking user input (greyout.js)
**********************************************************/
#OVERLAY{
	background-color:#000000;
}

#OVERLAYICON {
	background-image:url(../../img/clockW.gif);
}
#SECONDNAV {
}
/**********************************************************
name of the application
**********************************************************/

#APPICON {
float:right; margin:5px 100px 0px 0px; margin:20px 50px 0px 0px !ie; 
  /* adapt to project-image e.g.:
  background-image:url(../../img/general/kvb_logo.gif); 
  height: 57px;
  width:151px; 
  */
    background-repeat: no-repeat;
    background-position: top left;
	    
}

#APPNAME {
	float:right; right:20px;
    position:relative;
    top:7px;
    font-size: 14px;
    font-weight: bold; color:#fff;
}
#APPNAME span{ margin-right:10px}
#APPNAME span.vertline{ margin-right:0px}


/**********************************************************
 topnav at top of the page
**********************************************************/
/*#USER {float:left; margin-right:20px;}
#DATE {float:left; margin-right:20px;}*/
#USER {float:right; margin-bottom:5px;margin-right:0px; text-align:right}
#DATE {float:right; margin-right:20px;}


/**********************************************************
application window
**********************************************************/
.APPWINDOW {
padding: 0px 0px 11px 0px; padding: 0px 0px 8px 0px !ie;
	
}

.APPWINDOW .TITLE { 
background-color:#cbd5df;
 padding: 7px 9px 7px 9px; width:50%;   
    font-size: 150%; color:#19326E; margin:0;	
	white-space:nowrap;
  }

.APPWINDOW .APPVIEW  {
	padding: 9px;
    margin:0;	
	background-color:#fff;
	border: #cbd5de 1px solid;	
}

.APPWINDOW .APPVIEW h1,
.APPWINDOW .APPVIEW h2,
.APPWINDOW .APPVIEW h3,
.APPWINDOW .APPVIEW h4,
.APPWINDOW .APPVIEW h5,
.APPWINDOW .APPVIEW h6 {

}

.APPWINDOW .APPVIEW h1,
.APPWINDOW .APPVIEW h2 {
    
}


/**********************************************************
Tabs/Reiternavigation in application window - barrierefreie version, statisch
**********************************************************/
.APPWINDOW .TABLIST { margin:17px 0px 17 0px;height:26px; }

.APPWINDOW .TABLIST a, .TABLIST a:focus, .TABLIST a:visited, .TABLIST a:active{
  color: #fff; text-decoration: none;
  margin: 0 1px 0 0 !important; float:left;
  font-family: arial;  font-size: 10pt;
  padding: 5px 5px 2px 5px; height:20px;    
  cursor: pointer; background: url(../../img/general/bg_reiter.jpg); 
  background-repeat:repeat-x; background-position:top left; 

}

.APPWINDOW .TABLIST a.SELECTED,
.APPWINDOW .TABLIST a.SELECTED:focus,
.APPWINDOW .TABLIST a.SELECTED:visited,
.APPWINDOW .TABLIST a.SELECTED:active{
color: #333; background: #cdd5e0; font-weight: bold; text-decoration: none;
}

.APPWINDOW .TABLIST a.SELECTED:hover {
  text-decoration: none;
  background: #cdd5e0; 
  color: #333;  
}

.APPWINDOW .TABLIST a:hover { color: #fff;text-decoration: none;}

.APPWINDOW .TAB { clear:both;
    background-color:#cdd5e0;   
	padding:9px;
}

.APPWINDOW .TAB a{ line-height: 1.5em; margin: 0 0 5px 0; }
.APPWINDOW .TAB .SUB{margin-left:30px;}




/**********************************************************
MODIFIERS - use them if you want to modify some aspects of
your elements. Use a space between class names.
e.g. class="BUTTON FAULTY" or class="APPVIEW HIGHLIGHT"
please use the attribute !important when overriding
this deffinitions (e.g. background-color:#ffb400 !important;)
**********************************************************/

.HIGHLIGHT {
	background-color:#fdfac8 !important;
	
	
}

.FAULTY {
	background-color:#FFD1BF !important;
	border-color:#DE2121 !important;
}

/**********************************************************
tables
**********************************************************/
#col3_content table { 
	border: 1px solid #ccd5df; 
	width:490px; 
	background-color: #FFFFFF; 
	caption-side:top;
	margin:0;
}

#col3_content caption { 
	background-color:none;
	color:#444444; 
	font-size: 12px; 
	font-weight: bold; 
	text-align:left; 
	border-bottom:none;
	padding: 0px 10px 5px 10px;
	}

#col3_content td, #col3_content th {
display: table-cell; border:none;
}

#col3_content td {
    background-color:#f1f4f8;
	vertical-align: top;
    text-align: left;
    padding: 5px 10px 5px 10px;
}


#col3_content th{
	background-color:#f1f4f8; 
	font-weight:normal;  
	padding: 5px 10px 5px 10px; 
	text-align: left;
}

#col3_content tfoot td {
	background-color:#f1f4f8;
}

#col3_content tr.ODD td, td.ODD, dd.ODD, dt.ODD {
	background-color:#fff;
	border-bottom:1px solid #f1f4f8;
}

#col3_content tr.EVEN td, td.EVEN, dd.EVEN, dt.EVEN {
	background-color:#f1f4f8;
}

#col3_content table.TRANSPARENT {border: none;}

#col3_content .TRANSPARENT caption {
	background-color:transparent;
	border: none;
}

#col3_content .TRANSPARENT td {
    background-color:transparent;
}


#col3_content .TRANSPARENT th{
	background-color:transparent; font-weight:normal
}

#col3_content .TRANSPARENT tfoot td {
    border-top: none;
}

#col3_content tfoot td {
    font-style:italic;
}

/* table-Klasse 'BLUE_TH_TF' für blaue Hinterlegung der th-und tfoot-Zellen */
#col3_content .BLUE_TH_TF tfoot td {
    background-color:#ccd5df;
}
#col3_content .BLUE_TH_TF th {
    background-color:#ccd5df;
}

/**********************************************************
TOOLTIP for pure css PopUps / Tooltips
**********************************************************/

a.TOOLTIP, a.TOOLTIP:link, a.TOOLTIP:visited, a.TOOLTIP:active {
	position: relative; color:#444444;
}

a.TOOLTIP:hover {
	background: transparent;
}

a.TOOLTIP span {
	display: none;
	text-decoration: none;
}

a.TOOLTIP:hover span {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
	width: 200px;
	z-index: 5000;
	padding: 2px 10px 2px 10px;
	text-align: left;
	background: #ffffff;
	border: 1px solid #19326E;
	text-decoration: none;
}


/**********************************************************
FORM elements and it's modifiers
**********************************************************/
.TEXTFIELD {
	border: 1px solid #19326E;
	background-color:#FFFFFF !important;
}



/* grundlegendes Ausblenden der beiden Navigations-Menues; Einblenden über Einbinden von leftnav.css und/oder topnav.css */
#submenu{ display:none}
#main{ padding:20px}
.c66l_content{padding:20px 0px 0px 0px; height:auto;}

#col3_content{position:relative; padding:0; margin-bottom:0px;}
  * html #col3_content { word-wrap: break-word; }
  
#col3{width: auto; margin: 0 0 0 0px}
* html #col3 {height: auto; margin-left: 0px}

#col1{float: none; width:0px }
* html #col1 {margin-right: 0px}


#header #mainnav{ display:none}