/* FARBCODES

graue linie: #878787
gelb:		 #FFF100
*/

*{ margin:0; padding:0;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; 

	/*background-color:#E4E4E4;*/

	background-image:url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #C9C9C9;
}
p{padding:10px 0px 2px 0px;line-height:22px;}
h1{ border-bottom:1px dashed #FFF100; font-size:16px;}
h2{ border-bottom:1px dashed #FFF100; font-size:14px;}

a{ color:#FFF100; font-weight:bold;}
a:hover{ color:#878787; text-decoration:none;}


.msg_err { border:4px solid #B62A31; padding:10px; color:#B62A31; font-weight:bold; text-align:center; line-height:18px; background-image:url(../images/icons/exclamation.png); background-position:10px 50%; background-repeat:no-repeat; margin-bottom:10px; }
.msg_ok { border:4px solid #339900; padding:10px; color:#339900; font-weight:bold; text-align:center; line-height:18px; background-image:url(../images/icons/accept.png); background-position:10px 50%; background-repeat:no-repeat; margin-bottom:10px; }

/* GLOBALES LAYOUT */
#global {margin-left:auto;margin-right:auto; margin-top:20px; margin-bottom:20px; width:918px; border:1px solid #878787; background-color:#FFFFFF; }
	#logo{ z-index:2; position:absolute; margin-left:39px;  height:180px; width:247px; }

#top{ height: 96px; border-bottom:1px dashed #878787;}

	
	#nav_top{ margin-left: 286px;}
	
		#nav_top ul {  text-align:center; }
		#nav_top li{ display:inline;     }
		#nav_top li a {  background-image:url(images/button-gelb-oben.jpg); background-repeat:no-repeat; background-position:0 200px; float:left; width:157px; height:23px; padding-top:73px; border-right: 1px dashed #878787; text-decoration: none; font-weight:bold; font-size:14px; color:#000000; }
		#nav_top li a.last { border-right:none;  }
		#nav_top li a:hover, #nav_top li a#aktiv { background-repeat:no-repeat; background-position:0 0;  }
		#nav_top li div{ clear:left;}

#main{background-image:url(images/bg_lines.gif); background-repeat:repeat-x; background-position:top; float:left; width:918px; margin-bottom:20px;}

	#nav_main { float:left; margin-left:40px; margin-top:104px;}
	#nav_main ul { list-style: none; margin: 0; padding: 0; border: none;}
	#nav_main li{list-style-type:none; margin-bottom:1px; line-height:36px;   width:246px; }

	#nav_main li a { background-image:url(images/buttons-gelb-grau.png); background-position:bottom; background-repeat:no-repeat; display: block; padding-left: 24px; text-decoration: none; font-weight:bold; font-size:14px; color:#000000; }
	#nav_main li a:hover, #nav_main li a#aktiv { background-position:0 0;  }

	#img_nav_main{ margin-top:20px; }
	#img_nav_main img{  border:1px solid #878787;}

	#content{margin-left:286px; margin-top:70px; padding:0px 40px 20px 40px;  }
	
	#content_line{ clear:both; border-bottom:1px dashed #878787; margin:20px 0px 20px 0px;}

	
	#addon_img img{float:left; margin-left:40px; border:1px solid #CCC; width:244px; height:218px; margin-bottom:20px;}

	#addon{margin-left:286px; padding:0px 40px 20px 40px;}



#footer{clear:both; text-align:center; padding-top:20px; border-top: 1px dashed #878787; padding:20px 0px 20px 0px;}
#footer a{ color:#000000; font-weight:bold; text-decoration:none; padding:0px 6px 0px 6px;}
#footer a:hover, #footer a#aktiv{text-decoration:underline;}


.img_ref{border: 1px solid #878787; margin-right:8px; margin-bottom:8px;}
.img_ref:hover{border: 1px solid #FFF100; margin-right:8px; margin-bottom:8px;}

.img_s{  border:2px solid #878787; margin-right:8px; }
.img_s_last{  border:2px solid #878787; }
.img_s:hover{  border:2px solid #FFF100; }
.img_s_last:hover{  border:2px solid #FFF100; }


.kontakt_img{ float:left; width:145px; height:109px; border:2px solid #878787; }

.kontakt_img_frey{ background-image:url(images/ansprechpartner/frey.jpg); background-repeat:no-repeat; float:left; width:145px; height:109px; border:2px solid #878787; }
.kontakt_img_euler{ background-image:url(images/ansprechpartner/euler.jpg); background-repeat:no-repeat; float:left; width:145px; height:109px; border:2px solid #878787; }
.kontakt_img_ambrosch{ background-image:url(images/ansprechpartner/michaela.jpg); background-repeat:no-repeat; float:left; width:145px; height:109px; border:2px solid #878787; }
.kontakt_img_weil{ background-image:url(images/ansprechpartner/herr.jpg); background-repeat:no-repeat; float:left; width:145px; height:109px; border:2px solid #878787; }
.kontakt_img_posey{ background-image:url(images/ansprechpartner/arbeiter.jpg); background-repeat:no-repeat; float:left; width:145px; height:109px; border:2px solid #878787; }


.kontakt_person{ margin-left:20px; float:left;}
.clear{clear:left; border-bottom:1px dashed #FFF100; margin:10px 0px 10px 0px;}

iframe{border: 2px solid #FFF100;}


/*############################################################################################################
FORMULAR
############################################################################################################*/
form { padding: 0px; margin: 0px; }
fieldset { padding: 14px; }
label{ cursor:pointer; font-weight:bold; color:#878787; }
textarea{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.textfeld, .textfeld_focus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/input.jpg);
	width:286px;
	/*margin-left:18px;*/
	margin-bottom:8px;
	margin-top:0px;
	border:1px solid #878787;
	font-size:12px;
	color:#666666;
	padding-left : 3px;
	padding-top : 2px;
		padding-bottom: 2px;	
}
.textfeld_focus{ border:1px solid #FFF100; }
.button{ width:292px; /*margin-left:18px;*/ font-weight:bold; padding:4px 0px 4px 0px; background-color:#FFF100; border:1px solid #878787; font-size:12px; color:#000; cursor:pointer; }
.txt_pflichtfeld{ color:#990000; font-weight:bold;}