div#header {
	background: url(../res/header.jpg) no-repeat top left;
	height: 200px;
}

div#noncontent-menu {
	/*
  background: url(../res/logo-wvsuederdithmarschen.png) no-repeat 2em 2em;
  margin:0pt;
	padding: 0pt;
  */
  background: url("../res/logo-wvsuederdithmarschen.png") no-repeat scroll 34em 3em transparent;
    height: 20em;
    margin: 0;
    padding: 0;
    width: 100%;	
}

div#noncontent-menu ul{
	margin: 0.3em;
	padding: 0pt;	
	float: left;
	background: #FFFFFF;
}

div#noncontent-menu ul li {
	display: inline;
	margin-left: 0.5em;
	padding: 0pt 0.5em;
	font-size: 0.75em;
	line-height: 90%;
}

div#menu {
	position: relative;
	height: 1em;
	margin-bottom: 4em;
	padding: 0pt;
}

div#menu-design {
	display: block;
}
div#menu div#menu-design ul,
div#menu div#menu-design ul.abwasser {
  float: left;
  margin: 0pt;
	background: none repeat scroll 0 0 #FFFFFF;
  padding: 2em 0pt;
  width: 100%;
}
div#menu div#menu-design ul li,
div#menu div#menu-design ul.abwasser li{
	display: inline;
	margin: 0pt;
	padding: 0pt;
}
div#menu div#menu-design ul li a,
div#menu div#menu-design ul.abwasser li a {
	display: inline;
	font-weight: bold;
	margin: 0pt 12px;
	padding: 0pt;
}

div#content,
div#content-abwasser,
div#content-energie{	 
	margin: 0pt;
	padding: 0.5em;
}

div#content{
  background-color: #44C4F0;
  background-image: url(../res/content.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
div#content-abwasser {
  background-color: #99CCCC;
  background-image: url(../res/content-abwasser.gif);
	background-position: top left;
	background-repeat: repeat-x; 
}
div#content-energie {
  background-color: #FFFAAF;
  background-image: url(../res/content-energie.gif);
	background-position: top left;
	background-repeat: repeat-x; 
}

div#content div#content-main,
div#content-abwasser div#content-main,
div#content-energie div#content-main{	
	float: left;
	margin: 0pt;
	padding: 0.5em 0pt;
	width: 36em;
}

div#content div#content-main {
	 background-color: #6699CC;
}
div#content-energie div#content-main {
	 background-color: #AFAA62;
} 
div#content-abwasser div#content-main{
  background-color: #336666;		
}

div#content div#content-main table.special {
	margin: 0pt 0.6em 0pt ;
	padding: 0pt;
	/*font-size: 0.75em;*/
	width: 100%;	
}

div#content div#content-main table.special ul {
	margin: 0pt 0.6em 0pt ;
	color: green;
	font-size: 0.85em;
}
div#content div#content-main table,
div#content-abwasser div#content-main table
 {
	width: 46.75em;
	margin: 0pt 0.6em 0pt ;
	padding: 0pt;
	font-size: 0.75em;	
}
/*
div#content div#content-main-abwasser table tr.hell td,
div#content div#content-main-abwasser table tr.dunkel td,
*/
div#content-abwasser div#content-main table tr.hell td,
div#content-abwasser div#content-main table tr.dunkel td,
div#content div#content-main table tr.dunkel td, 
div#content div#content-main table tr.hell td{
	padding: 0.3em 0pt 0.3em 1em;
	/*text-align: center;*/
}

/*div#content div#content-main-abwasser table tr.first td,*/
div#content-abwasser div#content-main table tr.first td,
div#content div#content-main table tr.first td{
	text-align:center;
	font-weight: bold;
	width: 50%;
  background: #FFFFFF;	
}

div#content-abwasser div#content-main table tr.first td.hell,
div#content div#content-main table tr.first td.hell{
	margin: 0.3em 1em;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: left;	
	padding: 0.3em 0pt 0.3em 1em;
}

div#content-abwasser div#content-main table tr.first td.dunkel,
div#content div#content-main table tr.first td.dunkel{
	margin: 0.3em 1em;
	font-weight: normal;
	background-color: #CCCCCC;
	text-align: left;
	padding: 0.3em 0pt 0.3em 1em;	
}

/*div#content div#content-main-abwasser table tr.last td,*/
div#content-abwasser div#content-main table tr.last td,
div#content div#content-main table tr.last td {
	margin: 3em 1.5em;
	text-align:right;
	font-weight: bold;
	background-color: rgb(226,223,131);
}

/*div#content div#content-main-abwasser table tr.hell td,*/
div#content-abwasser div#content-main table tr.hell td,  
div#content div#content-main table tr.hell td {
	background-color: #FFFFFF;
	width: 50%;	
}

/*div#content div#content-main-abwasser table tr.dunkel td,*/
div#content-abwasser div#content-main table tr.dunkel td,
div#content div#content-main table tr td.dunkel,
div#content div#content-main table tr.dunkel td {
	background-color: #CCCCCC;
	width: 50%;
}

div#content-abwasser div#content-main table.table-chronik tr.dunkel td,
div#content-abwasser div#content-main table.table-chronik tr.hell td{
	width: 25%;
}

div#content div#content-main div#list {
	background-color: #FFFFFF;
	font-size: 0.9em;
	margin: 0 0.6em;	
}

div#content div#content-main div#list ul{
	margin: 0 4em;
}
div#content div#content-main div#list ul li{ 
	margin: 0 4em;
}

div#content div#content-main table.table-orte tr.hell td,
div#content div#content-main table.table-orte tr.dunkel td {
	width: 20%;
}

/*
div#content div#content-main table tr.hell td a img,
div#content div#content-main table tr.dunkel td a img {
	margin-left: 2.5em;	
}
*/
div#content-abwasser div#content-main h1,
div#content-energie div#content-main h1,
div#content div#content-main h1 {
	font-size: 0.8em;
	color: #FFFFFF;
	padding: 0.3em 1em 0.3em;
}
div#content-energie div#content-main h1.subtitle, 
div#content-abwasser div#content-main h1.subtitle, 
div#content div#content-main h1.subtitle {
	font-size: 0.8em;
	/*background-color: rgb(226,223,131); yellow*/
	margin: 0pt 0.6em;
	padding: 0.3em 1em 0.3em;
}
div#content-energie div#content-main p,
div#content-abwasser div#content-main p,
div#content div#content-main p{	
	background: #FFFFFF;
	margin: 0pt 0.6em;
	padding: 0pt 1em 1em;
	font-size: 0.9em;
}
div#content-energie div#content-main-energie ul,
div#content-abwasser div#content-main ul,
div#content div#content-main ul{
	background: #FFFFFF;
	margin: 0pt 0.6em;
	padding: 0pt 1em 1em;
	font-size: 0.9em;
}

div#content-energie div#content-main ul.rightimage,
div#content-abwasser div#content-main ul.rightimage,
div#content div#content-main ul.rightimage{
	background: #FFFFFF;
	margin: 0pt 0.6em;
	padding: 0pt 1em 1em 24em;
	font-size: 0.825em;
}

div#content-energie div#content-main ul li,
div#content-abwasser div#content-main ul li,
div#content div#content-main ul li{
	margin: 0pt 1em;
}
div#content-energie div#overlay-wasserblasen,
div#content-abwasser div#overlay-wasserblasen, 
div#content div#overlay-wasserblasen {
	background-position: top right;
	background-repeat: no-repeat;
	height: 600px;
	margin: 0pt 0pt 0pt 36em;
}

div#content div#overlay-wasserblasen {
	background-image: url(../res/wasserblasen.png);
}

div#content-abwasser div#overlay-wasserblasen {
	background-image: url(../res/wasserblasen-abwasser-w.png);
}	

div#content-energie div#overlay-wasserblasen ul,	
div#content-abwasser div#overlay-wasserblasen ul,
div#content div#overlay-wasserblasen ul {
  background-position: left top;
  background-repeat: repeat-x;
  margin: 0 0.2em 1em;
  padding: 0.4em;
  width: 12em;
}
div#content-energie div#overlay-wasserblasen ul li,
div#content-abwasser div#overlay-wasserblasen ul li,
div#content div#overlay-wasserblasen ul li{
	background-color: #FFFFFF;
	margin: 0pt;
	padding: 0.4em 0pt 0.4em 0.6em;
	font-size: 0.8em;
	list-style-type: none;
}

div#content div#overlay-wasserblasen ul{
  background-color: #6699CC;
}
div#content-abwasser div#overlay-wasserblasen ul{
  background-color: #336666;
}
div#content-energie div#overlay-wasserblasen ul{
  background-color: #AFAA62;
}

div#content-abwasser div#overlay-wasserblasen ul.bgcolortrinkwasser {
	background-color: #44C4F0;
	background-image: url(../res/content.gif);
	background-position: center left;
	background-repeat: repeat-x;
}

div#content div#overlay-wasserblasen ul.bgcolorabwasser {
	background-color: #44C4F0;
	background-image: url(../res/main-content-abwasser.gif);
	background-position: center left;
	background-repeat: repeat-x;
}

div#content-abwasser div#overlay-wasserblasen ul.bgcolortrinkwasser li a {
	color: #3399CC;
}

div#content div#overlay-wasserblasen ul.bgcolorabwasser li a {
	color: #336666;
}
div#content-abwasser div#overlay-wasserblasen ul li a {	
	color: #669966;
}
div#content-energie div#overlay-wasserblasen ul li a {	
	color: #AFAA62;
}
	
div#footer-energie,
div#footer-abwasser,
div#footer {
	clear: left;
	background-color: #FFFFFF;	
	/*background-image: url(../res/footer.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	height: 200px;
}

div#footer{	
	background-image: url(../res/footer.gif);
}
div#footer-abwasser{	
	background-image: url(../res/footer-abwasser.gif);
}
div#footer-energie{	
	background-image: url(../res/footer-energie.jpg);
}

div#footer-abwasser div#overlay-kiesel,
div#footer div#overlay-kiesel{
	background-image: url(../res/kiesel.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 150px;
}
/*FORM*/
tr.dunkel td input.sub {
	left: 0px;
	width:200px;
	height:20px;
	margin-top: 1px;
	padding:0;
	/*border:1px solid #000000;*/
	background-color:#DEDEDE;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

tr.hell td input.sub {
	left: 0px;
	width:200px;
	height:20px;
	margin-top: 1px;
	padding:0;
	/*border:1px solid #000000;*/
	background-color:#FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

tr.last td input.sub {
	left: 0px;
	width:200px;
	height:20px;
	margin-top: 1px;
	padding:0;
	/*border:1px solid #000000;*/
	background-color:#FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}
div#wrappers{	
	background: #FFFFFF;
	margin: 0pt 0.8em;
	padding: 0 1em 2em;
 font-size: 8pt;
}
div#wrappers div.flot-7{
 display: block;
 height: 400px;
 width: 400px;
 /*background: #FFFFFF;*/
 top: 1.8em;
 left: 2.8em;
}
div#wrappers div.flot-7_plot{} 
div#wrappers div.flot-7_plot ul{
 list-style-type: none;
 margin: 1em 2em 0 2.5em;
}
div#wrappers div.flot-7_plot ul li{
 float: left;
 padding: 0 1px 0 4px;
}