/* import core styles | Basis-Stylesheets einbinden */ @import url(css_hacks.css); /*----------------------------------- Deklarierung von HTML_Tags -------------------------------------*/ body, html { margin:0; padding:0;} /* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */ body { background:url(../../gfx/basis/page_bg.gif) repeat-x #fff4da; color:#000; text-align:left; } body,td,th,p,div { font-family:Verdana, Arial, sans-serif; font-size: 11px; } /* Rahmen für
und Elemente löschen */ fieldset, img { border: 0 solid; } /* Überschriften deklarieren */ h1, h2, h3, h4 { padding:0; margin:0; } h1 { font-size: 36px; } /* 20px = 20px/11px (Grundpixel) */ h2 { font-size: 18px; } /* 18px = 18px/11px */ h3 { font-size: 14px; } /* 14px */ h4 { font-size: 12px; } /* 12px */ h1.abs { margin-bottom:15px; } h2.abs { margin-bottom:12px; } h3.abs { margin-bottom:10px; } h4.abs { margin-bottom:5px; } /* Weitere HTML-Tags */ a { color:#000000; text-decoration:underline; } a:hover { color:#c50000; text-decoration:none; } p { margin-top:0px; margin-bottom:8px; } hr { height:1px; width:100%; color:#CCC; } ul { padding:0 0 0 10px; margin:0 0 8px 5px; } li { list-style-image:url(../../gfx/sonstiges/punkt.jpg); } /*--------------------------------------- Deklarierung von IDs ----------------------------------------*/ #page_wrapper { width:950px; height:605px; margin:8px auto 0px auto; } #content_wrapper { width:914px; height:472px; float:right; background:url(../../gfx/basis/content_bg.jpg) no-repeat; overflow:visible; z-index:1; position: relative; } #col_left { width:232px; position:relative; z-index:500; } #col_right { width:164px; margin-top:23px; } #language { margin:9px; color:#fff; } #language a { color:#fff; text-decoration:none; } #content { width:500px; padding-top:18px; margin:0 18px 0 0; z-index:2; position: relative;} #logo { margin:8px 0 0 25px;} #flash_footer { width:914px; } /* Menü */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/flyoutt.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ /* common styling */ #menu { width:124px; margin:0; margin:25px 0 0 85px; } #menu a:hover { cursor:pointer; } #menu ul li a, #menu ul li a:visited { display:block; text-decoration:none; width:132px; text-align:left; height:22px; line-height:11px; font-size:11px; } #menu ul {padding:0; margin:0;list-style-type: none; } #menu ul li { float:left; margin-right:1px; position:relative; } #menu ul li ul {display: none;} #menu ul li ul li a, #menu ul li ul li a:visited { color:#000; border-left:2px solid #fff; border-right:2px solid #fff; height:16px; line-height:15px; padding-left:6px; } #menu .first { border-top:2px solid #fff; } #menu .first a { padding-top:2px; } #menu .last { border-bottom:2px solid #fff; } #menu .last a { padding-bottom:2px; } #menu .arrow_subnav { position:absolute; right:5px; bottom:0px; } #menu .aktiv a { color:#c50000!important; } #menu .aktiv { color:#c50000; } /* specific to non IE browsers */ #menu ul li:hover a { } #menu ul li ul li:hover a {color:#c50000; } #menu ul li:hover ul { display:block; position:absolute; top:-45px; left:130px;} #menu ul li:hover ul li a.hide {background:#fddf8a; color:#000;} #menu ul li:hover ul li:hover a.hide {} #menu ul li:hover ul li ul {display: none;} #menu ul li:hover ul li a {display:block; background:#fddf8a; color:#000; width:174px; } #menu ul li:hover ul li a:hover { color:#c50000; } #menu ul li:hover ul li:hover ul {display:block; position:absolute; left:182px; top:-2px; color:#000;} #menu ul li:hover ul li:hover ul li a {display:block; width:185px; background:#fddf8a; color:#000; } #menu ul li:hover ul li:hover ul li a:hover { color:#c50000; } #suche { margin-left:85px; padding-top:20px; clear:both; } #suche .field { height:12px; font-size:10px; } /* Nebenseiten */ #menu_side { position:absolute; bottom:0px; left:90px; } /* Suchergebnisse */ #suchergebnisse { position:relative; top:0px; height:300px; z-index:1; } /* Ideenblock */ #ideenblock { position:relative; top:8px; height:245px; z-index:1; } /* Produkttabellen */ #produkttabelle { width:418px; } #produkttabelle table { width:100%; margin-bottom:8px; } #produkttabelle table td { padding:1px 4px; font-size:10px; } #produkttabelle #left { width:58%; vertical-align:top; } #produkttabelle #right { vertical-align:top; } #produkttabelle .tab_headline { font-weight:bold; background-color:#fddf8a; } #produkttabelle .border_bottom { border-bottom:1px solid #000; } #titelimg { margin:78px 0 16px 0; } #downloads { position:relative; top:-10px; float:right; } #downloads a { font-size:9px; } /*----------------------------------- Deklarierung von Klassen ------------------------------------*/ /* Schatten-Spalten links und rechts */ .col_shadow { width:18px; } /* Infoboxen */ .infobox { background:url(../../gfx/boxen/box_bg.gif) no-repeat left; height:118px; width:160px; margin-bottom:6px; } .infobox .headline_1_row { height:50px; } .infobox .headline_2_rows { padding-left:28px; height:45px; position:relative; top:8px; } .infobox .text_right { padding:8px 8px 0px 28px; font-size:10px; line-height:11px; } .infobox .text_left { padding:8px 16px 0px 28px; font-size:10px; line-height:11px; } /* Clearfix-Methode */ .clearfix { display: block; } /* Diese Angabe benötigt der Safari-Browser zwingend !! */ /* Overflow-Methode zum Clearen der Float-Umgebungen */ .floatbox { overflow:hidden; } /* Float-Klassen */ .left { float:left; } .right { float:right; } .clear { clear:both; } /* Farben definieren */ .c_rot { color:#c50c1f; } .c_grau1 { color:#505050; } .c_grau2 { color:#CCCCCC; } /* Formulareelemente */ .k1 { font-size:10px; } .k2 { font-size:9px!important; font-family:Verdana; line-height:10px; padding-right:3px; } /* Formularelemente */ .form_style { border:solid 1px #aaa; background-color:#fff; font-size:11px; } .form_style_err { border:solid 1px #c50000; background-color:#fff; font-size:11px; } .form_button { border-top:solid 1px #db9f92; border-right:solid 1px #db9f92; border-bottom:solid 1px #58271c; border-left:solid 1px #58271c; background-color:#c50000; color:#fff; padding:0px 1px; margin:0; font: normal 10px Verdana!important; } .form_button_small { border:solid 1px #333; background-color:#000; color:#fff; padding:0px 3px; font: bold 10px Verdana; } .form_td_label { padding-right:8px; white-space:nowrap; } /* Trenner und Abstände */ .trenner { border-top:solid 1px #e4e4e4; margin-top:8px; margin-bottom:8px; font-size:1px; } .trenner_inhalte { height:15px; font-size:1px; clear:both; } .trenner_infoboxen { height:10px; font-size:1px; } .trenner_infobox_bilder { margin-bottom:10px; } .trenner_search_results { margin-bottom:15px; } .trenner_head_content { height:10px; font-size:1px; } .trenner_downloads { height:1px; font-size:1px; margin-top:6px; margin-bottom:6px; border-top:solid 1px #e4e4e4; } .abs_infobox_downloads_top { margin-bottom:15px; } .abs_infobox_downloads_bottom { margin-top:15px; } /* Weitere Klassen */ .nolink { text-decoration:none; } .lnk_active { text-decoration:none; color:#c50000; } .lnk:hover { cursor:pointer; } .einleitung { margin:8px 0; } .img_left { float:left; margin-right:2px; } .img_right { float:right; margin-left:2px; } .img_center { } .hidden { display:none; } .error { color:#c50000; font-weight:bold; } .success { color:#770000; } .headline_1 { font-weight:bold; } /* TinyMCE */ .c_rot { color:#c50000; } .c_braun { color:#7f7221; } .font_10px { font-size:10px; } .font_9px { font-size:9px; font-family:Verdana; }