html, body {
	height:100%;
}

body {
	background-color: #BCBEC0;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: .8em;
	color: #003050;
}

h2 {
	margin: -1em 0 0.8em 0;
}


/* wrapper
 ----------------------------------------------- */

#wrapper {
	position:relative;
	min-height:100%;
	background: url(../img/wrapper_bg.gif) repeat-y 50% 0;
}


/* header
 ----------------------------------------------- */

#header {
	width:1010px;
	height: 118px;
	position: relative;
	margin: 0 auto;
	background-color: #003050;
	z-index: 99;
}

#visual {
	background: url(../img/visual_global.jpg) no-repeat top right;
	height: 145px;
	width: 295px;
	position: absolute;
	top: 0;
	right: 0;
}

/* #logo {
	background: url(../img/wdb_logo.gif) no-repeat bottom left;
	position: absolute;
	width: 172px;
	height: 84px;
	top: 26px;
	left: 20px;
}

*/

#logo {
	background: url(../img/wdb_logo.gif) no-repeat bottom left;
	position: absolute;
	width: 183px;
	height: 82px;
	top: 26px;
	left: 14px;
}

#logo a {
	width: 160px;
	height: 65px;
	display: block;
}

/* metanav
 ----------------------------------------------- */

#metanav {
	position: absolute;
	left: 219px;
	top: 5px;
	font-size: 89%;
	color: #C5E4F3;
}

#metanav a {
	color: #C5E4F3;
	text-decoration: none;
}

#metanav a:hover {
	text-decoration: underline;
	color: #C5E4F3;
}

#metanav-txt {
	float: left;
}

/* breadcrumb
 ----------------------------------------------- */

#breadcrumb {
	font-size: 89%;
	position: absolute;
	top: 130px;
	left: 220px;
    width: 550px;
}

#breadcrumb a {
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}


/* layout
 ----------------------------------------------- */

#main {
	position: relative;
	width:1010px;
	margin: 0 auto;
	padding: 0 0 150px 0;
	background-color: #fff;
}

#leftcol {
	position:relative;
	width:190px;
	float:left;
	margin-right: 30px;
}

#contentsection {
	width: 790px;
	float: left;
	position: relative;
	line-height: 130%;
}

#content {
    position: relative;
    float: left;
}

#rightcol {
	position:relative;
	float:left;
	color: #000;
}


/* content rightcol
 ----------------------------------------------- */

.content-100 {
	width:720px;
	margin: 50px 35px 0 0;
	padding-bottom: 50px
}

.content-75 {
	width:535px;
	margin: 50px 35px 0 0;
}

.rightcol-25 #rightcolcontent {
	width:220px;
	font-size: 89%;
	line-height: 120%;
}

.content-50 {
	width:360px;
	margin: 50px 35px 0 0;
}

.rightcol-50 {
	width:360px;
	margin: 50px 0 0 0;
}

.rightcol-50 #edusearch {
    display: none;
}

/* topnav
 ----------------------------------------------- */


#topnav {
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0;
	left: 218px;
	font-weight: bold;
}

#topnav ul {
	margin: 0;
	padding: 0;
}

#topnav ul li {
	display: inline;
	list-style-type: none;
	margin: 0 2px 0 0;
}

#topnav ul li a, #topnav ul li a:link {
	background-color: #686868;
	background: url(../img/topnav_inactive.gif) no-repeat bottom left;
	color: #fff;
	padding: 8px 10px 5px 10px;
	text-decoration: none;	
	float: left;
}

#topnav ul li a.first {
	background-color: #686868;
	background: url(../img/topnav_besucher_nw.gif) no-repeat top right;
	color: #fff;
}

#topnav ul li a.firstactive, #topnav ul li a.first:hover {
	background-color: #686868;
	background: url(../img/topnav_active_besucher_nw.gif) repeat-x bottom left;
	color: #000;
}

#topnav ul li a.secondactive, #topnav ul li a.second:hover {
	background-color: #686868;
	background: url(../img/topnav_active_beratung_nw.gif) repeat-x bottom left;
	color: #000;
}

#topnav ul li a.second {
	background-color: #686868;
	background: url(../img/topnav_beratung_nw.gif) no-repeat top right;
	color: #fff;
}

#topnav ul li a.thirdactive, #topnav ul li a.third:hover {
	background-color: #686868;
	background: url(../img/topnav_active_aktuelles_nw.gif) repeat-x bottom left;
	color: #000;
}

#topnav ul li a.third {
	background-color: #686868;
	background: url(../img/topnav_aktuelles_nw.gif) no-repeat top right;
	color: #fff;
}

#topnav ul li a.fourthactive, #topnav ul li a.fourth:hover {
	background-color: #686868;
	background: url(../img/topnav_active_marktplatz_nw.gif) repeat-x bottom left;
	color: #000;
}

#topnav ul li a.fourth {
	background-color: #686868;
	background: url(../img/topnav_marktplatz_nw.gif) no-repeat top right;
	color: #fff;
}
	

#topnav ul li a.fifthactive, #topnav ul li a.fifth:hover {
	background-color: #686868;
	background: url(../img/topnav_active_infothek_nw.gif) repeat-x bottom left;
	color: #000;
}

#topnav ul li a.fifth {
	background-color: #686868;
	background: url(../img/topnav_infothek_nw.gif) no-repeat top right;
	color: #fff;
}	
	
#topnav ul li a.sixthactive, #topnav ul li a.sixth:hover {
	background-color: #686868;
	background: url(../img/topnav_active_profil_nw.gif) repeat-x bottom left;
	color: #000;
}

#topnav ul li a.sixth {
	background-color: #686868;
	background: url(../img/topnav_profil_nw.gif) no-repeat top right;
	color: #fff;
}
	

	
	
	
/* subnav
 ----------------------------------------------- */


#subnav { 
	position: relative;
}

#subnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #fff;
}


#subnav ul li { 
	margin: 0 0 1px 0;
}

#subnav a.active-curr, #subnav a.active.curr:link {
    background-color: #ced5dd !important;
}

#subnavlist1 li a, #subnavlist1 li a:link {
	background: url(../img/listpunkt_subnav.gif) no-repeat 7px center;
	display: block;
	font-size: 87%;
	padding: 6px 7px 6px 23px;
	width: 160px;
	color: #000;
	background-color: #9db1c0;
	text-decoration: none;
}

#subnavlist1 li a:hover {
	background: url(../img/listpunkt_subnav.gif) no-repeat 7px center;
	display: block;
	color: #000;
	background-color: #9db1c0;
	text-decoration: underline;
}

#subnavlist1  li a.active-out, #subnavlist1 li a.active-out:link {
	background: url(../img/listpunkt_subnav_active.gif) no-repeat 7px center;
	display: block;
	color: #000;
	font-weight: bold;
	background-color: #9db1c0;
	text-decoration: none;
	margin: 0 0 1px 0;
}

#subnavlist1 li a.active-in, #subnavlist1 li a.active-in:link {
	background: url(../img/listpunkt_subnav.gif) no-repeat 7px center;
	display: block;
	color: #000;
	font-weight: bold;
	background-color: #9db1c0;
	text-decoration: none;
	margin: 0 0 1px 0;
}

#subnavlist1 li a.active-out:hover {
	text-decoration: underline;
	background: url(../img/listpunkt_subnav_active.gif) no-repeat 7px center;
	background-color: #9db1c0;

}

#subnavlist1 li a.active-in:hover {
	text-decoration: underline;
	background: url(../img/listpunkt_subnav.gif) no-repeat 7px center;
	background-color: #9db1c0;

}

#subnavlist2 li { margin: 0 0 1px 0;}

#subnavlist2 li a, #subnavlist2 li a:link {
	background: url(../img/listpunkt_subnav2.gif) no-repeat 20px center;
	background-color: #9db1c0;
	display: block;
	padding: 6px 5px 6px 35px;
	width: 150px;
	color: #000;
	text-decoration: none;
}

#subnavlist2 li a:hover {
	background: url(../img/listpunkt_subnav2.gif) no-repeat 20px center;
	color: #000;
	background-color: #9db1c0;
	text-decoration: underline;
}

#subnavlist2 li a.active-out, #subnavlist2 li a.active-out:link {
	background: url(../img/listpunkt_subnav2_active.gif) no-repeat 20px center;
	color: #000;
	background-color: #9db1c0;
	text-decoration: none;
	font-weight: bold;
	margin: 0 0 1px 0;
}

#subnavlist2 li a.active-in, #subnavlist2 li a.active-in:link {
	background: url(../img/listpunkt_subnav2.gif) no-repeat 20px center;
	color: #000;
	background-color: #9db1c0;
	text-decoration: none;
	font-weight: bold;
	margin: 0 0 1px 0;
}

#subnavlist2 li a.active-in:hover {
	background: url(../img/listpunkt_subnav2.gif) no-repeat 20px center;
	text-decoration: underline;
	background-color: #9db1c0;
}

#subnavlist2 li a.active-out:hover {
	background: url(../img/listpunkt_subnav2_active.gif) no-repeat 20px center;
	text-decoration: underline;
	background-color: #9db1c0;
}

#subnav ul ul ul {
	background-color: #9db1c0;
}

#subnavlist3 li { margin: 0 0 1px 0; }


#subnavlist3 li a,#subnavlist3 li a:link {
	background:  url(../img/listpunkt_subnav3.gif) no-repeat 174px center;
	background-color: #9db1c0;
	display: block;
	padding: 6px 20px 6px 10px;
	width: 160px;
	color: #000;
	text-decoration: none;
    text-align: right;
}


#subnavlist3 li a:hover {
	background: url(../img/listpunkt_subnav3.gif) no-repeat 174px center;
	color: #000;
	background-color: #9db1c0;
	text-decoration: underline;
}

#subnavlist3 li a.active,#subnavlist3 li  a.active:link {
	font-weight: bold;
}

#subnav-signet {
	background: url(../img/subnav_signet.gif) no-repeat;
	position: relative;
	margin: 30px 0 0 10px;
	height: 100px;
	width: 133px;
}


/* edusearch
 ----------------------------------------------- */


#edusearch {
	margin-top: 28px;
	background-color: #EFEFEF;
	font-size: 89%;
	width: 220px;
}

#edusearchcontent {
    padding: 10px;
   	color: #000;

}

#edusearchcontent h3 {
	margin: 0 0 .4em 0;
	padding: 0;
	color: #000;
}

#edusearchcontent form {
	margin: 0;
	padding: 0;
}

#edusearchcontent br {
	clear: both;
}

#edusearchcontent label {
	clear: both;
	float: left;
	width: 70px;
	padding-top: .5em;

}

#edusearchcontent input, #edusearchcontent select {
	width: 100px;
	float: right;
	font-size: 86%;
	background-color: #fff;
}

#edusearchcontent select {
	width: 104px;
}


#edusearchcontent .checkbox-box {
	width: auto;
	background-color: #EFEFEF;

}

#edusearchcontent .checkbox-text {
	width: 140px;
	line-height: 110%;
}

#edusearchcontent .submit-button {
	width: auto;
	float: left;
	margin: 6px 0 0 0;
	background-color: #EFEFEF;
}

div#rightcol-edusearch-stats table {margin-top: 3px}

div.edusearch-end {
	margin: 15px 0 10px 0;
	overflow: hidden;
	border-top: 1px solid #ccc;
	height: 1px;
}


/* teaser infoboxen
 ----------------------------------------------- */

.teaser1, .teaser2, .teaser3, .teaser4 {
	color: #003050;
}

.teaser1 {
	background-color: #9db1c0;
	padding: 2px 10px;
	margin-top: 3px;
}

.teaser1 h3 {
	margin: 0;
	padding: 10px 0 0 0;
}

.teaser2 {
	border: 3px solid #9db1c0;
	padding: 2px 7px;
	margin-top: 3px;
}

.teaser2 h3 {
	margin: 0;
	padding: 8px 0 0 0;
}

.teaser3 {
	background-color: #EFEFEF;
	padding: 2px 10px;
	margin-top: 3px;
}

.teaser3 h3 {
	margin: 0;
	padding: 10px 0 0 0;
}

.teaser4 {
	border: 3px solid #D8D8D8;
	padding: 2px 7px;
	margin-top: 3px;
}

.teaser4 h3 {
	margin: 0;
	padding: 8px 0 0 0;
}

.teaser2 h1  {margin-top: 0.5em; margin-bottom: 0.5em}


/* sitemap
 ----------------------------------------------- */

div.sitemap .sm-rubriklink {
	background-color: #EFEFEF; 
	display: block; 
	padding: .2em 0 .3em .7em;
	margin-bottom: .5em;
	font-weight: bold;
}

div.sitemap li.sm-rubriklist {
	background-image: none;
	margin: 0 0 1em -22px;
}

#content div.sitemap ul {
	list-style: none;
	margin: 1em 0 .7em 0;
	padding-left: 12px;
	}	

#content div.sitemap ul li {
	padding: 0 0 4px 12px;
	background: none;
	}

#content div.sitemap ul ul {
	list-style: none;
	margin: .3em 0 .3em 0;
	padding-left: 11px;
	}	

#content div.sitemap ul ul li {
	padding: 0 0 4px 16px;
	line-height: 1.4em;
	background: url(../img/listpunkt_content.gif) 0px 2px no-repeat;
}

/* misc
 ----------------------------------------------- */

.clear {
	clear:both;
	height:0;
	padding:0;
	border:0;
	margin:0;
	font-size:0;
	line-height:0;
}

.linktotop {
    font-size: 89%;
}

	
/* footer
 ----------------------------------------------- */

#footer {
	position:absolute;
	bottom: 0;
	width: 100%;
	height: 150px;
	z-index: 50;
} 

* html #footer {
	bottom: -1px; /* ie 1px bottomgap */
}

#footer-inner {
	background: url(../img/footer.gif) no-repeat 0px;
	height: 150px;
	width: 1010px;
	margin: 0 auto;
	position: relative;
	font-size: 89%;
	color: #888;
}

#footer-print {
	position: absolute; 
	left: 218px;
	bottom: 63px;
}

#footer-print a {
	color: #888;
	text-decoration: none;
}

#footer-print a:hover {
	text-decoration: underline;
}

#footer-print a.printversion {
    background: url(../img/printversion.gif) no-repeat 0 0;
    padding-left: 18px;
    padding-top: 4px;
    position: relative;
}

.footer-txt1 {
	position: absolute;
	left: 18px;
	bottom: 63px;
}

.footer-txt2 {
	position: absolute;
	bottom: 7px;
	left: 218px;
	color: #fff;
}

/* formulare wdbform
 ----------------------------------------------- */

.wdbform {
	line-height: 200%; 
	margin: 1.6em 0 0;
	padding: 0;
}

.wdbform fieldset {
	border: 1px #bebebe solid; 
	background: #F7F7F7; 
	width: 94%; 
	margin: 1em 0 .5em 0;
	padding: 0 1em 2em 1em;
	display: block;
}
	
.wdbform h4 {
    margin: -.8em 0 0 0;
    padding: 0 0 .3em 0;
    border: 0 none;
    display: block;
}

.wdbform legend {
	border: 1px solid #aaa;
	color: #000; 
	background: #E5E5E5; 
	padding: 2px 6px 2px 6px; 
	margin: 0 0 1.5em -.7em;
	font-weight: bold;
}


input, textarea, select {
	background: #eee; 
	color: #000;
}

input, legend, option, select, textarea, radio {
	line-height: normal;
	margin: .3em 0;
	font-family: arial, helvetica, sans-serif;
}

input:focus, textarea:focus {
	background: #fff; 
	color: #000;
	line-height: normal; 
}

input[type=checkbox], input[type=button], input[type=submit], input[type=radio] {
	cursor: pointer; 
}

option {
	border-top: 1px solid #aaa;
}

.wdbform label {
	clear: both; 
	float: left; 
	width: 40%; 
	text-align: right;
	line-height: 130%;
	margin: .3em 0;
}

span.label-right {
	float: left; 
	margin: .3em 0 .3em 1em; 
	line-height: 130%;
}

.wdbform br {
	clear: both;
}


p.feinfo {
	display: inline;
	clear: both; 
	float: left; 
	width: 40%; 
	text-align: right;
	line-height: 130%;
	margin: 1em  0 .3em;
}

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

input.submit {
	margin-top: .5em;
	text-align:center;
}

.wdbform input[type=text], input[type=password], .wdbform select, .wdbform input[type=radio] {
	margin-left: 1em; 
	width: 16em; 
	text-align: left;
}

.wdbform textarea {
	margin-left: 1em; 
	width: 16em; 
	text-align: left;
	font-size: 1em;
}

.wdbform input[type=checkbox], form.wdbform input[type=radio] {
	margin-left: 1em; 
	width: 1em;
	max-width: 1em; 
	text-align: left;
}

.wdbform label.polprofil {
    clear: none;
	width: 6em;
    padding: 0;
    color: #000;
	display: block;
	float: left;
	text-align: center;
}

.wdbform input.polprofil {
	float: left;
	margin: 2em 2.5em 0 -3.5em !important;
	width: auto;
	background-color: #F7F7F7;
}


.wdbform strong.polprofil {
    line-height: 140%;
    margin-bottom: 5px;
}


span.required {
	color: #D72F4D;
	font-weight: bold;
}

p.requiredinfo {
	margin: 1em;
	font-size: .8em;
	font-weight: bold;
	line-height: 120%;
}

.wdb-table th {
    vertical-align: top;
    padding: 4px 8px 4px 4px;
    text-align: left;
    background-color: #E5E5E5;
}

.wdb-table td {
vertical-align: top;
padding: 4px 8px 4px 4px;
}

.wdb-table tr.rowcolor0 {
background-color: #fff;
}

.wdb-table tr.rowcolor1 {
background-color: #F7F7F7;
}


.wdb-table td input {
vertical-align: top;
margin: 0;
padding: 0;
}

.wdb-formnav {
display: inline; 
margin-right: 1em;
}

.qba-summary {
    height: 1400px;
    margin-top: 2em;
}

/* contact formular
 ----------------------------------------------- */

.contact-form fieldset {
	border: 1px #bebebe solid; 
	background: #F7F7F7; 
	width: 94%; 
	margin: 1em 0 .5em 0;
	padding: 0 1em 1em 1em;
	display: block;

}

.contact-form legend {
	border: 1px solid #aaa;
	color: #000; 
	background: #E5E5E5; 
	padding: 2px 6px 2px 6px; 
	margin: 0 0 1.5em -.7em;
	font-weight: bold;
}

.contact-form input, .contact-form textarea, .contact-form select {
	background: #eee; 
	color: #000;
}

.contact-form input:focus, .contact-form textarea:focus {
	background: #fff; 
	color: #000;
	line-height: normal; 
}

.contact-form label {
	clear: both; 
	float: left; 
	width: 20%; 
	text-align: right;
	line-height: 130%;
	margin: .3em 0;
}

.contact-form br {
    clear: both;
}

.contact-form input, .contact-form select, .contact-form textarea {
	width: 20em; 
	text-align: left;
    font-size: 100%;
   	font-family: arial, helvetica, sans-serif;
	line-height: normal;
	margin: .3em 0;
	margin-left: .8em; 
}

.contact-form textarea {
    width: 36em;
}


.contact-form input.radiobox {
    width: auto;
    background-color: #f7f7f7;
}

.contact-form input.checkbox {
    width: auto;
    background-color: #f7f7f7;
    margin: 0 .5em 0 0;
}

.contact-form .checkbox-long {
    margin: .3em 0;
    display: block;
    margin-left: 16.5em;
    width: 20em;
}


.contact-form input.submit {
    margin: auto;
    margin-left: 0;
    width: auto;
    text-align: center;
}

.contact-form fieldset p {
    margin: 0 0 0 0;
    padding: 0;
}

/* summary chart
 ----------------------------------------------- */
 
				#chart {
				    height: 1%;
					font-size: 89%;
				}
				
				#chart dl { 
					margin: 0; 
					padding: 0; 					
				}
				
				#chart dt { 
					position: relative;
				    clear: both;
					display: block; 
					float: left; 
					width: 140px; 
					height: 2em; 
					padding: 3px;
					line-height: 2em;
					margin-right: 20px;  
					text-align: right; 
				}
				
				#chart dd { 
					position: relative; /* IE Win */
					display: block; 				
					float: left;	 
					width: 357px; 
					xheight: 20px; 
					margin: 0 0 .5em; 
				}
				
				* html #chart dd { float: none; } /* IE Win */
								
				.graph { 
					position: relative;
					border: 1px solid #B1D632; 
					padding: 2px; 
					margin-bottom: .5em;					
				}
				
				#chart .graph .bar { 
					display: block;	
					position: relative;
					background: #B1D632; 
					text-align: center; 
					color: #333; 
					height: 2em; 
					line-height: 2em;									
				}
				
				#chart .graph .bar span { 
				position: absolute; 
				left: 1em;
				width: 150px;
				text-align: left;
				}


/*wdb forms 30.09.2008
_________________________________________________________*/
.wdbform p{line-height:1.1em;margin-top:.3em;}
/*.wdbform p.contact-txt {position:relative;float:left;width:395px;}*/


.wdbform input[type="submit"]{
	background-color:#f7f7f7;
	border:1px solid #999999;
	font-size:.9em;
	}
.wdbform input[type="file"]{
	background-color:#f7f7f7;
	border:1px solid #999999;
	font-size:.9em;
	}
	span.label-right input.aendern{
	background-color:#f7f7f7;
	border:1px solid #999999;font-size:.9em;
	}
.wdbform input.loeschen, input.kurs{
	background-color:#f7f7f7;
	border:1px solid #999999;
	position:relative;top:1.4em;font-size:.9em;
	
	}
.wdbform input.ok{
	background-color:#f7f7f7;
	border:1px solid #999999;
	
	}
.wdbform hr{margin-bottom:1.2em;margin:0px;margin-right:15px;margin-bottom:20px;}
.wdbform .institut{background-color: #F9DFF2;}
.wdbform .institut_head{background-color: #F5cceb;}

.wdbform .kontakt{background-color: #E2E2F5;}
.wdbform .kontakt_head{background-color: #D1D1F0;}

.wdbform .bildung{background-color: #FFEFDE;}
.wdbform .bildung_head{background-color: #FFE6CC;}

.wdbform .termin{background-color: #DFF5EC;}
.wdbform .termin_head{background-color: #CCF0E0;}

.wdbform .veranstalter{background-color: #FFFFCF;}
.wdbform .veranstalter_head{background-color: #FFFFCC;}
/*
.wdbform .institut{background-color: #F9DFF2;}
.wdbform .institut_head{background-color: #F5cceb;}
*/
.wdbform {line-height:0.8em; } 
.wdbform fieldset select,.wdbform fieldset textarea,.wdbform fieldset input[type="text"],.wdbform fieldset input[type="password"],form.sort select{width:300px;background:#ffffff;font-size:.9em;}

.wdbform fieldset label.first,.wdbform fieldset span.first{margin-top:8px;}

p.inline{display:inline;position:relative;top:1.2em;line-height:0.9em;* html top:1.2em;* html line-height:1em;}

table.bildung{border:1px solid #aaa;width:100%;}
*+html table.bildung, *_html table.bildung{width:100%;}
table.bildung th {
background-color: #FFE6CC;
}
table.bildung tr.rowcolor1 {
background-color: #FFEFDF;
}
table.bildung tr.rowcolor {
background-color: #fef8f2;
}
div.buttons form{display:inline;float:right;margin-left:3px;}
form.sort{text-align:right;}
input.kurs{position:relative;float:left;margin-top:;}
.kurs p{line-height:1.2em;}
.label-right button{margin-left:10px;}
/* tooltips */
/*
.wdbform .tooltip a  {
text-decoration: none;
background-color: transparent;
color: #000;
}
div.tooltip a:hover{text-decoration: none;
background-color: transparent;}
div.tooltip a span {
display: none;text-decoration: none;margin-bottom:1px;
 
}
div.tooltip a img{ float:right;position:relative;top:-1.70em;right:72px;}

div.tooltip a:hover span {float:right;display:block;position: relative; top:2px; right: 75px; width:561px;margin-bottom:1px;margin-top:1px;
   padding: 5px;
   border: 2px solid #0590d1; background: #eff9fd;
   font: 10px Verdana, sans-serif; }
*+html div.tooltip a:hover span {right: 71px;
   padding: 5px;
   border: 2px solid #0590d1; background: #eff9fd;
   font: 10px Verdana, sans-serif; }
.wdbform a.test span{display:none;}
.wdbform a span.tooltip{
text-decoration: none;
background-color: transparent;
color: #000;
}
*/
.wdbform  a:hover{text-decoration: none;
background-color: transparent;}
 a.tooltip span {
display: none;
 
}
.wdbform a.test span{display:none;}
/*
.wdbform a img{ float:right;position:relative;top:-1.70em;right:70px;}

 a:hover span.tooltip{float:right;display:block;position:relative; top:2px; right: 75px; width:561px;margin-bottom:1px;margin-top:1px;
   padding: 5px;
   border: 2px solid #0590d1; background: #eff9fd;
   font: 10px Verdana, sans-serif;color:#666;}  
.wdbform input[type=checkbox],.wdbform input[type=radio]{background:none;} 
*_html .wdbform input[type=checkbox],.wdbform input[type=radio]{background:transparent;}   
*/

/* Engelmann */

div.popupinfo {
	display: inline;
}

div.popupinfo a:hover {
      font-weight: bold;
	  text-decoration: none;
}
    
  div.popupinfo a:link span {display: none;}
  div.popupinfo a:visited span {display: none;}
  div.popupinfo a:hover span {
      position: absolute;
      margin: 20px 0px 0px 0px;
      border: 2px solid #0590d1; background: #eff9fd;
      width:540px;
      padding: 8px;
      font-family:Arial,Helvetica,sans-serif;
      font-size:11px;
      color: #000;
      text-align:left;
      line-height: 130%;
      font-weight: normal;
      display: block;
      z-index: 99;
}

div.popupinfo p {
	margin-top: 0;
}


/* ==== klim ==== */

legend span a {
    background: url(../img/ic_pfeil_on.gif) no-repeat 0 3px  ; 
    padding: 2px; 
    text-decoration: none;
    outline: none 
}

legend span a:hover {
    background: url(../img/ic_pfeil_off.gif) no-repeat 0 3px  ; 
    padding: 2px; 
    text-decoration: none;
    outline: none 
}

a.test {
   margin-top: 3px;
   margin-left: 10px;
   padding-right: 5px
}

legend span.error img {
    position: absolute;
    margin-top: 25px
}

/* ----- Boxen Rechts ----- */

div.border_green_light {
	margin-top: 3px;
	padding: 2px 10px;
	border: 3px solid #E4F0C3
}

div.box_green_light {
	margin-top: 3px;
	padding: 2px 10px;
	background: #E4F0C3;
}




div.border_red_light {
	margin-top: 3px;
	padding: 2px 10px;
	border: 3px solid #FACFD2
}

div.box_red_light {
	margin-top: 3px;
	padding: 2px 10px;
	background: #FACFD2
}




div.border_blue_light {
	margin-top: 3px;
	padding: 2px 10px;
	border: 3px solid #CED5DD
}

div.box_blue_light {
	margin-top: 3px;
	padding: 2px 10px;
	background: #CED5DD
}

div.border_green_dark {
	margin-top: 3px;
	padding: 2px 10px;
	border: 3px solid #BCD478
}

div.box_green_dark {
	margin-top: 3px;
	padding: 2px 10px;
	background: #BCD478
}


div.border_blue_dark {
	margin-top: 3px;
	padding: 2px 10px;
	border: 3px solid #9DB1C0
}

div.box_blue_dark {
	margin-top: 3px;
	padding: 2px 10px;
	background: #9DB1C0
}



div.border_red_dark {
	margin-top: 3px;
	padding: 2px 10px;
	border: 3px solid #F5AAAE
}

div.box_red_dark {
	margin-top: 3px;
	padding: 2px 10px;
	background: #F5AAAE
}



div.box_red_dark h3, div.border_red_dark h3, div.box_blue_dark h3,
div.border_blue_dark h3, div.box_green_dark h3, div.border_green_dark h3,
div.box_blue_light h3, div.border_blue_light h3, div.box_red_light h3, 
div.border_red_light h3, div.box_green_light h3, div.border_green_light h3

{
	margin: 0;
	padding: 10px 0 0 0;
}


div.box_green_dark h3, div.border_green_dark h3 {color: #6E8826}
div.box_green_light h3, div.border_green_light h3 {color: #6E8826}

div.box_red_dark h3, div.border_red_dark h3 {color: #D91E2A}
div.box_red_light h3, div.border_red_light h3 {color: #D91E2A}

div.box_blue_light h3, div.border_blue_light h3 {color: #003050}
div.box_blue_dark h3, div.border_blue_dark h3 {color: #003050 }



/* ----- Umfrage ------ */

div.tx-jkpoll-pi1 {
	margin-top: 3px;
	padding: 2px 10px;

}

div.tx-jkpoll-pi1 div {
	line-height: normal;
	margin-bottom: 0.5em
}

div.tx-jkpoll-pi1 h3 {
	padding: 10px 0 0 0;
	margin-top: 0.3em;
	font-size: 120%
}

div.tx-jkpoll-pi1 p {
	margin-bottom: 0;
	margin-top: 0.4em
}

div.tx-jkpoll-pi1 label {
	margin: 0;
	padding-left: 5px;
	position: relative;
	top: -1px;
	line-height: 2;
}

div.tx-jkpoll-pi1 input.pollanswer {
	margin: 0;
	padding: 0;
}

input.pollanswer {	background-color: transparent}


/* ----- Tipform ----- */


form#tipform label {
	width: 30%; 

}

form#tipform textarea, form#tipform input {
	width: 25em
}


form#tipform fieldset, form#tipform  legend  {
    background: #fff;
    border: 1px solid #003050
}

form#tipform  legend {
    color: #003050
}

form#tipform input, form#tipform textarea {
    background: #fff; border: 1px solid #003050
}


/* ----- CSC Login ----- */


table.csc-loginform td.csc-form-labelcell {
	width: 120px
}

td.csc-form-fieldcell input {
	margin-left: 0;
	width: 8em;
	background: #fff;
	border: 1px solid #003050
}

table.csc-loginform p {margin: 0.5em 0}

/* ----- Click ----- */

div#click {
position: relative;
top: -60px;
left: -200px;

}


/* ----- Blogartikel ----- */

 span.fear_edit {float: right; display: block }
div.browseLinksWrap {margin-top: 10px}
span.fear_back {margin-top: 5px;float: left}


/* ----- Kommentar schreiben ----- */

div.tx-skpagecomments-pi1 {padding-top: 20px}

form#skpagecommentform input {
	margin: 0.3em 0 0.3em 0.8em;
	background: #eee !important
}

textarea#comment {
	margin-left: 139px;
	background: #eee
}

input#captcha {width: 155px; display: block}

.tx-skpagecomments-pi1 form p img {margin-left: 0 !important}

.tx-skpagecomments-pi1 form input#skcommentssubmit {float: none !important; margin: 8px 0 !important}

div.sk-pagecomments-error {
	margin-left: 0;
	background: #fff ;
	border: none
}

.sk-pagecomments-headline {
	padding-top: 3px;
	background: #E4F0C3;
	border-bottom: 1px solid #99BE35
}


div.sk-pagecomments-comment {background: #f6f9ed; padding: 4px 15px}

div.comment_button {margin-top: 15px}



div.comment_button a, div.comment_button a:visited {
	display: block;
	padding: 7px 1px 4px 8px;
	color: #003050;
	background: url(../img/kom_on.gif) no-repeat 94% 3px;
	width: 150px;
	text-decoration: none;
	border-left: 1px solid #99BE35;
	border-right: 1px solid #99BE35;
	border-bottom: 1px solid #99BE35;
	font-size: 89%
	
}

div.comment_button a:hover {
	background: url(../img/kom_off.gif) no-repeat 94% 3px;
	color: #D30F1B;
	text-decoration: none;
}



/* ----- Editieren ----- */

div.fear_list_wrap {
	
	margin-bottom: 15px;
	padding: 10px;
	display: block;
	overflow: hidden;
	border: 1px solid #99BE35;
}

div.fear_list_wrap h2 {margin: 0.5em 0 0 0; font-size: 120% }
div.fear_list_wrap h2 a {
	text-decoration: none; color: #6E883E
}

div.fear_title h1 a {
    color: #6E883E
}

div.fear_list_wrap p {
	margin-top: 0.5em 
}



span.fear_back a, span.fear_back a:visited {
	display: block;
	text-indent: -5000px;
	width: 108px;
	height: 16px;
	background: url(../img/blog_startseite.gif) no-repeat;
	outline: none;
}

span.fear_back a:hover {
	background: url(../img/blog_startseite_on.gif) no-repeat
}


 span#back_liste a,  span#back_liste a:visited {
 	margin-top: 5px;
 	margin-right: right: 9px;
	display: block;
	text-indent: -5000px;
	width: 108px;
	height: 16px;
	background: url(../img/blog_artikel.gif) no-repeat;
}

span#back_liste a:hover {
	background: url(../img/blog_artikel_on.gif) no-repeat;
}


div.fear_view h1 a, div.fear_view h1 a:visited {
	text-decoration: none
}

form#editor label {
	text-align: left
}

form#editor input {
	margin-left: 0;
	width: 99%
}

div.fear_cat {
	overflow: hidden;padding: 1px; display: block;
	float: left;
	width: 510px;
}

div.fear_teaser {overflow: hidden}

span.date_name {
	float: left;
	padding: 4px; 
	background: #E4F0C3; 
	font-size: 89%; 
	margin-right: 10px; 
	/* border-left: 1px solid #BCD478;
	border-right: 1px solid #BCD478 */
}

span.date_name a {
	text-decoration: none
}

span.date_name a:hover {
	text-decoration: underline
}

div.fear_list span.fear_edit { display: inline; margin-top: 0}


form#skpagecommentform fieldset, form#skpagecommentform fieldset legend {
   background: #fff;
   border: 1px solid #99BE35
}

form#skpagecommentform fieldset legend {color: #6E883E}

form#skpagecommentform fieldset input, form#skpagecommentform fieldset textarea {
     background: #fff !important;
   border: 1px solid #99BE35
}


form#skpagecommentform fieldset textarea {
    width: 319px
}




span.fear_artikel a {
	background: url(../img/kom_on.gif) no-repeat 98% 0  ;
	display: block;
	text-decoration: none;
	font-size: 89%;
	margin-bottom: 10px;
	padding: 5px ;
	width: 95px;
	border: 1px solid #99BE35
}

span.fear_artikel a {display: block;
	padding: 7px 1px 4px 8px;
	color: #003050;
	background: url(../img/kom_on.gif) no-repeat 94% 3px;
	width: 100px;
	text-decoration: none;
	border-top: none;
	border-left: 1px solid #99BE35;
	border-right: 1px solid #99BE35;
	border-bottom: 1px solid #99BE35;
	font-size: 89%
	}
	
span.fear_artikel a:hover {	background: url(../img/kom_off.gif) no-repeat 94% 3px;
	color: #D30F1B;
	text-decoration: none;}

p.pagebrowser a {
	text-decoration: none;
	font-size: 89%
}

span.activeLinkWrap a, span.inactiveLinkWrap a {
	font-size: 89%;
	text-decoration: none
}

 span.inactiveLinkWrap a {
	text-decoration: underline
}

span.activeLinkWrap, span.inactiveLinkWrap {
	margin-right: 10px
}

span.activeLinkWrap a {}




div.showResultsWrap {
	font-size: 89%
}

div.browseBoxWrap {
	margin-top: 15px
}

form#editor fieldset legend {
	color: #6E883E;
	background: #fff
}

form#editor fieldset {
	background: #fff;
   border: 1px solid #99BE35
}

form#editor fieldset input, form#editor fieldset textarea {
	 background: #fff !important;
   border: 1px solid #99BE35
}

div.fear_submit input {text-align: center}

form#editor fieldset div.fear_select select {
	background: #fff;
	border: 1px solid #99BE35
}

/* --- aenderungen blog 0408 2011 --- */

div.fear_image {margin-left: 5px}

div#content div.box_green_dark {margin-bottom: 5px}

/* div#content div.box_green_dark h1 {margin: 0.2em 0} */

div.fear_cat {margin-top: 3px}



/* ------ Kalender ------*/

div.newsCalendar_listBody {padding: 0; overflow: hidden}

div.newsCalendar_listHeader {
	margin-bottom: 0.5em;
	padding: 0.3em;
	background: #BCD478;
	border: none;
	color: #003050;
	font-weight: normal;
	font-size: 0.8em;
	font-size: 150%;
	width: 100%
}

div.newsCalendar_listItem_ics {
	margin-top: 8px;
	float: right;
	padding-right: 22px
}

div.newsCalendar_listItem_exturl a {
	font-weight: normal;
}

div.newsCalendar_listItem_exturl a:hover {text-decoration: none}

div.newsCalendar_listItem_ics a {
	padding:3px 0 3px 20px;
	font-weight: normal;
	font-size: 89%;
	background: url(../img/ic_ical.gif) no-repeat
}

div.newsCalendar_listItem_ics a:hover {
	text-decoration: none
}

div.newsCalendar_listItem {
	margin-bottom: 15px;
	padding: 12px 12px 17px 12px;
	border: 1px solid #E9EED9;
	background: url(../img/kalender-liste-bg.gif) repeat-x bottom left;
	width: 508px
}

div.newsCalendar_listItem_plm {margin-bottom: 4px;color: #AABA76}

div.newsCalendar_listItem_image {margin:0; padding: 0}

div.newsCalendar_listItem_subheader {margin-right: 6px;}

div.newsCalendar_listItem_title {
	font-size: 110%;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px
}


div.linked_day {background: #BCD478; border-color: #8A9F4F !important}
div.linked_today_nolink {background: #CED5DD; border: 1px solid #A7C2DF}

div.newsCalendar_calendarItem_ics {margin-top: 0.5em}

div.newsCalendar_calendarItem_ics a {
	padding:3px 0 3px 20px;
	font-weight: normal;
	font-size: 89%;
	background: url(../img/ic_ical.gif) no-repeat
}

td.columYear, td.columPrevious, td.columNext {
	background: #BCD478
}

td.columYear a {text-decoration: none}

/* iconleiste
 ----------------------------------------------- */
 
 div#icon {padding-left:12px; height: 16px; margin-top: 20px}
 
 div#icon a {
 	display: block;
 	float: left;
 	margin-right: 10px;
 	text-indent: -9999px;
 	outline: none
 }
 
 div#icon a#rss {
 	width: 14px;
 	height: 16px;
 	background: url(../img/ic_rss.gif) no-repeat
 }
 
  div#icon a#tip {
 	width: 16px;
 	height: 16px;
 	background: url(../img/ic_tip.gif) no-repeat
 }
 
  div#icon a#search {
 	width: 16px;
 	height: 16px;
 	background: url(../img/ic_search.gif) no-repeat
 }
 
  div#icon a#kontact {
 	width: 16px;
 	height: 16px;
 	background: url(../img/ic_kontakt.gif) no-repeat
 }
 
 div#icon a#print {
 	width: 16px;
 	height: 16px;
 	background: url(../img/ic_print.gif) no-repeat
 }
 
 
/* ----- Fader ----- */


#featured{ 
	width:318px; 
	padding-right:203px; 
	position:relative; 
	border:5px solid #9DB1C0; 
	height:241px; 
	background:#fff;
	overflow: hidden
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:317px; 
	list-style:none; 
	padding:0; margin:0; 
	width:204px; 
	margin-top: -1px
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:1px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; 
	font-family:Verdana; 
	line-height:14px; 
	display: block;
	padding-top: 5px
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:79px; 
	color:#333;  background:#fff; 
	line-height:15px;
	text-decoration: none;
	outline: none
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#9DB1C0; 
}
#featured .ui-tabs-panel{ 
	width:318px; height:242px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:62px; 
	width: 100%;
	background: url('../img/fader-transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px;
	font-weight: bold;
	color:#fff; 
	padding:10px 5px 5px 5px; 
	margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; 
	font-size:11px; 
	 color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


#featured ul.ui-tabs-nav li {
	background-image: none
}

#featured ul.ui-tabs-nav li.ui-tabs-selected {
	background:url('../img/fader-selected-item.gif') 3px 2px no-repeat; 	
}


#content ul.noscript {
	overflow: hidden;
	margin-bottom: 20px
}


#content ul.noscript li {
	float: left;
	display: block;
	margin-right: 5px;
	padding-left: 0;
	padding: 0;
	width: 170px;
	height: 90px;
	background: #ccc;
	border: 1px solid #CED5DD;
}

#content ul.noscript li.li01 {
	background: url(../img/fader01.jpg)  center -30px;
	
}

#content ul.noscript li.li02 {
	background: url(../img/fader02.jpg)  center -30px;
	
}

#content ul.noscript li.li03 {
	background: url(../img/fader03.jpg)  center -30px;
	
}

ul.noscript li a {
	display: block;
	padding: 5px;
	font-weight: bold;
	background: url(../img/trans.png)
}

#content ul.noscript li p {
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	font-weight: bold
}



/* Loginbox Blog 22.06.11 */


form#mailform {
    overflow: hidden;
    margin-top: 0;
} 
			
form#mailform label {
	display: block; 
	float: left;
padding-top: 3px;
	width: 90px;
	color: #003050
}
			
			
input#mailformuser, input#mailformpass {
	padding: 1px;
	border: 1px solid #003050;
	width: 100px;
	margin-left: 0;
	background: #fff
}

input#mailformsubmit {margin-left: 90px;  font-size: 86%;
    width: auto;
    background: #EFEFEF}


div.csc-mailform-field {
    margin-top: 5px;

}


/* ---- Pagecounter ----- 03082011 */

#visitcounter {
	margin: 0 auto;
	position: relative;
	z-index: 1000;
	width: 1010px;
}

#visitcounter .tx-wdbactiveuser-pi1 {
	width: 210px;
	float: right; 
	margin-top: -50px
}

div#rightcolcontent {padding-bottom: 55px}

td.td-num {
	width: 39px;
	height: 40px;
	background: url(../img/td-counter.gif) no-repeat
}

td.td-num span {
	color: #000;
	font-size: 89%;
	position: relative;
	top: 0.8em;
	left: 0.7em;
	display: block;
	width: 15px;
	text-align: center;
	font-weight: bold
	
}

td.td-pers {
	font-size: 89%;
}

td.td-pers p {margin-bottom: 0; margin-top: 0.3em; margin-left: 0.3em}


/* ---- addthis ---- 0408 2011 */


a.addthis_button {
	display: block;
	margin: 12px 0 0 10px
}

div#twitter {
	padding-left: 12px; 
	margin-top: 15px;  
	margin-bottom: 12px;
	font-size: 89%; 
}

div#twitter p {
	margin: 0; 
	padding-left: 0.3em
}


div#twitter p a {text-decoration: none}
div#twitter p a:hover {text-decoration: underline}

div#partner {margin-top: 15px}


/* ------ Fragebogen ------ 02.11.11 */


 /* fieldset.fragbg label {
	border: 1px solid #ccc;
	text-align: left;
	width: 150px;
	float: left;
	margin-right: 0.5em
} */

.wdbform label.polprofil {
    clear: none;
	width: 7.5em;
    padding: 0;
    color: #000;
	display: block;
	float: left;
	text-align: center;
}

.wdbform div.spz  label.polprofil {
	width: 12em;
}

.wdbform div.spz input.polprofil {
	margin: 2em 2.5em 0 -7em !important;
}

.wdbform input.polprofil {
	float: left;
	margin: 2em 2.5em 0 -4.7em !important;
	width: auto;
	background-color: #F7F7F7;
}



/*fieldset.fragbg input[type="radio"] {
	margin-top: 0.6em;
	margin: 2em 2.5em 0 -4.5em !important
}*/

div.frag {
	overflow: hidden;
	padding: 0.85em 0 0.5em 0;
	clear: both
 }

.wdbform fieldset div.lob textarea {
	margin-top: 0.5em;
	margin-left: 0;
	padding: 0.75em;
	width: 50.5em;
	height: 10em;
	border: 1px solid #BEBEBE;
	background: #fff
}



.wdbform fieldset select.year {
	margin-left: 0.3em;
	width: auto;
	border: 1px solid #bebebe
}



div.lob {
	padding: 0.6em 0;
} 

div.lob hr {
	margin: 1em 0
}

.polprofil.filt {
	display: block;
	float: left;
	width: 145px;
	margin-bottom: 0  !important;
	padding-top: 0.25em
}

.year.filt-selec {width: 120px !important}

.year.filt-sel {width: 70px !important}

.wdbform fieldset.fragbg {line-height: normal; line-height: 145% }
.wdbform fieldset.fragbg label {margin: 0; line-height: normal; line-height: 138%}