html {
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
}

body{
	position: relative;
	height:100%;
	width: 863px;
	color: #000000;
	background-color: #F1F1F1;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center; /* horizontale Zentrierung in alten IEs */
}

div.wbpr{
	position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	width: 863px;
	text-align: left;
	background-image: url("images/bg_body.gif");
	background-position: left top;
	background-repeat: repeat-y;
}


/* ####################################################### */
/* #### Allgemein: Schriften, Listen u. Links ############ */

html, body, table, th, td{
	font-family: "Trebuchet MS",tahoma,  "Bitstream Vera Sans", lucida, arial, helvetica, verdana, sans-serif;
	font-size:12px;
	line-height:1.35em;
}

p{
	margin:0;
	padding:0;
}

h1{
	font-size:20px;
	margin: 0 0 1em 0;
	padding:0;
	color:#666666;
}

h2{
	font-size: 14px;
	margin: 0;
	padding:0;
	color:#666666;
	line-height:1.3em;
}
h2 a,h2 a:hover{ color:#FFFFFF; }
a h2{
	color:#456767;
}

a{
	text-decoration:none;
	color:#456767;
}

a:hover{
	text-decoration:underline;
}

img{
	margin:0;
	padding:0;
	border:none;
}

div.small{
	margin: 1em 0 0 0
}

div.small p{
	font-size:10px;
}

div.inhalt ul{ list-style-image:url("images/bg_ul.gif") }
div.inhalt ul ul{ list-style-image:url("images/bg_ul_ul.gif") }
div.inhalt ul ul ul{ list-style-image:url("images/bg_ul_ul_ul.gif") }
div.inhalt ul ul ul ul{ list-style-image:url("images/bg_ul_ul_ul_ul.gif") }

/* ####################################################### */
/* #### Inhaltsbereiche ################################## */

div.header{
	z-index:1;
	position:absolute;
	top: 0;
	left: 0;
	height: 255px;
	width:864px;
	overflow: hidden;
	background-image: url("images/bg_header.gif");
	background-repeat: no-repeat;
}

div.header h1{
	position:absolute;
	line-height:1.4em;
	top:186px;
	left:33px;
	z-index:2;
	font-size:20px;
	font-weight:normal;
	color:#ffffff;
}

div.headerbild{
	position:absolute;
	left:171px;
	top:39px;
}

img#signet{
	position:absolute;
	top:39px;
	right:23px;
}

ul.nav{
	position: absolute;
	display: block;
	top: 219px;
	left: 24px;
	width: 819px;
	height: 22px;
	margin: 0;
	padding: 2px 0 2px 0;
}


div#columns{
	padding: 0 22px 0 28px;
}

div.subnav{
	float: left;
	margin: 0;
	padding: 287px 0 0 0;
	width: 141px;
	overflow: hidden;
	
}
ul.subnav{
	margin: 0;
	padding: 0;
}

div#rightcolumns{
	float:right;
	width:669px;

}
div.marginalien{
	float: right;
	margin: 0;
	padding: 287px 0 0 0;
	width: 153px;
	overflow: hidden;
	font-size:11px;
}

div.inhalt{
	float:left;
	padding:268px 0 0 0;
	width:513px;
}


div.footer{
	clear:both;
	margin: 0 178px 3px 172px;
	padding: 0 0 0 5px;
	color:#ffffff;
	background-color:#B2CCCC;
	line-height:20px;
	font-size:11px;
}

div.footer a{
	color:#ffffff;
	text-decoration:underline;
}

div.clearer{
	clear:both;
}

/* ####################################################### */
/* #### Hauptnavigation ################################## */

ul.nav li{
	float: left;
	font-size:16px;
	list-style-type: none;
	
	width:110px;
	margin:0 2px 0 0;
}

ul.nav a{
	display:block;
    padding: 3px 0 0 5px;
	color: #FFFFFF;
	background-color: #B2CCCC;
	line-height: 28px;
	font-weight: bold;
	text-decoration: none;
}

ul.nav li.language{
	width:145px;
}

ul.nav li.language a{
	color:#456767;
	font-size:11px;
	font-weight:normal;
	background-color:#EAEAEA;
	padding:7px 0 0 20px;
	line-height: 24px;
	font-family: verdana, arial, helvetica, sans-serif;
	/* background-image: url("images/bg_language.gif"); */
	background-position: left top;
	background-repeat: no-repeat;
}

ul.nav li.language a:hover{
	color:#456767;
	background-color:#EAEAEA;
	text-decoration:underline;
}

ul.nav a:hover{
	color: #ffffff;
	background-color: #669999;
	text-decoration:none;
}

ul.nav li.active a{
	color: #ffffff;
	background-color: #669999;
}

/* ####################################################### */
/* #### Unternavigation ################################## */

ul.subnav li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.subnav li a{
	display:block;
	margin:0 0 3px 0;
	padding: 0 0 0 8px;
	color: #456767;
	background-color:#ffffff;
	border-left: 6px solid #456767;
	font-weight:bold;
	line-height:18px;
}

ul.subnav li.sec a,
ul.subnav li.secactive a{
	margin: 0 0 3px 7px;
	border:none;
}

ul.subnav li.third a,
ul.subnav li.thirdactive a{
	margin: 0 0 3px 14px;
	border:none;
}

ul.subnav li a:hover,
ul.subnav li.active a,
ul.subnav li.secactive a,
ul.subnav li.thirdactive a,
ul.subnav li.active a:hover,
ul.subnav li.secactive a:hover,
ul.subnav li.thirdactive a:hover{
	color:#ffffff;
	background-color:#669999;
	text-decoration:none;
}

/* ####################################################### */
/* #### Marginalien ###################################### */

div.box{
	width:143px;
	margin: 0 4px 0 4px;
	background-color:#ffffff;
	border:1px solid #C0BFBF;
}

div.box h1{
	color:#4F5D5D;
	background-color:#F9F9F9;
	line-height:18px;
	font-size:1em;
	margin:0;
	padding: 0 7px 0 5px;
}

div.box ul{
	margin: 0;
	padding: 3px 0 0 0;
	list-style-type: none;
}

div.box ul li{
	padding:0;
	margin: 0 0 1px 0;
	display:block;
	float:left;
	width:143px;
}

div.box li a{
	display:block;
	margin:0 0 0 0;
	padding: 0 0 0 17px;
	color: #456767;
	background-color:#ffffff;
	background-image: url("images/bg_marginalien_li.gif");
	background-position: left 4px;
	background-repeat: no-repeat;
	line-height:16px;
}

div.box li a:hover{
	color:#ffffff;
	background-color:#669999;
	text-decoration:none;
}

div.wbprbox{
	width:153px;
	margin: 32px 0 0 0;
	padding: 40px 0 0 0;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	color:#456767;
	background-color:#ffffff;
	background-image: url("images/bg_marginalien_wbpr.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

div.wbprbox div{
	border-bottom: 1px solid #C0BFBF;
	padding-bottom:6px;
}

div.wbprbox p{
	border-top:1px solid #456767;
	margin:4px 0 0 14px;
	padding-top:5px;
}

/* ####################################################### */
/* #### Inhalt ########################################### */


div.inhalt div.ungerade,
div.inhalt div.gerade,
div.inhalt div.whitebox{
	margin:0 0 20px 0;
	padding: 12px 5px 10px 10px;
	background-image: url("images/bg_inhalt_boxen.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

div.inhalt div.ungerade{
	background-color: #F1F0F0;
}
div.inhalt div.gerade{
	background-color: #F9F9F9;
}
div.inhalt div.whitebox{
	background-color: #FFFFFF;
}

div.inhalt p{
	margin: 0 5px 0 4px;
}

div.inhalt h2{
	margin: 0 5px 0 5px;
	padding: 0 0 1em 0;
}

div.inhalt h1{
	margin-left:4px;
	line-height:1.15em;
}

div.nachoben{
	padding-right:5px;
	text-align:right;
}

div.inhalt a{
	text-decoration:underline;
}

div.nachoben a{
	padding-right:14px;
	background-image: url("images/bg_nachoben.gif");
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration:none;
}

div.inhalt ul li{
	margin-bottom:1em;
}


div.inhalt ul.sitemap li{
	margin-bottom:0;
}

div.inhalt ul{
	margin-top:0;
	padding-top:0;
}

div.inhalt ul.quadrate{
	margin:0;
	padding:0;
	list-style-image:none;
	list-style: none;
}
div.inhalt ul.quadrate li{
	margin:0;
	padding: 0 0 0 5px;
}

/* NEWS */
div.inhalt div.newsbox h2{
	padding-top:1em;
}

div.inhalt div.newsbox h2 a,
div.inhalt div.newsbox h2 a:hover{
	color:#456767;
	text-decoration:none;
}

span.datum{
	font-weight:normal;
	font-size:12px;
	color:#000000;
}

div.subheader{
	margin-bottom:1em;
}

div.newsbox{
	margin:0 0 20px 0;
	padding: 2px 10px 0 0;
	background-image: url("images/bg_inhalt_boxen.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

div.newsimage img{
	float:left;
	margin-right:10px;
}

div.news-single-item div.newsimage img{
	margin-bottom:1em;
}


/* ####################################################### */
/* #### DHTML-Pop-Up ##################################### */
div#dhtmlwintitle{
	background-image: url("images/bg_dhtmlwin_title.gif");
	background-repeat: repeat-y;
}