/*----------------------------------------------------------------------------
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
----------------------------------------------------------------------------*/

body#main_body
{
margin:0px;
padding:0px;
font-size:x-small; /* IE5 Win */
font-size:small;
text-align:center;
}

/*-- global container ------------------------------------------------------*/
#container
{
position:relative;
width:775px;
margin:0px auto;
padding:0;
text-align:left;
}
/*-- main container: contains all between header and footer ----------------*/
#main_container
{
	clear: both;
padding:43px 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 ----------------------*/

#layout_table {
	border-collapse: collapse;
}

#left_column {
	vertical-align: top;
}

#right_column {
	vertical-align: top;
}

#sub_container1
{
margin:0;
padding:0;
}
#sub_container2
{
width:535px;
position:relative;
top:0px;
padding:0;
left:10px;
overflow: hidden;
}

#content_container
{
width:520px;
border: 0;
margin: 0;
padding: 0;
}

#left_column_container
{
position:relative;
top:0px;
left:40px;
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;
letter-spacing: 3px;
padding:6px 0 0 35px;
voice-family:"\"}\"";
voice-family:inherit;
width:333px;
height:35px;
}
html>body #slogan
{
width:333px;
height:35px;
}
/*--- main navigation ------------------------------------------------------*/
#main_nav_container
{
overflow: hidden;
width:775px;
padding:0px 20px 1px 20px;
voice-family:"\"}\"";
voice-family:inherit;
width:735px;
}
html>body #main_nav_container
{
width:735px;
}
#main_nav_list
{
margin:0;
padding:0;
list-style-type:none;
}
#main_nav_list li
{
float:left;
margin:3px 0 2px 0;
padding:0px;
height:32px;
}
/*--- main navigation items ------------------------------------------------*/
#main_nav_list a
{
float:left;
display:block;
height:32px;
margin:0;
padding: 8px 21px 0 16px;
text-align:center;
background:transparent;
voice-family:"\"}\"";
voice-family:inherit;
height:24px;
}
html>body #main_nav_list a
{
height:24px;
}
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 3px 0px 0px;
}
/*--- 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:0;
padding:0;
}
/*--- subnavigation items --------------------------------------------------*/
.sub_nav_list a
{
display:block;
width:161px;
padding:0px 10px 0px 30px;
line-height:31px;
text-align:left;
background-repeat: repeat-y !important;
voice-family:"\"}\"";
voice-family:inherit;
width:121px;
}
html>body #sub_nav_list a
{
width:121px;
}

/*--- 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;
}
/*----------------------------------------------------------------------------
default-styles for html-elements
----------------------------------------------------------------------------*/
/*--- body -----------------------------------------------------------------*/

.content h1
{
	min-height: 68px;
	padding:10px 0px 0px 60px;
	line-height: 170%;
	margin: 0;
}

.content h2
{
	min-height: 60px;	
	padding:10px 0px 0px 55px;
	line-height: 180%;	
	margin: 0;
}
.content h3
{
	min-height: 53px;	
	padding:10px 0px 0px 50px;
	line-height: 190%;	
	margin: 0;
}

.content table
{
border:none;
}

.content td {
border-collapse:collapse;
}

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

/*--- 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;
}

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