* 			{margin: 0; padding: 0;}
a			{text-decoration: none; color: #666666;}
a:hover		{text-decoration: none; color: #999999;}
p 			{margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; padding: 0; text-align:  justify;}
img			{margin: 0; padding: 0;}
h1 			{font-size: 1.0em; margin-bottom: 10px;}

body		{
			color: #666;			
			font-family: Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
			font-size: 8.4pt;
			background-image: url(../bilder/hd.jpg);
			background-repeat: no-repeat;
			background-position: 50% top;
			}
table  		{color: #666;font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 8.4pt;}
/******************************************************************************************
*****************************************************************************************
*****************************************************************************************

a Tack immer vordefienierten. Wenn mann einen a Tack in einer ID deviniert, kann es dazu führen, dass sich der Wert überschreibt. So ist es möglich. Die Farbe später noch mal für den Aktivenzustand als class zu defineiren.!

* Der Wert m

*****************************************************************************************
*****************************************************************************************
******************************************************************************************/

#main {width: 840px; margin: 0 auto;}

#hader {
	height: 145px;
	margin: 0px 0 0 0px;
	padding: 0px;
	}

#hader-sub-navi {
	font-family: Arial, Helvetica, sans-serif; padding: 0;
	padding-left: 0px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 100px;
	}

#hader-sub-navi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#hader-sub-navi li {
	display: inline;
	margin-left: 4px;
	line-height: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
#hadrer-sub-navi  a {
	color: #999999;
	text-decoration: none;
	}
	
#hader-logo {
	float: right;
} 
#hader-logo a {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}

#hader-logo img {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}
#breadcrumb{
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	height: 25px;
	padding-left: 160px;
	margin-bottom: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#breadcrumb ul {
	list-style-type: none;
	margin: 0 0 0 26px;
	padding: 0 0 0 0;
}
	
#breadcrumb li {
	display: inline;
	line-height: 25px;
	margin-right: 2px;
}
	
#breadcrumb a {
	color: #999999;
	text-decoration: underline;
}


/*######## Spaltenaufteilung für die Startseite seite#######################################################################################################################*/

#spalten-aufteilung-startseite{
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	height: 660px;
	clear: both;
	margin-bottom: 20px;

}

#spalte-startseite-a, #spalte-startseite-b, #spalte-startseite-c{
	height: 100%;
	border: 0px solid #666666;
}

#spalte-startseite-a {
	width: 140px;
	float: left;
	margin-left: 30px;

}

#spalte-startseite-b {
	width: 150px;
	float: right;
	margin-right: 10px;
}

#spalte-startseite-c {
	width: 485px;
	margin-left: 180px;
}

#spalte-startseite-c-left {
	width: 230px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 0px solid #666666;
	
}
#spalte-startseite-c-right {
	width: 230px;
	float: right;
	border: 0px solid #666666;
	margin: 5px 5px 0px 0px;

}
#spalte-startseite-c-long{
	width: 473px;
	float: left;
	margin: 5px 0px 5px 5px;
	border: 0px solid #666666;
}

	#formular form p{font-size:0.8em; line-height:1.4em; }
	#formular fieldset{border:0px none;width:473px;margin-left:0px;/margin-left:0px; margin:0}
	#formular input {border:1px solid #ccc}
	#formular input.inputNormal{width:230px;height:19px}
	#formular input.inputLong {width:302px;height:19px}
	#formular input.inputShort {width:66px;height:19px}
	#formular input.nicht-sichtbar {visibility: hidden; width:20px}
	#formular textarea.textfield {float:left;width:340px;border:1px solid #ccc;font-size:1.0em;font-family:Arial, Helvetica, sans-serif;}/*Nachrichtenfeld*/
	#formular label, #formular form, span.label {display:block;float:left;width:90px;line-height:1.3em}
	#formular label.bold {font-weight:bold}
	#formular label.bold-space {font-weight:bold;padding-top:5px}
	#formular label.long {display:block;float:left;width:450px;line-height:1.3em;font-weight:bold}
	
	#formular select.anrede {width:100px; border:2px solid #ddd;color:#535355 font-size:1.0em;font-family:Arial, Helvetica, sans-serif}
  	#formular input.checkbox{padding:0;margin:0 10px 0 0}
	#formular p.ueberschrift {border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:3px}
	.formtext{float:left;width:343px;font-size:1.0em;line-height:2.2em;font-family:Arial, Helvetica, sans-serif;padding-left:90px}
	
  	.formButton{float:left;width:383px;font-size:1.0em;line-height:2.2em;font-family:Arial, Helvetica, sans-serif;padding-left:90px}
  	.formButton input, .input.button {cursor:pointer;background-color:#B6B6B6;;color:#ffffff}

#sitemap ul     	 {list-style-type: none;list-style-position: outside;}
#sitemap ul li   	 {padding-bottom: 10px;}
#sitemap ul ul 		 {padding-top: 5px;padding-left: 20px;}
#sitemap ul li ul 	 {padding-top: 5px;padding-left: 20px;padding-bottom: 5px;}
#sitemap ul li ul li {padding-bottom: 2px;}
#sitemap  a    		 {text-decoration: underline;}	
#sitemap  a.bold   	 {text-decoration: underline; font-weight: bold;}	

#kontakt 			{width: 140px; margin: 5px 5px 20px 5px;}
#kontakt ul 		{margin-bottom: 0px; list-style-type:none; list-style-position:outside;}
#kontakt li			{padding-bottom: 2px;}



#merckblat li 		{background-image: url(../bilder/pdf_icon.gif); background-position: left top; background-repeat: no-repeat;
					 display: block; list-style-position: outside; list-style-type: none;}
#merckblat li a 	{padding-left: 30px; text-align: left; line-height:25px; margin-top: 5px;}

#goto-site {
	color: #999;
	font-family: Arial, Helvetica, sans-serif; padding: 0;
	line-height: 25px;
	height: 25px;
	padding-left: 160px;
	text-align: right;
}
#goto-site ul {
	list-style-type: none;
	margin: 0 0 0 26px;
	padding: 0 0 0 0;
}
	
#goto-site li {
	display: inline;
	line-height: 25px;
	margin-right: 2px;
}
	
#goto-site a {
	color: #999999;
	text-decoration: underline;
}

#fuss {
	width: 840px; margin: 0 auto;
	text-decoration: none;
	text-align: center;
	height: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	vertical-align: middle;
	padding-top: 8px;
}
#fuss a {
	text-decoration: none;
	text-align: center;
	
	font-size: 12px;
	color: #FFFFFF;
}
#fuss a:hover {
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #666666;
}
.uberschriften {
	font-size: 1.6em;
	font-weight: bolder;
	color: #FF9900;
	font-variant: small-caps;
}
.bildschatten {
	padding: 5px 5px 5px 5px;
	background-repeat: no-repeat;
	background-position: left bottom;
	border: 1px solid #B6B6B6;
	/*background-image: url(../bilder/schatten.png);*/
}