@charset "UTF-8";
/* CSS Document */


/* AUFLISTUNG DER VERWENDETEN FARBEN */
/* Bucher-Rot: #BB0523 */
/* Hellgrau: #E2E2E2 */
/* Dunkelgrau für Flächen: #888888 */
/* Dunkelgrau für Typo: #333333 */
/* Helleres Grau fuer Fliesstext: #666666 */
/* Zarte Linien für Artikel und Hauptmenue: #B3B3B3 */

/* width: 968px; height: 114px; */

/* Nullung der Default-Margins */
* {margin: 0px; padding: 0px;}

/* Grundlegende Schriftendefinitionen und IE-Hacks */
body {font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; height: 100%; margin: 0; padding: 0; }

/* Logoposition */
#bucherlogodiv_a {background-color:#FFFFFF; }
#bucherlogodiv_b {margin-left: auto; margin-right: auto; width: 968px; height: 114px; }
.bucherlogo { float:right; padding: 32px 28px 0 0; }

/* Hauptmenue */
#hauptmenue_a { display:none; }
#hauptmenue_b { display:none; }
#hauptmenue_c { display:none; }

/* Hauptkapitel */
.hauptkapitel {visibility:hidden; }
.hauptkapitel li {display: inline; }
.hauptkapitel a:link, .hauptkapitel a:visited {margin-right: -6px; padding: 4px 16px 4px 16px; text-decoration:none; border-right: 1px solid #888888; color:#333333;}
.hauptkapitel a.active {color: #FFFFFF; background-color:#BB0523; text-decoration:none; }
.dontprint {display:none; }

/* Main Content */
#abstandcontent {height: 16px; background-color:#FFFFFF; }
#content_a {margin-left: auto; margin-right: auto; width: 968px; background-color:#FFFFFF; }
#content_b {margin-left: auto; margin-right: auto; width: 936px; }


/* Content Links einspaltig */
.content_li_einspaltig {width: 170pt; float:left; }

/* Content Rechts dreispaltig */
.content_re_dreispaltig {width: 520pt; float: right; }


/* Fotos in Text */
.foto_brille {float:right; margin: 8px 0px 10px 20px; }
.foto_float_right {display:none; }
.foto_float_right_marginleft {display:none; }
.foto_float_right_print {float: right; margin: 0 0 10px 20px; }
.foto_float_left {float: left; margin: 0; }
.foto_ref_3a {display:none; }

/* Video */
.video_pos {margin: 16px 0 0px 0; text-align: center; }




/* Fotoleisten */
.foto_li {margin: 0px 8px 0px 0px; }
.foto_mi {margin: 0px 8px 0px 8px; }
.foto_re {margin: 0px 0px 0px 8px; }

/* Unterkapitel */
.unterkapitel {font-size: 10pt; width: 160pt; float:left; margin-left: 12pt; }
.unterkapitel li { line-height: 16pt; list-style:none;}
.unterkapitel a:link, .unterkapitel a:visited { padding: 0; text-decoration: none; color:#E2E2E2; }
.unterkapitel a:hover { text-decoration: underline; }
.unterkapitel a.active {color: #BB0523; text-decoration: none; }

/* Footer */
.footer {clear:both; color:#666666; font-size: 9pt; border: thin solid #B3B3B3; text-align:center; font-family: Arial, Helvetica, sans-serif; padding: 2.8pt 2pt 3pt 2pt; }

/* top Anker */
.totop_abstand_oben {height: 8pt; clear:both; }
.totop {text-align: right; font-size: 12px; margin-bottom: 10px;}
.totop a:link, .totop a:visited {text-decoration: none; color:#999999;  }
.totop a:hover {color: #999999; text-decoration: underline; }

/* Abstaende */
.abstand_a {height: 1.4pt; }
.abstand_e {height: 11pt; }
.abstand_e_clear {height: 11pt; clear:both; }
.abstand_e_linie_u {height: 11pt; border-bottom: thin solid #B3B3B3; clear: both; }
.abstand_g {height: 14pt; }
.abstand_i {height: 17pt; }
.abstandnull_clearboth {clear:both;}

/* Galerie */
.gal_einspaltig_re {width: 222px; float: right; }
.gal_foto_li {float: left; width: 460px; }

/* Impressum Startseite */
#impressum_home {margin: 12pt 0 0 0; font-size: 8pt; color: #666666; text-align:center; width: 100%; }
#impressum_home_a {width: 100%; }
.mhk_home { text-align:center; margin-bottom:8pt; }
.impressum_bottom {display: none;  }

/* Onlineplaner Kasten */
.onlineplaner_gif {text-align: center; }

/* Dreispaltiger Artikel */
.text_dreispaltig { border:thin solid #B3B3B3; padding: 9pt 12pt 12pt 12pt; margin: 0; }
.text_dreispaltig_form {border:thin solid #B3B3B3; padding: 9pt 12pt 12pt 12pt; margin: 0; }
.text_dreispaltig_form_interieur {border:1px solid #B3B3B3; padding: 12px 16px 16px 16px; margin: 0 0 0 0; background-color:#e2e2e2; background-image:url(../media/1102_016.png); background-position: top right; background-repeat: no-repeat; }
.b430px {width: 430px;}

/* Abverkauf */
.einspaltig_float_right {float: right; width: 420pt; text-align:left; }

/* SCHRIFTDEFINITIONEN */
h1 { font-size: 11pt; color:#666666; }
h2 { font-size: 10pt; color:#666666; }
.fliesstext {font-size: 9pt; color: #666666; }
.fliesstext_dunkel {font-size: 10pt; color: #333333; }
.fliesstext_dunkel a:link, .fliesstext_dunkel a:visited {text-decoration:none; color: #333333; }
.fliesstext_dunkel a:hover {text-decoration: underline; color:#333333; }
.fliesstext a:link, .fliesstext a:visited {text-decoration: none; color: #666666;}
.fliesstext a:hover { text-decoration: underline; color: #666666; }
.fliesstext_tab2 {font-size: 9pt; color: #666666; margin-left: 50px; }
.fliesstext_tab4 {font-size: 9pt; color: #666666; margin-left: 100px; }
.fliesstext_mittig { text-align:center; }
.text_li_klein {font-size: 10px; color: #333333; }
.text_form_alert {font-size: 12px; color: #CC0000; margin-top: 5px; margin-bottom: 5px; }


.tabelle_preisliste td {background-color:#D4DED7; padding: 0.35em}
.tabelle_preisliste td.dunkel {background-color:#C1D0C7; padding: 0.35em; } 


.tabelle_tipps { border-collapse:collapse; font-size: 12px; color: #666666; } 
.tabelle_tipps td.hell {background-color: #ffffff; padding: 1px 5px 1px 5px; }
.tabelle_tipps td.dunkel {background-color: #F0F0F0; padding: 1px 5px 1px 5px; }

.onlineplaner_link {font-size: 12px; color: #BB0523; font-weight:bold; text-decoration:none; }
.onlineplaner_link a:link .onlineplaner_link a:visited {color: #BB0523; }
.onlineplaner_link a:hover {text-decoration: underline;}

.fussnote_li {font-size: 10px; color:#333333; text-align: left;}

.aktionspreis {font-size: 15px; color: #BB0523; font-weight:bold; }

/* Text-Auszeichnungen */
.bucherrot {color: #BB0523; }
.bulletweiss {color: #FFFFFF; }


/* kleiner Textkasten gerundete Ecken */
.kasten_klein { border: solid thin #B3B3B3; }
.kasten_klein_hl {font-size: 10pt; padding: 5pt 5pt 5pt 5pt; text-align:center; color: #666666;  }
.kasten_klein_fltxt {font-size: 9pt; padding: 0pt 6pt 6pt 6pt; text-align:center; color: #666666; }

.kasten_grau {background-color: #E2E2E2; padding: 6pt; font-size: 9pt; text-align: center; color:#666666;  }

/* großer Textkasten gerundete Ecken */
.kasten_gross { border: solid thin #B3B3B3; margin: 0; }
.kasten_gross_hl {font-size: 11pt; padding: 9pt 12pt 12pt 12pt; font-weight:bold; color:#666666; }
.kasten_gross ul {font-size: 9pt; color:#333333; padding: 0 12pt 12pt 60pt; list-style:none; color: #666666; }

.bucher_weiss {position:relative; width: 100px; float: right; margin-right: 100px; }



/* Bildergalerie */
.galerie_einsp_re {width: 222px; float: right; }
.galerie_zweisp_li {width: 461px; float: left; }
.galerie_foto_li {float: left; }
.galerie_foto_re {float: right; }
.galerie_margin_ru {margin: 0 7px 7px 0; }
.galerie_margin_u {margin: 0 0 7px 0; }
.galerie_margin_r {margin: 0 7px 0 0; }
.galerie_margin_null {margin: 0; }

/* Formular Küchenmagazin bestellen */
.form_hl {font-size: 15px; color: #333333; }
.form_bezeichnung {font-size: 12px; color: #333333; text-align: right; }
.form_error {font-size: 15px; color: #BB0523; }
.form_fehleranzeige {font-size:12px; color: #BB0523; font-weight:bold; }



/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }