/* CSS fuer das WVER-Intranet */

body {
	margin: 0;
	padding: 0;
}
	
/*---------------------------------------------------------------------------------*/
/* header                                                                          */
/*---------------------------------------------------------------------------------*/
#header {
	float:left;
	width: 980px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "Lucida Grande", sans-serif;
	background-color: #E0E6F4;
	background: #E0E6F4 url(../img/nav_bg.gif) repeat-x bottom left;
}

#logo {
	float:left;
	width: 196px;
	margin: 0 2px 0 2px;
	padding: 0;
	list-style: none;
	font-family: "Lucida Grande", sans-serif;
	background-color: #E0E6F4;
	height: 100%;
}

#wrapper {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	border-left: 1px solid #0081AC;
	border-right: 1px solid #0081AC;
	border-bottom: 1px solid #0081AC;
	width:980px;
	clear: both;
}

#titel1 {
	text-align:right;
	padding: 0;
	font-size: large;
	color: #008434;
}

#titel2 {
	padding: 0px 0px 0 0px;
	float: left;
}

/*---------------------------------------------------------------------------------*/
/* nav                                                                             */
/*---------------------------------------------------------------------------------*/
#wrapnav {
	padding: 0;
	/* this is a hack */
    margin-left: 200px;
	float: none;
	width:774px;
	border-bottom: 1px;
}

#nav {
	width: 770px;
	margin: 0;
	padding: 4px 0 0 0px;
	list-style: none;
	background: #E0E6F4 url(../img/nav_bg.gif) repeat-x bottom left;
	float: left;
	font-size: small;
	background-color: #E0E6F4;
}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", sans-serif;
	}

#nav a {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	text-decoration: none;
	border: 1px solid #9B8748;
	border-bottom: none;
	background: #E0E6F4 url(../img/off_bg.gif) repeat-x top left;
	color: #333;
}
#nav a:hover,
  body#start #nav-start a,
  body#aktuelles #nav-aktuelles a,
  body#allgemeines #nav-allgemeines a,
  body#gewaesser #nav-gewaesser a,
  body#talsperren #nav-talsperren a,
  body#abwassertechnik #nav-abwassertechnik a,
  body#verwaltung #nav-verwaltung a
  {
	color: #333;
	padding-bottom: 5px;
	border-color: #727377;
	background: #fff url(../img/on_bg.gif) repeat-x top left; 
}
	
/*---------------------------------------------------------------------------------*/
/* content                                                                         */
/*---------------------------------------------------------------------------------*/
#wrapcontent {
	float:left;
	width: 980px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "Lucida Grande", sans-serif;
	background-color: #FFFFFF;
	background: #FFFFFF url(../img/con_bg.gif) repeat-y left;
	font-size: small;
}
#content {
	width:769px;
	margin-left:200px;
	padding: 5px 0px 5px 5px;
}
/*---------------------------------------------------------------------------------*/
/* menu                                                                            */
/*---------------------------------------------------------------------------------*/
#menu {
	float: left;
	width: 199px;
	padding: 0 0 0 0;
}

#menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#menu ul.sub {
	padding: 0px;
	margin: 0px;
	/*	border-top: 1px #999999 solid;*/
/*	border-bottom: 1px #999999 solid;*/
	list-style: none;
	background-color: #E7EFE4;
	font-weight: normal;
}

#menu ul.title {
	padding: 0px 5px 0 5px;
	text-align: left;
	width:190px;
}

#menu li.sub {
	color: #008434;
	padding: 0px;
	margin: 0px;
	background-color: #90B98E;
	font-weight: bold;
}

#menu li.title {
	padding: 0px 5px 0 5px;
	text-align: left;
	width:190px;
}

#punkt01 li#punkt01 a,
#punkt02 li#punkt02 a,
#punkt03 li#punkt03 a,
#punkt04 li#punkt04 a,
#punkt05 li#punkt05 a,
#punkt06 li#punkt06 a,
#punkt07 li#punkt07 a,
#punkt08 li#punkt08 a,
#punkt09 li#punkt09 a,
#punkt10 li#punkt10 a,
#punkt11 li#punkt11 a,
#punkt12 li#punkt12 a,
#punkt13 li#punkt13 a,
#punkt14 li#punkt14 a,
#punkt15 li#punkt15 a,
#punkt16 li#punkt16 a,
#punkt17 li#punkt17 a,
#punkt18 li#punkt18 a,
#punkt19 li#punkt19 a,
#punkt20 li#punkt20 a,
#punkt21 li#punkt21 a,
#punkt22 li#punkt22 a,
#punkt23 li#punkt23 a,
#punkt24 li#punkt24 a,
#punkt25 li#punkt25 a,
#punkt99 li#punkt99 a
{
	background-color:#F6B248;
}

#menu li a {
	display: block;
	color: #0068B4;
	border-top: 1px #d6d6d6 solid;
	border-bottom: 1px #d6d6d6 solid;
	margin: 0px;
	padding: 0 5px 0 4px;
/*	padding: 0 5px 0 20px;*/
	width: 190px;
/*	width: 174px;*/
}
#menu li a:visited {
	text-decoration: none;
}

#menu li a:hover, ul.sub li a:hover {
	/*#menu li.item a:hover, ul.sub li.item a:hover {*/
	display: block;
	background-color: #F39800;
	color: #ffffff;
	border-top: 1px #6F000B solid;
	border-bottom: 1px #6F000B solid;
	text-decoration: none;
	width: 190px;
/*	width: 174px;*/
	margin-left: 0px;
/*	margin-left: 20px;*/
	padding: 0 5px 0 4px;
}

#menu li.item a:hover, ul.sub li.item a:hover {
	display: block;
	background-color: #F39800;
	color: #ffffff;
	border-top: 1px #6F000B solid;
	border-bottom: 1px #6F000B solid;
	text-decoration: none;
	width: 190px;
/*	width: 174px;*/
	padding: 0 5px 0 4px;
/*	padding: 0 5px 0 20px;*/
	margin-left: 0px;
}

li.item_dir   {background-color: #E7EFE4;}
li.item_doc   {background-color: #E7EFE4;}
li.item_dot   {background-color: #E7EFE4;}
li.item_gif   {background-color: #E7EFE4;}
li.item_help  {background-color: #E7EFE4;}
li.item_ie    {background-color: #E7EFE4;}
li.item_ini   {background-color: #E7EFE4;}
li.item_local {background-color: #E7EFE4;}
li.item_pdf   {background-color: #E7EFE4;}
li.item_ppt   {background-color: #E7EFE4;}
li.item_txt   {background-color: #E7EFE4;}
li.item_vsd   {background-color: #E7EFE4;}
li.item_www   {background-color: #E7EFE4;}
li.item_xls   {background-color: #E7EFE4;}

/*li.item_dir   {background: #E7EFE4 url(../img/img_link_dir_18.gif) left top no-repeat;}*/
/*li.item_doc   {background: #E7EFE4 url(../img/img_link_doc_18.gif) left top no-repeat;}*/
/*li.item_dot   {background: #E7EFE4 url(../img/img_link_dot_18.gif) left top no-repeat;}*/
/*li.item_gif   {background: #E7EFE4 url(../img/img_link_gif_18.gif) left top no-repeat;}*/
/*li.item_help  {background: #E7EFE4 url(../img/img_link_help_18.gif) left top no-repeat;}*/
/*li.item_ie    {background: #E7EFE4 url(../img/img_link_ie_18.gif) left top no-repeat;}*/
/*li.item_ini   {background: #E7EFE4 url(../img/img_link_ini_18.gif) left top no-repeat;}*/
/*li.item_local {background: #E7EFE4 url(../img/img_link_local_18.gif) left top no-repeat;}*/
/*li.item_pdf   {background: #E7EFE4 url(../img/img_link_pdf_18.gif) left top no-repeat;}*/
/*li.item_ppt   {background: #E7EFE4 url(../img/img_link_ppt_18.gif) left top no-repeat;}*/
/*li.item_txt   {background: #E7EFE4 url(../img/img_link_txt_18.gif) left top no-repeat;}*/
/*li.item_vsd   {background: #E7EFE4 url(../img/img_link_vsd_18.gif) left top no-repeat;}*/
/*li.item_www   {background: #E7EFE4 url(../img/img_link_www_18.gif) left top no-repeat;}*/
/*li.item_xls   {background: #E7EFE4 url(../img/img_link_xls_18.gif) left top no-repeat;}*/

/*---------------------------------------------------------------------------------*/
/* footer                                                                          */
/*---------------------------------------------------------------------------------*/
#footer {
	clear: both;
	text-align: center;
	width: 100%;
	height: 15px;  
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "Lucida Grande", sans-serif;
	background-color: #0068B4;
	font-size: small;
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #ffffff;
}

div.ToTopDiv {
	text-align:left;
	float:left;
	margin-left: 4px;
}

div.Impressum {
	float: right;
	padding-right: 5px;
/*	color: #FFFFFF;*/
}


div.Impressum a {
	color: #FFFFFF;
}

div.ToTopDiv a {
	color: #FFFFFF;
}

div.klein {
	font-size:small;
	float: none;
	margin-left: 205px;
	font-weight: normal;
	color: #E0E6F4;
}

