@charset "utf-8";
/* CSS Document */

/* Verwendete Farben
Back - 20k: #dadada
Schrift: #525252
Zwischenhl: #009085
Subnavi-aktiv: #838587

 */


* {
  margin: 0;
  padding: 0;
}

html {
  height:100%;
}

body {
	height:100%;
	margin: 0;
	padding: 0;
	font-size:100.1%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #dadada;
}

#center {
	width:970px;
	position:absolute;
	left:50%;
	text-align:left;
	padding:0 0 20px 0;
	margin:0 0 0 -485px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
}

#kopf {
	width:970px;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	float:left;
	background-attachment: scroll;
	background-color: #ffffff;
	background-image: url(../img/kopf_demo.jpg);
	background-repeat: no-repeat;
	background-position: 255px;
}

#logo {
	width:235px;
	height:55px;
	float:left;
	padding:40px 0 0 0;
}

#suche {
	width:180px;
	height:25px;
	float:right;
	padding:0px 10px 0 0;
}

#suche form input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-width:0px;
	background:transparent;
	color:#525252;
}

#suche form {
	background-image: url(../img/suche.gif);
	background-repeat: no-repeat;
	padding:3px 0 0 5px;
	margin:0;
	height:25px;
}


#topnavi {
	width:715px;
	height:20px;
	float:right;
	padding:15px 10px 60px 0;
	text-align:right;
	color:#ffffff;
	font-size:10px;
}

#topnavi a, #topnavi a:link, #topnavi a:visited {
	text-decoration: none;
	padding:0;
	margin: 0;
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}


#topnavi a:hover, #topnavi a:active, #topnavi a#aktuell {
	text-decoration:underline;
}


#navibalken {
	width:970px;
	height:32px;
	float:left;
	padding:0;
	background-attachment: scroll;
	background-image: url(../img/navi_leiste.jpg);
	background-repeat: no-repeat;
}

#sprache {
	width:235px;
	height:32px;
	float:left;
	padding:0;
}

#sprache a, #sprache a:link, #sprache a:visited {
	display: block;
	text-decoration: none;
	padding:10px 0 0 0;
	margin: 0;
	color:#525252;
	font-size:11px;
	font-weight:bold;
	text-align:right;
}


#sprache a:hover, #sprache a:active {
	text-decoration:underline;
}

#content {
	width:970px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	float:left;
	padding:0;
	background-color:#ffffff;
}

#subnavi {
	width:235px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	float:left;
	padding:45px 0 0 0;;
}

#spalten {
	width:715px;
	float:right;
	padding:35px 0 0 0;
	margin:10px 0 0 0;
	background-attachment: scroll;
	background-image: url(../img/linie.jpg);
	background-repeat: no-repeat;
	min-height: 470px;
	height: auto !important;
	height: 470px;
	background-position: 0px bottom;
}

#spalteLinks {
	width:460px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	float:left;
	padding:0 15px 0 15px;
}

#spalteRechts {
	width:215px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	float:right;
	padding:0 10px 0 0;
}

#fusszeile {
	width:700px;
	float:right;
	padding:30px 0 10px 0;
	color:#525252;
	font-size:9px;
}


.c50l {
	width:222px;
	float:left;
	}
	
.c50r {
	width:222px;
	float:right;
	}

/** Hauptnavigation **/

#navirahmen {
width : 715px;
float : right;
padding: 0;
margin: 0;
}

ul#Navigation {
margin : 0;
padding : 0;
text-align : center;
}
ul#Navigation li {
list-style : none;
float : left;
position : relative;
padding : 0;
margin : 0;
}

*:first-child + html ul#Navigation li {
margin-bottom : -0.1em;
}  
ul#Navigation li ul {
margin : 0;
padding : 0;
position : absolute;
text-align : left;
display : none;
}

ul#Navigation li:hover ul {
display : block;
}
ul#Navigation li ul li {
float : none;
display : block;
margin-bottom : 0;
}
ul#Navigation a {
	display : block;
	width : 133px;
	padding : 10px 0 0 10px;
	text-decoration : none;
	color: #525252;
	font-size : 11px;
	text-transform:uppercase;
	font-weight:bold;
	background-image: url(../img/navi_kasten.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height:22px;
}

ul#Navigation a:hover, li a#aktuell {
	color : #fff;
	background-image: url(../img/navi_kasten_aktiv.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

ul#Navigation li ul a {
	display : block;
	width : 128px;
	padding : 7px 0 0 15px;
	text-decoration : none;
	color : #525252;
	background-image: url(../img/subnavi.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color:#ffffff;
	font-size:9px;
	height:21px;
} 
ul#Navigation li ul a:hover, ul#Navigation li ul a#aktuell {
	color : #525252;
	background-image: url(../img/subnavi_aktiv.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
} 

/** Subnavigation **/

#subnavi ul {
	padding:0;
	margin: 0;
	list-style-type: none;
	font-weight: bold;
	font-size:11px;
}

#subnavi ul li {
 color:#525252;
 width:240px;
 margin: 0;
 padding:0;
 text-transform:uppercase;
}

#subnavi ul li a, #subnavi ul li a:link, #subnavi ul li a:visited {
	display: block;
	text-decoration: none;
	padding: 0 0 20px 50px;
	margin: 0;
	color:#525252;
}

#subnavi ul li a:hover, #navi ul li a.aktiv {
		color:#525252;
}

#subnavi ul li a.NO:hover {
		color:#009085;
}



#subnavi ul li ul {
	padding:0;
	margin: 0;
	list-style-type: none;
	font-size:10px;
}

#subnavi ul li ul li {
 color:#525252;
 width:240px;
 margin:0;
 padding: 0;
 text-transform:none;
}

#subnavi ul li ul li a, #subnavi ul li ul li a:link, #subnavi ul li ul li a:visited {
	text-decoration: none;
	padding: 3px 0 0 50px;
	margin: 0 0 -29px 0;
	height:50px;
	color:#525252;
	background-image: url(../img/subnavi_auge_0.gif);
	background-repeat: no-repeat;
	background-position: 0px -5px;
}



#subnavi ul li ul li a:hover {
	color:#009085;
	background-image: url(../img/subnavi_auge_0.gif);
	background-repeat: no-repeat;
	background-position: 0px -5px;
}

#subnavi ul li ul li a.aktiv {
	color:#009085;
	background-image: url(../img/subnavi_auge_1.gif);
	background-repeat: no-repeat;
	background-position: 0px -5px;
}

/* 4. Ebene */

#subnavi ul li ul li ul {
	padding:0 0 10px 75px;
	margin: 0;
	list-style-type: square;
	list-style-position: outside;
	font-size:10px;
}

#subnavi ul li ul li ul li {
 color:#525252;
 width:165px;
 margin:0;
 padding: 0;
 text-transform:none;
}

#subnavi ul li ul li ul li a, #subnavi ul li ul li ul li a:link, #subnavi ul li ul li ul li a:visited {
	text-decoration: none;
	padding: 3px 0 0 0;
	margin: 0;
	height:auto;
	color:#525252;
	background-image: none;
}



#subnavi ul li ul li ul li a:hover, #subnavi ul li ul li ul li a.aktiv  {
	color:#009085;
	background-image: none;
}


/** Typo **/

h1 {
	color : #525252;
	font-weight:normal;
	font-size:22px;
	padding:0 0 20px 0;
}


h2 {
	color: #009085;
	font-weight:bold;
	font-size:13px;
	padding:0 0 6px 0;
	margin:10px 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #525252;
}

h3, .tx-powermail-pi1_mandatory {
	color: #009085;
	font-weight:bold;
	font-size:13px;
	padding:10px 0 10px 0;
}
p, .powermail_all {
	color: #525252;
	font-size:11px;
	padding:0 0 5px 0;
	line-height:15px;
}

#spalteLinks .csc-textpic-imagewrap img, #spalteRechts .csc-textpic-imagewrap img {
	border: 1px solid #838587;
}

#spalteLinks .ohneRahmen .csc-textpic-imagewrap img, #spalteRechts .ohneRahmen .csc-textpic-imagewrap img {
	border: none;
}

.csc-textpic-caption {
	color: #525252;
	font-size:9px;
	padding:8px 0 10px 0;
	text-align:right;
	line-height:13px;
}


#spalteLinks ul, #spalteLinks ul.powermail_mandatory_list, #spalteRechts ul {
	padding:0 0 0 16px;
	margin:0;
	font-size:11px;
	color: #525252;
	}


#spalteLinks li, #spalteLinks li.powermail_mandatory_listitem, #spalteRechts li {
	padding:0;
	margin:0 0 5px;
	list-style-position: outside;
	list-style-type: square;
	line-height: 15px;
	color: #525252;
}

#spalteLinks a, #spalteLinks a:visited, #spalteRechts a, #spalteRechts a:visited {
			 color:#009085;
			 text-decoration: underline;
}

#spalteLinks a:hover, #spalteLinks a:active, #spalteLinks a:focus, #spalteRechts a:hover, #spalteRechts a:active, #spalteRechts a:focus {
	color:#525252;
}


/* Mailformular format */

fieldset.csc-mailform {
	border: 0px none #FFFFFF;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #525252;
}

form .tx-powermail-pi1_confirmation, form .csc-mailform input, form .csc-mailform select, form .csc-mailform textarea, fieldset.csc-mailform input, fieldset.csc-mailform select, fieldset.csc-mailform textarea, form input.dmmjobcontrol_input, form input.dmmjobcontrol_fileinput, form select.dmmjobcontrol_select, form textarea.dmmjobcontrol_textarea {
	border: 1px solid #009085;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #525252;
	width: 250px;
	}
form input.csc-mailform-submit, form input.powermail_submit, form .tx-powermail-pi1_confirmation {
	width:auto;
}

.csc-mailform-field, .tx_powermail_pi1_fieldwrap_html {
	padding-bottom:10px;
}

form .csc-mailform label {
 	width: 180px;
 	display:block;
 	float:left;
}

form input.csc-mailform-check, form input.powermail_check {
	width:auto;
	border: 0px none #FFFFFF;
}


fieldset.csc-mailform legend, fieldset.csc-mailform .tx_powermail_pi1_fieldwrap_html_checkbox_title {
display:none;
}

.tx_powermail_pi1_formconfirmation_back {
float:left;
padding: 0 20px 0 0;
}

.tx-srfreecap-pi2-cant-read {
width: 180px;
float:right;
padding:10px 0 0 0; 
color: #525252;
}

img.tx-srfreecap-pi2-image  {
padding:10px 0 0 0; 
margin:0;
vertical-align: left;
}

/* Sitemap */
.csc-sitemap a, .csc-sitemap a:visited, .csc-menu a, .csc-menu a:visited {
			line-height:17px;
			 font-size:11px;
			 margin:0;
			 color:#525252;
			 text-decoration: none;
}

.csc-sitemap a:hover, .csc-sitemap a:active, .csc-sitemap a:focus, .csc-menu a:hover, .csc-menu a:active, .csc-menu a:focus {
	text-decoration: underline;
}


/* Suche */
.tx-indexedsearch a, .tx-indexedsearch a:visited {
			line-height:17px;
			 font-size:11px;
			 margin:0;
			 color:#525252;
			 text-decoration: none;
			 font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tx-indexedsearch a:hover, .tx-indexedsearch a:active, .tx-indexedsearch a:focus {
	text-decoration: underline;
}


.tx-indexedsearch-title td {
   font-size:11px;
   line-height:15px;
   margin: 12px 0 13px 0;
    color: #525252;
}
.tx-indexedsearch td, .tx-indexedsearch-whatis {
   color: #525252;
	font-size:11px;
	margin:0 0 5px 0;
	line-height:15px;
}

.tx-indexedsearch input, .tx-indexedsearch select {
  font-size:11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #525252;
  }

/* Teaser-Links */

#spalten .teaser a, #spalten .teaser a:visited {
	color:#525252;
	text-decoration: none;
}

#spalten .teaser a:hover, #spalten .teaser a:active, #spalten .teaser a:focus {
	color:#525252;
	text-decoration: underline;
}

/* Kasten rechts */

#spalteRechts .kasten {
	background-image: url(../img/teaser_kasten.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	height:140px;
	width:215px;
}

#spalteRechts .kasten h1 {
	color:#525252;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	padding:105px 0 0 0;
	margin:0 0 -110px 0;
	width:205px;
	text-align:right;
	
}

#spalteRechts .kasten h2 {
	color:#838587;
	font-size:13px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #525252;
	margin: 0 0 5px 15px;
	padding:0;	
}

#spalteRechts .kasten p {
	color:#838587;
	font-size:11px;
	padding: 0 0 0 15px;
}

#spalteRechts .kasten a, #spalteRechts .kasten a:visited {
	color:#838587;
	text-decoration: none;
}

#spalteRechts .kasten a:hover, #spalteRechts .kasten a:active, #spalteRechts .kasten a:focus {
	color:#838587;
	text-decoration: underline;
}


#spalteRechts .kasten .csc-textpic .csc-textpic-imagewrap .csc-textpic-image img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin:1px 0px 0 0;
	padding:0;

}


#spalteRechts .kasten .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	margin:0;
	padding:0 2px 0 0;
}

*+html #spalteRechts .kasten .csc-textpic-intext-right-nowrap h1 {
	padding-top:140px;
}  /* nur für den IE7  */

