/*
	CSS Stuttgarter Navigation V 0.1
	Π2008 | WDS New Media GmbH
	Pascal Vorsmann
*/
*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00000;
	font-size:11px;
}
label, form, input, checkbox, radiobutton {
	margin:0px;
	padding:0px;
}
body {
	background-image: url(../images/hg_body.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* START Azubilayer 2010 */
div#overlay{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10000;
	width:100%;
	height:100%;
	display:none;
	background:transparent url(../images/white70.png) left top repeat;
}
div#azubilayer{
	position:absolute;
	top:0px;
	left:50%;
	z-index:10001;
	width:512px;
	height:697px;
	margin:-40px 0 0 -261px;
}
/* ENDE Azubilayer 2010 */

.blue{
	color:#009ee0;
}
#container_hp {
	position:relative;
	width:961px;
	margin-left:auto;
	margin-right:auto;
}
#logo {
	margin-left:18px;
	margin-top:19px;
	position:absolute;
}

div #topnav {
	margin-left:512px;
	margin-top:24px;
	position:absolute;
}
div #topnav .trenner {
	background:url(../images/line_blue.gif);
	width:1px;
	height:13px;
	margin:0px 15px 0px 15px;
	float:left;
}
div #topnav a {
	font-size:10px;
	line-height:13px;
	color:#000000;
	text-transform:uppercase;
	text-decoration: none;
	float:left;
}
div #topnav a:hover, div #topnav a.active {
	color:#009ee0;
}
a.topnav:active, a.topnav:hover {
	color:#009ee0;
}
div #suche {
	margin-left:783px;
	margin-top:16px;
	padding-left:16px;
	font-size:10px;
	line-height:27px;
	text-transform:uppercase;
	position:absolute;
	border-left:1px dotted #454545;
}
div #suche label {
	float:left;
}
div #suche .input {
	width:100px;
	height:18px;
	font-size:14px;
	border:1px solid #009ee0;
	border-right:none;
}

#container_cont {
	position:absolute;
	height:237px;
	width:961px;
	margin-top:144px;
	background: #ffffff url(../images/hg_content.gif) no-repeat top center;
	background-color:#FFFFFF;
}

div .rahmen {
	margin:8px;
	border-top:1px solid #cac9c9;
	border-bottom:1px solid #cac9c9;
	background: transparent url(../images/hg_rahmen.gif) repeat-y top center;
}
div #content_normal{
	float:left;
	width:712px;
	margin-top:8px;
	/*border-right:1px solid #cac9c9;*/
}
div #content_right{
	float:left;
	width:220px;
	margin-top:8px;
}
div #footer {
	width:575px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	text-align:center;
	margin-top:24px;
/*	color:#cac9c9; */
  color: #d0d0d0;
}
div #footer a {
/*	color:#cac9c9; */
  color: #808080;
	font-size:10px;
	text-decoration:none;
}
div #footer a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}
/* CONTENT */

/* Abstand Hauptbild Startseite zu den Infoboxen */
#content_normal .csc-textpic-left {
	margin-left:8px;
}
/* Infoboxen generell */
.biginfobox h1 {
	background:url(../images/hg_infobox_big_h1.gif);
}
.infobox, .contentinfobox {
	width:218px;
	border:1px solid #cac9c9;
	background: transparent url(../images/hg_infobox.gif) repeat-x bottom left;
}
.contentadressbox {
	width:218px;
}

.contentadressbox .csc-textpic-text{
	margin-top:16px;
}
/* Bei Typo Auswahl align:right */
.infobox .align-right, .contentinfobox .align-right, .contentadressbox .align-right{
	text-align:right;
	margin:0px 9px 9px 9px;
}
/* Alle Links innerhalb einer Infobox */
.contentadressbox a.external-link-new-window,
.contentadressbox a.external-link,
.contentadressbox a.internal-link-new-window,
.contentadressbox a.internal-link,
.contentinfobox a.external-link-new-window,
.contentinfobox a.external-link,
.contentinfobox a.internal-link-new-window,
.contentinfobox a.internal-link,
.infobox a.external-link-new-window,
.infobox a.external-link,
.infobox a.internal-link-new-window,
.infobox a.internal-link,
a.boxblue {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:2px 5px 2px 5px;
	background-color:#009ee0;
}
.infobox a.br_link {
	color:#009ee0;
	font-weight:bold;
	text-decoration:none;
/*	text-transform:uppercase;
	padding:2px 5px 2px 5px;
	background-color:#009ee0; */
}
/* Abstand des Mood-Bildes */
.infobox .csc-textpic-image, .contentinfobox .csc-textpic-image, .contentadressbox .csc-textpic-image{
	margin-top:1px;
}
/* <p> Texte innerhalb der Infoboxen */
.infobox .bodytext, .contentinfobox .bodytext {
	margin:9px 9px 20px 9px;
}
.contentadressbox .bodytext {
	margin:9px 0 20px 0px;
}
/* Headline in Infoboxen */
.contentadressbox h1 {
	height: 26px;
	background-color:#009ee0;
	color:#ffffff;
	line-height:26px;
	font-size:11px;
	padding: 0px 0px 0px 8px;
	margin:0;
	overflow: hidden;
}
.infobox h1, .contentinfobox h1 {
  	height: 26px;
	background:url(../images/hg_infobox_h1.gif);
	border-bottom:1px solid #cac9c9;
	color:#ffffff;
	line-height:26px;
	font-size:11px;
	text-transform:uppercase;
	padding: 0px 0px 0px 8px;
	margin:0;
	overflow: hidden;
}
.biginfobox h1 {
	background:url(../images/hg_biginfobox_h1.gif);
}
#content_normal .contentbox h1{
	font-size:16px;
	margin:0px 0px 10px 0px;
	padding:0px;
}
#content_normal .contentbox sub{
	font-size:10px;
	margin:0px 0px 10px 0px;
	padding:0px;
}
.infobox ul, .contentinfobox ul {
	margin: 0;
	padding: 20px 9px 0 0;
}
.infobox li, .contentinfobox li, .contentadressbox li {
	list-style-type:none;
	margin: 0; padding: 0 0 10 0;
	display: block;
	cursor: pointer;
}
.contentinfobox li a.external-link-new-window,
.contentinfobox li a.external-link,
.contentinfobox li a.internal-link-new-window,
.contentinfobox li a.internal-link,
.contentadressbox li a.external-link-new-window,
.contentadressbox li a.external-link,
.contentadressbox li a.internal-link-new-window,
.contentadressboxli a.internal-link,
.infobox li a.external-link-new-window,
.infobox li a.external-link,
.infobox li a.internal-link-new-window,
.infobox li a.internal-link
 {
	padding: 0px 20px 15px 9px;
	display: block;
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
	text-transform:none;
	font-weight:normal;
	text-align: left;
	background: transparent url(../images/li_infobox.gif) no-repeat top right;
}
/* Infoboxen Speziell am rechten Rand */
#content_right .infobox{
	/*height:272px;*/
	margin:0px 0px 15px 5px;
}
#content_right .infobox .csc-textpic-imagewrap, #content_normal .contentinfobox .csc-textpic-imagewrap{
	margin-left:1px;
}

/* Infoboxen Speziell im Content */
#content_normal .contentinfobox{
/*	margin:20px 8px 0px 8px; */
	margin:0px 8px 20px 8px;
	float:left;
	height:238px;
}
#content_normal .contentadressbox{
	margin:0px 8px 0px 8px;
	float:left;
	height:238px;
}
/* Unterseiten Contenboxen */
#content_normal .moodbild {
	margin:0 0 20px 8px;
	padding:0;
}
#content_normal .contentbox {
	margin:0 8px 20px 8px;
}
#content_normal .contentbox a, #content_normal .contentadressbox a {
	color:#009ee0;
	text-decoration:underline;
}

#content_normal .contentbox .csc-textpic-intext-left .csc-textpic-imagewrap{
	float:left;
	width:237px;
}
#content_normal .contentbox .csc-textpic-intext-left .csc-textpic-text{
	float:left;
	width:435px;
}

#content_normal .contentbox .bodytext, #content_normal .contentadressbox .bodytext{
	margin:0px; padding:0px;
	padding-right:8px;
}
#content_normal .contentbox ul {
	margin: 0;
	padding: 0 9px 0 0;
}
#content_normal .contentbox li{
	list-style-type:none;
	margin: 0 0 10px 0px;
	padding-left: 20px;
	background: transparent url(../images/li_contentbox.gif) no-repeat top left;
	background-position:0px 5px;
}

.contentbox .faqletters{
	margin: 0;
	padding: 0 9px 0 0;
}
.contentbox .faqletters li {
	float:left;
}

/* Contentbox Downloads */
#content_normal .contentbox .download{
	background-color:#f1f0f0;
	line-height:25px;
	height:25px;
	margin-bottom:5px;
}
#content_normal .contentbox .download .Link {
	width:300px;
	font-weight:bold;
	float:left;
	margin-left:8px;
	overflow: hidden;
}
#content_normal .contentbox .download .Link2 {
	width:328px;
	font-weight:bold;
	float:left;
	margin-left:8px;
	overflow: hidden;
}
#content_normal .contentbox .download .Desc{
	width:89px;
	float:left;
	text-align:right;
}
#content_normal .contentbox .download .Art{
	width:17px;
	margin-left:10px;
	float:left;
	margin-top:4px;
}
#content_normal .contentbox .download .Down{
	width:17px;
	margin-left:10px;
	float:left;
	margin-top:4px;
}
/* Contentbox Bereich Suche */
#content_normal .contentbox h2 a{
	color:#000000;
	text-decoration:none;
	font-size:12px;
}
#content_normal .contentbox .tx-indexedsearch-redMarkup{
	color:#ff0000;
}

#content_normal .contentbox .suche {
	font-style:italic;
}
.tx-indexedsearch-whatis, .tx-indexedsearch-browsebox {
	padding-left:8px;
}
.tx-indexedsearch-whatis, .tx-indexedsearch-sw { /* Suche Header*/
	font-weight:bold;
	font-size:16px;
}
.tx-indexedsearch-sw{ /* Suche nach */
	color:#009ee0;
}
.browsebox {
	list-style-type:none;
	margin: 0; padding: 0 0 0 0;
}
.browsebox li {
	
}
.browsebox a {
	color:#009ee0;
	text-decoration:none;
	padding-right:10px;
}
.browsebox a:hover {
	text-decoration:underline;
}
.browsebox {
	padding-bottom:25px;
}
.browsebox li{
	float:left;
}
.tx-indexedsearch-res {
	clear:left;
}
/* Farben */
.blau{
	color:#009ee0;
}
.white{
	color:#ffffff;
}
.bghellblau{
	background-color:#f4fafe;
}
.bgdunkelblau{
	background-color:#eaf5fe;
}

/* Kennzahlen Tabelle */
#content_normal .contentbox .kennzahlen .zeile {
	width:690px;
}
#content_normal .contentbox .kennzahlen .zeile {
	border-bottom:1px solid #009ee0;
}
#content_normal .contentbox .kennzahlen .spalte {
	float:left;
	width:67px;
	border-right:1px solid #009ee0;
}
#content_normal .contentbox .kennzahlen .zeile .spalte .inhalt {
	text-align:right;
	padding:5px;
}
#content_normal .contentbox .kennzahlen .zeile .spalte .bordertop{
	border-top:border-right:1px solid #009ee0;
}
#content_normal .contentbox .kennzahlen .zeile .spalte .bt{
	border-top:1px solid #ffffff;
}
#content_normal .contentbox .kennzahlen .zeile .spalte .br{
	border-right:1px solid #ffffff;
}
#content_normal .contentbox .kennzahlen .zeile .spalte .bb{
	border-bottom:1px solid #ffffff;
}
#content_normal .contentbox .kennzahlen .zeile .spalte .bl{
	border-left:1px solid #ffffff;
}
#content_normal .news-latest-link a {
  color: #000000;
}


/* Produktauswahl Liste */
.produktauswahl {
	width:198px;
	border:1px solid #a0a0a0;
	fint-size:10px;
}

/* Formulare */
/* Label Div */
#content_normal .contentbox .label {
	text-align: left;
	display: block;
	float: left;
  	width: 235px; /* Breite.*/
	height:20px;
	line-height:20px;
	padding:5px 0 0 0;
}
/* Feld Div */
#content_normal .contentbox .input {
	float:left;
	margin:0 0 0 -10px;
	width:310px;
}
/* Alle Zeilenumbrüche in Formularen auswählen */
#content_normal .contentbox form br { 
   clear: left;
}
/* Die Textarea */
#content_normal .contentbox textarea{
	height:150px;
	margin:0 0 10px 0;
	font-size:16px;
	width:310px;
}
/* Alle Inputfelder */
#content_normal .contentbox input, #content_normal .contentbox select{
	height:20px;
	font-size:14px;
	width:310px;
}
/* Die Absendegrafik */
#content_normal .contentbox input[type=image] {
	clear:left;
	width: 70px;
	margin:10px 0px 0px 225px;
}
/* Die Radiobutton */
#content_normal .contentbox input[type=radio] {
	width:20px;
	height:20px;
	padding:0px;
	margin:5px 5px 0px 0px;
}
#content_normal .contentbox input[type=checkbox] {
	width:20px;
	height:20px;
	padding:0px;
	margin:5px 5px 0px 0px;
}

/* Form Validierung */
#content_normal .contentbox .powermail_mandatory_js {
	width:304px;
	margin-bottom:3px;
	border:1px solid #ffffff;
	padding:3px;
	background-color: #e2001a;
	color : #FFFFFF;
}

/* Sitemap */
#content_normal .sitemapbox {
	margin-left:8px;
}
#content_normal .sitemapbox ul{
	list-style-type:none;
	margin: 0; padding: 0;
}
/* Ebene 1 */
#content_normal .sitemapbox {
	width:690px;
}
#content_normal .sitemapbox ul li {
	margin:0;
	padding:3px 0px 3px 0px;
}
#content_normal .sitemapbox ul li a{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	display:block;
	line-height:22px;
	border-top:1px solid #b0b1b1;
	border-bottom:1px solid #b0b1b1;
	text-decoration:none;
}
/* Ebene 2  */
#content_normal .sitemapbox ul li ul li {
	margin-left:20px;
	line-height:18px;
	border:none;
}

/* Ebene 3 und tiefer */
#content_normal .sitemapbox ul li ul li ul li{
	margin-left:20px;
	line-height:18px;
	border:none;
}
#content_normal .sitemapbox ul li ul li ul li a{
	color:#009ee0;
	font-size:11px;
	font-weight:normal;
	border:none;
	line-height:14px;
	text-decoration:underline;
}