/*----------------------------------------------------------------------------
	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;
	text-align:left;
	margin:0px auto 0px auto;
	padding:0;
}

/*-- main container: contains all between header and footer ----------------*/

#main_container {
	margin:0px 34px 0px 30px;
	padding:0;
}

/*--- the main container is devided in sub containers ----------------------*/

#sub_container1 {
	margin:0;
	padding:0;
}

#sub_container2 {
	width:525px;
	position:relative;
	top:0;
	left:10px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0;
}

#content_container {
	overflow:hidden;
	line-height:1.2;
	float:left;
	width:525px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	margin:0;
	padding:0px 0px 15px 0px;
}

#left_column_container {
	position:relative;
	top:-10px;
	float:right;
	width:157px;
	padding:0;
}

/*--- header ---------------------------------------------------------------*/

#header {
	position:relative;
	top:0;
	left:0;
	height:305px;
	width:775px;
	margin:0;
	padding:0;
}

/*--- key visual -----------------------------------------------------------*/

#key_visual {
	position:absolute;
	top:88px;
	left:28px;
	height:155px;
	width:713px;
}

/*--- logo -----------------------------------------------------------------*/

#logo {
	position:absolute;
	top:0;
	left:28px;
	height:77px;
	width:713px;
}

/*--- caption (as text or background image) --------------------------------*/

#text_caption {
	position:relative;
	top:105px;
	left:465px;
	z-index:1;
	height:50px;
	width:260px;
	line-height:20px;
	letter-spacing:1pt;
	font-family:'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	padding:50px 0px 0px 15px;
}

/*--- main navigation ------------------------------------------------------*/

#main_nav_container {
	float:left;
	overflow:hidden;
	z-index:1;
	position:relative;
	top:-62px;
	left:28px;
	width:713px;
	margin:0;
	padding:0;
}

#main_nav_list {
	position:relative;
	top:0;
	left:0;
	height:auto;
	list-style-type:none;
	margin:0;
	padding:0;
}

#main_nav_list li {
	float:left;
	height:28px;
	border-right-width:1px;
	border-left-width:1px;
	border-right-style:solid;
	border-left-style:solid;
	border-color:#000000;
	border-top:0px initial #000000;
	border-bottom:0px initial #000000;
	margin:0;
	padding:0;
}

/*--- main navigation items ------------------------------------------------*/

#main_nav_list a {
	float:left;
	display:block;
	height:26px;
	line-height:22px;
	text-align:center;
	text-decoration:none;
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:transparent;
	margin:0;
	padding:2px 10px 0px 17px;
}

html > body #main_nav_list a {
	height:28px;
}

#main_nav_list a.main_nav_item:hover {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:transparent;
}

span.main_nav_item_text {
	margin:0px 0px 0px 3px;
}

span.main_nav_active_item_text {
	margin:0px 0px 0px 3px;
}

/*--- container for the subnavigation --------------------------------------*/

.sub_nav_container {
	margin:0;
	padding:0;
}

/*--- subnavigation --------------------------------------------------------*/

.sub_nav_list {
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	border-style:initial;
	border-color:#000000;
	list-style-type:none;
	margin:0;
	padding:0;
}

.sub_nav_list li {
	font-size:9px;
	margin:0px 0px 2px 0px;
	padding:0;
}

/*--- subnavigation items --------------------------------------------------*/

.sub_nav_list a {
	display:block;
	line-height:24px;
	text-decoration:none;
	text-align:left;
	width:133px;
	overflow:hidden;
	padding:0px 0px 0px 20px;
}

html > body #sub_nav_list a {
	width:133px;
	overflow:hidden;
}

/*--- footer ---------------------------------------------------------------*/

#footer {
	clear:both;
	height:89px;
	width:775px;
	margin:0;
	padding:0;
}

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

/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/

/*--- body -----------------------------------------------------------------*/

body#main_body {
	text-align:center;
	margin:0;
	padding:0;
}

/*--- paragraph ------------------------------------------------------------*/

#content_container p {
	line-height:1.2;
}

/*--- headings -------------------------------------------------------------*/

#content_container h1 {
	overflow:hidden;
	padding:10px 0px 5px 10px;
}

#content_container h2 {
	padding:8px 0px 3px 10px;
}

#content_container h3 {
	padding:8px 0px 2px 10px;
}

/*--- links ----------------------------------------------------------------*/

/*--- tables ---------------------------------------------------------------*/

#content_container table {
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	-webkit-border-horizontal-spacing:0;
	-webkit-border-vertical-spacing:0;
	border-style:solid;
}

#content_container td {
	border-collapse:collapse;
}

/*--- forms ----------------------------------------------------------------*/

#content_container fieldset {
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-style:solid;
	padding:15px;
}

#content_container input {
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-style:solid;
}

#content_container textarea {
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-style:solid;
}

#content_container button {
	color:#FFFFFF;
	background-image:url(images/static/inputbutton.gif);
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:transparent;
}

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