/* COLORS 

textblau: #001563
blau: #001a63


*/

body {
	text-align:center;
	margin:0;
	padding:0;
	background:#fff;
	font-family: Arial, Helvetica, Verdana, Geneva,   sans-serif;
	font-size:12px;
	color:#333;
	background:#fff;
	width:100%;
	height:100%;
	float:left;
}
body * {
	margin:0;
	padding:0;
}


#seite, #oben, #mitte, #unten, #inhalt {
	width:990px;
	position:relative;
	top:0;
	left:0;
}
#oben, #mitte, #unten, #inhalt {
	float:left;
}

#seite {
	margin: 20px auto;
	text-align:left;
	
}
#inhalt {
	border:1px solid #d4efeb;
}
#oben {
	height:105px;
	background: url('../images/bg/oben.jpg') no-repeat;
}

#logo {
	position:absolute;
	top:6px;
	left:13px;
	background: url('../images/logo/logo_head.gif') no-repeat;
	width:57px;
	height:57px;
}
#navi {
	position:relative;
}
#navi a {
	position:absolute;
	color:#00a17d;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	font-size:18px;
	overflow:hidden;
	z-index:1000;
}
#navi a span {
	visibility:hidden;
}
#navi a.home, #navi a.homeakt {
	left:0;
	top:61px;
	height:34px;
	width:198px;
	padding-top:13px;
	background: url('../images/buts/navihome.jpg') no-repeat 400px 400px;
	
}
#navi a.homeakt, #navi a.home:hover {
	background: url('../images/buts/navihome.jpg') no-repeat 0 0;
}

#navi a.produkte, #navi a.produkteakt {
	top:49px;
	height:33px;
	width:198px;
	left:198px;
	padding-top:12px;
	background: url('../images/buts/naviprodukte.jpg') no-repeat 400px 400px;
}
#navi a.produkteakt, #navi a.produkte:hover {
	background: url('../images/buts/naviprodukte.jpg') no-repeat 0 0;
}


#navi a.garantie, #navi a.garantieakt {
	top:46px;
	height:30px;
	width:198px;
	left:396px;
	padding-top:8px;
	background: url('../images/buts/navigarantie.jpg') no-repeat 400px 400px;
}
#navi a.garantieakt, #navi a.garantie:hover {
	background: url('../images/buts/navigarantie.jpg') no-repeat 0 0;
}

#navi a.wasser, #navi a.wasserakt {
	top:48px;
	height:33px;
	width:198px;
	left:594px;
	padding-top:9px;
	background: url('../images/buts/naviwasser.jpg') no-repeat 400px 400px;

}
#navi a.wasserakt, #navi a.wasser:hover {
	background: url('../images/buts/naviwasser.jpg') no-repeat 0 0;
}

#navi a.region, #navi a.regionakt {
	top:58px;
	height:32px;
	width:198px;
	right:0;
	padding-top:11px;
	background: url('../images/buts/naviregion.jpg') no-repeat 400px 400px;
}
#navi a.regionakt, #navi a.region:hover {
	background: url('../images/buts/naviregion.jpg') no-repeat 0 0;
}


#navi a.home:hover, #navi a.produkte:hover, #navi a.garantie:hover, #navi a.wasser:hover, #navi a.region:hover {
	color:#ffffff;
	-moz-opacity:0.80;
	opacity:0.80;
}
#globalnavi {
	position:absolute;
	right:0px;
	top:2px;
}
#globalnavi a, #globalnavi a.akt {
	color:#3cb796;
	text-decoration:none;
	border-right:1px solid #d4efeb;
	display:block;
	float:left;
	padding:2px 11px 2px 10px;
}


#globalnavi a:hover {
	color:#012d80;
	text-decoration:underline;
}
#globalnavi a.akt {
	color:#012d80;
	
	font-weight:bold;
}
#mitte {
	line-height:1.6em;
	color:#012d80;
}

#mitte.start, div.start {
	background: url('../images/bg/start.jpg') no-repeat 0 100%;
	height:auto;
}
#mitte.wasser, div.wasser {
	background: url('../images/bg/wasser.jpg') no-repeat 100% 100%;
	height:auto;
}
div.wasser div.inhalt {
	overflow:hidden;
}
#mitte.wasser .visual {
	background: url('../images/bg/wasser_visual.jpg') no-repeat 60px 0;
}

#mitte.produkte, div.produkte {
	background: url('../images/bg/produkte.jpg') no-repeat 0 100% !important;
	height:auto;
}
#mitte.region , div.region {
	background: url('../images/bg/region.jpg') no-repeat 0 100%;
	height:auto;
}
#mitte.garantie, div.garantie {
	background: url('../images/bg/garantie.jpg') no-repeat 100% 100%  !important;
}

div#mitte.garantie .fair, div#mitte.garantie .regional, div#mitte.garantie .rein, div#mitte.garantie .nachhaltig {
	padding-left:80px;
}
#mitte.garantie .fair {
	background: url('../images/ic/fair.png') no-repeat 0 0;
}
#mitte.garantie .regional {
	background: url('../images/ic/regional.png') no-repeat 0 0;
}
#mitte.garantie .rein {
	background: url('../images/ic/rein.png') no-repeat 0 0;
}
#mitte.garantie .nachhaltig {
	background: url('../images/ic/nachhaltig.png') no-repeat 0 0;
}
#mitte.garantie .fair h3, #mitte.garantie .regional h3, #mitte.garantie .rein h3, #mitte.garantie .nachhaltig h3 {
	font-size:14px;
	
}
.c9b0 {
	color:#99be00; /*Mittelgrün*/
}

#mitte div.inner {
	height:375px;
	padding-bottom:170px;

	width:100%;
}


#unten {
	position:relative;
	padding-bottom:10px;
}



.natriumarm {
	width:138px;
	height:116px;
	position:absolute;
	right:205px;
	top:206px;
	background: url('../images/logo/natriumarm.png') no-repeat;
}

#neu {
	width:229px;
	height:126px;
	position:absolute;
	left:0;
	top:90px;
	background: url('../images/ic/neu.png') no-repeat;
	z-index:99999;
}
a.badespass {
	width:131px;
	height:62px;
	position:absolute;
	right:-7px;
	top:10px;
	background: url('../images/ic/badespass.png') no-repeat;
	display:block;
	z-index:9000;
}
.flaschen {
	width:295px;
	height:400px;
	position:absolute;
	left:-20px;
	bottom:-23px;
	background: url('../images/ic/flaschen_float.png') no-repeat;
}
#mitte.produkte .natriumarm {
	right:30px;
	bottom:50px;
	top:auto;
}
.biglogo {
	width:468px;
	height:290px;
	position:absolute;
	left:260px;
	top:-15px;
	background: url('../images/logo/big.png') no-repeat;
}
.smalllogo {
	width:300px;
	height:auto;
	position:absolute;
	right:60px;
	top:15px;
	background: url('../images/logo/small.png') no-repeat;
}
.regionbox {
	width:198px;
	height:auto;
	position:absolute;
	right:0px;
	top:-15px;
	border:1px solid #d4efeb;
	border-top:0;
	border-right:0;
}
a.regionalinfo, a.regionalinfoakt {
	position:absolute;
	width:48px;
	height:48px;
	
}
a.regionalinfoakt {
	background: url('../images/buts/regionalinfoakt.gif') no-repeat 50% 50%;
	
}
div.regioinfo {
	background:#fff;
	position:absolute;
	border:1px solid #a6ca1d;
	border-right:2px solid #7ca200;
	border-bottom:2px solid #7ca200;
	width:500px;
	height:auto;
}
div.regioinfo div.text {
	width:230px;
	padding:10px;
}
#schwerininfo {
	background: #fff url('../images/bg/schwerininfo.jpg') no-repeat 100% 0;
	
}
#wismarinfo {
	background: #fff url('../images/bg/wismarinfo.jpg') no-repeat 100% 0%;
}
#ruegeninfo {
	background: #fff url('../images/bg/ruegeninfo.jpg') no-repeat 0  100% ;
}
#mueritzinfo {
	background: #fff url('../images/bg/mueritzinfo.jpg') no-repeat 100% 0;
}
a.bluebut {
	background: url('../images/buts/bluebut.png');
	width:112px;
	height:35px;
	display:block;
	font-size:14px;
	text-align:right;
	line-height:35px;
	padding:0;
	padding-right:40px;
	width:72px;
	text-decoration:none;
	color:#333;
	-moz-opacity:0.70;
	/*
	filter:alpha(opacity=70);
	*/
	opacity:0.70;
	font-family: Arial, Helvetica, Verdana, Geneva,   sans-serif;
}


.wasserbox {
	
	position:absolute;
	line-height:1.2em;
	height:160px;
}
.wasserbox h3 {
	color:#1e59a2;
}
#wasser1, #wasser2 {
	top:72px;
	text-align:right;
	right:825px;
}
#wasser2 {
	top:241px;
}

#wasser3 {
	top:72px;
	text-align:left;
	left:585px;
}
.wasserbox p {
	display:block;
	height:130px;
	overflow:auto;
	width:120px;
}



a.bluebut:hover {
	-moz-opacity:1.70;
	/*
	filter:alpha(opacity=100);
	*/
	opacity:1.70;
}

a.pfeil_r {
	background: url('../images/buts/pfeil_right.gif') no-repeat 100% 50%;
	display:block;
	font-size:14px;
	text-align:right;
	padding:0;
	padding-right:40px;
	font-family: Arial, Helvetica, Verdana, Geneva,   sans-serif;
}



td.tdl, td.tdr, th.tdl, th.tdr {
	border-bottom:1px solid #83b2c8;
	padding:0 4px;
}
tr.even td {
	background:#ddf8ff;
	
}
tr.odd td {
	background:#eaf7fe;
	
}


a.bluebut:hover {
	-moz-opacity:1.70;
	/*
	filter:alpha(opacity=100);
	*/
	opacity:1.70;
}

fieldset {
	border:none;
	padding:5px;
}
label {
	text-align:right;
	padding-right:5px;
	width:90px;
	display:block;
	float:left;
	line-height:1em;
}
.sinput {
	float:left;
	width:280px;
}

img {
	border:0;
}
a {
	text-decoration:none;
	color:#ff0000;
}
a:hover {
	text-decoration:none;
	color:#000000;
}

a:active, a:focus{
	outline:none; 
}
h1 {
	font-size:28px;
	line-height:1em;
}
h2 {
	font-size:16px;
	line-height:1em;
}
h3 {
	font-size:14px;
	line-height:1em;
}
 
a.back {
	float:left;
	background:transparent url('../images/ic/backbut.png') no-repeat 0 0;
}

.mofh,.ofh {
	overflow:hidden;
}
.pabs {
	position:absolute;
}
.prel {
	position:relative;
}



.w505 {
	width:525px;
}

.pabs {
	position:absolute;
}
.prel {
	position:relative;
}

.fwn {
	font-weight:normal;
}
.fwb {
	font-weight:bold;
}

.p5 {
	padding:5px;
}
.p20 {
	padding:20px;
}

.p10 {
	padding:10px;
}
.pl10 {
	padding-left:10px;
}
.pt10 {
	padding-top:10px;
}
.pt240 {
	padding-top:240px;
}

.pl5 {
	padding-left:5px;
}
.pl15 {
	padding-left:15px;
}
.pl20 {
	padding-left:20px;
}
.pl30 {
	padding-left:30px;
}
.pl40 {
	padding-left:40px;
}
.pl50 {
	padding-left:50px;
}
.pl60 {
	padding-left:60px;
}

.pt5 {
	padding-top:5px;
}
.pt15 {
	padding-top:15px;
}
.pr10 {
	padding-right:10px;
}
.pr15 {
	padding-right:15px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pb20 {
	padding-bottom:20px;
}
.pt0 {
	padding-top:0px;
}
.pt20 {
	padding-top:20px;
}





.pr20 {
	padding-right:20px;
}
.pr40 {
	padding-right:40px;
}
.pr60 {
	padding-right:60px;
}



.db {
	display:block;
}	
.dn {
	display:none;
}	
.cb {
	clear:both;
	height:0;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

.error {
	color:#ff0000;
}

.fs9 {
	font-size:9px;
}

.fs10 {
	font-size:10px;
}

.fs11 {
	font-size:11px;
}
.fs12 {
	font-size:12px;
}

.fs13 {
	font-size:13px;
}

.fs14 {
	font-size:14px;
}

.fs15 {
	font-size:15px;
}

.fs16 {
	font-size:16px;
}
.fs18 {
	font-size:18px;
}
.fs20 {
	font-size:20px;
}
.fs24 {
	font-size:24px;
}

.lh12 {
	line-height:12px;
}
.lh16 {
	line-height:16px;
}

.lh18 {
	line-height:18px;
}

.h80 {
	height:80px;
}
.h100 {
	height:100px;
}
.h200 {
	height:200px;
}
.h240 {
	height:240px;
}
.h300 {
	height:300px;
}

.w200 {
	width:200px;
}
.w300 {
	width:300px;
}
.w350 {
	width:350px;
}
.w400 {
	width:400px;
}
.w500 {
	width:500px;
}
.w550 {
	width:550px;
}
.w600 {
	width:600px;
}
.w800 {
	width:800px;
}
.w900 {
	width:900px;
}

.ofv {
	overflow:visble;
}
.ofh {
	overflow:hidden !important;
}

.tac {
	text-align:center;
}
.taj {
	text-align:justify;
}
.b1s {
	border:1px solid;
}

.serif {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.nonserif {
	font-family: Arial, Helvetica, Verdana, Geneva,   sans-serif;
}

.c822918 {
	color:#822918;
}
.c333 {
	color:#333;
}
.c9b0 {
	color:#99be00; /*Mittelgrün*/
}
.cfff {
	color:#fff;
}
.bga0daf5 {
	background:#a0daf5;
}
.bgeea521 {
	background:#eea521;
}
.bg001a63 {
	background:#001a63;
}
.bgf0b79f {
	background:#f0b79f;
}
.bgfff {
	background:#fff;
}

.oc80, .moc80 {
	-moz-opacity:0.80;
	/*
	filter:alpha(opacity=80);
	*/
	opacity:0.80;
}
.oc90 {
	-moz-opacity:0.90;
	/*
	filter:alpha(opacity=90);
	*/
	opacity:0.90;
}
.oc95 {
	-moz-opacity:0.95;
	/*
	filter:alpha(opacity=95);
	*/
	opacity:0.95;
}
.print {
	display:none;
}

.kontakt_error {
	color: #D70017;
}

.kontakt_error input,
.kontakt_error textarea {
	border: 1px solid #D70017;
}

.kontakt_error_msg {
	border: 1px solid #D70017;
	padding: 10px;
	background-color: #FF7F90;
	width: 400px;
}

.kontakt_error_msg h1 {
	color: #D70017;
	font-size: 18px;
	padding-bottom: 5px;
}

.kontakt_error_msg ul {
	padding-left: 20px;
}

.kontakt_error_msg li {
	color: #333;
	font-weight: bold;
}

.kontakt_error_msg .border-top {
	border-top: 1px solid #AF0017;
	width: 100%;
}


.kontakt_success_msg {
	border: 1px solid #012D80;
	padding: 10px;
	background-color: #EEF9FD;
	width: 400px;
}

.kontakt_success_msg h1 {
	color: #012D80;
	font-size: 18px;
	padding-bottom: 5px;
}

.kontakt_success_msg ul {
	padding-left: 20px;
}

.kontakt_success_msg li {
	color: #333;
	font-weight: bold;
}

.kontakt_success_msg .border-top {
	border-top: 1px solid #012D80;
	width: 100%;
}

.pb5 {
	padding-bottom: 5px;
}