@charset "UTF-8";
/*############################################################*/
/*                                                            */
/*                STANDARD STYLESHEET KLIBO.DE                */
/*                                                            */
/*############################################################*/

/*
Autor:     Sebastian Dubbel
Website:   www.thedublab.de
E-Mail:    mail@thedublab.de

Browser:  
		   Fehlerfrei
		   Internet Explorer (Win) >= 5.x
		   Firefox >= 1.x
		   Mozilla >= 1.5
		   Netscape >= 8
		   Safari
		   
		   Fehlerhaft
		   Internet Explorer (Mac)
		   Opera (minimale Darstellungsfehler)
*/

/*############################################################*/
/*#                  LAYOUT BLOCK ELEMENTE                   #*/
/*############################################################*/

/* Außen- und Innenabstände aller Elemente zurücksetzen */
* {
	margin:0;
	padding:0;
}

html {
	height:100.1%; /* Scrollbalken erzwingen damit Inhalt nicht springt */
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100.01%; /* Schriftgröße für Opera anpassen */
	color:#000;
	background:#fff url(../bilder_css/body_hintergrund.gif);
}

div#container,
div.tool-tip {
	font-size:62.5%; /* Schriftgröße für alle Browser so setzen, dass 1em = 10px entspricht */
}

div#container_rand {
	width:100%;
	text-align:center;
	background:center top repeat-y; /* Eigenschaften für Hintergrundbild setzen - Hintergrundbild wird später eingefügt */ 
}

div#container {
	position:relative; /* Damit enthaltene Container absolut positioniert werden können */
	width:94em;
	margin:0 auto;
	text-align:left;
	background:url(../bilder_css/bg_container.gif) 23em 0em repeat-y;
}

div#logo {
	height:8.2em;
	width:94em;
	background:#fff;
	line-height:0;
}

div#inhalt_container {
	line-height:1.4; /* Globalen Zeilenabstand setzen */
	background:3.9em 9.1em no-repeat; /* Position für Hintergrundbild setzen - Hintergrundbild wird später eingefügt */
}

div#inhalt_container div#inhalt {
	width:71em;
	float:right;
	padding:22em 0 2em 0;
	background:#fff 0em 9.1em no-repeat; /* Position für Hintergrundbild setzen - Hintergrundbild wird später eingefügt */
}

div#inhalt_container div#seitenspalte {
	width:23em;
	float:left;
	text-align:right;
}

/* Linken Seitenrand und Textausrichtung für alle Elemente in Seitenspalte einstellen */
div#inhalt_container div#seitenspalte div,
div#inhalt_container div#seitenspalte ul {
	margin-left:3.9em;
	text-align:left;
}

div#inhalt_container div#seitenspalte div#suche {
	margin-top:3.2em;
	padding-bottom:1em;
	background:#fff;
	text-align:right;
}

/* Bildanzeige für Produktseiten Grafiken mit Maßen 185x196px */
div#inhalt_container div#seitenspalte div#bildanzeige {
	height:196px;
	line-height:0;
	margin:.9em .5em .5em 3.8em;
	text-align:center;
}

div#inhalt_container div#inhalt div#aktuelle_produkte_container {
	margin:1.3em 2.4em 0 2.4em;
	padding-bottom:2px;
	width:55.2em;
	background:url(../bilder_css/aktuelle_produkte_bg.gif);
}

/*###### CONTAINER FÜR 2 INHALTSELEMENTE NEBENEINANDER ######*/
/*###### CONTAINER FÜR 3 INHALTSELEMENTE NEBENEINANDER ######*/
/*###### CONTAINER FÜR 4 INHALTSELEMENTE NEBENEINANDER ######*/
div.inhaltskasten_2-fach_container,
div.inhaltskasten_3-fach_container,
div.inhaltskasten_4-fach_container {
	display: inline-block;
	clear:both;
	margin:0 2.5em 0 2.5em;
	padding-top:1em;
}

/* Clearfix für gefloatete Container */
div.inhaltskasten_2-fach_container:after,
div.inhaltskasten_3-fach_container:after,
div.inhaltskasten_4-fach_container:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.inhaltskasten_2-fach_container {
	padding-top:0;
}

div.inhaltskasten_2-fach,
div.inhaltskasten_3-fach,
div.inhaltskasten_4-fach {
	float:left;
	padding:0;
}

div.inhaltskasten_2-fach {
	width:31em;
	margin-right:2em;
	padding-bottom:1em;
}

div.inhaltskasten_3-fach {
	width:21em;
	margin-right:1em;
}

div.inhaltskasten_4-fach {
	width:15.5em;
	margin-right:1em;
}

/*############################################################*/
/*#                FARBSCHEMATA FÜR EINZELSEITEN             #*/
/*############################################################*/

/*######################### STANDARD #########################*/
div#container_rand {
	background-image:url(../bilder_css/bg_produkte_seitenspalte.gif);
}

ul#sprachwahl,
ul#navigation li a {
	background-color:#0095d9;
}

ul#navigation li a:hover,
ul#navigation li a#aktiv {
	background-color:#b2dff4;
}


/*####################### UNTERNEHMEN ########################*/
body div#inhalt_container,
body#unternehmen div#inhalt_container,
body#company div#inhalt_container {
	background-image:url(../bilder_css/bg_unternehmen_container.jpg);
}

body div#inhalt_container div#inhalt,
body#unternehmen div#inhalt_container div#inhalt,
body#company div#inhalt_container div#inhalt {
	background-image:url(../bilder_css/bg_unternehmen_inhalt.jpg);
}

/*######################## PRODUKTE ##########################*/
body.products div#inhalt_container {
	background-image:none;
}

body#aktuelle_produkte div#inhalt_container,
body#current_products div#inhalt_container {
	background-image:url(../bilder_css/bg_produkte_container.jpg);
}

body.products div#inhalt_container div#inhalt {
	background-image:none;
}

body#aktuelle_produkte div#inhalt_container div#inhalt,
body#current_products div#inhalt_container div#inhalt {
	background-image:url(../bilder_css/bg_produkte_inhalt.jpg);
}

/* Innenabstand der Inhaltsspalte verringern, da kein Hintergrundbild angezeigt wird */
body.products div#inhalt_container div#inhalt {
	padding-top:9em;
}

/* Produktauswahl Bildanzeige einfärben */
body.products div#inhalt_container div#seitenspalte div#bildanzeige {
	background-color:#fff;
}


/*######################## AKTUELLES #########################*/
body#neuheiten div#inhalt_container,
body#news div#inhalt_container {
	background-image:url(../bilder_css/bg_aktuelles_container.jpg);
}

body#neuheiten div#inhalt_container div#inhalt,
body#news div#inhalt_container div#inhalt {
	background-image:url(../bilder_css/bg_aktuelles_inhalt.jpg);
}

/*######################### KONTAKT ##########################*/
body#kontakt div#inhalt_container,
body#contact div#inhalt_container,
body#fehler401 div#inhalt_container {
	background-image:url(../bilder_css/bg_kontakt_container.jpg);
}

body#kontakt div#inhalt_container div#inhalt,
body#contact div#inhalt_container div#inhalt,
body#fehler401 div#inhalt_container div#inhalt {
	background-image:url(../bilder_css/bg_kontakt_inhalt.jpg);
}

/*####################### ZERTIFIKATE ########################*/
body#zertifikate div#inhalt_container,
body#certificates div#inhalt_container {
	background-image:url(../bilder_css/bg_zertifikate_container.jpg);
}

body#zertifikate div#inhalt_container div#inhalt,
body#certificates div#inhalt_container div#inhalt {
	background-image:url(../bilder_css/bg_zertifikate_inhalt.jpg);
}


/*#################### TECHNISCHE INFOS ######################*/
body#technische_infos div#inhalt_container,
body#technical_info div#inhalt_container {
	background-image:url(../bilder_css/bg_technische_infos_container.jpg);
}

body#technische_infos div#inhalt_container div#inhalt,
body#technical_info div#inhalt_container div#inhalt {
	background-image:url(../bilder_css/bg_technische_infos_inhalt.jpg);
}


/*############################################################*/
/*#                   ALLGEMEINE DEFINITIONEN                #*/
/*############################################################*/

.nomargin {
	margin:0 !important;
}

.margin-top_1_5em {
	margin-top:1em !important;
}

.unsichtbar {
	position:absolute; 
	overflow:hidden; 
	top:-1000em; 
	left:-1000em;
	padding:0;
	margin:0;
}

.clearboth {
	clear:both;
}


/*############################################################*/
/*#                 TYPOGRAFISCHE DEFINITIONEN               #*/
/*############################################################*/

/* Standard Rand für Texte innerhalb des Inhaltsdiv setzen */
div#inhalt p,
div#inhalt ul,
div#inhalt ol,
div#inhalt dl,
div#inhalt h1 {
	margin-left:2em;
	margin-right:2em;
} 

/* Standardschriftgröße für Fließtext setzen */
p, 
li,
td,
th,
dl {
	font-size:1.2em;
}


/* H1 wird nur am Dokumentanfang verwendet und nicht angezeigt */
h1 {
}

h2 {
	margin-left:1.7em;
	margin-right:1.7em;
	font-size:1.4em;
	
}

h3 {
	margin:1em 1.85em 0 1.85em;
	font-size:1.3em;
}

h4 {
	font-size:1.2em;
}

p {
	margin-top:.6em;
}

p.infokasten {
	margin-top:1em;
	margin-bottom:1em;
	color:#0095d9;
	font-weight:bold;
	line-height:1.4;
}

p.hinterlegt {
	padding:.2em .6em;
	background-color:#0095d9;
	color:#fff;
}

p#produkte_breadcrumb {
	margin-top:0;
	margin-bottom:1.5em;
}

ul,
ol,
dl {
	margin-top:.7em;
	margin-bottom:.7em;
	line-height:1.2;
}

ul {
	padding-left:5em;
	list-style-type:disc;
}

ul ul {
	padding-left:2em;
}

ol {
	padding-left:2em;
	list-style-type:decimal;
}

ul.nicht_eingerueckt,
ol.nicht_eingerueckt {
	padding-left:0;
}

ul li,
ol li {
	margin-bottom:.5em;
}

ul li.warnung,
ol li.warnung {
	padding-left:38px;
	background:url(../bilder_css/ul_li_warnung.gif) 0px 3px no-repeat;
}

div#inhalt ul ul,
div#inhalt ol ol  {
	font-size:.835em !important; /* vererbte Schriftgröße auf 12px zurücksetzen */
	margin-right:0 !important;
}

ol.verkaufsbedingungen li {
	font-weight:bold;
}

ol.verkaufsbedingungen ol li {
	font-weight:normal;
}

dl dt {
	width:13em;
	float:left;
	font-weight:bold;
	clear:left;
}

body.products dl dt,
body#produkte dl dt,
body#products dl dt {
	color:#0095d9;
}

dl dd {
	margin-left:14em;
}

dl dt,
dl dd {
	margin-bottom:.3em;
}

/* clearfix für Definition Items */
.clearfix:after,
dl dd:after {
	content: "."; 
    display: block; 
    height: 0;
	line-height:0;
    clear: both; 
    visibility: hidden;
}

dl.lange_texte dt {
	width:22em;
}

dl.lange_texte dd {
	margin-left:23em;
}

div#inhalt img {
	margin-top:.6em;
	margin-left:2.6em;
}

div#inhalt table img {
	margin:0;
}

div#inhalt img.float_right {
	float:right;
	margin:.6em 2.6em 0 1em;
}

div#aktuelle_produkte_container img {
	margin:2px 0 0 2px;
}


/*################ SCHRIFTFORMATIERUNG SUCHE #################*/
p span.suchbegriff {
	font-weight:bold;
}

/*####### DEFINITIONEN INHALTSELEMENTE NEBENEINEANDER #######*/
div.inhaltskasten_2-fach h3,
div.inhaltskasten_2-fach h4,
div.inhaltskasten_2-fach p,
div.inhaltskasten_2-fach img,
div.inhaltskasten_3-fach h3,
div.inhaltskasten_3-fach h4,
div.inhaltskasten_3-fach p,
div.inhaltskasten_3-fach img {
	margin:0 !important;
}

div.inhaltskasten_2-fach h3,
div.inhaltskasten_2-fach h4,
div.inhaltskasten_3-fach h3,
div.inhaltskasten_3-fach h4 {
	line-height:1.15;
}

div.inhaltskasten_2-fach p,
div.inhaltskasten_3-fach p {
	margin-top:.6em !important;
}

div.inhaltskasten_2-fach img,
div.inhaltskasten_3-fach img {
	margin-top:.6em !important;
}


/*################ LEGENDE PRODUKTNAVIGATION ################*/
ul#legende_produktnavigation {
	float:right;
	clear:both;
	margin:0 2.8em .2em 2.8em !important;
	list-style:none;
	line-height:0;
}

ul#legende_produktnavigation li {
	float:left;
	margin-left:.8em;
	color:#666;
	padding:0 0 0 1.6em;
	font-size:1.1em;
	line-height:1.5;
	background-position:left center;
	background-repeat:no-repeat;
}

ul#legende_produktnavigation li.varianten {
	background-image:url(../bilder_css/prod_varianten.gif);
}

ul#legende_produktnavigation li.massblatt {
	background-image:url(../bilder_css/prod_massblatt.gif);
}

ul#legende_produktnavigation li.kombinationen {
	background-image:url(../bilder_css/prod_kombinationen.gif);
}

ul#legende_produktnavigation li.optionen {
	background-image:url(../bilder_css/prod_optionen.gif);
}

ul#legende_produktnavigation li.anfrage {
	background-image:url(../bilder_css/prod_anfrage.gif);
}


/*############################################################*/
/*#                           TOOLTIPS                       #*/
/*############################################################*/
div.tool-tip {
	z-index:999;
	padding:.5em;
	background-color:#fff;
	border: 1px solid #0095d9;
}

div.tool-tip div.tool-title {
	display:none;
}

div.tool-tip div.tool-text {
	font-size:1.2em;
	font-weight:bold;
	color:#0095d9;
}


/*############################################################*/
/*#                        LINKS                             #*/
/*############################################################*/

a, 
a:link,
a:visited {
	line-height:1;
	color:#e20a16;
}

a:hover,
a:active {
	text-decoration:none;
}

a.schaltplan,
a.schaltplan:link,
a.schaltplan:visited {
	display:block;
	padding:.4em .5em .4em 2.2em;
	color:#fff; 
	font-weight:bold;
	line-height:1.3;
	text-decoration:none;
	background:#0095d9 url(../bilder_css/prod_massblatt.gif) .3em .2em no-repeat;
}

a.schaltplan:hover,
a.schaltplan:active {
	background-color:#26a5df;
}

a img {
	border:none;
}

div#aktuelle_produkte_container a {
	text-decoration:none;
	line-height:0;
}
	
/*###################### LOGO MIT LINK #######################*/
div#logo a {
	position:relative;
	top:3.7em;
	left:55em;
	border:none;
	outline:none; /* Umrandung bei geklicktem Link deaktivieren */
}

/*################## LINK PRODUKTUEBERSICHT ##################*/
p.produkt_uebersicht_link {
	position:relative; /* Damit Optionslinks absolut innerhalb des p Positioniert werden können */
}

p.produkt_uebersicht_link a {
	display:block;
	padding:.4em .5em .4em .5em;
	color:#fff; 
	font-weight:bold;
	line-height:1.3 !important;
	text-decoration:none;
	background-color:#0095d9;
}

p.produkt_uebersicht_link a:link,
p.produkt_uebersicht_link a:visited {
	color:#fff;
}


p.produkt_uebersicht_link a:hover {
	color:#000;
	background-color:#26a5df;
}

p.produkt_uebersicht_link span.options_links {
	position:absolute;
	z-index:99;
	top:0;
	right:0;
	width:2.34em;
	height:2.15em;
	margin:0;
	line-height:0;
}

p.produkt_uebersicht_link span.options_links span.optionen {
	position:absolute;
	top:0;
	right:0;
	display:block;
	height:100%;
	padding:0;
}

p.produkt_uebersicht_link span.options_links span.optionen a {
	display:block;
	width:2.14em;
	height:100%;
	border-left:2px solid #fff;
	padding:0;
	line-height:0;
	background:transparent url(../bilder_css/prod_optionen.gif) center no-repeat;
	border-bottom:none;
	text-indent:-999em;
	font-weight:normal;
	outline:none;
}

p.produkt_uebersicht_link span.options_links span.optionen a:hover {
	background-color:#99d5f0;
}


/*############################################################*/
/*#                  KONTAKT - ADRESSE                       #*/
/*############################################################*/

/*#################### ADRESSE MICROFORMATS ##################*/
div.vcard span.org {
	font-weight:bold;
}

span.adr_float {
	float:left;
	width:4.5em;
}


/*############################################################*/
/*#                        FORMULARE                         #*/
/*############################################################*/

/* ALLGEMEINE SCHRIFTFORMATIERUNG DER FORMULARE */
fieldset {
	border:solid 0 #fff; /* Workaround:Opera interpretiert border:none oder border:0 bei fieldsets nicht */
}

fieldset legend {
	display:none;
}

form fieldset p {
	margin-top:.6em !important;
}

form fieldset p label {
	letter-spacing:0;
}

fieldset input.textfield,
fieldset textarea,
fieldset select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

fieldset input.textfield,
fieldset textarea {
	padding:0.2em;
	border:2px solid #8f8f8f;
}

fieldset input:focus.textfield,
fieldset textarea:focus {
	border-color:#e20a16;
}

fieldset textarea {
	font-size:100%;
}

form span.pflichtfeld {
	color:#e20a16;
}

form#kontaktformular {
	margin:1em 0 0 0;
}

form fieldset input.textfield,
form fieldset textarea {
	width:100%;
}

form fieldset input.kurz {
	width:10%;
}

/* BUTTONS */
form input#send_btn,
form input#reset_btn,
form input#such_btn,
form input#okay_btn {
	margin:0.5em 1.5em 0 0;
}


/*############## SUCHFORMULAR UND PRODUKTAUSWAHL ##############*/
form#produktformular {
	margin-top:.5em;
}

form#suchformular fieldset p,
form#produktformular fieldset p {
	margin-top:0 !important;
}

form#suchformular fieldset label,
form#produktformular fieldset label {
	float:left;
	margin:.2em 0 0 .8em;
	font-weight:bold;
	letter-spacing:.1em;
}
	
form#suchformular fieldset input.textfield {
	width:10em;
	padding:.1em;
}

form#produktformular fieldset select {
	width:15.3em;
}


/*############## ANFRAGE FORMULAR FÜR PRODUKTE ###############*/
fieldset.leitung {
	position:relative;
	display:block;
	width:455px;
	height:194px;
	padding:0;
	background:25px 35px no-repeat;
}

form fieldset.leitung h3 {
	margin-top:14px;
	font-size:13px;
	height:16px;
}

form fieldset.leitung p input {
	position:absolute;
}

form fieldset.leitung p br {
	margin:0 !important;
	display:inline;
}

form fieldset.leitung p label,
form fieldset.leitung p span {
	display:none;
}

fieldset.leitung input.textfield {
	padding:2px;
}

/*###################### MOTORLEITUNG ########################*/
fieldset.motor {
	background-image:url(../bilder_css/prod_leitungen_motor.gif);
}

fieldset.motor input#Motorleitung-Leitungslaenge {
	top:40px;
	left:148px;
	width:105px;
}

fieldset.motor input#Motorleitung-Anschlag-Erde {
	top:59px;
	left:290px;
	width:68px;
}

fieldset.motor input#Motorleitung-Anschlag-Adern {
	top:164px;
	left:290px;
	width:54px;
}

/*#################### NETZLEITUNG 1PH ######################*/
/*#################### NETZLEITUNG 3PH ######################*/
fieldset.netz_1ph {
	background-image:url(../bilder_css/prod_leitungen_netz_1ph.gif);
}

fieldset.netz_3ph {
	background-image:url(../bilder_css/prod_leitungen_netz_3ph.gif);
}

fieldset.netz_1ph input#Netzleitung-1Ph-Leitungslaenge,
fieldset.netz_3ph input#Netzleitung-3Ph-Leitungslaenge {
	top:40px;
	left:154px;
	width:103px;
}

/*###################### MOTORLEITUNG ########################*/
fieldset.zusaetzlich {
	background-image:url(../bilder_css/prod_leitungen_zusaetzlich.gif);
}

fieldset.zusaetzlich input#Zusaetzliche-Leitung-Leitungslaenge {
	top:40px;
	left:146px;
	width:105px;
}

fieldset.zusaetzlich input#Zusaetzliche-Leitung-Anschlag-Adern {
	top:164px;
	left:290px;
	width:54px;
}


/*############################################################*/
/*#                       NAVIGATION                         #*/
/*############################################################*/

/*###################### SKIP NAVIGATION #####################*/
/* Skipnavigation und Sprachwahl initialisieren */
ul#skip_navigation,
ul#sprachwahl {
	margin:0;
	padding:0;
	list-style-type:none;
}

/* Listeneinträge Skipnavigation und Sprachwahl initialisieren */
ul#skip_navigation li,
ul#sprachwahl li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:.1em;
}

/* Links Skipnavigation und Sprachwahl initialisieren */
ul#skip_navigation li a,
ul#sprachwahl li a {
	color:#fff;
	text-decoration:none;
}

ul#skip_navigation li a:hover,
ul#sprachwahl li a:hover {
	text-decoration:underline;
}

/* Links durch absolute Positionierung aus dem sichtbaren Bereich verschieben */
ul#skip_navigation a {
	position:absolute; 
	z-index:2; 
	overflow:hidden; 
	top:-1000em; 
	left:-1000em;
	padding:0;
	margin:0;
} 

/* Links bei hover-Status relativ positioieren und somit wieder in den sichtbaren Bereich bringen */
ul#skip_navigation a:focus,
ul#skip_navigation a:active { 
	z-index:99; 
	top:.8em;
	left:.8em;
} 

/*################### SPRACHWAHL NAVIGATION ##################*/
ul#sprachwahl {
	position:absolute;
	top:0;
	left:0;
	width:23em;
	padding:3em 0 1em 0;
}

ul#sprachwahl li {
	margin-left:5.9em;
	margin-top:.5em;
	list-style-image:url(../bilder_css/sprachwahl_li.gif);
}


/*#################### SITEMAP NAVIGATION ####################*/
ul.sitemapnavigation {
	margin-bottom:2em;
}

ul.sitemapnavigation,
ul.sitemapnavigation ul,
ul.sitemapnavigation ul ul,
ul.sitemapnavigation ul ul ul {
	margin-left:2.4em !important;
	margin-right:2.4em !important;
	padding-left:0;
	list-style-type:none;
}

ul.sitemapnavigation ul,
ul.sitemapnavigation ul ul,
ul.sitemapnavigation ul ul ul {
	margin:0 !important;
}

ul.sitemapnavigation li {
	position:relative; /* Realtiv positionieren als Ausgangspunkt für absolut positionierte Options-Links */
	margin-bottom:0;
}

/* Schriftgröße setzen */
ul.sitemapnavigation ul  {
	font-size:.835em !important; /* vererbte Schriftgröße auf 12px zurücksetzen */
}

/* Grundformatierungen für Links -  1. Ebene */
ul.sitemapnavigation li a {
	display:block;
	margin-bottom:2px;
	padding:.4em 11.5em .4em .5em;
	color:#fff; 
	font-weight:bold;
	line-height:1.3 !important;
	text-decoration:none;
	background-color:#0095d9;
}

ul.sitemapnavigation li a:link,
ul.sitemapnavigation li a:visited {
	color:#fff;
}

ul.sitemapnavigation li a:hover {
	color:#000;
	background-color:#26a5df;
}

/* Links 2. Ebene */
ul.sitemapnavigation ul li a {
	padding-left:1.5em;
	background-color:#26a5df;
}

ul.sitemapnavigation ul li a:hover {
	background-color:#4db5e4;
}

/* Links 3. Ebene */
ul.sitemapnavigation ul ul li a {
	padding-left:2.5em;
	background-color:#4db5e4;
}

ul.sitemapnavigation ul ul li a:hover {
	background-color:#73c5ea;
}

/* Links 4. Ebene */
ul.sitemapnavigation ul ul ul li a {
	padding-left:3.5em;
	background-color:#73c5ea;
}

ul.sitemapnavigation ul ul ul li a:hover {
	background-color:#99d5f0;
}

/* Links 5. Ebene */
ul#sitemapnavigation ul ul ul ul li a {
	padding-left:4.5em;
	background-color:#c9bfac;
}



/*#################### PRODUKT NAVIGATION ####################*/

ul.produktnavigation {
	margin:0 2.4em 2em 2.4em !important;
	padding-left:0;
	list-style-type:none;
	border-top:1px solid #8f8f8f;
}

ul.produktnavigation ul,
ul.produktnavigation ul ul,
ul.produktnavigation ul ul ul,
ul.produktnavigation ul ul ul ul {
	margin:0 !important;
	padding:0 !important;
	list-style-type:none;
	border-top:none;
}

ul.produktnavigation li {
	position:relative; /* Realtiv positionieren als Ausgangspunkt für absolut positionierte Options-Links */
	margin-bottom:0;
}

ul.produktnavigation li.option {
	padding:.2em 9em .2em .3em;
	line-height:1.3 !important;
	border-bottom:1px solid #8f8f8f;
}

/* Schriftgröße setzen */
ul.produktnavigation ul{
	font-size:.835em !important; /* vererbte Schriftgröße auf 12px zurücksetzen */
}

/* Grundformatierungen für Links */
ul.produktnavigation li a {
	display:block;
	padding:.2em 9em .2em .3em;
	color:#000; 
	line-height:1.3 !important;
	text-decoration:none;
	border-bottom:1px solid #8f8f8f;
}

ul.produktnavigation ul a {
	padding-left:2.3em;
}

ul.produktnavigation ul ul a {
	padding-left:4.3em;
}

ul.produktnavigation ul ul ul a {
	padding-left:6.3em;
}

ul.produktnavigation ul ul ul ul a {
	padding-left:8.3em;
}

ul.produktnavigation li a:link,
ul.produktnavigation li a:visited {
	color:#000;
}

ul.produktnavigation li a:hover {
	background-color:#b2dff4;
}

/* Optionen, Varianten, etc. für einzelne Punkte */
ul.produktnavigation span.options_links {
	position:absolute;
	z-index:99;
	top:0;
	right:0;
	width:9em;
	height:1.7em;
	margin:0;
	line-height:0;
}

ul.produktnavigation span.options_links span.optionen,
ul.produktnavigation span.options_links span.varianten,
ul.produktnavigation span.options_links span.kombinationen,
ul.produktnavigation span.options_links span.massblatt,
ul.produktnavigation span.options_links span.anfrage {
	position:absolute;
	top:0;
	display:block;
	width:1.7em;
	height:100%;
	padding:0;
}

ul.produktnavigation span.options_links span.optionen a,
ul.produktnavigation span.options_links span.varianten a,
ul.produktnavigation span.options_links span.kombinationen a,
ul.produktnavigation span.options_links span.massblatt a,
ul.produktnavigation span.options_links span.anfrage a {
	display:block;
	width:100%;
	height:100%;
	padding:0;
	line-height:0;
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	border-bottom:none;
	text-indent:-999em;
	font-weight:normal;
	outline:none;
}

ul.produktnavigation span.options_links span.optionen a:hover,
ul.produktnavigation span.options_links span.varianten a:hover,
ul.produktnavigation span.options_links span.kombinationen a:hover,
ul.produktnavigation span.options_links span.massblatt a:hover,
ul.produktnavigation span.options_links span.anfrage a:hover {
	background-color:#b2dff4;
}

ul.produktnavigation span.options_links span.varianten {
	right:7.2em;
}

ul.produktnavigation span.options_links span.massblatt {
	right:5.4em;
}

ul.produktnavigation span.options_links span.kombinationen {
	right:3.6em;
}

ul.produktnavigation span.options_links span.optionen {
	right:1.8em;
}


ul.produktnavigation span.options_links span.anfrage {
	right:0;
}

ul.produktnavigation span.options_links span.varianten a {
	background-image:url(../bilder_css/prod_varianten.gif);
}

ul.produktnavigation span.options_links span.massblatt a {
	background-image:url(../bilder_css/prod_massblatt.gif);
}

ul.produktnavigation span.options_links span.kombinationen a {
	background-image:url(../bilder_css/prod_kombinationen.gif);
}

ul.produktnavigation span.options_links span.optionen a {
	background-image:url(../bilder_css/prod_optionen.gif);
}

ul.produktnavigation span.options_links span.anfrage a {
	background-image:url(../bilder_css/prod_anfrage.gif);
}


/*##################### SEITEN NAVIGATION ####################*/
ul#navigation,
ul#navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
	background-color: #fff;
}


ul#navigation li,
ul#navigation ul li  {
	margin:0;
	padding:0;
	line-height:0; /* Verhindern dass IE Leerräume unter Listenpunkten einfügt */
}

ul#navigation li a {
	display:block;
	padding:.3em .3em .3em 1em;
	font-weight:bold;
	line-height:1.2;
	color:#fff;
	letter-spacing:.1em;
	text-decoration:none;
	border-top:2px solid #fff;
	/* Hintergrundfarbe wird über id des body Tags definiert (s.o.) */
}


ul#navigation li a:hover,
ul#navigation li a#aktiv {
	color:#000;
}

ul#navigation ul,
ul#navigation ul li { 
	margin-left:0;
	padding-left:0;
}

ul#navigation ul li a {
	margin-left:-3.9em; /* :FIX:Unternavigation wird aus unerfindlichem Grund nach rechts eingerückt */
	padding-left:2em;
	font-size:.835em;	/* Schriftgröße auf 12px zurücksetzen */
	font-weight:normal;
	letter-spacing:0;
} 

/* Link Online Shop */
ul#navigation a#online-shop {
	margin-top: 1.7em;
}


/*############################################################*/
/*#                        TABELLEN                          #*/
/*############################################################*/

table {
	border-collapse:collapse;
	margin:0 2.4em 0 2.4em;
	border:1px solid #0095d9;
	border-top:none;
}

tr {
	background-color:#fff;
}

tbody tr {
	margin-bottom:.5em;
}

th,
td {
	line-height:1.2;
	padding:.5em;
	text-align:left;
	vertical-align:top;
}

thead th,
tbody th {
	font-weight:bold;
}

thead th {
	border-right:1px solid #fff;
	background-color:#0095d9;
	color:#fff;
}

thead th:last-child {
	border-right:none !important;
}

thead tr.subheader th {
	border-right:1px solid #a59474;
}

caption {
	margin-left:1.9em;
	margin-right:1.9em;
	padding-top:1em;
	padding-bottom:.6em;
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
}

th.ausblenden,
td.ausblenden {
	text-indent:-1000em;
}

table thead tr.subheader th {
	background-color:#fff !important;
	color:#000 !important;
	border-right:1px solid #0095d9;
}

tbody th,
tbody td {
	border-right:1px solid #0095d9;
}

tr.ungerade {
	background-color:#99d5f0;
}

tbody tr.tr_border_bottom {
	border-bottom:2px solid #0095d9;
}


/*###################### IP SCHUTZARTEN ######################*/
table.tabelle_ip thead th {
	font-weight:normal;
}

/*##################### STANDARDLSITUNGEN ####################*/
table.tabelle_standardleitungen tbody td {
	white-space:nowrap;
}


/*############################################################*/
/*#                        HR-TRENNER                        #*/
/*############################################################*/

/* Clearen der Inhaltsspalten mittels dieses speziellen hr-Tags */
.clear_columns{	
	content:"."; 
	display:block;  
	height:0; 
	font-size:0; 
	clear:both; 
	float:left; 
	visibility:hidden; 
	border:0; 
	margin-top:-2em; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

hr {
	clear:both;
	margin:1.5em 2.4em;
	height:2px;
	background:#8f8f8f;
	border:0;	/* Schattierung des Trenners entfernen */
}

hr.navigation_trenner {
	margin:2em 2.4em;
	height:1px;
}

div.neutraler_trenner {
	clear:both;
	margin:1.5em 2.4em;
}