/*
Zetpunkt Mediendesign
*/

html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}

/*_________________Homepage Start_________________*/
#box
{
	width: 100%;
	height: 100%;
	background: url(/vwa/img/bg_rechtsunten.jpg) no-repeat right bottom;
	padding: 0;
	margin: 0;
	/*	width:expression(document.body.clientWidth < 960? "960px": "auto" );
	width:expression(document.body.clientWidth > 75? "75em": "auto" );*/
}

#colmiddle { background: url(/vwa/img/bg_linksoben.jpg) no-repeat left top; }

#colmiddlecenter
{
	background: url(/vwa/img/bgstart.jpg) no-repeat center top;
	width: 740px;
	height: 400px;
	margin: auto;
}

#navmain
{
	width:235px;
	margin: 0;
	padding: 0;
	margin-top: 116px;
	float: left;
	text-align: right;
}

#navmain ul { list-style: none; }

#navmain li
{
	list-style: none;
	margin: 0 55px .4em 0;
	font-weight: bold;
	font-size: .9em;
}

#outernewsbox
{
	padding-right: 118px;
}

#newsbox
{
	width: 184px;
	margin-top: 153px;
	padding: 0 0 0 0;
	float: right;
}

#newsbox ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#newsbox li
{
	list-style: none;
	margin: 0;
	font-size: .9em;
	color: #009900;

}

#newsbox ul ul
{
	list-style: none;
	padding: 0;
	margin-bottom: .7em;
}

#newsbox ul ul li
{
	list-style: none;
	padding: 0 0 .3em 0;
	border-bottom: 1px dashed #666;
}

#whitebox {background: #fff; margin: 3px;}

/*_________________Homepage_________________*/
#top
{
	min-width: 760px;
	padding: 0;
	margin: 0;

	background: url(../vwa/img/bg_linksoben.jpg) no-repeat left 110px;
	/*	width:expression(document.body.clientWidth < 960? "900px": "auto" );
	width:expression(document.body.clientWidth > 75? "75em": "auto" );*/
}

#head
{
	width: 100%;
	height: 90px;
	background-image: url(/vwa/img/verlauf_rechts_oben.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	top: 0 left: 0;
}

#logo
{
	position: relative;
	top: 0 left: 0;
}

#headtext
{
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 272px;
	bottom: 7px;
}

#headnav
{
	position: absolute;
	right: 10px;
	top: 41px;
}

.icon
{
	float: left;
	margin: 0;
	padding: 0;
	width: 19px;
}

.icontext
{
	float: left;
	margin: 0;
	padding: 0;
	width: 4.5em;
}

.icontext a
{
	color: #666;
	text-decoration: none;
}

.icontext a:hover
{
	color: #009900;
	text-decoration: none;
}

/*navigation oben*/
#b
{
	width: 100%;
	background: #000063;
	float: left;
}

#nav
{
	width: 1000px;
	position: relative;
	top: 0;
	margin-left: 15px;
}

#nav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: .85em;
	font-weight: bold;
}

#nav li
{
	float: left;
	margin: 0;
	padding: 0;
	line-height: normal;
}

#nav a
{
	display: block;
	padding: 5px 6px 5px;
	border-right: 1px solid #ddd;
	color: #fff;
	text-decoration: none;
}

.sel
{
	display: block;
	color: #fff;
	text-decoration: none;
	background: #009900;
}

/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */

* html #nav a { width: 1%; }
#nav #current strong, #nav #current a { background-repeat: no-repeat; }

#nav a:hover
{
	color: #fff;
	background: #009900;
}

#sel a:hover
{
	color: #fff;
	background: #009900;
}

#nav a:hover { background-repeat: no-repeat; }

#nav a strong, #nav #current a strong
{
	background: none;
	padding: 0;
	border: none;
}

#nav #h { border-left: 1px solid #ccc; }

#left
{
	height: auto;
	width: 216px;
	float: left;
}

/*Navleft*/
#navleft
{
	background-repeat: no-repeat;
	padding: 20px 6px 5px 10px;
}

#navleft ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: .85em;
	font-weight: bold;
}

#navleft li
{
	margin: 0;
	padding: 0;
	line-height: normal;
}

#navleft a
{
	display: block;
	padding: 5px 6px 5px 5px;
	color: #000063;
	text-decoration: none;
}

#navleft strong
{
	display: block;
	color: #fff;
	text-decoration: none;
	background: #009900;
}

/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */

* html #navleft a { width: 190px; }

#navleft a:hover
{
	color: #fff;
	background: #009900;
}

#navleft strong a
{
	color: #fff;
	background: #009900;
}

#navleft a:hover { background-repeat: no-repeat; }

#printerfriendly ul
{
	padding: 20px 0 50px 10px;
	margin: 0;
}

#printerfriendly li
{
	padding: 0;
	margin: 0;
	list-style-image: url(../vwa/img/printer.gif);
	list-style-position: inside;
	font-size: .85em;
}

.level1
{
	margin: 0 0 0 216px;
	padding: 20px 0 0 0;

}



.main
{
	float: left;
	position: relative;
	width: 70%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 70%;
	margin: 0 0 20px 0;
	padding: 0;
	min-width: 27em; 
}


*>html .main { width: 70%;}

/* nur für IE Mac */

.main2columns
{
	float: left;
	position: relative;
	width: 90%;
	margin: 0 0 20px 0;
	padding: 0;
	min-width: 33em;
}

#content
{
	padding: 0 12px 0px 24px;
	background-image: url(/vwa/img/line.gif);
	background-repeat: repeat-y;
	background-position: left top;
	font-size: .9em;
	line-height: 140%;
}

#content a
{
	color: #000099;
	text-decoration: none;
}

#content a:hover { color: #009900; }

#content ul { padding-left: 1.5em; }

#content ul li
{
	list-style-image: url(/vwa/img/bullet.gif);
	padding-bottom: .3em;
}

.contentBox, .contentBoxBorder
{
	clear: both;
	margin: .5em 0 .5em 0;
}

.contentBoxBorder
{
	border-bottom: 1px dashed #666;
	padding-bottom: .5em;
}

.contentBox { margin: .5em 0 .5em .5em; }


.linkButton
{
	border: 1px solid #000063;
	padding: .1em;
}

.more li a { }

.more li a:hover
{
	color: #fff;
	background: #009900;
	border: 1px solid #009900;
}

.newsdate
{
   color: #009900;
   padding: 0;
   margin: 0;
   width: 20%;
   float: left;
   white-space: nowrap;
}

.newstext {
   padding: 0;
   margin: 0;
   float: left;
   width: 80%;
}

.newstextcontent {   
   padding: 0;
   margin: 0 0 0 .8em;}

#totop
{
	padding: 4px 12px 0px 24px;
	text-align: right;
}

.rgtBar
{
	float: right;
	width: 25%;
	margin: 0 0 20px 0;
}

* html .rgtBar
{
	width: 25%;
	margin-right: -3px;
	/* gegen IE6-Bug - Verdoppelung von Text bei Kommentaren zwischen floats */
}

#newsboxright { padding: 15px 23px 30px 12px;}

#newsboxright ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#newsboxright li
{
	list-style: none;
	margin: 0;
	font-size: .9em;
	color: #009900;
}

#newsboxright ul ul
{
	list-style: none;
	padding: 0;
	margin-bottom: .7em;
}

#newsboxright ul ul li
{
	list-style: none;
	padding: 0 0 .3em 0;
	border-bottom: 1px dashed #666;
}

#footer
{
	padding: 10px 0 20px 216px;
	color: #666;
	clear: both;
	float: left;
}

#footer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: .85em;
	font-weight: bold;
}

#footer li
{
	float: left;
	margin: 0;
	padding: 0;
	line-height: normal;
}

#footer a
{
	display: block;
	padding: 0px 6px 0px;
	border-right: 1px solid #666;
	color: #666;
	text-decoration: none;
	white-space: nowrap;
}

/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */

* html #footer a { width: 1%; }
#footer a:hover { color: #009900; }
.footerstart { border-left: 1px solid #666; }

h1, h2
{
	color: #333;
	font-size: 1.2em;
	margin: 0 0 1.3em 0;
}

h3
{
	color: #000;
	margin: 0 0 .2em 0;
}

h4
{
	color: #000;
	margin: 0 0 .5em 0;
	font-size: .9em;
}

h5
{
	color: #000;
	margin: 0 0 .5em 0;
	font-size: .85em;
	font-weight: normal;
}

h6
{
	color: #000;
	margin: 0 0 .5em 0;
	font-size: .8em;
	font-weight: normal;
}

/*__________________________________*/
img
{
	color: #000;
	background: transparent;
}

img :hover { background: transparent; }
.img { margin: 0 0 .5em 0!important; }

.imgcenter
{
	display: block;
	margin: 0 auto .2em auto;
}

.imgright
{
	display: block;
	float: right;
	margin: 0 .2em .9em .6em!important;
}

.imgleft
{
	display: block;
	float: left;
	margin: 0 .6em .9em 0!important;
}

.separator
{
	font-size: 1px;
	line-height: 1px;
	height: 3px;
	border-bottom: 1px solid #BCBCD0;
	margin: 6px 0 6px 0;
	padding: 0;
	clear: both;
}

.separator hr { display: none; }

/*Formulare*/
form
{
	margin: 0;
	padding: 0;
}

input, textarea, select
{
	color: #000;
	font-size: .9em;
}

input, legend, option, select, textarea
{
	line-height: normal;
}

input:focus, textarea:focus
{
	background: #fff;
	color: #000;
	font-weight: bold;
	font-size: .9em;
	line-height: normal;
	outline: #6D7DAA solid 1px;
}

input[type=text]#plz
{
	width: 5em;
	max-width: 5em;
}

label, input[type=checkbox], input[type=button], input[type=submit], input[type=password] { cursor: hand; }
option { border-top: 1px solid #ccc; }

#content legend
{
	border: 0px solid #666;
	color: #000;
	background: #E9E9F4;
	padding: .7em;
	margin: 0 0 0 -1em;
}

#content form
{
	line-height: 200%;
	margin-top: 1em;
}

#content fieldset
{
	border: 0px solid transparent;
	background: #E9E9F4;
	width: 100%;
	margin: 0;
}

#content label
{
	clear: both;
	float: left;
	width: 30%;
	text-align: right;
}

#content br { clear: both; }

#content form p
{
	margin: .5em 0 .5em 0;
	font-weight: bold;
	font-size: .9em;
}

.submitbutton { text-align: center; }

#content input[type=text], #content input[type=password], #content select, #content textarea
{
	margin-left: 1em;
	width: 60%;
	max-width: 20em;
	text-align: left;
}

#content input[type=radio], #content input[type=checkbox] { margin-left: 1em; }
form#content input { margin-left: 2em; }
#content fieldset { padding: 1em 1em 1.5em 1em; }
.checklabel { float: none!important; }
#navigation fieldset { border: 0; }
html>body #navigation fieldset { border: solid 0 transparent; }

a:focus, a:hover { color: #009900; text-decoration: underline;}
a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none;}

a {text-decoration: none;}
a[href] {text-decoration: none; color: #000099;}

.floatclear
{
	float: none;
	clear: both;
}

.floatclearspacer
{
	float: none;
	clear: both;
	height: .5em;
}

.subhead
{
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 0.8em;
	color: #009900;
}

.tab1
{
	width: 100%;
	background-color: #CCC;
}

table.tab1 td { background-color: #fff; }

.tab2
{
	width: 100%;
	background-color: #fff;
	border: 1px solid #009900;
}

td.tab1 { border: 10px solid #f00; }
.td_gray { background: #eee; }
.td_white { background: #fff; }

.td_txt_title
{
	color: #009000;
	font-weight: bold;
	font-size: 1.1em;
}

.txt_small { font-size: .85em; }
.textred { color: #f00; }
.textgreen { color: #009900; }

.separator2
{
	font-size: 1px;
	line-height: 1px;
	height: 3px;
	border-bottom: 1px solid #BCBCD0;
	margin: 6px 0 6px 0;
	padding: 0;
	clear: both;
}

.editmode {
  font-size: .9em;
  color: #c00;
}

.flexmodul {
  border: solid 1px #c00;
  font-size: .9em;
  color: #000;
  padding: 2px;
}

#logoBDIVWA {
  text-align: center;
  padding-top: 15px;
}