/*---------------------------------------------------------------------------- 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; text-align: left; width: 792px; } /*-- main container: contains all between header and footer ----------------*/ #main_container { padding: 0; position: relative; margin: 0; } /*--- the main container is devided in sub containers ----------------------*/ #sub_container1 { margin: 0 0 0 4px; padding: 0; height: 300px; } #sub_container2 { position: relative; float: right; margin: 0; padding: 0; margin: 50px 0 20px 0; width: 560px; } #content_container { clear: both; overflow: hidden; line-height: 1.35; margin: 0; padding: 0; width: 520px; } #left_column_container { margin: 0; padding: 0; float: left; width: 180px; } /*--- header ---------------------------------------------------------------*/ #header { /* position: relative; */ padding: 0; margin: 0; width: 792px; height: 317px; top: 0px; left: 0px; } /*--- key visual -----------------------------------------------------------*/ #key_visual { position: absolute; top: 91px; left: 0; width: 792px; height: 200px; } /*--- logo -----------------------------------------------------------------*/ #logo { width: 360px; height: 66px; position: absolute; top: 0; left: 0; } /*--- caption (as text or background image) --------------------------------*/ #text_caption { position: absolute; top: 7px; left: 360px; width: 412px; text-align: right; } #image_caption { } /*--- main navigation ------------------------------------------------------*/ #main_nav_container { margin: 0; padding: 0; } #main_nav_list { border: 0; margin: 0; padding: 0; list-style-type: none; } #main_nav_list li { font-size: 100%; margin: 0; padding: 0; } /*--- main navigation items ------------------------------------------------*/ #main_nav_list a { display: block; text-decoration: none; text-align: left; line-height: 24px; height: 24px; width: 180px; padding: 0 0 0 25px; margin: 0 -25px 0 0; overflow: hidden; } #main_nav_list a.main_nav_item:hover { text-decoration: none; } /*--- container for the subnavigation --------------------------------------*/ .sub_nav_container { margin: 0 0 0 16px; padding: 0; } /*--- subnavigation --------------------------------------------------------*/ #main_nav_list .sub_nav_list { border: 0; margin: 0; padding: 0; list-style-type: none; } #main_nav_list .sub_nav_list li { clear: both; font-size: 100%; margin: 0; padding: 0; } /*--- subnavigation items --------------------------------------------------*/ #main_nav_list .sub_nav_list a { text-decoration: none; text-align: left; line-height: 24px; height: 24px; width: 164px; padding: 0 0 0 25px; margin: 0 -25px 0 0; display: block; overflow: hidden; } #main_nav_list .sub_nav_list a:hover { text-decoration: none; } /*--- footer ---------------------------------------------------------------*/ #footer { margin: 0; padding: 0; width: 792px; height: 65px; clear: both; } #footer_text { padding: 10px 0 0 0; margin: 0 30px 0 30px; text-align: center; font-size: 80%; } /*---------------------------------------------------------------------------- default-styles for html-elements ----------------------------------------------------------------------------*/ /*--- body -----------------------------------------------------------------*/ body#main_body { margin: 0; padding: 0; } /*--- paragraph ------------------------------------------------------------*/ #content_container p { margin: 5px 0 20px 0; padding: 0; line-height: 1.35; } /*--- headings -------------------------------------------------------------*/ /*--- links ----------------------------------------------------------------*/ #content_container a:hover { text-decoration : none; } /*--- tables ---------------------------------------------------------------*/ #content_container table { border-style: dotted; border-width: 1px; border-spacing: 0; border-collapse: collapse; } #content_container tr.odd { font-size: 90%; } #content_container tr.even { font-size: 90%; } /*--- forms ----------------------------------------------------------------*/ fieldset { padding: 15px; border-style: solid; border-width: 1px; } input { border-style: solid; border-width: 1px; } textarea { border-style: solid; border-width: 1px; } /*--------------------------------------------------------------------------*/