/*----------------------------------- Deklarierung von Hacks ------------------------------------*/ /* Volle Höhe für Footer nutzen */ .clearfix { display: inline-block; } /* ... especial for IE7 */ .clearfix { display: block; } /* ... für IE5,IE6,IE7 */ * html .clearfix { height: 1%; } /* ... für IE5 + IE6/Win | hasLayout aktivieren */ /* Globale Korrektur des Italics Bugs des IE 5.x und IE 6 */ * html body * { overflow:visible; } /* IE 6 Korrektur für den Inhalt */ * html #content { height:auto!important; height:400px; } /*----------------------------------- Deklarierung von HTML_Tags -------------------------------------*/ /* Schriftart und Größe */ * { font-family:Arial, Tahoma, sans-serif; font-size:12px; } /* Abstände entfernen und Hintergrundgrafik */ body { padding:0; margin:0; background:url(/gfx/basis/page_bg.gif) repeat-x; } /* Überschriften */ h1 { font-size:20px; margin:0 0 0px 0; padding:0; } h2 { font-size:14px; margin:0 0 0px 0; padding:0; } h3 { font-size:12px; margin:0 0 0px 0; padding:0; } /* Links */ a { text-decoration:none; color:#000000; } a:hover { font-weight:bold; } a img { border:none; } /* Absätze */ p { margin:0 0 10px 0; padding:0; } /*--------------------------------------- Deklarierung von IDs ----------------------------------------*/ /*################ START MEINS #############*/ /* Hauptnavigation */ #nav_wrapper { width:270px; height:445px; position:absolute; } #nav_main_pos { position:absolute; bottom:0; width:100%; } #nav_main { position:relative; left:80px; width:190px; } #nav_main a { color:#fff; text-decoration:none; } #nav_main a:hover { color:#1a1a1a; } #nav_main .focus { font-weight:bold; color:#000000; } #nav_main .navtext { font-size:10px; } #nav_main .level1 { padding-left:10px; font-weight:normal;} #nav_main .first { padding-top:1px; } #nav_main .hidden { display:none; } #nav_main h1 { font-size:16px; color:#fff; } #nav_main h2 { font-size:12px; color:#fff; } /* Content-Wrapper */ #content_wrapper { width:660px; background-color:#FFFFFF; border:1px solid #6D6E72; position:absolute; top:25px; left:270px; padding:15px; } /* Nebennavigation */ #nav_top { position:absolute; right:15px; top:65px; } #nav_top .spacer { width:2px; margin:0 5px; background:url(/gfx/basis/nav_top_spacer.gif) repeat-y; } #nav_top a { font-weight:bold; color:#6D6E72; } #nav_top a:hover { color:#000000; } #nav_top .focus { color:#000000; } /* Logo */ #logo { } /* Quicklink Fachhändler */ #lnk_fachhaendler { text-align:right; } #lnk_fachhaendler a { color:#b7282e; font-size:14px; font-weight:bold; } #lnk_fachhaendler a:hover{ text-decoration:underline; } /* Inhaltsbereich */ #content { margin-top:1px; left:0px; width:660px; min-height:400px; } #content #motiv { margin-top:11px; margin-bottom:20px; } #content p { } #content ul { list-style:inside; } #content li { margin-top:2px; margin-left:5px; } #content li ul { margin-left:15px; } #content .img_left { margin:0 20px 0 0px; float:left; } #content .img_right { margin:0 0px 0 20px; float:right; } /*----------------------------------- Deklarierung von Klassen ------------------------------------*/ /* meins start */ .txt_produkt { line-height:18px; } .trenner { height:1px; background:url(/gfx/basis/border_dotted_hor.gif) repeat-x; margin:8px 0; font-size:1px; } .trenner_big { height:1px; background:url(/gfx/basis/border_dotted_hor.gif) repeat-x; margin:15px 0; font-size:1px; } .trenner_small { height:1px; background:url(/gfx/basis/border_dotted_hor.gif) repeat-x; margin:5px 0; font-size:1px; } .trenner_head_content { margin-bottom:10px; } .trenner_bilder { margin-bottom:15px; } .einleitung { margin-bottom:15px; color:#666; font-weight:bold; } .serie_results { padding:10px; } .serie_results:hover { cursor:pointer; } .strong { font-weight:bold; } .highlight { font-weight:bold; color:#666666; } .error { font-weight:bold; color:#cc0000; } .g1 { font-size:14px; } .g2 { font-size:16px; } .g3 { font-size:20px; } .g4 { font-size:30px; } .k1 { font-size:11px; } .k2 { font-size:9px; font-family:tahoma; } .k2 * { font-size:inherit; font-family:inherit; } .abs_t_5 { margin-top:5px; } .abs_t_10 { margin-top:10px; } .abs_t_11 { margin-top:11px; } .abs_t_15 { margin-top:15px; } .abs_t_25 { margin-top:25px; } .abs_t_45 { margin-top:45px; } .abs_b_5 { margin-bottom:5px; } .abs_b_10 { margin-bottom:10px; } .abs_b_15 { margin-bottom:15px; } .abs_b_25 { margin-bottom:25px; } #standorte { height:678px; } #standorte .bezeichnung { color:#666666; font-weight:bold; } #standorte .bezeichnung2 { color:#666666; font-weight:bold; text-decoration:underline; } #standorte .headline_name { background-color:#6B6D73!important; color:#ffffff; font-weight:bold; padding:2px 4px; } #standorte .headline_name td { color:#ffffff; font-weight:bold; margin-bottom:3px; } .box_grau { border:solid 1px #e1e1e1; padding:6px 10px; background-color:#f0f0f0; height:1%; } .box_grau h2 { margin-bottom:10px; } .box_grau_border_only { border:solid 1px #e1e1e1; padding:6px 10px; height:1%; } .box_grau_border_only h2 { margin-bottom:10px; } .link { background:url(/gfx/sonstiges/link_arrow.gif) no-repeat left 5px; padding-left:8px; } .link:hover { text-decoration:underline; } .link_back { font-weight:bold; background:url(/gfx/sonstiges/link_arrow_back.gif) no-repeat left 5px; padding-left:8px; } .link_back:hover { text-decoration:underline; } .link_logout { font-weight:bold; background:url(/gfx/sonstiges/link_arrow_back.gif) no-repeat left 5px; padding-left:8px; color:#ccc!important; } .link_logout:hover { color:#ffffff!important; } .back { border-bottom:solid 1px #e4e4e4; border-top:solid 1px #e4e4e4; padding:4px 0px; margin-bottom:10px; } .img_border { border:solid 1px #CCCCCC; padding:1px; } .img_text { margin-bottom:10px; } .td_label { font-weight:bold; padding-right:8px; } /* meins ende */ /* Inhalt Bereich: Texte - Formulare */ label { display:block; margin-top:2px; float:left; width:120px; font-weight:bold; cursor:pointer; } .label2 { width:114px!important; } .label3 { width:80px!important; } select { border:1px solid #000; padding:1px; } fieldset { border:none; margin:0; padding:0; } .form_style { border:solid 1px #343434; background-color:#fff; padding:2px; } .form_style_err { border:solid 1px #c00418; background-color:#F4F4F4; padding:2px; } .form_submit { padding-left:120px; } .form_submit2 { padding-left:80px; } .form_submit input { background:#fff; border:1px solid #999999; } .none { list-style:none; } .form_button { background:#fff; border:1px solid #999999; } .form_button:hover { background:#ccc; border:1px solid #313431; } .form_button_2 { background:#ccc; border:1px solid #fff; width:80px; } .form_button_2:hover { background:#313431; border:1px solid #fff; color:#fff; width:80px; } /* Infoboxen */ .infobox { margin-bottom:10px; padding:10px 15px; } .infobox h1 { font-size:1.1em; margin-bottom:10px; } .infobox .img_left { margin:0 8px 5px 0; } .border { border:1px solid #c4d7ce; } .background { background-color:#edf3f0; } /* Rounded Boxes - Schulungen */ .rbs_blau div { background-color:#006ab3; } .rbs_hellblau div { background-color:#D9E9F4; } .rbs_orange div { background-color:#FF9900; } .rbs_rot div { background-color:#FF0000; } .rbs_gruen div { background-color:#009900; } .rbs_top_foot { margin:0px 1px; height:1px; font-size:1px; } .rbs_content { padding:1px 6px } .rbs_blau .rbs_content { color:#FFFFFF; } /* Sonstige */ .normal { font-weight:normal; } .normal:hover { font-weight:normal; text-decoration:underline; } .normal * { font-weight:inherit!important; text-decoration:underline; } /* Float-Klassen */ .left { float:left; } .right { float:right; } .clear { clear:both; } /* Meldungen */ .meldung_error {} .meldung_success {} /* Farben definieren */ .c_rot { color:#cc0000!important; } .c_rot strong { color:inherit; } .c_gruen { color:#339933!important; } .c_gruen strong { color:inherit; } .bg_hellgrau { background-color:#cccccc; } .bg_white { background-color:#ffffff; } /* Textgrößen Definieren*/ .g1 { font-size:1.1em; } /* 102px */ .g2 { font-size:1.2em; } /* 102px */ .k1 { font-size:0.9em; } /* 10px */ .k2 { font-size:0.8em; } /* 9px */ /* DG-SEARCH-MODULE */ #dg_stats { background-color:#F0F5F3; padding:5px 5px 0 5px; } #dg_nav { padding:0px 5px 5px 5px; margin-bottom:5px; background-color:#F0F5F3; border-bottom:3px solid #468F75; } #dg_results dl { margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #468f75; } /* Meldungen RoundedBox */ .box_weiss_gelb .rbtop { background: url(../../gfx/boxen/auf_weiss/gelb/linie_o.gif) repeat-x; } .box_weiss_gelb .rbtop div { background: url(../../gfx/boxen/auf_weiss/gelb/ecke_ol.gif) no-repeat top left; } .box_weiss_gelb .rbtop div div { background: url(../../gfx/boxen/auf_weiss/gelb/ecke_or.gif) no-repeat top right; } .box_weiss_gelb .rbbot { background: url(../../gfx/boxen/auf_weiss/gelb/linie_u.gif) repeat-x; } .box_weiss_gelb .rbbot div { background: url(../../gfx/boxen/auf_weiss/gelb/ecke_ul.gif) no-repeat top left; } .box_weiss_gelb .rbbot div div { background: url(../../gfx/boxen/auf_weiss/gelb/ecke_ur.gif) no-repeat top right; } .box_weiss_gelb .rbcontentwrap { background: url(../../gfx/boxen/auf_weiss/gelb/linie_l.gif) repeat-y; } .box_weiss_gelb .rbcontent { background: url(../../gfx/boxen/auf_weiss/gelb/linie_r.gif) repeat-y right; } .box_weiss_gelb .rbtop div, .box_weiss_gelb .rbtop, .box_weiss_gelb .rbbot div, .box_weiss_gelb .rbbot { height: 7px; font-size: 1px; } .box_weiss_gelb .rbcontent { padding: 1px 10px; margin: 0; } .box_weiss_gelb .rbroundbox { width: 100%; margin: 0; background-color: #FFF7CF; } .box_weiss_hellgruen .rbtop { background: url(../../gfx/boxen/auf_weiss/gruen/linie_o.gif) repeat-x; } .box_weiss_hellgruen .rbtop div { background: url(../../gfx/boxen/auf_weiss/gruen/ecke_ol.gif) no-repeat top left; } .box_weiss_hellgruen .rbtop div div { background: url(../../gfx/boxen/auf_weiss/gruen/ecke_or.gif) no-repeat top right; } .box_weiss_hellgruen .rbbot { background: url(../../gfx/boxen/auf_weiss/gruen/linie_u.gif) repeat-x; } .box_weiss_hellgruen .rbbot div { background: url(../../gfx/boxen/auf_weiss/gruen/ecke_ul.gif) no-repeat top left; } .box_weiss_hellgruen .rbbot div div { background: url(../../gfx/boxen/auf_weiss/gruen/ecke_ur.gif) no-repeat top right; } .box_weiss_hellgruen .rbcontentwrap { background: url(../../gfx/boxen/auf_weiss/gruen/linie_l.gif) repeat-y; } .box_weiss_hellgruen .rbcontent { background: url(../../gfx/boxen/auf_weiss/gruen/linie_r.gif) repeat-y right; } .box_weiss_hellgruen .rbtop div, .box_weiss_hellgruen .rbtop, .box_weiss_hellgruen .rbbot div, .box_weiss_hellgruen .rbbot { height: 7px; font-size: 1px; } .box_weiss_hellgruen .rbcontent { padding: 1px 10px; margin: 0; } .box_weiss_hellgruen .rbroundbox { width: 100%; margin: 0; background-color: #caecc3; } .box_weiss_hellrot .rbtop { background: url(../../gfx/boxen/auf_weiss/hellrot/linie_o.gif) repeat-x; } .box_weiss_hellrot .rbtop div { background: url(../../gfx/boxen/auf_weiss/hellrot/ecke_ol.gif) no-repeat top left; } .box_weiss_hellrot .rbtop div div { background: url(../../gfx/boxen/auf_weiss/hellrot/ecke_or.gif) no-repeat top right; } .box_weiss_hellrot .rbbot { background: url(../../gfx/boxen/auf_weiss/hellrot/linie_u.gif) repeat-x; } .box_weiss_hellrot .rbbot div { background: url(../../gfx/boxen/auf_weiss/hellrot/ecke_ul.gif) no-repeat top left; } .box_weiss_hellrot .rbbot div div { background: url(../../gfx/boxen/auf_weiss/hellrot/ecke_ur.gif) no-repeat top right; } .box_weiss_hellrot .rbcontentwrap { background: url(../../gfx/boxen/auf_weiss/hellrot/linie_l.gif) repeat-y; } .box_weiss_hellrot .rbcontent { background: url(../../gfx/boxen/auf_weiss/hellrot/linie_r.gif) repeat-y right; } .box_weiss_hellrot .rbtop div, .box_weiss_hellrot .rbtop, .box_weiss_hellrot .rbbot div, .box_weiss_hellrot .rbbot { height: 7px; font-size: 1px; } .box_weiss_hellrot .rbcontent { padding: 1px 10px; margin: 0; } .box_weiss_hellrot .rbroundbox { width: 100%; margin: 0; background-color: #fdd8d8; } .box_hellgrau_hellgruen .rbtop2 { background: url(../../gfx/boxen/auf_hellgrau/hellgruen/linie_o.gif) repeat-x; } .box_hellgrau_hellgruen .rbtop2 div { background: url(../../gfx/boxen/auf_hellgrau/hellgruen/ecke_ol.gif) no-repeat top left; } .box_hellgrau_hellgruen .rbtop2 div div { background: url(../../gfx/boxen/auf_hellgrau/hellgruen/ecke_or.gif) no-repeat top right; } .box_hellgrau_hellgruen .rbbot2 { background: url(../../gfx/boxen/auf_hellgrau/hellgruen/linie_u.gif) repeat-x; } .box_hellgrau_hellgruen .rbbot2 div { background: url(../../gfx/boxen/auf_hellgrau/hellgruen/ecke_ul.gif) no-repeat top left; } .box_hellgrau_hellgruen .rbbot2 div div { background: url(../../gfx/boxen/auf_hellgrau/hellgruen/ecke_ur.gif) no-repeat top right; } .box_hellgrau_hellgruen .rbcontentwrap2 { background: url(../../gfx/boxen/auf_hellgrau/hellgruen/linie_l.gif) repeat-y; } .box_hellgrau_hellgruen .rbcontent2 { background: url(../../gfx/boxen/auf_hellgrau/hellgruen/linie_r.gif) repeat-y right; } .box_hellgrau_hellgruen .rbtop2 div, .box_hellgrau_hellgruen .rbtop2, .box_hellgrau_hellgruen .rbbot2 div, .box_hellgrau_hellgruen .rbbot2 { height: 7px; font-size: 1px; } .box_hellgrau_hellgruen .rbcontent2 { padding: 1px 10px; margin: 0; } .box_hellgrau_hellgruen .rbroundbox2 { width: 100%; margin: 0; background-color: #caecc3; } .box_hellgrau_gelb .rbtop { background: url(../../gfx/boxen/auf_hellgrau/gelb/linie_o.gif) repeat-x; } .box_hellgrau_gelb .rbtop div { background: url(../../gfx/boxen/auf_hellgrau/gelb/ecke_ol.gif) no-repeat top left; } .box_hellgrau_gelb .rbtop div div { background: url(../../gfx/boxen/auf_hellgrau/gelb/ecke_or.gif) no-repeat top right; } .box_hellgrau_gelb .rbbot { background: url(../../gfx/boxen/auf_hellgrau/gelb/linie_u.gif) repeat-x; } .box_hellgrau_gelb .rbbot div { background: url(../../gfx/boxen/auf_hellgrau/gelb/ecke_ul.gif) no-repeat top left; } .box_hellgrau_gelb .rbbot div div { background: url(../../gfx/boxen/auf_hellgrau/gelb/ecke_ur.gif) no-repeat top right; } .box_hellgrau_gelb .rbcontentwrap { background: url(../../gfx/boxen/auf_hellgrau/gelb/linie_l.gif) repeat-y; } .box_hellgrau_gelb .rbcontent { background: url(../../gfx/boxen/auf_hellgrau/gelb/linie_r.gif) repeat-y right; } .box_hellgrau_gelb .rbtop div, .box_hellgrau_gelb .rbtop, .box_hellgrau_gelb .rbbot div, .box_hellgrau_gelb .rbbot { height: 7px; font-size: 1px; } .box_hellgrau_gelb .rbcontent { padding: 1px 10px; margin: 0; } .box_hellgrau_gelb .rbroundbox { width: 100%; margin: 0; background-color: #FFF7CF; } .box_hellgrau_hellrot .rbtop2 { background: url(../../gfx/boxen/auf_hellgrau/hellrot/linie_o.gif) repeat-x; } .box_hellgrau_hellrot .rbtop2 div { background: url(../../gfx/boxen/auf_hellgrau/hellrot/ecke_ol.gif) no-repeat top left; } .box_hellgrau_hellrot .rbtop2 div div { background: url(../../gfx/boxen/auf_hellgrau/hellrot/ecke_or.gif) no-repeat top right; } .box_hellgrau_hellrot .rbbot2 { background: url(../../gfx/boxen/auf_hellgrau/hellrot/linie_u.gif) repeat-x; } .box_hellgrau_hellrot .rbbot2 div { background: url(../../gfx/boxen/auf_hellgrau/hellrot/ecke_ul.gif) no-repeat top left; } .box_hellgrau_hellrot .rbbot2 div div { background: url(../../gfx/boxen/auf_hellgrau/hellrot/ecke_ur.gif) no-repeat top right; } .box_hellgrau_hellrot .rbcontentwrap2 { background: url(../../gfx/boxen/auf_hellgrau/hellrot/linie_l.gif) repeat-y; } .box_hellgrau_hellrot .rbcontent2 { background: url(../../gfx/boxen/auf_hellgrau/hellrot/linie_r.gif) repeat-y right; } .box_hellgrau_hellrot .rbtop2 div, .box_hellgrau_hellrot .rbtop2, .box_hellgrau_hellrot .rbbot2 div, .box_hellgrau_hellrot .rbbot2 { height: 7px; font-size: 1px; } .box_hellgrau_hellrot .rbcontent2 { padding: 1px 10px; margin: 0; } .box_hellgrau_hellrot .rbroundbox2 { width: 100%; margin: 0; background-color: #fdd8d8; } .box_maske .mrbtop { background: url(../../gfx/boxen/auf_weiss/hellgrau/linie_o.gif) repeat-x; } .box_maske .mrbtop div { background: url(../../gfx/boxen/auf_weiss/hellgrau/ecke_or.gif) no-repeat top right; } .box_maske .mrbtop div div { width:250px; background: url(../../gfx/boxen/auf_weiss/maske_head/linie_ou.gif) repeat-x; } .box_maske .mrbtop div div div { background: url(../../gfx/boxen/auf_weiss/maske_head/ecke_ol.gif) no-repeat top left; } .box_maske .mrbtop div div div div { background: url(../../gfx/boxen/auf_weiss/maske_head/ecke_or.gif) no-repeat top right; } .box_maske .mrbtopcontent { overflow:hidden; line-height:20px; font-size:12px; font-weight:bold; margin: 0px 17px 0px 15px; } .box_maske .mrbbot { background: url(../../gfx/boxen/auf_weiss/hellgrau/linie_u.gif) repeat-x; } .box_maske .mrbbot div { background: url(../../gfx/boxen/auf_weiss/hellgrau/ecke_ul.gif) no-repeat top left; } .box_maske .mrbbot div div { background: url(../../gfx/boxen/auf_weiss/hellgrau/ecke_ur.gif) no-repeat top right; } .box_maske .mrbcontentwrap { background: url(../../gfx/boxen/auf_weiss/hellgrau/linie_l.gif) repeat-y; } .box_maske .mrbcontent { background: url(../../gfx/boxen/auf_weiss/hellgrau/linie_r.gif) repeat-y right; } .box_maske .mrbtop div, .box_maske .mrbtop { height: 24px; } .box_maske .mrbbot div, .box_maske .mrbbot { height: 7px; font-size:1px; } .box_maske .mrbcontent { padding: 10px 15px; margin: 0; } .box_maske .mrbroundbox { width: 660px; margin: 0; background-color: #f4f4f1; } .box_maske .label { padding:4px 0px; } .box_maske .feld { padding:2px 6px 2px 10px; } .box_maske .head { padding: 15px 0px 5px 0px; } .box_maske .head div { padding:3px 6px; border:solid 1px #CCCCCC; background-color:#E9E8E6; font-weight:bold; }