/*############################################################*/
/*                                                            */
/*                  DRUCK STYLESHEET KLIBO.DE                 */
/*                                                            */
/*############################################################*/

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

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

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

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

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	line-height:1.3;
	color:#000;
	background-color:#fff;
}

div#container div#seitenspalte {
	display:none;
}

div#logo img {
	margin-bottom:.3cm;
}

/*###### CONTAINER FÜR 2 INHALTSELEMENTE NEBENEINEANDER ######*/
/*###### CONTAINER FÜR 3 INHALTSELEMENTE NEBENEINEANDER ######*/
div.inhaltskasten_2-fach_container,
div.inhaltskasten_3-fach_container,
div.inhaltskasten_4-fach_container {
	clear:both;
	margin:0;
	padding-top:.1cm;
}

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:45%;
	margin-right:4%;
	padding-bottom:.3cm;
}

div.inhaltskasten_3-fach {
	width:30%;
	margin-right:2%;
}

div.inhaltskasten_4-fach {
	width:22%;
	margin-right:3%;
}

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

.nomargin {
	margin:0 !important;
}

.margin-top_1_5em {
	margin-top:.3cm !important;
}

.unsichtbar {
	display:none;
}

.clearboth {
	clear:both;
}


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

h2 {
	margin-top:.3cm;
	font-size:10pt;
}

h3 {
	margin-top:.3cm;
	font-size:9pt;
}

h4 {
	font-size:8.5pt;
}

p {
	margin-top:.1cm;
}

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

p.hinterlegt {
	margin-top:.2cm;
	margin-bottom:.2cm;
	padding:.1cm;
	border:2px solid #0095d9;
}

ul,
ol,
dl {
	font-size:8.5pt;
	margin-top:.1cm;
	line-height:1.2;
}

ul {
	padding-left:.8cm;
	list-style-type:disc;
}

ol {
	padding-left:.8cm;
	list-style-type:decimal;
}

ul li,
ol li {
	margin-bottom:.05cm;
}

ul li.warnung,
ol li.warnung {
	list-style-image:url(../bilder_css/ul_li_warnung.gif);
}

ul li.warnung li,
ol li.warnung li {
	list-style-image:none;
}

ul.no_list-style,
ol.no_list-style {
	padding-left: 0;
	margin: .1cm !important;
	list-style: none;
}

ul.no_list-style li *,
ol.no_list-style li * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

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

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

dl dt {
	width:4.5cm;
	float:left;
	font-weight:bold;
	clear:left;
}

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

dl dd {
	margin-left:5cm;
}

dl dt,
dl dd {
	margin-bottom:.05cm;
}

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

/* HACK FÜR IE DAMIT FLOAT CLEARING ERREICHT WIRD */
.clearfix {
	height: 1%;
}

dl.kurze_texte dt {
	width:2cm;
}

dl.kurze_texte dd {
	margin-left:2.5cm;
}


dl.lange_texte dt {
	width:7.5cm;
}

dl.lange_texte dd {
	margin-left:8cm;
}


div#inhalt img {
	margin-top:.1cm;
}

div#inhalt table img {
	margin:0;
}

div#inhalt img.float_right {
	float:right;
	margin:.1cm 0 0 .3cm;
}

div#aktuelle_produkte_container a img {
	float:left;
	margin:.1cm .3cm 0 0;
}


/*################ 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:.1cm !important;
}

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


/*################ LEGENDE PRODUKTNAVIGATION ################*/
ul#legende_produktnavigation {
	display: none;
}


/*############################################################*/
/*#                           TOOLTIPS                       #*/
/*############################################################*/
div.tool-tip {
	display:none;
}


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

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

a img {
	border:none;
}

p#produkte_breadcrumb a {
	text-decoration:none;
	color:#000;
}

/*################## LINK PRODUKTUEBERSICHT ##################*/
p.produkt_uebersicht_link span.options_links {
	display:none;
}


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

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

span.adr_float {
	float:left;
	width:1.5cm;
}


/*############################################################*/
/*#                        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 p {
	margin-top:.1cm !important;
}

form h2,
form h3,
form h4 {
	margin-top:.2cm !important;
}

form p label {
	letter-spacing:0;
}

input.textfield,
textarea,
select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.5pt;
}

input.textfield,
textarea {
	padding:.05cm;
	border:1px solid #8f8f8f;
}

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

textarea {
	font-size:98%;
}

form span.pflichtfeld {
	color:#e20a16;
}

form#kontaktformular {
	margin:.1cm 0 0 0;
}

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

form input.mittel {
	width:50%;
}

form input.kurz {
	width:10%;
}

/* BUTTONS */
form input#send_btn,
form input#reset_btn,
form input#such_btn,
form input#okay_btn {
	margin:.1cm .3cm 0 0;
}

input.image_button {
	vertical-align: bottom;
}


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

/*###################### SKIP NAVIGATION #####################*/
/* Skipnavigation und Sprachwahl initialisieren */
ul#skip_navigation,
ul#sprachwahl {
	display:none;
}


/*#################### PRODUKT NAVIGATION ####################*/
body ul.produktnavigation {
	margin:.3cm 0 .3cm 0;
	padding:0;
	list-style-type:none;
	border-top:1px solid #666;
}

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

body ul.produktnavigation li a {
	display:block;
	padding:.05cm .1cm .05cm .1cm;
	text-decoration:none;
	color:#000;
	border-bottom:1px solid #666;
}

body ul.produktnavigation ul a {
	padding-left:1cm;
}

body ul.produktnavigation ul ul a {
	padding-left:2cm;
}

body ul.produktnavigation ul ul ul a {
	padding-left:3cm;
}

body ul.produktnavigation ul ul ul ul a {
	padding-left:4cm;
}

/* Optionen, Varianten, etc. für einzelne Punkte */
body ul.produktnavigation span.options_links {
	display:none;
}

/*#################### SITEMAP NAVIGATION ####################*/
body ul#sitemapnavigation {
	margin-bottom:.3cm;
	border-top:2px solid #666;
}

body ul#sitemapnavigation,
body ul#sitemapnavigation ul,
body ul#sitemapnavigation ul ul,
body ul#sitemapnavigation ul ul ul,
body ul#sitemapnavigation ul ul ul ul {
	padding-left:0;
	list-style-type:none;
}

body ul#sitemapnavigation ul,
body ul#sitemapnavigation ul ul,
body ul#sitemapnavigation ul ul ul,
body ul#sitemapnavigation ul ul ul ul {
	margin:0;
	border-top:none;
}

body ul#sitemapnavigation li {
	position:relative; /* Realtiv positionieren als Ausgangspunkt für absolut positionierte Options-Links */
	margin-bottom:0;
	line-height:0; /* Hack für IE damit Listenpunkte ohne Abstand dargestellt werden */
}

/* Grundformatierungen für Links -  1. Ebene */
body ul#sitemapnavigation li a {
	display:block;
	padding:.05cm .1cm .05cm .1cm;
	color:#666; 
	font-weight:bold;
	line-height:1.1;
	text-decoration:none;
	border-bottom:2px solid #666;
}

/* Links 2. Ebene */
body ul#sitemapnavigation ul li a {
	padding-left:1cm;
}


/* Links 3. Ebene */
body ul#sitemapnavigation ul ul li a {
	padding-left:2cm;
}

/* Links 4. Ebene */
body ul#sitemapnavigation ul ul ul li a {
	padding-left:3cm;
}

/* Links 5. Ebene */
body ul#sitemapnavigation ul ul ul ul li a {
	padding-left:4cm;
}

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

table {
	border-collapse:collapse;
	border:1px solid #666;
	margin:0 0 0 .05cm;
}

tbody tr {
	margin-bottom:.1cm;
}

th,
td {
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	line-height:1;
	padding:.05cm;
	text-align:left;
	vertical-align:top;
}

thead th,
tbody th {
	font-weight:bold;
	border-right:1px solid #666;
	border-bottom:2px solid #666;
}

tbody th {
	border-bottom-width:1px;
}

td.align_right {
	text-align: right;
}

caption {
	padding-top:.2cm;
	padding-bottom:.1cm;
	font-size:11pt;
	font-weight:bold;
	text-align:left;
}

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

table thead tr.subheader th {
	color:#000 !important;
}

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

body#technische_infos tbody tr.tr_border_bottom,
body#technical_info tbody tr.tr_border_bottom {
	border-bottom:2px solid #666;
}

/*###################### 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:.2cm 0;
	height:0;
	border:0;
	background:transparent;
	border-top: 2px solid #8f8f8f;
	text-align:left; /* Trenner im IE ausrichten */
}

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


/*############################################################*/
/*#                         LIGHTBOX                         #*/
/*############################################################*/
/* Lightbox zum Drucken komplett ausblenden
*  drucken nicht möglich, da Bilder als Background-image eingefügt werden und von den Browsern 
*  beim Druck entfernt werden */
#lbOverlay,
#lbCenter,
#lbBottomContainer {
	display:none;
}


/*############################################################*/
/*#                      SHOP PRODUKTE                       #*/
/*############################################################*/

div.produkt_container {
	margin-top: .1cm;
	margin-left:0;
	margin-right:0;
	padding-top: .1cm;
	border-top: 1px solid #8f8f8f;
}

div.produkt_container div.produkt_spalte1 {
	float: left;
	width: 3cm;
}

div.produkt_container div.produkt_spalte2 {
	margin-left: 4.5cm;
}

div.produkt_container img {
	margin: 0 !important;
	padding: 0 !important;
}

div.produkt_container p,
div.produkt_container h3 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

strong.produkt_preis {
	font-size: 1.4em;
}

/*################# EINZELNES PRODUKT HEADER #################*/
div.produkt_einzel_head div.bezeichnung {
	float: left;
	width: 70%;
}

div.produkt_einzel_head p.produkt_einzel_preis {
	float: right;
	width: 30%;
}

p.produkt_einzel_kleingedruckt,
p.produkt_einzel_preis {
	margin-top: 0;
	color:#666;
	font-size:1.1em;
	line-height:1.2;
}

p.produkt_einzel_preis strong {
	font-size: 1.6em;
	color: #000;
}

/*################### DATENSATZ NAVIGATION ###################*/
.datensatz_navi_container {
	margin: .1cm 0;
	border-top: 2px solid #8f8f8f;
	padding-top: .3cm;
}

.datensatz_navi_container p {
	margin-top: 0;
	line-height: 0;
}

.datensatz_navi_container p.datensatz_navi {
	text-align: center;
}

.datensatz_navi_container p.datensatz_navi_zurueck {
	float: left;
}

.datensatz_navi_container p.datensatz_navi_weiter {
	float: right;
}