/*----------------------------------------------------------------------------
	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;
	background-image: url(images/static/contentbg.gif);
	background-color: #666666;


}

/*-- 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:522px;
	position				:	absolute;
	top						:	240px;
	left					:	36px;
	float					:	left;
	padding					:	0;
	margin					:	0 0 10px 0;
	height: 294px;

}

#sub_container_bt
{
	width:149px;
	position				:	absolute;
	top						:	240px;
	left					:	590px;
	float					:	left;
	padding					:	0;
	margin					:	0 0 10px 0;
	height: 20px;

}

#sub_container_dl
{
	width:149px;
	position				:	absolute;
	top						:	308px;
	left					:	590px;
	float					:	left;
	padding					:	0;
	margin					:	0 0 10px 0;
	height: 20px;

}
#sub_container_bt1
{
	width:149px;
	position				:	absolute;
	top						:	274px;
	left					:	590px;
	float					:	left;
	padding					:	0;
	margin					:	0 0 10px 0;
	height: 20px;

}
#sub_container_video
{
	width:149px;
	position				:	absolute;
	top						:	238px;
	left					:	42px;
	float					:	left;
	padding					:	0;
	margin					:	0 0 10px 0;
	height: 20px;

}

#sub_container_links
{
	width:149px;
	position				:	absolute;
	top						:	340px;
	left					:	590px;
	float					:	left;
	padding					:	0;
	margin					:	0 0 10px 0;
	height: 20px;

}
#content_container
{
  overflow: hidden;
	line-height				:	1.2;
	float					:	left;
	width					:	525px;
	margin: 0;
	padding					:	0 0 15px 0;	
}

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

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

#header
{
	position				:	relative;
	top						:	0px;
	left					:	0px;
	height					:	305px;
	width					:	775px;
	margin					:	0px;
	padding					:	0px;
	background-image: url(images/static/headerbg.gif);

}

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

#key_visual
{
	position				:	absolute;
	top						:	20px;
	left					:	28px;
	height					:	155px;
	width					:	430px;

}

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

#logo
{
	position				:	absolute;
	top						:	20px;
	left					:	457px;
	height					:	155px;
	width					:	284px;
	background-image: url(images/dynamic/test.gif);

}

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

#text_caption
{

	position				:	relative;
	top						:	50px;
	left					:	465px;
	z-index					:	1;
	height					:	50px;
	width					:	260px;
	padding					:	50px 0px 0px 15px;
	line-height				:	20px;
	letter-spacing			: 1pt;
}

#image_caption {
}

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

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

#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;
	border					:	1px solid;
	border-top				:	0px;
	border-bottom			:	0px;
}

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

#main_nav_list a
{
	float					:	left;
    display					:	block;
	height					:	28px;
	margin					:	0px;
    padding					: 	2px 19px 0px 17px;
	line-height				:	22px;
	text-align				:	center;
	text-decoration			:	none;
	background				:	transparent;
	voice-family			:	"\"}\"";
	voice-family			:	inherit;
	height					:	26px;
}

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

#main_nav_list a:hover
{
	text-decoration			:	none;
	background				:	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					:	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				:	9px;
	margin					:	0px 0px 2px 0px;
	padding					:	0px;
}

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

.sub_nav_list a
{
	display					:	block;
	height					:	25px;
	width					:	153px;
	padding					:	0px 0px 0px 20px;
	line-height				:	24px;
	text-decoration			:	none;
	text-align				:	left;
	voice-family			:	"\"}\"";
	voice-family			:	inherit;
	width					:	133px;
}

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

.sub_nav_list a:hover
{
	text-decoration			:	none;
}

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

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

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



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

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

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

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

#content_container a:link
{
	font-weight 			:	normal;
	text-decoration			:	underline;
}

#content_container a:visited
{
	font-weight 			:	normal;
	text-decoration			:	underline;
}

#content_container a:hover
{
	text-decoration 		:	none;
}

#content_container a:active
{
	text-decoration 		:	underline;
}

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

#content_container table
{
	border-width			:	1px;
	border-spacing			:	0px;
	border-style			:	solid;
}

#content_container td {
	border-collapse			:	collapse;
}

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

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

#content_container input
{
	border-width			:	1px;
	border-style			:	solid;
}

#content_container textarea
{
	border-width			:	1px;
	border-style			:	solid;
}

#content_container button {
	color							:	#FFF;
	background						:	url('images/static/inputbutton.gif') top left;
}

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