@charset "utf-8";

	body {
		background: #c1c9d1 url('../Bilder/hg1.png') repeat-y center 0;
		font: normal 1em "Verdana", "Arial", "Helvetcia", sans-serif;
		font-size: 100.1%; /* IE */
		padding: 0;
		margin: 0 auto;
		width:1280px;
	}
	
	div#header {
		position:relative;
		background: #3369BC; /* blau */
		padding: 0px 0px 0px 0px;
	}
	
	div#header_logo {
		position: absolute;
		left: 50px;
		top:35px;
		padding: 0px 0px 0px 0px;
	}
	
	div#header_cont {
		position:relative;
		left: 480px;
		background: #3369BC;
		width:566px;
		height: 130px;
		padding: 0px 0px 0px 0px;
	}
	
	div#header_claim {
		position: absolute;
		/*right:217px;*/
		right: 0px;
		top:90px;
		padding: 0px 0px 0px 0px;
	}
	
	div#header_sprache {
		position: absolute;
		right: 0px;
		top: 20px;
		padding: 0px 0px 0px 0px;
	}
	
	div#grau1 {
		position:relative;
		background: #B1BBC6; /* grau */
		height:400px;
	}
	
	
	div#grau1_l {
		position:absolute;
		left:0px;
		height:380px;
		width:230px;
		overflow:hidden;
	}
	
	div#grau1_r {
		position:absolute;
		background: #D8D8D8; 
		/*background-image:url(../Dias/FA_53_08.jpg);*/
		width: 1000px;
		height: 400px;
		right:0px;
	}
	
	div#grau2 {
		background: #B1BBC6;
		padding: 0px 0px 0px 0px;
		height: 55px;
	}
	
	div#grau3 {
		position:relative;
		background: #B1BBC6;
	}
	
	
	div#grau3_center {
		position:relative;
		width: 990px;
		height: 230px;
		margin: 0 auto;
		overflow: hidden;
		padding: 40px 0px 40px 0px;
	}
	
	#div3a {
		 position:absolute;
		 left:0;
		 width:210px;
	}
	
	#div3b {
		 position:absolute;
		 left:260px;
		 width:210px;
	 }
	 
	 #div3c {
		position:absolute;
		left:520px;
		width:210px;
	}
	
	#div3d {
		position:absolute;
		left:780px;
		width:210px;
	 }
	
	div#grau4 {
		position:relative;
		background: #B1BBC6;
		width:100%;
		height: auto;
		padding: 0px 0px 0px 0px;
		overflow:hidden; /* wg. float und Hintergrund! */
	}
	
	div#grau4_l {
		float:left;
		left:0px;
		width:280px;
	}
	
	div#grau4_r {
		float:left;
		left:280px;
		width:730px;
	}
	
	div#grau4_roben {
		position:relative;
		width: 730px;
		padding: 50px 0px 0px 0px;
	}
	
	div#grau4_roben_l {
		float:left;
		width: 350px;
		padding: 0px 0px 0px 0px;
	}
	
	div#grau4_roben_r {
		float:right;
		left: 500px;
		width: 300px;
		padding: 0px 0px 0px 0px;
	}
	
	div#grau4_unten {
		clear:both;
		position:relative;
		width: 730px;
		height: 200px;
		padding: 50px 0px 100px 0px;
	}
	
	#div4a {
		 position:absolute;
		 left:0;
		 width:210px;
	}
	
	#div4b {
		 position:absolute;
		 left:260px;
		 width:210px;
	 }
	 
	 #div4c {
		position:absolute;
		left:520px;
		width:210px;
	}
	
	div#footer {
		clear:left;
		background: #3369BC;
		height: 300px;
		padding: 0px 0px 0px 0px;
	}
	
	div#footer_center {
		position:relative;
		width: 990px;
		height: 200px;
		margin: 0 auto;
		overflow: visible !important;
		padding: 30px 0px 0px 0px;
	}
	
	#div_f_a {
		 position:absolute;
		 left:0;
		 width:210px;
	}
	
	#div_f_b {
		 position:absolute;
		 left:260px;
		 width:210px;
	 }
	 
	 #div_f_c {
		position:absolute;
		left:520px;
		width:210px;
	}
	
	#div_f_d {
		position:absolute;
		left:780px;
		width:210px;
	 }
	 
	div#footer_center2 {
		position:relative;
		width: 990px;
		height:30px;
		margin: 0 auto;
		padding: 0px 0px 0px 0px;
	}
	
	.rechts {
		float: right;
	}
	
	.linie {
		background-color: white;
		height: 1px;
	}
	
	div.content {
		float: left;
		padding: 10px;
	}
	
	.einrw {
		color: white;
		padding-top: 5px;
		padding-left: 50px;
		font-weight: 600;
		/*letter-spacing:0.05em*/
	}
	
	.einrw2 {
		color: white;
		padding-top: 50px;
		padding-left: 50px;
		font-weight: 600;
		/*letter-spacing:0.05em*/
	}
	
	.ues1 {
		font-size:1.4em;
		font-weight: 600;
		line-height:100%;
	}
	
	.schrift_grau {
		color:#292f37 !important;
		line-height:130% !important;
		font-weight: 500 !important;
	}
	
	.ulli ul li{
		font-size:0.7em;
		color:#292f37;
		line-height:150%;
	}
	
	.klein {
		font-size:0.8em;
	}
	
	.blau {
		color:#3369BC !important;
	}
	
	.leer {/*Leerzeile mit space.gif - mittig*/
		width:10px;
		border: 0px;
		}
	
	.oben {/*Leerzeile mit space.gif - mittig*/
		vertical-align:middle;
		width:1px;
		height:40px;
		border: 0px;
		}
	
	.oben1 {/*Leerzeile mit space.gif*/
		vertical-align:top;
		width:1px;
		height:10px;
		border: 0px;
		}

	.oben2 {/*Leerzeile mit space.gif*/
		vertical-align:top;
		width:1px;
		height:20px;
		border: 0px;
		}

	.oben3 {/*Leerzeile mit space.gif*/
		vertical-align:top;
		width:1px;
		height:30px;
		border: 0px;
		}

	.oben4 {/*Leerzeile mit space.gif*/
		vertical-align:top;
		width:1px;
		height:40px;
		border: 0px;
		}
		
	.bild_rechts {
		float:right;
		margin: 0px 10px 15px 20px;
		}
	/*
	---------------Formular------------------------
	*/

	.cd {
		float:right;
		margin-left: 30px;
		margin-right: 115px;
		margin-bottom: 10px;
		border:0px;
	}
	
	.cdrechts {
		position: absolute;
		width: 100px;
		top:90px;
		right:0px;
		font-size: 0.7em;
		color: white;
		font-weight: 500 !important;
	}
	
	.form
	{
		margin:		0px 0px;   /*Abstand zum Text oben, Abstand nach links*/
		display:	block;
		font-size:0.8em;
		line-height:130%;
	}

	fieldset
	{
		text-align:	left; 
		border:		1px solid white;
		display:	block;
		padding:	0px 40px 10px 40px;	/*Innenabstand zum Rahmen - oben wg. IE mit Space*/
		clear:		both;
		margin:		30px 0px 0px 0px;	/*Abstand des f. nach aussen: Oben zum Text, bzw. nächstem Element*/
	}

	select.form1
	{
		position: 	relative;
		top: 		-15px;
		left: 		110px;
		display:	block;
		width:		100px;
		border:		1px solid gray;
		font-family: VERDANA,ARIAL,HELVETICA;
		font-size:0.8em;
	}


	legend
	{
		color:		#000;
	}

	.links
	{
		clear: 		left;
		float: 		left;
		display: 	block;
		width: 		100px;
		margin-top: 10px;
		font-weight: 600;
		color:		#292f37;
	}

	.linksbutton	/* Zeile Zurücksetzen-Button */
	{
		clear: 		left;
		float: 		left;
		display: 	block;
		width: 		100px;
		margin-top: -10px;
		font-weight: 600;
		color:		#292f37;
	}

	.rechts
	{
		position: 	relative;
		clear: 		both;
		float: 		left;
		left: 		110px;
		display: 	block;
		width: 		250px;
		font-weight: 600;
		line-height:170%;
	}

	.info2 
	{
		font-family:VERDANA,ARIAL,HELVETICA;
		font-size:0.8em;
		font-weight:normal;
		color:		#292f37;
	}

	.fo
	{
		position: 	relative;
		top: 		-15px;
		left: 		110px;
		display: 	block;
		border:		1px solid gray;
		padding:	3px;
		background:	#fff;
		width:		250px;
		font-family:VERDANA,ARIAL,HELVETICA;
		font-size:0.8em;
	}

	.fradio
	{
		position: 	relative;
		top: 		-15px;
		left: 		110px;
		display: 	block;
		
	}

	.fbutton
	{
		position: 	relative;
		top: 		-15px;
		left: 		110px;
		display: 	block;
		border:		1px solid gray;
		padding:	3px;
		background:	#fff;
		width:		258px;	/* Breite plus 2xpadding + 2xborder */
		font-family: VERDANA,ARIAL,HELVETICA;
		font-size:0.8em;
	}

	textarea
	{
		position: 	relative;
		top: 		-15px;
		left: 		110px;
		display: 	block;
		border:		1px solid gray;
		padding:	3px;
		width:		500px;
		height:		200px;
		font-family: VERDANA,ARIAL,HELVETICA;
		font-size:0.8em;
	}
	
	img.x 
		{
		border: 1px solid #404040;
		}
		
	.form2 {
		position:relative;
		left:110px;
		top:-20px;
	}
	
	.form3 {
		position:relative;
		left:380px;
		top:-32px;
	}

	/* ------------------ Formular  Ende ------------------------ */
	
	h1 {
		font: bold 1em "Verdana", "Arial", "Helvetcia", sans-serif;
		margin: 0;
		padding: 0;
	}
	
	p ,.normal {
		font: normal 0.7em "Verdana", "Arial", "Helvetcia", sans-serif;
		color: white;
		margin: 0;
		padding: 0;
	}
	
	a {
		color:white;
		text-decoration:none;
		font-weight:500;
		outline: none;
		}
		
	a:hover {
		color:white;
		text-decoration:none;
		font-weight:500;
		outline: none;
		border:0px;
		}
		
	a:active {
		color:white;
		text-decoration:none;
		font-weight:500;
		outline: none;
		}
		
	a.anker {
		color:#292f37;
		text-decoration:none;
		outline: none;
		}
		
	a.anker:hover {
		color:#292f37;
		text-decoration:none;
		outline: none;
		}
		
	a.anker:active {
		color:#292f37;
		text-decoration:none;
		outline: none;
		}
		
	a.f {
		color:white;
		text-decoration:none;
		font-weight:600;
		outline: none;
		}
		
	a.f:hover {
		color:white;
		text-decoration:none;
		font-weight:600;
		outline: none;
		}
		
	a.f:active {
		color:white;
		text-decoration:none;
		font-weight:600;
		outline: none;
		}
		
	/* Accordion Menu */

	.arrowlistmenu{
		position:absolute;
		top:20px;
		left:50px;
		width: 160px; /*width of accordion menu*/
		}

	.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
		font-size: 0.7em;
		font-family:"Verdana", "Arial", "Helvetcia";
		font-weight: 600;
		color: white; /* Schrift Menü */
		/* color: white;
		background: black url(../Bilder/titlebar.png) repeat-x center left; */
		margin-bottom: 10px; /*bottom spacing between header and rest of content*/
		padding: 0px 0px 0px 0px; /*header text is indented 10px*/
		cursor: hand;
		cursor: pointer;
		}

	.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
		/* background-image: url(../Bilder/titlebar-active.png);  */
		}

	.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
		}

	.arrowlistmenu ul li{
		font-size: 0.85em;
		font-family:"Verdana", "Arial", "Helvetcia";
		padding-bottom: 0px; /*bottom spacing between menu items*/
		}

	.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
		color: white !important;
		}

	.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
		color: white !important;
		}

	.arrowlistmenu ul li a{
		color: white; /* Schrift Menü weiss */
		/* background: url(../Bilder/arrowbullet.png) no-repeat center left;            custom bullet list image*/
		display: block;
		padding: 2px 0;
		padding-left: 19px; /*link text is indented 19px*/
		text-decoration: none;
		font-weight: 500;
		/* border-bottom: 1px solid #dadada; */
		font-size: 0.8em;
		}

	.arrowlistmenu ul li a:visited{
		color: white;
		}

	.arrowlistmenu ul li a:hover{ /*hover state CSS*/
		color: #3369BC; /* blau */ 
		}

	.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
		color: #3369BC !important; /* blau */ 
		}
		
	.stalone {
		font-size: 0.7em;
		font-family:"Verdana", "Arial", "Helvetcia";
		font-weight: 600;
		color: white; /* Schrift Menü */
		/* color: white;
		background: black url(../Bilder/titlebar.png) repeat-x center left; */
		padding: 0px 0px 0px 0px; /*header text is indented 10px*/
		cursor: hand;
		cursor: pointer;
		}
		
	a.stalone {
		color:white;
		text-decoration:none;
		font-weight:600;
		outline: none;
		}
		
	a.stalone:hover {
		color:white;
		text-decoration:none;
		font-weight:600;
		outline: none;
		}
		
	a.stalone:active {
		color:white;
		text-decoration:none;
		font-weight:600;
		outline: none;
		}
		
	.preloads {
	display:none;
	}