/* Datei: formatierung.css*/

/* Enthält die grundlegenden Eigenschaften der Webseite */


body	{
	background:url(bilder/hg-seite.png) repeat-x;
	font-family:Verdana;
	text-align:center;
	margin:0px;
	padding:0px;
}

div.flussende {
	clear:both;
	height:0px;
}
div.flussende img {
	height:0px;
}

div.seite {
	width:1250px;
	text-align:center;
	padding:0px;
	margin:0px auto auto auto;
}
div.seiteAussen { 
	margin:0px 0px 0px -238px;
	padding:0px;
}

div.logo-transp {
	float:left;
	width:238px;
	height:212px;
	margin:51px 0px 0px 0px;
}

div.titel {
	float:left;
	background-repeat: no-repeat;
	width:1001px;
	height:286px;
	margin:22px 0px 0px 11px;
}

div.flaggen {
	font-size:11px;
	width:125px;
	float:right;
}

div.flaggen a {
	color: #000000; 
}

div.breit350 {
	margin-left:20px;
	display:inline-block;
	width:355px;
	vertical-align:top;
}
div.breit200 {
	display:inline-block;
	text-align:right;
	width:180px;
	vertical-align:top;
}
div.breitkompl {
	margin-left:20px;
	display:inline-block;
}

div.gruener-balken {
	background:url(bilder/hg-gruener-balken.png) no-repeat;
	text-align:right;
	margin-left:260px;
	margin-right:11px;
	color:#ffffff;
	width:979px;
	height:33px;
	font-size:11px;
	line-height:33px;
}
div.gruener-balken span {
	padding-right:25px;
}
div.gruener-balken span a {
 text-decoration:none;
	color:#ffffff;
}


div.weisser-balken, div.weisser-balkenU {
	margin-left:260px;
	margin-right:11px;
	width:979px;
	background-color:#ffffff;
}

div.weisser-balken {
	height:45px;
}

div.weisser-balkenU {
	height:22px;
}


div.flussbereich {
	width:979px;
	margin:0px 11px 0px 260px;
	padding:0px;
	background-image:url(bilder/hg-flussbereich.png);
	background-position:top center;
	background-repeat:repeat-y;
}



div.seitenmenu {
	margin:0px;
	padding:0px;
	width:240px;
	height:400px;
	float:left;
	font-size:12px;
	line-height:28px;
	text-align:left;
}

div.seitenmenuInnen {
	margin:0px 20px 0px 20px;
}

div.mp {
	border-top:#000000 dotted 1px;
}

div.lmp {
	border-bottom:#000000 dotted 1px;
}

div.mp a {
	text-decoration:none;
}

.gruen, .gruen a{
	color:#006429;
}

.orange, .orange a {
	color:#e07e12;
}

.grau, .grau a {
	color:#4b4b4b;
}

table.ghtab{
	border: 1px solid #999999;
	width:90%;
	text-align: left;
}

td.gbtabkopf {
	text-decoration: plain;
	padding:4px;
	background-color:#cccccc;
}

td.gbtabfeld {
	padding:4px;
}

div.inhalt {
	margin:0px;
	width:737px;
	min-height:400px;
	text-align:left;
	float:left;
	border-left:#000000 dotted 1px;
}

div.inhaltInnen {
	margin:0px 85px 0px 20px;
	font-size:12px;
	line-height:18px;
	text-align:left;
	color:#4b4b4b;
}

h1, h2 {
	color:#006429;
	padding:0px;
	margin:0px;
}

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

h2 {
	font-size:12px;
	line-height:16px;
	margin-top:16px;
}

div.hr {
	border: 0px;
	border-top:#000000 dotted 1px;
	font-size:1px;
	line-height:1px;
	height:1px;
	padding:0px;
	margin:8px 0px;
}

h1 + div.hr {
	margin:5px 0px;
}

div.fusszeile {
	margin-left:260px;
	margin-right:11px;
	line-height:22px;
	width:979px;
	font-size:11px;
	border-top:#000000 dotted 1px;
	text-align:left;
}

div.hr + h2 {
	margin-top:0px;
}


a, a.fz {
	color:#e07e12;
}

div.bildzeile {
	margin:5px 0px 5px 0px;
	padding:0px;
}

div.bildzeile a {
	padding:0px 5px 0px 0px;
}
div.bildzeile a img {
	border: 0px;
}

div.bzl {
	margin-bottom:0px;
}

ul, li {
	color:#006429;
	padding-left:0px;
	margin-left:11px;
	}

table {
	font-size:12px;
	}


div.galerie {
	margin:0px;
	padding:0px;
	position:relative;
	width:100%;
	text-align:justify;
}

img.zvL, img.zvM, img.zvR {
 border: 1px solid #555555;
 margin-bottom:6px;
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
	width:200px;
}

img.zvL, img.zvM {
	margin-right:7px;
}


img.zvM:hover {
 z-index:10;
 transform: scale(3.000, 3.000);
 -moz-transform: scale(3.000, 3.000);
 -webkit-transform: scale(3.000, 3.000);
 -o-transform: scale(3.000, 3.000);
 -ms-transform: scale(3.000, 3.000);
}
img.zvL:hover {
 z-index:10;
 transform: scale(3.000, 3.000) translate(75px,0px);
 -moz-transform: scale(3.000, 3.000) translate(75px,0px);
 -webkit-transform: scale(3.000, 3.000) translate(75px,0px);
 -o-transform: scale(3.000, 3.000) translate(75px,0px);
 -ms-transform: scale(3.000, 3.000) translate(75px,0px);
}
img.zvR:hover {
 z-index:10;
 transform: scale(3.000, 3.000) translate(-75px,0px);
 -moz-transform: scale(3.000, 3.000) translate(-75px,0px);
 -webkit-transform: scale(3.000, 3.000) translate(-75px,0px);
 -o-transform: scale(3.000, 3.000) translate(-75px,0px);
 -ms-transform: scale(3.000, 3.000) translate(-75px,0px);
}