@charset "utf-8";
/* CSS Document */

html {
	height: 101%; /* erzwingt Scrollbalken in Firefox */
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
/*	font-family: Candara, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	color: #003270;
	/*	background-color: #0064a0;
	background-image: url(bg_blue.gif);
	background-repeat: repeat-x; */
	background: #0064a0 url(bg_blue.gif) repeat-x; /*= Kurzform */
	padding-bottom: 0.1em;
}

#wrapper {
	max-width: 1280px;
	width: 95%;
	margin: 1em 0.5em 0.5em 0.5em;
	padding: 0.5em;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3em;
	border: 3px solid gray;
	background-color: white;/*	padding-bottom: 0.5em;*/
}
#top h1 {
	background: url(logo_600x120px.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height: 120px;
}
#top {
	height: 120px;
	margin-bottom: 1em;
	padding: 0.2em 0em 0.1em 0.6em;
	border: 3px silver solid;  	/*#003271 *//*	border: 2px #999 solid; */
}



#left {
	width: 185px;
	float: left;
	margin-left: 0em;
	margin-bottom: 2em;
	font-size: 0.8em;
}

#left h2 {
	display: none;
}

ul#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	border: 3px solid silver;
}
		
ul#nav li {
	font-weight: bold;
	background-color: lightcyan;
	border-bottom: 3px solid #fff;
}

#nav li a {
	padding: 0.3em;
	padding-left: 27px;
	text-decoration: none;
	display: block;
	color: #003270;
}
						
#nav li a:hover	 {
	color: red !important;
	background-color: #9CF;
	font-weight: bold;
	background-image: url(logo/wasserhahn_neu_20x20.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}

#nav li a:visited {
	color: #003270;
}

#nav .activer_link {
	background-color: #9CF;
	color: black !important;
	border-top: 1px solid #003271;
	border-bottom: 2px solid #003271;
	background-image: url(logo/wasserhahn_neu_20x20.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}







/* #nav {
	margin: 0;
	padding: 0;
	width: 13em;
	float: left;
	border: silver 3px solid;
	font-size: 0.8em;/* background-color: LightGoldenrodYellow; 
	
#nav ul {
	margin: 0.1em;
	padding: 0.1em;
}
#nav li {
	text-align: left;
	list-style: none;
}
#nav a {
	display: block;
	text-decoration: none;
	padding: 0.1em;
	padding-left: 0.5em;
	border-bottom: 1px solid gray;
}
#nav a:hover {
	color: black;
	background-color: Firebrick;
	color: white;
	font-weight: bold;
} */


#nav .rubriken {
	font-size: 1.1em;
	font-weight: bold;
	background: skyblue;
	margin: 0;
	text-align: center;
	padding: 0.2em;
	border-top: 1px solid gray;
	border-bottom: 2px solid gray;

}

#nav .last_link {
	border: none;
}



#main {
	text-align: left;/* background-color: LightGoldenrodYellow; */
}
#main {
	background-color: white;
	margin-left: 200px;
	margin-right: 0em;
	padding: 0.5em;
	margin-bottom: 0.8em;
	border: 3px solid silver;
	background-repeat: no-repeat;/*background-attachment: fixed;
	background-position: top right;*/
}
#main h2 {
	margin-top: 0.3em;
	border-top: 1px #003271 solid;
	border-bottom: 3px solid #003271;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1.9em;
	background-image: url(logo/wasserhahn_32x32px.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	background-color: lightcyan;
}

#main h3 {
	border-bottom: 1px dashed gray;
	padding-bottom: 0.3em;
	margin-top: 1.8em;
}

#main div.img_left_142px {
	float: left;
	width: 142px;
	margin-right: 1.3em;
	margin-bottom: 1ex;
	font-style: italic;
	border: 1px solid silver;
	background: lightcyan;
}

#main div.img_left_142px p {
	text-align: center;
	margin: 0em 0.8em 0.8em 0em;/*	margin: 1em 0; */
}



#main div.img_left_255px {
	float: left;
	width: 255px;
	margin-right: 1.3em;
	margin-bottom: 1ex;
	font-style: italic;
	border: 1px solid silver;
	background: lightcyan;
}

#main div.img_left_255px p {
	text-align: center;
	margin: 0em 0.8em 0.8em 0em;/*	margin: 1em 0; */
}

#main div.img_left_310px {
	float: left;
	width: 310px;
	margin-right: 1.3em;
	margin-bottom: 1ex;
	font-style: italic;
	border: 1px solid silver;
	background: lightcyan;
}

#main div.img_left_310px p {
	text-align: center;
	margin: 0em 0.8em 0.8em 0em;/*	margin: 1em 0; */
}

#main div.img_left_340px {
	float: left;
	width: 340px;
	margin-right: 1.3em;
	margin-bottom: 1ex;
	font-style: italic;
	border: 1px solid silver;
	background: lightcyan;
}
#main div.img_left_340px p {
	text-align: center;
	margin: 0em 0.8em 0.8em 0em;/*	margin: 1em 0; */
}

#main div.img_left_400px {
	float: left;
	width: 400px;
	margin-right: 1.3em;
	margin-bottom: 1ex;
	font-style: italic;
	border: 1px solid silver;
	background: lightcyan;
}

#main div.img_left_400px p {
	text-align: center;
	margin: 0em 0.8em 0.8em 0em;/*	margin: 1em 0; */
}




#main div.img_left_720px {	
	width: 720px;
	margin-right: 1.3em;
	margin-bottom: 1ex;
	font-style: italic;
	border: 1px solid silver;
	background: lightcyan;
}

#main .text {
	float: left;
}
		

#main div.img_left_720px p {
	text-align: center;
	margin: 0em 0.8em 0.8em 0em;/*	margin: 1em 0; */	
	
}
#main div.img_600 {
	width: 600px;
	border: 1px solid silver;
}
#main div.img {
	width: 720px;
	font-style: italic;
	border: 1px solid silver;
	background-color: white;
}
#main div.img_left {
	float: left;
	margin-right: 30px;
	font-style: normal;
	margin-bottom: 1em;
}
#kasten {
	height: 15em;
}
#kasten img {
	border: 1px solid gray;
}
#main div.img p {
	text-align: right;
	margin: 1em 1em 1em 0em;
}

/*
#bottom {
	height: 180px;
	clear: both;
	background-image: url(images/banner_1280x180px.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-position: left center; 
	border: 1px solid gray;
	border-top: 3px solid gray;
	margin: 1em 0.5em 0.5em 0.5em;
	background-color: #FFFFFF;
}



/*


#bottom {
	margin-top: 2em;
	background-image: url(banner_images/kuehe_banner.jpg);
	height: 180px;
	background-position: center;
	background-repeat: no-repeat;
	/* clear: both; hier statt .fix    { clear: both;
}*/


#right {
	float: right;
}

#bottom2 {
	height: 1em;
}
.fix {
	clear: both;
}
.clear {
	clear: both;
}
.links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.links li {
	/*	border-bottom: 3px solid DarkBlue; */
/*	border: 1px solid #990000; white-space-Bug: Entweder Rahmen oder im HTML Leerschlag nach z.B. Hergiswiler Lbe (nach dem e von Lbe)*/
	margin-top: 3px;
	background-color: #CCFF33;
	padding: 0.1em;
}



.links a {
	display: block;
	text-decoration: none;
	padding: 0.1em;
	padding-left: 0.5em;
	border-bottom: 1px solid #999999;
}
.links a:hover {
	color: red;
	background-color: yellow;
}
.links a:visited {
	color: black;
}
.fett {
	font-weight: bolder;
}