/*----------------------------------------------------------------------------
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;
width:775px;
margin:0px auto;
padding:0px;
text-align:left;
}
/*-- main container: contains all between header and footer ----------------*/
#main_container
{
padding:0px 34px 0px 30px;
margin:0;
width:775px;
voice-family:"\"}\"";
voice-family:inherit;
width:711px;
}
html>body #main_container
{
width:711px;
}
/*--- the main container is devided in sub containers ----------------------*/
#sub_container1
{
margin:0;
padding:0;
}
#sub_container2
{
width:525px;
position:relative;
top:0px;
float:left;
padding:0;
left:10px;
}
#left_column_container
{
position:relative;
top:0px;
float:right;
width:157px;
margin:0px;
padding:0px;
}
/*--- header ---------------------------------------------------------------*/
#header
{
position:relative;
top:0px;
left:0px;
height:243px;
width:775px;
margin:0px;
padding:0px;
}
/*--- key visual -----------------------------------------------------------*/
#key_visual
{
position:absolute;
top:0px;
left:18px;
height:243px;
width:376px;
}
/*--- logo -----------------------------------------------------------------*/
#logo
{
position:absolute;
top:26px;
left:543px;
height:77px;
width:300px;
}
/*--- caption (as text or background image) --------------------------------*/
#slogan
{
position:relative;
top:165px;
left:455px;
z-index:1;
height:50px;
width:260px;
padding:50px 0px 0px 15px;
letter-spacing: 3px;
}
/*--- main navigation ------------------------------------------------------*/
#main_nav_container
{
float:left;
overflow:hidden;
z-index:1;
position:relative;
left:28px;
width:775px;
height:100px;
padding:15px 20px 0px 30px;
margin:0 -28px 0 -28px;
voice-family:"\"}\"";
voice-family:inherit;
width:725px;
height:85px;
}
html>body #main_nav_container
{
width:725px;
height:85px;
}
#main_nav_list
{
position:relative;
top:0px;
left:0px;
height:auto;
margin:0px;
padding:0px;
list-style-type:none;
}
#main_nav_list li
{
float:left;
margin:0px;
padding:0px;
height:28px;
}
/*--- main navigation items ------------------------------------------------*/
#main_nav_list a
{
float:left;
display:block;
height:28px;
margin:0px;
padding: 2px 19px 0px 15px;
line-height:22px;
text-align:center;
background:transparent;
voice-family:"\"}\"";
voice-family:inherit;
height:26px;
}
html>body #main_nav_list a
{
height:28px;
}
#main_nav_list a:hover
{
background:transparent;
}
span.main_nav_item_text
{
margin:0px 0px 0px 3px;
}
#main_nav_list a:active
{
background:transparent;
}
span.main_nav_active_item_text
{
margin:0px 0px 0px 3px;
}
/*--- container for the subnavigation --------------------------------------*/
.sub_nav_container
{
margin:0px 0px 0px 0px;
padding:0px;
}
/*--- subnavigation --------------------------------------------------------*/
.sub_nav_list
{
margin:0px;
padding:0px;
border:0px;
list-style-type:none;
}
.sub_nav_list li
{
margin:1px 0px 2px 0px;
padding:0px;
}
/*--- subnavigation items --------------------------------------------------*/
.sub_nav_list a
{
display:block;
width:153px;
padding:0px 0px 0px 20px;
line-height:24px;
text-align:left;
voice-family:"\"}\"";
voice-family:inherit;
width:133px;
}
html>body #sub_nav_list a
{
width:133px;
}
/*--- content --------------------------------------------------------------*/
#content_container
{
float:left;
	border: 0px;
width:525px;
margin: 0px; /* margin:0px 0px 20px 0px; */
padding:0px;
overflow: hidden;
}
#content_container table
{
border-width:1px;
border-spacing:0px;
border-style:solid;
}

/*--- footer ---------------------------------------------------------------*/
#footer
{
clear:both;
height:111px;
width:775px;
margin:0px;
padding:0px;
}
#footer_text
{
margin:0px 30px 0px 30px;
padding:25px 0px 0px 0px;
text-align:center;
}
/*----------------------------------------------------------------------------
default-styles for html-elements
----------------------------------------------------------------------------*/
/*--- body -----------------------------------------------------------------*/
body#main_body
{
margin:0px;
padding:0px;
font-size:x-small; /* IE5 Win */
font-size:small;
text-align:center;
}
/*--- paragraph ------------------------------------------------------------*/
#content_container p
{
margin:5px 0px 20px 0px;
padding:0px;
}
/*--- headings -------------------------------------------------------------*/
#content_container h1
{
padding:10px 0px 5px 10px;
}
#content_container h2
{
padding:8px 0px 3px 10px;
}
#content_container h3
{
padding:8px 0px 2px 10px;
}

/*--- tables ---------------------------------------------------------------*/
td {
border-collapse:collapse;
}
/*--- forms ----------------------------------------------------------------*/
fieldset
{
padding:15px;
border-width:1px;
border-style:solid;
}
input
{
border-width:1px;
border-style:solid;
}
textarea
{
border-width:1px;
border-style:solid;
}
button {
color:#FFF;
background:transparent url("images/static/inputbutton.gif") top left;
}
/*--------------------------------------------------------------------------*/