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

#container_2
{
	position:relative;
	width:775px;
	margin:0px auto;
	padding:0;
	text-align:center;
}

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

#main_container_2
{
	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_2
{
	clear:both;
	height:122px;
	width:775px;
	margin:0;
	padding:0;
}

#footer_table
{
	border-collapse: collapse;
}

#footer_text
{
	margin:0px 30px 0px 30px;
	padding:60px 60px 0px 60px;
	text-align:center;
}

#footer_image
{
	margin:0px 30px 0px 30px;
	padding:60px 60px 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/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;
}

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