@charset "UTF-8";

html {
	background:#B2CCEF url(../style/hg-verlauf.jpg) center top no-repeat;
}

body {
	margin:0;
	padding: 0;
	font-size:62.5%;
	font-family: verdana,arial,helvetica,sans-serif;
}

img {
	margin:0;
	padding:0;
	border:0;
}

a {
	color:#000;
}

strong {
	font-weight:bold!important;
}

em {
	font-style:italic;
}

h1, h2, h3 {
	color:#105189;
	font-weight:bold;
}

h1 {
	font-size:2.1em;
	line-height: 1.2em;
}

h2 {
	font-size:1.7em;
	line-height: 1.2em;
}

h3 {
	font-size:1.2em;
	line-height: 1.2em;
}

input.error, selcet.error, textarea.error {
	border:1px solid #AF0627!important;
	background:#E6B0BA;
}

p.error_text {
	color:#AF0627;
	font-weight:bold;
}

/* Transparenz des PNG soll auch im IE 6 verfügbar sein */
img, div {
  behavior: url(../style/iepngfix.htc);
}

div#main {
	margin:auto;
	width:906px;
	font-size:1.1em;
	line-height:1.5em;
}

	/****** Header *******/
	div#header {
		margin-top:0;
		font-size:0;
	}
		ul#header_navi {
			position:absolute;
			margin-top:208px;
			font-size:0;
			width:906px;
		}

		li#header_navi_1, li#header_navi_2, li#header_navi_3, li#header_navi_4 {
			float:left;
		}

	/****** Content und linke Navigation *******/
	#navi_content {
		background:url(../style/hg-content-mitte.png);
		float:left;
		width:906px;
	}

		/****** Linke Navigation *******/
		#navi_left {
			background:url(../style/hg-meta.jpg);
			width:193px;
			float:left;
			height:606px;
		}

			#zettel_1 {
				background:url(../style/bi-zettel-1.png) no-repeat;
				margin-left:10px;
				height:186px;
			}

			#zettel_1 .zettel_inhalt {
				padding-top:52px;
			}

				#zettel_1 a {
					position:absolute;
					margin-left:5px;
					margin-top:4px;
					line-height:1em;
					padding-bottom:2px;
					width:123px;
				}

				#zettel_1 ul li {
					margin-bottom:7px;
				}

			#zettel_2 {
				background:url(../style/bi-zettel-2.png) no-repeat;
				margin-left:10px;
				height:186px;
			}

			#zettel_2 p {
				font-size:1.3em;
				font-weight:bold;
			}

			#zettel_2 .zettel_inhalt {
				padding:35px 19px 10px 8px!important;
			}

			#zettel_2 ul {
				margin-top:10px;
				margin-left:17px!important;
			}

			#zettel_2 ul, #zettel_3 ul {
				margin-left:10px;

			}
			#zettel_2 ul li, #zettel_3 ul li {
				list-style-type:disc;
				font-size:11px;
			}

			#zettel_3 {
				background:url(../style/bi-zettel-3.png) no-repeat;
				margin-left:10px;
				height:186px;
			}

			#zettel_3 p {
				font-size:1em;
			}

				.zettel_inhalt {
					padding:45px 19px 10px 15px;
					overflow:hidden;
					height:120px;
				}

				.zettel_inhalt a {
					color:#000;
					text-decoration:none;
				}


				.zettel_inhalt a:hover, .zettel_inhalt .active {
					text-decoration:underline;
					font-weight:bold;
				}

		/****** Content *******/
		#content {
			float:left;
			padding:0 20px 20px 20px;
			width:673px;
			__width:670px;
		}

			.domindex_galerie a {
				position:inherit!important;
			}

		#content p.center {
			text-align:center;
		}

		#content p.right {
			text-align:right;
		}

		#content img.left {
			float:left;
			margin-right:10px;
		}

		#content img.right {
			float:right;
			margin-left:10px;
		}

		#content ul li {
			list-style-type:disc;
			padding-left:3px;
		}

		#content ol li {
			list-style-type:decimal;
		}

		#content ul {
			margin-left:37px;
		}

		#content ol {
			margin-left:40px;
		}

		#content table, #content table tr td, #content table tr th {
			border-color:#105189;
		}
			#galerie_right {
				float:right;
				padding:30px 0 10px 30px;
				width:171px;
			}
				.img_right {
					border-left:1px solid #105189;
					border-bottom:1px solid #105189;
					padding:0 0 5px 10px;
					width:164px;
					margin-bottom:50px;
				}

				.img_right a {
					text-decoration:none;
				}

				.galerie_lupe {
					vertical-align:-2px;
					margin-left:80px;
					margin-right:5px;
				}

			.teaser {
				border-bottom:1px solid #105189;
				border-left:1px solid #105189;
				padding:0 0 20px 20px;
				margin-top:30px;
			}

			.domindex_galerie {
				width:470px;
				__width:462px;
			}

			.teaser_img {
				float:left;
				margin:0 10px 5px 0;
			}

			div.drucken {
				float:right;
				width:115px;
				height:14px;
			}

			a.drucken {
				background:url(../style/ic-drucken.gif) center left no-repeat;
				display:block;
				padding-left:20px;
				text-decoration:none;
				color:#000;
				height:14px;
			}

			.kontakt input, .kontakt textarea {
				width:200px;
				border:1px solid #105189;
				padding:2px;
			}

			table.kontakt tr td {
				text-align:right;
				padding-right:10px;
				padding:4px;
			}

			.kontakt input {
				width:200px;
			}

			.button {
				background-color:#105189;
				color:#fff;
				width:90px!important;
			}

		/****** Schatten von linke Navigation und Content *******/
		#content_navi_shadow {
			background:url(../style/hg-content-unten.png);
			width:906px;
			height:15px;
			float:left;
		}

		/****** Footer *******/
		#footer {
			float:left;
			background:url(../style/hg-footer-mitte.png);
			margin-top:10px;
			width:866px;
			padding:10px 20px;
			color:#fff;
		}

		#footer a {
			color:#fff;
		}

			#footer_link {
				text-align:center;
			}

				#bookmark {
					text-decoration:underline;
					cursor:pointer;
				}

				#logo_mh {
					vertical-align:-3px;
				}

		#footer_bottom {
			float:left;
			background:url(../style/hg-footer-unten.png);
			height:15px;
			width:906px;
			margin-bottom:10px;
		}