/*---------------------------------------------------------------------------- main.css this css-file contains all definitions, that are independend from the colorschemes. (c) Schlund + Partner AG ---------------------------------------------------------------------- Modified and extended by Barti Bartman for the Sports-Template This CSS-File uses the original "Tanteks Box Modell Hack" http://www.tantek.com/CSS/Examples/boxmodelhack.html NOTE: Older W3C CSS validators return errors when the voice-family property is used in a 'screen' style sheet. This is an error in the W3C CSS validator itself. The validator should report a warning, not an error, when properties which are unsupported by a particular medium are used, and this has been reported to the W3C: ----------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------- styles for specific classes and ids ----------------------------------------------------------------------------*/ /*-- global container ------------------------------------------------------*/ #container { position: relative; padding: 0; margin: 0 auto; text-align: left; width: 740px; } #main_container { clear: both; margin: 0 0 0 0; padding: 0; width: 725px; } /*--- header ---------------------------------------------------------------*/ #header { /* position: relative; */ padding: 0; margin: 0; width: 740px; height: 205px; top: 0px; left: 0px; } /*--- caption (as text or background image) --------------------------------*/ #text_caption { float: right; position: relative; top: 0px; /* left: 200px; width: 525px; */ right: 0px; width: 255px; margin: 0; padding: 0; } #extra_div1 { position: relative; top: 0px; left: 0px; padding-left: 85px; } #extra_div2 { position: absolute; top: -2px; left: 0px; width: 69px; height: 27px; } /*--- key visual -----------------------------------------------------------*/ #key_visual { position: absolute; top: 1px; left: 189px; width: 550px; height: 195px; } /*--- logo -----------------------------------------------------------------*/ #logo { width: 131px; height: 45px; position: absolute; top: 10px; left: 10px; } /*--- main navigation ------------------------------------------------------*/ #main_nav_container { margin-left: 8px; margin-bottom: 15px; } #main_nav_list { border: 0; margin: 0; padding: 0; list-style-type: none; } #main_nav_list li { margin: 0; padding: 0; } /*--- main navigation items ------------------------------------------------*/ #main_nav_list a { display: block; text-align: left; line-height: 27px; height: 29px; width: 145px; padding: 0 0 0 12px; margin: 0; overflow: hidden; } #main_nav_list a:hover { text-decoration: none; } /*--- container for the subnavigation --------------------------------------*/ .sub_nav_container { z-index: 1; margin: 10px 0px 10px 10px; padding: 0; width: 157px; } /*--- subnavigation --------------------------------------------------------*/ .sub_nav_list { border: 0; margin-left: 10px; padding: 0; list-style-type: none; } .sub_nav_list li { margin: 0; padding: 0; } /*--- subnavigation items --------------------------------------------------*/ .sub_nav_list a { text-align: left; line-height: 27px; height: 29px; width: 145px; padding: 0 0 0 0; display: block; overflow: hidden; } .sub_nav_list a:hover { text-decoration: none; } #sub_container1 { margin: 0; padding: 0; height: 300px; } #sub_container2 { float: right; padding: 0; width: 515px; margin: 10px 0px 20px 0px; } /*--- content --------------------------------------------------------------*/ #content_container { clear: both; overflow: hidden; line-height: 1.3; padding: 0; margin: 0; width: 515px; } #left_column_container { clear: both; position: relative; margin-top: -140px; padding: 0; width: 189px; float: left; } #content_container table { border-style: solid; border-width: 0; border-spacing: 1px; } #content_container tr.odd { font-size: 12px; } #content_container tr.even { font-size: 12px; } /*--- footer ---------------------------------------------------------------*/ #footer { margin: 0; padding: 0; width: 740px; height: 82px; clear: both; } #footer_text { padding: 10px 0 0 0; margin: 0 30px 0 30px; text-align: center; font-size: 10px; } /*---------------------------------------------------------------------------- default-styles for html-elements ----------------------------------------------------------------------------*/ /*--- body -----------------------------------------------------------------*/ body#main_body { margin: 0; padding: 0; text-align: center; } /*--- paragraph ------------------------------------------------------------*/ #content_container p { margin: 5px 0 20px 0; padding: 0; font-size: 12px; line-height: 1.2; } /*--- headings -------------------------------------------------------------*/ #content_container h1 { font-family: Tahoma,Verdana, Arial, sans-serif; font-style: normal; font-size: 24px; font-weight: bold; } #content_container h2 { font-family: Tahoma,Verdana, Arial, sans-serif; font-style: normal; font-size: 20px; font-weight: bold; } #content_container h3 { font-family: Tahoma,Verdana, Arial, sans-serif; font-style: normal; font-size: 16px; font-weight: bold; } /*--- links ----------------------------------------------------------------*/ #content_container a:link{ font-weight : normal; text-decoration: underline; } #content_container a:visited { font-weight : normal; text-decoration: underline; } #content_container a:hover { text-decoration : none; } #content_container a:active { text-decoration : underline; } /*--- tables ---------------------------------------------------------------*/ #content_container table { } #content_container th { } #content_container tr { } #content_container td { } /*--- forms ----------------------------------------------------------------*/ #content_container fieldset { padding: 15px; border-style: solid; border-width: 1px; } #content_container input { border-style: solid; border-width: 1px; } #content_container textarea { border-style: solid; border-width: 1px; } #content_container button { } #content_container label { } #content_container select { } #content_container option { } /*--- lists ----------------------------------------------------------------*/ #content_container ul { } #content_container li { } /*--------------------------------------------------------------------------*/