@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 */
/* Zarte Linien für Artikel und Hauptmenue: #B3B3B3 */



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

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

/* 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 { border-top: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; background-color:#FFFFFF; }
#hauptmenue_b {margin-left: auto; margin-right: auto; width: 968px;}
#hauptmenue_c {margin-left: auto; margin-right: auto; width: 936px; background-color:#E2E2E2;  padding: 4px 0 4px 0; }

/* Hauptkapitel */
.hauptkapitel {font-size: 10px; list-style: none; letter-spacing:1px; }
.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:hover {color: #333333; text-decoration: underline; }
.hauptkapitel a.active {color: #FFFFFF; background-color:#BB0523; text-decoration:none; }
.dontprint {background-color: #FFFFFF; height:auto; }

/* 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: 222px; float:left; }

/* Content Rechts dreispaltig */
.content_re_dreispaltig {width: 698px; float: right;  }

/* Fotos in Text */
.foto_brille {float:right; margin: 8px 0px 10px 20px; }
.foto_float_right {float: right; margin: 0 0 10px 20px; }
.foto_float_right_marginleft {float: right; margin-left: 20px; }
.foto_float_right_print {float: right; margin: 0 0 10px 20px; }
.foto_float_left {float: left; margin: 0px; }
.foto_ref_3a { height: 176px; width: 149px; margin-left: -166px; float:left;}

/* 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: 12px; width: 198px; float:left; margin-left: 16px; }
.unterkapitel li { line-height: 20px; list-style:none;}
.unterkapitel a:link, .unterkapitel a:visited { padding: 0 0 0 0; text-decoration: none; color:#7E7E7E; }
.unterkapitel a:hover { text-decoration: underline; }
.unterkapitel a.active {color: #BB0523; text-decoration: none; }

/* Footer */
.footer {clear:both; background-color: #BB0523; color:#FFFFFF; font-size: 10px; letter-spacing: 11px; padding: 4px 10px 4px 10px; text-align:center; font-family: Arial, Helvetica, sans-serif; }

/* top Anker */
.totop_abstand_oben {height: 10px; 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: 2px; }
.abstand_e {height: 16px; }
.abstand_e_clear {height: 16px; clear:both; }
.abstand_e_linie_u {height: 16px; border-bottom: 1px solid #B3B3B3; clear: both; }
.abstand_g {height: 20px; }
.abstand_i {height: 24px; }
.abstandnull_clearboth {clear:both;}

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

/* Impressum seite */
#impressum_home {margin: 12px 0 0 0; font-size: 9px; color: #666666; text-align:center; }
#impressum_home_a {width: 700px; margin-left: 114px; }
.mhk_home {float: right; margin-right: 16px; margin-top: -2px; }
.impressum_bottom {height: 11px; clear:both; }

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

/* Dreispaltiger Artikel */
.text_dreispaltig { border:1px solid #B3B3B3; padding: 12px 16px 16px 16px; margin: 0 0 0 0; }
.text_dreispaltig_form {border:1px solid #B3B3B3; padding: 12px 16px 16px 16px; margin: 0 0 0 0; background-color:#e2e2e2; }
.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: 222px; }
.einspaltig_float_rigth_bottom { position: absolute; bottom: 0; width: 222px; margin-left: 12px;}

.hoehe272 {float: right; width: 698px; height: 272px; position: relative; }

/* SCHRIFTDEFINITIONEN */
h1 { font-size: 15px; color:#7E7E7E; }
h2 { font-size: 12px; color:#7E7E7E; }
.fliesstext {font-size: 12px; color: #666666; }
.fliesstext_dunkel {font-size: 12px; 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: 12px; color: #666666; margin-left: 50px; }
.fliesstext_tab4 {font-size: 12px; 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 {background-image:url(../media/1003_005a.gif); background-repeat: no-repeat; background-position:top;  background-color: #E2E2E2; }
.kasten_klein_hl {font-size: 12px; padding: 6px 6px 6px 6px; text-align:center; color: #333333;  }
.kasten_klein_fltxt {background-image:url(../media/1003_005b.gif); background-repeat: no-repeat; background-position:bottom; font-size: 12px; padding: 0px 8px 8px 8px; text-align:center; color: #333333; }

.kasten_grau {background-color: #E2E2E2; padding: 8px; font-size: 12px; text-align: center; color:#333333;  }

/* großer Textkasten gerundete Ecken */
.kasten_gross {background-image:url(../media/1003_016a.gif); background-repeat: no-repeat; background-position:top;  background-color: #E2E2E2; margin: 0px 0px 0px 0px; }
.kasten_gross_hl {font-size: 15px; padding: 12px 16px 16px 16px; font-weight:bold; color:#333333; }
.kasten_gross ul {background-image:url(../media/1003_016b.gif); background-repeat: no-repeat; background-position:bottom; font-size: 12px; color:#333333; padding: 0 16px 16px 80px; list-style:none; color: #333333; }

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



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

/* GALIERIE ZWISCHENHEADLINES */
.galerie_zwhl_container {width: 682px; margin: 10px 0px; float:left; font-size: 15px; color:#7E7E7E; padding: 0 0 0 16px;}

/* 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; }





/* STARTSEITE FÜR KLEINE BILDSCHIRME & MOBILE ENDGERTE */


#mobile {visibility:collapse; }




@media handheld and (max-width: 480px),
       screen and (max-device-width: 480px),
       screen and (max-width: 600px) {
	   
		   
		   
	#mobile_versteckt {display:none; }
	
	#mobile {visibility: visible; width: 100%; height: 100%; background-color:#FFF; position: absolute; overflow:hidden; }
	#mobile_frame {margin: 28px 16px 16px 16px; height: auto; }
	#mobile_logo { width: 216px; height: 55px; margin: 10px auto 20px auto; }
	#mobile_content {border:1px solid #999; -moz-border-radius:6px; /* Firefox */ -webkit-border-radius:6px; /* Safari, Chrome */ -khtml-border-radius:6px; /* Konqueror */ border-radius:6px; /* CSS3 */ padding: 8px; margin-top: 10px; background-color: #F2F2F2; }
	#mobile_content2 {border:1px solid #999; -moz-border-radius:6px; /* Firefox */ -webkit-border-radius:6px; /* Safari, Chrome */ -khtml-border-radius:6px; /* Konqueror */ border-radius:6px; /* CSS3 */ padding: 8px; margin-top: 10px; background-color: #F2F2F2; }
	#mobile_content h1, #mobile_content2 h1 {font-size: 15px; color: #000; }
	#mobile_content p, #mobile_content2 p {font-size: 15px; }
	
	.mobile_hauptkapitel {font-size: 13px; list-style: none;  color: #666; margin-top: 16px; }
	.mobile_hauptkapitel li {display: inline; }
	.mobile_hauptkapitel a:link, .mobile_hauptkapitel a:visited { padding: 0 8px 0 8px; text-decoration:none; color:#666;}
	.mobile_hauptkapitel a:hover {color: #333333; text-decoration: underline; }
	.mobile_hauptkapitel a.active {color: #FFFFFF; background-color:#BB0523; text-decoration:none; }
	
}