/*** Global White Space Reset *************************************************/
/******************************************************************************/
* {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address {margin:1em 0;}
ul, li {margin:0;padding:0;}
form {margin:0;}
img {border:0;}

/*** Generelles ***************************************************************/
/******************************************************************************/
body {margin:0;padding:0;text-align:center;background:#2a75ae url(../../images/background.jpg) center top no-repeat;color:#333;font-family:Verdana, Arial, Helvetica, sans-serif;}
html {text-align:center;}
a {color:#2e79b0;outline:none;}
a:hover, a:focus, a:active {text-decoration:none;}
h1, h2, h3, h4 {font-family:Georgia, "Trebuchet MS", "MS Sans Serif", Geneva, sans-serif;font-size:1.3em;font-weight:normal;color:#2e79b0;}

.pipe {width:1px;height:1em;margin:0 5px;margin-bottom:-2px;}
.mini95 {font-size:.95em;}
.mini85 {font-size:.85em;}
.hide {display:none;}
.nobreak   {white-space:nowrap;}

/* Formulare **************/
input, select, textarea {margin:5px 0;padding:8px;background:#fafafa;border:1px solid #ccc;border-top:1px solid #999;width:400px;color:#999;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
input:hover, select:hover, textarea:hover {border:1px solid #999;}
input:focus, select:focus, textarea:focus {background:#fff;border:1px solid #999;color:#333;}
input {width:300px;}
textarea {width:500px;}
select {width:322px;height:33px;padding:7px;border:1px solid #ccc;border-top:1px solid #999;}
select .option {padding:3px;position:relative;}
.submit {width:150px;margin:20px 0 0 0;background:url(../../images/background-submit.jpg) repeat-x #2e6ea0;border:none;cursor:pointer;color:#fff;}
.submit:hover, .submit:focus, .submit:active {background:url(../../images/background-submit.jpg) repeat-x 0 -15px #2e6ea0;color:#fff;border:none;}

/* Trenner */
hr {height:1px;border:0 none;margin:0;padding:0;}
.linetrenner {display:block;width:100%;height:1px;margin:1em 0;border-top:1px dotted #7b8a6c;}
.biglinetrenner {display:block;width:100%;height:1px;margin:2em 0;border-top:1px dotted #7b8a6c;}
.miniline {display:block;width:100%;height:1px;margin:.3em 0;border-top:1px dotted #7b8a6c;}
.smallline {display:block;width:100%;height:1px;margin:.6em 0;border-top:1px dotted #7b8a6c;}
.minidot {display:block;margin:5px 0 0 0;}
.smalldot {display:block;margin:10px 0 0 0;}
.mididot {display:block;margin:30px 0 0 0;}
.bigdot {display:block;margin:60px 0 0 0;}
.maxidot {display:block;margin:100px 0 0 0;}
.fl {float:left;}
.fr {float:right;}
.cl {display:block;clear:left;margin:0;}
.cr {display:block;clear:right;margin:0;}
.cb {display:block;clear:both;margin:0;}

/*** Layout *******************************************************************/
/******************************************************************************/
.wrapper {width:960px;margin:0 auto;text-align:left;}
#header {height:113px;margin:50px 0 0 0;}
#mainwrap {width:960px;background:url(../../images/bg-mainwrap.gif) repeat-y;font-size:.8em;line-height:1.5em;}
#randspalte {float:left;width:270px;padding:0 20px 40px 20px;min-height:600px;background:url(../../images/sidebar-background.jpg) top left no-repeat #1b5f95;color:#fff;}
#content {float:right;width:610px;padding:0 20px 40px 20px;background:#fff;}
#mainwrap-bottom {width:960px;height:10px;background:url(../../images/mainwrap-bottom.gif) no-repeat;}

h1.logo {text-indent:-999em;margin:0;}
h1.logo a {display:block;width:383px;height:84px;background:url(../../images/logo-trans.png) no-repeat;cursor:pointer;}

/* Hauptnav **************/
ul.hauptnav {float:right;margin:62px 20px 0 0;list-style:none;}
ul.hauptnav li {float:left;margin:0 2px;text-indent:-999em;}
ul.hauptnav li a {display:block;height:41px;}

ul.hauptnav li.homenav a {width:80px;background:url(../../images/n-home.gif) no-repeat center bottom;}              /* Home */
ul.hauptnav li.ueberunsnav a {width:110px;background:url(../../images/n-ueberuns.gif) no-repeat center bottom;}     /* Über uns */
ul.hauptnav li.wassernav a {width:99px;background:url(../../images/n-wasser.gif) no-repeat center bottom;}          /* Wasser */
ul.hauptnav li.servicenav a {width:99px;background:url(../../images/n-service.gif) no-repeat center bottom;}        /* Service */
ul.hauptnav li.kontaktnav a {width:108px;background:url(../../images/n-kontakt.gif) no-repeat center bottom;}       /* Kontakt */

ul.hauptnav li a:hover, ul.hauptnav li a:focus, ul.hauptnav li a.aktiv {background-position:center top;}

/* Randspalte **************/
#randspalte p {font-size:.85em;line-height:1.5em;margin:5px 0 10px 0;}
#randspalte h3 {margin:5px 0 0 0;text-indent:-999em;}
#randspalte h3 a {display:block;width:270px;height:50px;}
#randspalte h3.versorgung a {background:url(../../images/balken-versorgung-trans.png) no-repeat;}					/* Versorgung */
#randspalte h3.ueberuns a {background:url(../../images/balken-ueberuns-trans.png) no-repeat;}						/* Über uns */
#randspalte h3.wasser a {background:url(../../images/balken-wasser-trans.png) no-repeat;}							/* Wasser */
#randspalte h3.qualitaet a {background:url(../../images/balken-qualitaet-trans.png) no-repeat;}						/* Wasserqualität */
#randspalte h3.service a {background:url(../../images/balken-service-trans.png) no-repeat;}							/* Service */
#randspalte h3.kontakt a {background:url(../../images/balken-kontakt-trans.png) no-repeat;}							/* Kontakt */

ul.subnav, ul.qualitaet {margin:0 0 30px 0;list-style:none;}
ul.subnav li {background:url(../../images/sidebar-trenner.gif) repeat-x left bottom;}
ul.subnav li a, ul.qualitaet li a {display:block;height:20px;padding:10px 0 10px 22px;background:url(../../images/sidebar-li.gif) no-repeat 5px 17px;color:#b7dbf3;text-decoration:none;}
ul.subnav li a.aktiv {background:url(../../images/sidebar-li-aktiv.gif) no-repeat 3px 17px;font-weight:bold;color:#dff6ab;}
ul.subnav li a:hover, ul.qualitaet li a:hover {text-decoration:underline;}

ul.qualitaet li a {padding-left:35px;background:url(../../images/li-qualitaet.gif) no-repeat center left;}

.banner {width:267px;height:159px;margin:20px 0 0 0;color:#5580a4;font-size:.85em;cursor:pointer;font-size:1em;}
.banner p {margin:0;padding:75px 0 0 17px;line-height:1.5em;}
.banner a {font-weight:bold;color:#5e8708;}
.banner:hover a {text-decoration:none;}
.banner:hover p {color:#165a91;}
.b-analyse {background:url(../../images/banner-wasseranalyse.jpg) no-repeat;}
.b-wissen {background:url(../../images/banner-wissen.jpg) no-repeat;}

/* Content **************/
#content h2 {font-size:1.9em;line-height:1.1em;}
#content h3 {margin:40px 0 5px 0;}
#content h4 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.85em;border-bottom:2px dotted #ccc;letter-spacing:.1em;text-transform:uppercase;font-weight:bold;line-height:1.5em;}
#content ul {list-style:none;}
#content ul li {margin:10px 0 10px 20px;padding:0 0 0 20px;background:url(../../images/li.gif) no-repeat 0 3px;}
#content .pic {margin:0 0 20px 0;padding:4px;border:1px solid #ccc;}

#content table {border-collapse:collapse;font-size:.85em;line-height:1.4em;}
#content table tr td {padding:8px;border-bottom:1px solid #ccc;}
#content table tr.kopfzeile td {padding:4px 8px;background:#cbe7f3;border:none;color:#3b6380;font-weight:bold;text-transform:uppercase;}
#content table tr.endzeile td {font-size:1.3em;border-top:2px solid #ccc;border-bottom:2px solid #ccc;}

#content #map_canvas {width:610px;height:640px;margin:0 0 20px 0;}
#content #map_canvas h3 {margin:10px 0 20px 0;font-size:1.6em;}
#content #map_canvas h4 {margin:20px 0 5px 0;letter-spacing:normal;}
#content #map_canvas a.highslide img {padding:2px;border:1px solid #ccc;}
#content #map_canvas a.highslide img:hover {border:1px solid #999;}

#content .legendbox {width:590px;height:85px;padding:5px 10px;background:#cbe7f3;}
#content .legendbox p {float:left;width:195px;height:30px;margin:5px 0;}
#content .legendbox p span {position:relative;top:-17px;font-size:.85em;color:#3b6380;}
#content .greenbox {margin:40px 0;padding:10px;background:#e0f4b2;color:#5e8216;font-weight:bold;text-align:center;}

/* Footer **************/
#footer {margin:5px 0 50px 0;font-size:.7em;color:#98b8d1;}
#footer a {color:#98b8d1;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span.middot {margin:0 10px;}