@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0; 
	border: 0;
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(pics/bg.jpg);
	background-repeat: repeat-x;
    }
	
#container { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	width: 1100px;  
	font-size: 12px; 
	color: #000000; 
	} 
		
#header {
	padding: 0; margin: 0;
	height: 270px; width: 1100px;
	background-image: url(pics/head.jpg);
	background-repeat: no-repeat;
    } 
	
	
/* -------- Navigation oben --------- */

#navigation {
	position: absolute; top: 172px; left: 300px;
	padding: 0; margin: 0; border: 0;
	height: 26px; width: 600px;
	text-align: left;
	color: #000000;
	font-size: 10px;
	}

#navigation table {
	padding: 0; margin: 0; border: 0;
	text-align: left;
	height: 26px;
	}

#navigation td {text-align: center; padding: 0px 20px 2px 20px; margin: 0; border: 0; height: 26px;}

#navigation td a:link, #navigation td a:visited {text-decoration: none;	 color: #FFFFFF;}

#navigation td a:hover {color: #99CCFF;	text-decoration: none;}
#navigation td.auswahl {text-decoration: none; color:#000066; background: transparent url(pics/nav_auswahl.jpg); background-repeat: repeat-x;}
#navigation td.nav_auswahl {text-decoration: none; background: transparent url(pics/nav_auswahl.jpg); background-repeat: repeat-x;}
#navigation  .nav_auswahl a {color:#000066; }

/* ---- End Navigation oben ---- */


/* ---- Navigation links ---- */

#sidebar1 { 
	padding: 0; 
	margin: 0; 
	position: absolute; 
	left: 0; 
	top: 272px; 
	width: 240px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 12px;  
	}

#sidebar1 a:link, #sidebar1 a:visited { text-decoration: none; color: #000000; }
#sidebar1 a:hover { text-decoration: underline; color: #FF6600; }

#sidebar1 .grau { color:#999999;}
		
#sidebar1 li .red { 
		margin: 0; 
		padding: 0; 
		font-size: 16px; 
		line-height: 20px; 
		color: #FF0000; 
		text-align: left; 
		font-weight: bold; 
		}
		
#sidebar1 hr { margin: 20px 20px 20px 30px;}
	
ul#nav  { padding: 0; margin: 0; list-style-type: none; font-size: 12px; }
ul#nav li { padding: 6px 0 4px 42px; margin: 4px 0 0 0; list-style-type: none; font-size: 12px; height: 14px; }
ul#nav li.auswahl { color: #336699; font-weight: bold; background:url(pics/nav_left_auswahl.jpg) repeat-y; }


#hotline { margin: 0; padding: 0 0 0 40px;}
	
#hotline .red_hotline { 
			margin: 0; 
			padding: 0; 
			font-size: 16px; 
			line-height: 18px; 
			color: #FF0000; 
			text-align: left; 
			font-weight: bold; 
			}
		
#hotline a:link, #hotline a:visited { text-decoration: none; color: #999999; }
#hotline a:hover { text-decoration: underline; color: #FF6600; }

	

/* ---- End Navigation links ---- */



 
 /* ----- Inhalt ----- */

#mainContent { position: absolute; left: 300px; padding: 0 0 100px 0; margin: 0; width: 800px; text-align: left;}
	
	
#mainContent img 		{margin: 10px 0; padding: 0; border: 0;}
#mainContent img.right 	{float: right; margin: 10px 0 20px 40px;}
#mainContent img.left 	{float: left; margin: 10px 50px 20px 0;}
#mainContent img.start 	{float: right; margin: 10px 0 80px 40px;}

#mainContent p { 
		padding: 0 20px 6px 0; 
		font-size: 12px; 
		line-height: 18px; 
		color: #000000; 
		}
		
	#mainContent p.impressum { 
			padding: 0 0 2px 0; 
			font-size: 10px; 
			font-weight: normal; 
			line-height: 15px; 
			color: #000000; 
			}
	
	#mainContent ul { padding: 0; margin: 0; color: #000000; }
	#mainContent li { padding: 6px 0 5px 0; margin: 0 0 0 40px; }
		
	#mainContent hr {margin: 15px 0 20px 0;}
	
	#mainContent a { font-weight: bold; }
	#mainContent a:link, #mainContent a:visited { text-decoration: none; color: #003399; }
	#mainContent a:hover { text-decoration: underline; color: #FF6600; }

		table#uebersicht { 
			margin: 10px 0 0 0; 
			width: 682px;
			}

	#mainContent table.service 	{margin: 0; padding: 0; width: 750px;}
	#mainContent td 			{text-align: left; margin: 0;}
	#mainContent td.usb_small 	{padding: 0 4px 0 0; height: 124px; width: 166px; text-align: center;}
	#mainContent td.usb_number 	{padding: 0 4px 10px 0; margin: 0; height: 24px; width: 166px; text-align: center;}
	#mainContent td.usb_big 	{padding: 0px 0 20px 0; margin: 0; text-align: left;}
		
		#mainContent td.usb_def { 
			padding: 0 4px 10px 0; 
			margin: 0; 
			height: 24px; 
			width: 100px; 
			text-align: left; 
			}
		
		#mainContent td.usb_text { 
			padding: 0 4px 10px 0; 
			margin: 0; 
			height: 24px; 
			width: 330px; 
			text-align: left; 
			}



	.page_right { 
		text-align: right; 
		font-size: 10px; 
		font-weight: normal; 
		float: right; 
		}
	
	.page_right a, .page_right a:visited { 
		font-weight: normal;
		}

	#picContent { 
		position: absolute; 
		left: 840px; 
		top: 380px; 
		width: 250px; 
		padding: 0 0 100px 0;  
		margin: 0; 
		text-align: left;
		}
	

	#grau p { 
		padding: 0 20px 0 0; 
		font-size: 12px; 
		line-height: 16px; 
		color:#666666; 
		}
		
	#notfall p { 
		padding: 0 200px 0 0; 
		font-size: 12px; 
		line-height: 18px; 
		color: #333333; 
		}
		
		
	.rot { 
	color: #FF0000; 
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	}
	
#art_left { width: 430px;}	
#art_right { float: right; width: 370px;}
	
#kontakt {margin 5px; width: 220px; height: 100px; background: url(pics/buttons/button_over.gif) no-repeat; font-size: 14px;}
#kontakt a:link, #kontakt a:visited {margin: 20px 0 20px 20px;  font-weight: normal; color: #990000; background: url(pics/buttons/button_off.gif) no-repeat;}
#kontakt a:hover {margin: 20px 0 20px 20px; font-weight: bold; color: #FF0000 ; background: url(pics/buttons/button_on.gif) no-repeat;}	

/* ---- End Inhalt ---- */


/* ---- Inhalt FAQ ---- */

.frage { 
	margin: 0 0 5px 0; 
	padding: 5px 20px 10px 0; 
	font-weight: bold; 
	color: #003399; 
	}

/* ---- End Inhalt FAQ ---- */



/* ---- Kontaktformular ---- */

form 	{margin: 0 0 0 70px; width: 440px; }
form p 	{margin: 0; padding: 0; }

label {text-align: left; float: left; width: 100px; color:#999999; font-size:11px; }


.t-area {
	background-color: #E4F8FE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


input { padding: 1px; background-color: #E4F8FE; width:280px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
input.button { border: 1px solid #0099CC; }


/* ---- End Kontaktformular ---- */

#mainContent p.news_date  {
	font-size: 10px;
	color: #666666;
	padding: 10px 0 0 0;
	margin: 0;
	}

#mainContent p.news_head  {
	font-size: 14px;
	color: #333333;
	padding: 0 0 2px 0;
	font-weight: bold;
	}

#mainContent p.news_text {
	font-size: 12px;
	padding: 0 0 2px 0;
	font-weight: normal;
	line-height: 17px;
	color: #000000;
	}

.clear { float: none; }

h1, h2, h3, h4, h5 { color: #4F4F4F; padding: 0;margin: 0;}

h1 {font-size: 16px; line-height: 20px; padding-bottom: 10px;}

h2 {font-size: 14px; line-height: 14px; padding-top: 10px;}
	
h5 {color: #003399;	font-size: 14px; line-height: 14px; padding-top: 20px;}



#fastcontact  {width:210px;height: 80px;margin: 0px; padding:0px; }
#fastcontact  a {font-size: 13px; text-align:center; padding: 25px 0 20px 0;}

#fastcontact  a:link , #fastcontact  a:visited , #fastcontact  a:active {
	display:block; height:70px; background-image:url(pics/buttons/button_off.gif);
	background-repeat: no-repeat; color: #CC0033; }

#fastcontact  a:hover {background-image:url(pics/buttons/button_over.gif); color:#000;}