/* Farbcodes
blau (logo):	#012c72
rot (logo):		#fa3333

*/


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix { display: block; }
/* End hide from IE-mac*/
#ie_clearing { display: none; }

* {margin:0;padding:0;}

html, body {height:100%;}

body {background-color:#333;color:#000;font-size: 100.01%; font-family: Arial, Helvetica, verdana, sans-serif; font-weight: normal;
		text-align:center;  /*horizontal centering for IE Win quirks */	 }


* html  { overflow-x: hidden; margin-right: 17px}
/*Seitenaufbau*/


#distance { width:1px;height:50%; float:left; margin-bottom:-350px; /* half of pages's height */}

#page { 
	border: 0; 
	background-repeat: no-repeat; 
	background-position: 580px bottom;
	background-color:#fff; 
	position:relative; /* puts container in front of distance */
	margin:0 auto;
	width: 950px;
	height: 700px;
	text-align:left;
	clear:left;
	}
	


/*-------- Kopfbereich --------*/
#header{
	height: 165px; 
	background-color: #fff;
	border:0;  
	position: relative;
	}
#header .bluebox{height: 110px;width: 47px; background-color: #012c72; float: left;margin-top: 55px}					
#header .logo   {height: 165px;width: 123px; background-color: #fff;float: left;}
#header .motiv   { background-color: #012c72; background-repeat: no-repeat; margin-top: 55px; z-index: 1; bottom: 0; width: 780px; height: 110px; float: right }

/*Kopfbereich - Suchfeld*/
.searchblock{position: absolute;top: 25px;left:773px; width:160px;height:25px; background-color: #fff;z-index:100}
.searchblock form   { margin: 0px 0; padding: 0; border: 0; z-index:100}
.searchblock .search { margin-top: 2px;background: #fff;  width: 104px; height:11px; border: solid 1px #ccc; float: right; font-size:5px;  }  
.sbutton { width:40px; float:left; background:#fff; border:0px;}
strong {background:#fec7c7; padding:0px 2px 0px 2px;}
	

	
/*-------- Hauptteil-Inhalt --------*/	
 #main  { background: #fff url("../../_bilder/back-gl.jpg") no-repeat 50px 325px; text-align: left; margin: 0; padding: 0; width: 950px; height: 515px; border: none }

/*Navigation*/
#navi { color: #000; font-size: 12px; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding-top: 30px; width: 170px; height: auto; float: left; clear: both }
		
#navi ul	{ list-style: none; display: block; margin: 0 0 5px 30px; padding: 0}
#navi ul li { text-align: left; margin: 0; padding: 0 }
#navi ul li a, #navi ul li a:active, #navi ul li a:visited, #navi ul li a:focus { 
	color: #000; 
	font-weight: bold; 
	text-decoration: none; 
	display: block; 
	margin: 0; 
	padding: 0.25em 0 0.25em 22px; 
	height: 1.25em 
	}

#navi ul li a:hover, #navi ul li #aktiv{ 
	text-decoration: none; 
	color:#fa3333;
	background: url("../../_bilder/pfeil_rot.gif") no-repeat left 7px transparent; 
	}
	
/*Navigation Ebene 2*/
#navi ul li ul{ text-align: left; margin: 0; padding: 0 }							
#navi ul li ul li a, #navi ul li ul li a:active, #navi ul li ul li a:visited, #navi ul li ul li a:focus { 
	color: #000; 
	font-weight: normal; 
	text-decoration: none; 
	display: block; 
	margin: 0; 
	padding: 0.125em 0 0.125em 30px; 
	height: 1.25em; 
	font-size:11px;
	line-height: 12px;
	}
	
* html #navi ul li ul li{margin: 0;padding: 0}
	

#navi ul li ul li a:hover, #navi ul li ul li #aktiv, #navi ul li ul li #subaktiv{ 
	text-decoration: none; 
	color:#fa3333;background:none
	}		
		
		
/*Middlere Bereich-Content*/		
#content { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-right: 0; padding-top: 30px }
		         
#col_inhalt { font-size: 12px; line-height: 16px; background-image: url("../../_bilder/linie_schw.gif"); background-repeat: repeat-y; 
background-attachment: scroll; background-position: 0 0; padding: 0 30px 0 20px; width: 518px; height: 500px; float: left }

#col_full { font-size: 12px; line-height: 16px; background-image: url("../../_bilder/linie_schw.gif"); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; padding: 0 30px 0 20px; width: 705px; height: 500px; float: left }
#iframe {width:705px;}    
#iframe2 {width:534px;}           
#col_inhalt a, #col_inhalt a:active,#col_inhalt a:focus, #col_inhalt a:visited {
	/*color: #666;*/ color:#012c72; 
	text-decoration: none; 
	font-weight:normal; 
	text-decoration: underline
	}
#col_inhalt a:hover {
	text-decoration: underline}	
	
* html #col_inhalt{
	padding: 0 0px 0 20px; 
	}   

#col_info  { 
   	padding-right: 17px;
   	width: 195px; 
   	height: auto; 
   	float: right; 
   	text-align:left;
   	font-size: 11px;
   	font-weight: normal;
   	}
   	

* html #col_info  { 
   	padding-right: 14px;
   
   	}
#col_img  { 
   	padding-right: 17px;
   	width: 195px; 
   	height: auto; 
   	float: right; 
   	text-align:center;
   	font-size: 11px;
   	font-weight: normal;
   	}
   	

* html #col_img  { 
   	padding-right: 13px;

   	}   	

#col_info img{padding-bottom: 5px}         

/*Kästchen links; News... */        
h3.box { 
	color: #fff; 
	font-size: 12px; 
	font-weight: normal; 
	line-height: 16px; 
	background-color: #fa3333; 
	display: block; 
	margin: 0; 
	padding: 2px 0 0 5px; 
	width: 190px; 
	height: 19px 
	}                   

p.box{
	display: block; 
	background-color: #ccc; 
	width: 185px; 
	height: auto; 
	margin: 0;
	padding: 5px;
	font-size: 11px;
	line-height: 13px
	}

.h4{font-weight: bold;margin:0; padding-bottom: 5px; clear: both; display: block}
.box a{padding-top:0px; display: block; padding-bottom: 5px}   

/*... Customer Area*/

#col_info form  { margin: 0px; padding: 5px; border: 0; background-color: #ccc; height: 65px; width: 185px; }
#col_info input { margin-top: 2px;background: #fff;  width: 178px; height:12px; border: solid 1px #ccc; font-size: 10px;margin-bottom: 0px  }  
#col_info input.btn { margin-top: 2px;background: #fff; width: 70px; height:19px; border: solid 1px #ccc; font-size: 10px; text-align: center; padding: 0; float: right  }  

/*... für die Startseite*/
h4{font-size: 14px; font-weight: bold;line-height: 17px; color:#012c72; display:block; width: 200px;}
.pos{
	width:427px; 
	height: 307px; 
	background: url("../../_bilder/start-gl.jpg") no-repeat #fff;
	position: absolute;
	right:250px
	}
.pos ul { margin-left: 0;margin-top: 2px; padding-left: 0 }
.pos li { list-style-type: square; list-style-position: outside; display: list-item; font-size: 10px }
			
	
/*-------- Fusszeile --------*/				
#footer { 
	width: 950px;
	height: 19px;
	background: #fa3333;
	border:none;
	position: absolute;
	bottom: 0
	}

#footer_content{ 
	padding-left: 185px; 
	color: #fff; 
	text-align: left; 
	line-height: 18px; 
	font-size: 10px;
	}
	
#footer_content a, 
#footer_content a:visited, 
#footer_content a:active,
#footer_content a:focus  { color: #fff; font-size: 10px;font-weight: normal; text-decoration: none;margin: 0 5px 0 5px}
#footer_content a:hover	 {text-decoration: underline}
	#scroll {
		display:bock;
		width:480px;
		height:450px;
		overflow:auto;
		}
  	.linklist { 
  		width:460px;
  		height:18px;
  		background:#efeeff;
  		display:block;
  		margin-bottom:-14px;
  		padding:1px;
  		}
  	.parentlist {
  		width:460px;
  		font-weight:bold;
  		height:18px;
  		background:#ffcccc;
  		display:block;
  		margin-bottom:-14px;
  		padding:1px;
  		}
  	.parentlist:hover{
  		background:#efeeff;
  		}
  	* html .linklist {
  		width:470px;
  		height:18px;
  		}
  	.linklist:hover {
  		background:#ffcccc;
  		}
  	.linklist .r {
  		float:right;clear:right;
  		margin-right:10px;
  		}
  	.linklist .l {
  		margin-left:10px;
  		float:left;clear:left;
  		}

/*Textbeschreibungsangaben*/
iframe{height: 392px; width:460px}
fieldset, img { border: 0; }

ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote { margin: 0 0 1em 1.5em; }


h1 {font-weight: normal; font-size: 11px; margin-bottom:3px; }
h2 { font-weight: normal;font-size: 18px; line-height: 20px;margin-bottom:12px; }                     
h5{font-weight: bold; margin: 0; padding:0px; font-size: 12px;line-height: 16px;}


strong,b { font-weight: bold }
em,i { font-style:italic }

/*Style fuer Abkuerzung -abbr- oder Akronyme -- anderes Cursor aussehen und Titeleingabe erscheint*/
acronym, abbr  { letter-spacing: 0.07em; cursor: help; border-bottom: 0.1em dotted #ff860f }

p    { margin: 0; padding:0px; font-size: 12px;line-height: 16px; }
a, 
a:active,
a:focus,
a:visited {color: #000; text-decoration: none; font-weight: normal;text-decoration: underline; }
a:hover   { color: #000; font-weight: normal; text-decoration: underline;}



.note {background-color: #fff; text-align: left; padding: 1em 1em 1em 0; border-bottom: 1px #bbb solid; font-size: 11px; line-height: 14px; color:#000}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
.center { text-align:center; margin: 0.5em auto }
.floatbox { overflow:hidden; }



.news { color:#000; font-family: Arial, Helvetica, verdana, sans-serif; font-weight: normal;
		text-align:left; }


/********************/
/***** FORMULAR *****/
/********************/
form   { margin: 0px 0; padding: 0; border-width: 0 }
fieldset        { display: block; margin: 3px 0 15px; padding: 0; clear: both; border: 0 }
* html fieldset      { padding: 3px 0 }

label {float: left;  width: 100px; text-align: left; margin-top: 3px; margin-right: 5px;font-weight: bold; } 
/*	.kontaktdaten label   { display: block; width: 100%; float: left }
	.bemerkung label   { display: block; width: 100%; float: left }
	.auswahl label     { margin: 0; padding: 0 10px 0 5px }	*/	
	

		   
input,textarea, select { xbackground: #fff; margin: 0 0 5px; padding: 3px 3px 2px; xwidth: 300px;  xborder: solid 1px #ccc }  
	.auswahl input  { margin: 0; width: 12px; height: 12px; border:0 } 

	
input:active, input:focus, textarea:focus, select:focus    { xbackground-color: #eee; xborder: solid 1px #ccc;  margin-left: 0 }
.searchblock .search { background: #fff url("../../_bilder/searchblock.jpg") no-repeat; border: solid 1px #ccc;  margin-left: 0 }
.searchblock .search:active, .searchblock .search:focus { background: #fff; border: solid 1px #ccc;  margin-left: 0 } 
   
button   { color: #000; font-size: 12px; line-height: 12px; height:25px; background-color: #eee; margin-top: 0px; margin-left: 8px; padding: 2px 3px; float: left; border: solid 1px #ccc; }
.button{text-decoration:none; height:15px; background-color:#fff; width:60px; padding-left:10px;}




.blind { display:none; }

.spambox{margin-left: 105px}



/***********************************/
/*SPAMSCHUTZ*/
.hint{padding:2px 0px 15px 0px; height:15px; font-size: 11px; color: #000; line-height: 14px}
.array{padding:2px; width:80px; height:25px; float:left;}
.spamimg{margin: 0px 0px 10px 0px; border: 0}