/*----------------------------------------------------------------------------
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 24px 0px 20px;
margin:0;
width:775px;
voice-family:"\"}\"";
voice-family:inherit;
width:731px;
}
html>body #main_container
{
width:731px;
}
/*--- the main container is devided in sub containers ----------------------*/
#sub_container1
{
margin:0;
padding:0;   height: 300px;
}
#sub_container2
{
width:515px;
position:relative;
top:0px;
float:left;
padding:0;
left:15px;
}
#left_column_container
{
position:relative;
top:0px;
left:12px;
float:right;
width:161px;
margin:0px;
padding:0px;
}
/*--- header ---------------------------------------------------------------*/
#header
{
position:relative;
top:0px;
left:0px;
height:168px;
width:775px;
margin:0px;
padding:0px;
}
/*--- key visual -----------------------------------------------------------*/
#key_visual
{
position:absolute;
top:0px;
left:377px;
height:163px;
width:367px;
}
/*--- logo -----------------------------------------------------------------*/
#logo
{
position:absolute;
top:63px;
left:92px;
height:77px;
width:254px;
}
/*--- caption (as text or background image) --------------------------------*/
#slogan
{
position:relative;
top:9px;
left:9px;
z-index:1;
height:41px;
width:368px;
line-height:20px;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
letter-spacing: 3px;
padding:6px 0 0 35px;
voice-family:"\"}\"";
voice-family:inherit;
width:333px;
height:35px;
}
html>body #slogan
{
width:333px;
height:35px;
}
#image_caption {
}
/*--- main navigation ------------------------------------------------------*/
#main_nav_container
{
float:left;
overflow:hidden;
z-index:1;
position:relative;
width:775px;
height:80px;
padding:0px 20px 0px 20px;
voice-family:"\"}\"";
voice-family:inherit;
width:735px;
}
html>body #main_nav_container
{
width:735px;
}
#main_nav_list
{
position:relative;
width:735px;
top:3px;
left:0px;
height:auto;
margin:0px;
padding:0px;
list-style-type:none;
}
#main_nav_list li
{
float:left;
margin:0px;
padding:0px;
height:32px;
}
/*--- main navigation items ------------------------------------------------*/
#main_nav_list a
{
float:left;
display:block;
height:32px;
margin:0px;
padding: 5px 21px 0px 16px;
line-height:22px;
font-family:Tahoma,Verdana, Arial, sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
text-decoration:none;
text-transform:uppercase;
background:transparent;
voice-family:"\"}\"";
voice-family:inherit;
height:27px;
}
html>body #main_nav_list a
{
height:27px;
}
span.main_nav_item_text
{
margin:0px 0px 0px 3px;
}
#main_nav_list a:active
{
text-decoration:none;
background:transparent;
}
span.main_nav_active_item_text
{
margin:0px 3px 0px 0px;
}
a.main_nav_active_item:link, a.main_nav_active_item:visited
{
text-decoration:none;
}
/*--- 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
{
font-size:11px;
margin:4px 0px 1px 0px;
padding:0px;
}
/*--- subnavigation items --------------------------------------------------*/
.sub_nav_list a
{
display:block;
width:161px;
padding:0px 10px 0px 30px;
line-height:28px;
font-family:Tahoma,Verdana, Arial, sans-serif;
font-weight:bold;
font-size:11px;
text-decoration:none;
text-align:left;
voice-family:"\"}\"";
voice-family:inherit;
width:121px;
}
html>body #sub_nav_list a
{
width:121px;
}
.sub_nav_list a:hover
{
text-decoration:none;
font-weight:bold;
}
/*--- content --------------------------------------------------------------*/
#content_container
{
float:left;
width:515px;
border: 0;
margin: 0;
padding: 0;
overflow: hidden;

}
#content_container table
{
width:100%;
border:none;
}
#content_container tr.odd
{
font-size:11px;
}
#content_container tr.even
{
font-size:11px;
}


/*--- footer ---------------------------------------------------------------*/
#footer
{
clear:both;
height:122px;
width:775px;
margin:0;
padding:0;
}
#footer_text
{
margin:0px 30px 0px 30px;
padding:60px 255px 0px 60px;
text-align:center;
font-size:11px;
}
/*----------------------------------------------------------------------------
default-styles for html-elements
----------------------------------------------------------------------------*/
/*--- body -----------------------------------------------------------------*/
body#main_body
{
margin:0px;
padding:0px;
font-family:Tahoma,Verdana, Arial, sans-serif;
font-size:x-small; /* IE5 Win */
font-size:small;
text-align:center;
}
/*--- paragraph ------------------------------------------------------------*/
#content_container p
{
margin:5px 0px 20px 0px;
padding:0px;
line-height:14px;
font-size:11px;
}
/*--- headings -------------------------------------------------------------*/
#content_container h1
{
width:515px;
height:68px;
line-height:60px;
padding:0px 0px 0px 60px;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:32px;
font-weight:normal;
voice-family:"\"}\"";
voice-family:inherit;
width:455px;
}
html>body #content_container h1
{
width:455px;
}
#content_container h2
{
width:515px;
height:60px;
line-height:55px;
padding:0px 0px 0px 55px;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:26px;
font-weight:normal;
voice-family:"\"}\"";
voice-family:inherit;
width:460px;
}
html>body #content_container h2
{
width:460px;
}
#content_container h3
{
width:515px;
height:53px;
line-height:50px;
padding:0px 0px 0px 50px;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:20px;
font-weight:normal;
voice-family:"\"}\"";
voice-family:inherit;
width:465px;
}
html>body #content_container h3
{
width:465px;
}


/*--- links ----------------------------------------------------------------*/
#content_container a:hover
{
text-decoration :none;
}
/*--- tables ---------------------------------------------------------------*/
table {
}
th{
font-size:12px;
}
tr {
}
td {
border-collapse:collapse;
font-size:11px;
}
/*--- forms ----------------------------------------------------------------*/
fieldset
{
padding:15px;
width:515px;
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;
}
label {
}
select {
}
option {
}
/*--- lists ----------------------------------------------------------------*/
ul {
}
li {
font-size:11px;
}
/*--------------------------------------------------------------------------*/




/*--- special --------------------------------------------------------------*/



#extra_div1 {

	position: absolute;

	padding: 0;

	margin: 0;

	width: 100%;

	height: 50px;

	top: 0px;

	left: 0px;

	text-align:center;

}



#extra_div1 span {

	position: relative;

	display:block;

	width: 775px;

	height: 35px;

	top:9px;

	left:0px;

	margin:0 auto;

	padding:0;

}



#extra_div2 {

	position: absolute;

	padding: 0;

	margin: 0;

	width: 100%;

	height: 160px;

	top: 0px;

	left: 0px;

	text-align:center;

}



#extra_div2 span {

	position: relative;

	display:block;

	width: 775px;

	height: 70px;

	top:62px;

	left:0px;

	margin:0 auto;

	padding:0;

}





/*--------------------------------------------------------------------------*/