/*----------------------------------- Deklarierung von Hacks ------------------------------------*/

/* Hintergrund für tranzparente png */
/* HEAD */
#head_left { float:left; width:585px; height:150px; }
* html #head_left { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/basis/head.png',sizingMethod='crop'); background:none; }
html > body #head_left { background:url(/gfx/basis/head.png) no-repeat; }

#head_right { float:left; width:362px; height:150px; }
* html #head_right { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/basis/bg_top.png',sizingMethod='crop'); background:none; }
html > body #head_right { background:url(/gfx/basis/bg_top.png) no-repeat; }

* html #head_right .info { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/basis/30jahrelogo.png',sizingMethod='crop'); background:none; }
html > body #head_right .info { background:url(/gfx/basis/30jahrelogo.png) no-repeat; }

/*MAINNAV*/
* html #mainnav { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/basis/bg_mnav.png',sizingMethod='crop'); background:none; }
html > body #mainnav { background:url(/gfx/basis/bg_mnav.png) no-repeat; }

/* Box */
html > body .infobox_top_title { background:url(/gfx/box/box_top.png) no-repeat; }
* html body .infobox_top_title { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/box/box_top.png',sizingMethod='crop'); background:none; }

html > body .infobox_top { background:url(/gfx/box/box_head.png) no-repeat; }
* html body .infobox_top { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/box/box_head.png',sizingMethod='crop'); background:none; }

html > body .infobox_shadow { background:url(/gfx/box/box_shadow.png) repeat-y; }
* html body .infobox_shadow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/box/box_shadow_ie6.png',sizingMethod='crop'); background:none; }

.infobox_head { background:url(/gfx/box/box_head_body.png) no-repeat; }
html > body .infobox_foot { background:url(/gfx/box/box_foot.png) no-repeat; }
* html body .infobox_foot { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/box/box_foot.png',sizingMethod='crop'); background:none; }


/*----------------------------------- Deklarierung von HTML_Tags -------------------------------------*/

/* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
html { font-size:100.01%; height:100%; }

/* Allgemeine Formatierungen */
body { height:100%; background-color:#fff; color:#000; font-size:75.00%; background-image:url(/gfx/basis/bg_body.png); }
body { font-family:Verdana, Helvetica, sans-serif; }
body, form, p, img, fieldset, legend { margin:0; padding:0; }

a { font-weight:bold; color:#2E6E2E; text-decoration:none; }
a:hover { text-decoration:underline; }

/* Rahmen beim Firefox unterdrücken */
a:focus { outline: none; }

/* Rahmen für <img> und >fieldset> Elemente löschen */
img, fieldset { border:none; }

/* Überschriften deklarieren */
h1, h2, h3, h4 { margin:0; padding:0; color:#2E6E2E; }
h1 { font-size:1.5em; color:#2E6E2E; font-family:Arial; }
h2 { font-size:1.2em; color:#2E6E2E; font-family:Arial; }
h3 { font-size:1.2em; }
h4 { font-size:1em; }

/* Absätze Deklarieren */
h1.abs { margin-bottom:5px; }
h2.abs { margin-bottom:5px; }
h3.abs { margin-bottom:5px; }
h4.abs { margin-bottom:5px; }

p { margin-bottom: 10px; }
label { float:left; width:100px; display:block; margin-top:5px; font-weight:bold; }


/*--------------------------------------- Deklarierung von IDs ----------------------------------------*/

/* Hintergrund */
#background { height:100%; background:url(/gfx/basis/bg_page.png) repeat-x; }

/*--------------------------- Kopfbereich ---------------------------*/

/* TOPLINE */
#topline { height:7px; background:#2e6e2e; font-size:0px; }

/* PAGE */
#page { width:950px; margin:0 auto; position:relative; }

/* LOGO */
#logo { position:absolute; top:10px; left:20px; }

/* HEAD */
#head { height:150px; margin-top:20px; }

/*--------------------------- Navigation ---------------------------*/

/* MAINNAV */
#mainnav { height:35px; font-family:Arial, sans-serif; font-size:1.1em; }
#mainnav ul { margin:0 15px; padding:2px 0 1px 0; list-style:none; }
#mainnav a { display:block; font-weight:bold; text-decoration:none; color:#ffffff; position:relative; }
#mainnav a:hover { color:#ffcc00; }
#mainnav .aktiv a { color:#ffcc00; }

#mainnav .level0 { display:block; float:left; background:url(/gfx/basis/mainnav_trenner.gif) no-repeat right; }
#mainnav .level0 a { padding:4px 9px; }
#mainnav .level0 h2 { padding:4px 9px 5px 9px; font-size:1em; display:block; font-weight:bold; text-decoration:none; color:#ffffff; position:relative; }
#mainnav .level0 h2:hover { color:#ffcc00; }
#mainnav .level0.aktiv h2 { color:#ffcc00; }

#mainnav .sub { display:none; position:absolute; z-index:500; margin:0; padding:0; border-top:1px solid #083d08; background:url(/gfx/basis/tranzparent.gif); }
#mainnav .sub li { border-top:1px solid #3b703b; border-bottom:1px solid #083d08; background:#0a4c0a; }
#mainnav .sub a { color:#FFFFFF; font-size:0.9em; }
#mainnav .sub a:hover { color:#ffcc00; }
#mainnav .sub li:hover { background:#083d08; }
#mainnav .sub .top_border { border-top:1px solid #3b703b; border-bottom:none; }
#mainnav ul li:hover ul { display:block; }
#mainnav .bottom_left { background:url(/gfx/basis/snav_left.gif) #0a4c0a no-repeat; position:relative; padding:0 0 5px 0; margin:0; }
#mainnav span.bottom_right { background:url(/gfx/basis/snav_right.gif) no-repeat; top:0; right:0; position:absolute; width:8px; height:5px; display:block; }
* html #mainnav span.bottom_right { width:7px; height:5px; margin-top:-1px; }

/* SUBNAV */
#subnav { height:50px; }
#subnav ul { margin:0 0 0 250px; padding:0; list-style:none; }
#subnav li { float:left; padding:30px 14px 0 14px; }
#subnav li a { font-size:0.9em; color:#000000; font-weight:normal; text-decoration:none; }
#subnav li a:hover { text-decoration:underline; }
#subnav .aktiv a { text-decoration:underline; }
#subnav .trenner { border-right:1px solid #d5c6a4; }

/*----------------------------------- Deklarierung von Klassen ------------------------------------*/
/* Kopfbereich */
#head .logo_manufaktur { position:absolute; top:11px; right:7px; z-index:2; }
#head .info { position:absolute; top:185px; left:630px; z-index:1; width:131px; height:96px; }
#head .info_text { width:180px; margin:20px 0px 0 110px; }
#head .afterimage { float:left; height:150px; width:585px;}

/* Textkörper */
#content { width:950px; }
#content .img_left { float:left; margin:5px 16px 10px 0px; }
#content .img_right { float:right; margin:5px 0px 10px 16px; }
#content .img_text { padding:5px; background-color:#ede5db; }
#content .einleitung { line-height:1.4em; margin-bottom:15px; padding:3px 10px 4px 10px; border-left:5px solid #2e6e2e; font-size:1em; font-weight:bold; }
#content .seiteninhalt { line-height:1.4em; }

#col1 { position:absolute; left:0px; width:220px; padding-bottom:30px; }
#col2_1 { position:absolute; left:225px; width:500px; padding-bottom:30px; }
#col2_2 { position:absolute; left:0; width:725px; padding-bottom:30px; }
#col2_3 { position:absolute; left:225px; width:708px; padding-bottom:30px; }
#col2_4 { position:absolute; padding-bottom:30px; }

#col3 { position:absolute; right:0px; width:208px; padding-bottom:30px; }


/* Box */
.infobox { width:208px; }
.infobox .infobox_top_title { height:15px; }
.infobox .infobox_top { height:15px; }
.infobox .infobox_shadow { width:208px; }
.infobox .infobox_head { width:160px; margin:0 auto; padding:0 20px 7px 20px; background-color:#ede5db; }
.infobox .infobox_title_1 { position:absolute; z-index:2; width:160px; }
.infobox .infobox_title_2 { position:relative; z-index:1; top:2px; left:2px; color:#b9ccb9; }
.infobox .infobox_body { width:160px; margin:0 auto; padding:0 20px; background:#fffbf3; }
.infobox .infobox_body h4 { margin-bottom:5px; color:#000000; }
.infobox .infobox_foot { height:19px; }
.infobox .infobox_body .abs_img { padding:10px 0; }
.infobox img { border:1px solid #cccccc; }
.infobox .img_left { float:left; margin:2px 6px 2px 0; }
.infobox .img_right { float:right; margin:2px 0 2px 6px; }
.infobox a { text-decoration:none; color:#ffffff; }
.infobox a:hover { text-decoration:none; }
.infobox .link { position:relative; height:15px; margin:0; padding:1px 23px 3px 9px; background:url(/gfx/basis/link_blank.png) no-repeat; text-decoration:none; font-size:0.8em; color:#FFFFFF; }
.infobox .link_arrow { position:absolute; right:-1px; top:0; display:block; height:15px; width:23px; background:url(/gfx/basis/link_blank_arrow.png) no-repeat right; }
.infobox .warenkorb a { position:relative; color:#000000; text-decoration:none; }
.infobox .warenkorb a:hover { text-decoration:underline; }

/*Shop: Katalogansicht*/
.katalog { }
.katalog .art_img { float:left; width:82px; text-align:center; }
.katalog .text { margin-left:100px; }
.katalog .anz { width:110px; }
.katalog .input_field { width:30px; padding:2px; border:1px solid #cccccc; }
.katalog .preis { width:110px; margin-top:15px; font-weight:bold; text-align:right; }
.katalog .artikel_border { border:1px solid #cccccc; }

/*Shop: Detailansicht*/
.detail { }
.detail .art_img { float:left; width:222px; }
.detail .text {  margin-left:240px; }
.detail .anz { width:110px; margin-top:30px; }
.detail .input_field { width:30px; padding:2px; border:1px solid #cccccc; }
.detail .preis { padding-top:20px; font-weight:bold; text-align:right; }
.detail .artikel_border { border:1px solid #cccccc; }
.detail .img_beschreibung { padding:4px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; background:#FFFBF3; }
.detail .img_text { padding-left:30px; display:block; }

/* Warenkorb */
#warenkorb table { background-color:#EDE5DB; font-size:0.9em; }
#warenkorb th { padding:4px; background-color:#2E6E2E; color:#ffffff; border-bottom:1px solid #cccccc; }
#warenkorb td { padding:2px 6px; }
#warenkorb .bg_tan { background-color:#fffbf3; }
#warenkorb .bg_grey { background-color:#cccccc; }
#warenkorb .bg_white { background-color:#ffffff; }

/*Shop Formular */
.shop_form table {width:330px; margin-left:100px; }

/* Schriften deklarieren */
.f_family { font-family:Arial, sans-serif;  }
.fw_bold { font-weight:bold; }
.lh_12 { line-height:1.2em; }

/* Textgrößen deklarieren */
.g1 { font-size:1.8em; }
.g2 { font-size:1.3em; }
.k1 { font-size:0.9em; }
.k2 { font-size:0.8em; }

/* Schriftfarben deklarieren */
.c_grey { color:#666666; }
.c_green { color:#2E6E2E; }
.c_red { color:#CC0000; }

/* Links definieren */
.link_back { margin-bottom:20px; }

/* Trenner und Abstände */
.abs0 { margin:0; padding:0; }
.abs_top10 { margin-top:10px; }

/* Meldungen */
.meldung_error { background-color:#ffffff; border:1px solid #cc0000; margin-bottom:16px; }
.meldung_success { background-color:#ffffff; border:1px solid #cccccc; margin-bottom:16px; }

/* Form-Elemente */
.form p { margin-bottom:3px; }
.form_style { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; border:solid 1px #bbb; background-color:#fff; }
.form_style_err { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; border:solid 1px #FF0000; background-color:#fff; }
.form_button { font-size:0.8em; border:solid 1px #9a3400; color:#FFFFFF; font-weight:bold; }
.form_bez { padding-top:4px; }
.form_elem { padding:0px 0px 3px 10px; }

/* Trenner und Abstände */
.trenner_head { clear:both; height:24px }
#content .trenner { clear:both; height:15px; font-size:1px; clear:both; }
#content .trenner_linie { clear:both; height:1px; border-top:solid 1px #ccc; margin-top:10px; margin-bottom:9px; font-size:1px; }
#content .trenner_inhalte { clear:both; height:25px; font-size:1px; clear:both; }
#content .trenner_infoboxen { clear:both; height:15px; font-size:1px; }
#content .trenner_infobox_bilder { clear:both; margin-bottom:10px; }
#content .trenner_head_content { height:15px; font-size:1px; }
#content .trenner_liste { clear:both; height:1px; font-size:1px; margin-top:5px; margin-bottom:5px; }
#content .trenner_bilder { height:1px; margin-top:8px; margin-bottom:8px; font-size:1px; }
#content .trenner_bilder_inhalte { height:1px; margin-top:6px; margin-bottom:6px; font-size:1px; }
#content .abs_header_content { clear:both; height:20px; }
#content .abs_infobox_dateien_top { margin-bottom:15px; }
#content .abs_infobox_dateien_bottom { margin-top:15px; }

/* Weitere Klassen */
.lh { line-height:1.5em; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; font-size:1px; height:1px; }
.clear_right { clear:right; }
.clear_left { clear:left; }
.ta_right { text-align:right; }
.no_border { border:none; }