/*----------------------------------------------------------------------------
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; /*defaut 775*/
margin:0px auto;
padding:0px;
text-align:left;
}
/*-- main container: contains all between header and footer ----------------*/
#main_container
{
padding:0px 14px 0px 30px;
margin:0;
width:711px; /*defaut 711*/
}
html>body #main_container
{
width:711px; /*defaut 711*/
}
/*--- the main container is devided in sub containers ----------------------*/
#sub_container1
{
margin:0;
padding:0;
}
#sub_container2
{
width:525px; /*defaut 525*/
position:relative;
top:0px;
float:left;
padding:0;
left:10px;
}
#right_column_container
{
position:relative;
top:0px;
float:right;
width:157px; /*defaut 157*/
margin:0px;
padding:0px;
text-align:center;
}
#left_column_container
{
position:relative;
top:0px;
float:left;
width:157px; /*defaut 157*/
margin:-2px;
padding:0px;
text-align:center;
}
/*--- header ---------------------------------------------------------------*/
#header
{
position:relative;
top:0px;
left:0px;
height:243px;
width:775px;
margin:0px;
padding:0px;
}
#header2
{
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:410px;/*455*/
z-index:1;
height:50px;
width:320px; /*260*/
padding:50px 0px 0px 15px;
letter-spacing: 2px;
}
/*--- main navigation ------------------------------------------------------*/
#main_nav_container
{
float:left;
overflow:visible;
z-index:9;
position:relative;
left:28px;
width:775px;
height:95px;
padding:15px 20px 0px 30px;
margin:0 -28px 0 -28px;
}
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;
}
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;
}
html>body #sub_nav_list a
{
width:133px;
}
/*--- content --------------------------------------------------------------*/
#content_container
{
float:left;
border: 0px;
width:525px; /*defaut 525*/
margin: 0px; /* margin:0px 0px 20px 0px; */
margin-left:5px;
padding:0px;
overflow: hidden;
}
#content_container table
{
border-width:1px;
border-spacing:0px;
border-style:solid;
}
#description
{
border:solid 1px #23c4ff;
padding:5px;
}
/*--- footer ---------------------------------------------------------------*/
#footer
{
clear:both;
height:111px;
width:775px;
margin:0px;
padding:0px;
}
#footer_copyright
{
text-align:center;
margin:0px 30px 0px 30px;
padding:6px 0px 0px 0px;
}
#extra_div1
{
	font-size:10px;
}
/*----------------------------------------------------------------------------
default-styles for html-elements
----------------------------------------------------------------------------*/
/*--- body -----------------------------------------------------------------*/
body#main_body,body#main_body2
{
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;
margin:5px 0px 10px 0px;
}
#content_container h2
{
padding:8px 0px 3px 10px;
margin:4px 0px 8px 0px;
}
#content_container h3
{
padding:4px 0px 2px 10px;
margin:3px 0px 3px 0px;
}

/*--- 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;
}
li
{
list-style-type:none;
}
hr
{
color:#23c4ff;
}
a
{
border:none;
}
img
{
border:1px solid #FFFFFF;
}
/*--------------------------------------------------------------------------*/