@charset "utf-8";

@import url("master.css");
@import url("icons.css");
@import url("forms.css");
@import url("topnav.css");
@import url("slider.css");

/***** 

	Projekt: io-sport.de

	Stylesheet Template
	© 2010, BRANDMARKER
	
	Farb Definitionen:
	gelb: #FFFF00
	 
*****/

body {
	background: #000;
	color: #ccc;
	font: 62.5%/100% Arial, Verdana, Helvetica, sans-serif;
	}


/***** 

	Global Section
	 
*****/

h1 {
	font-size: 2em;
	}
	
	#content h1 { 
		font-weight: bold;
		font-size: 1.5em;
		line-height: 120%;
		color: #fff;
		padding-bottom: 10px;
		}
	
	#home #content h1 {
		min-height: 36px;
		}
 
h2 {
	font-size: 1.5em;
	line-height: 120%;
	}
	
	h2.highlight {
		font-size: 1.5em;
		line-height: 120%;
		font-weight: bold;
		color: #FFFF00;
		}
	
	h2.content {
		font-weight: bold;
		font-size: 1.5em;
		line-height: 120%;
		color: #fff;
		padding-bottom: 10px;
		}
 
h3 {
	font-size: 1.2em;
	line-height: 120%;
	}
	
	#content h3 { 
		font-size: 0.9em;
		color: #FFFF00;
		line-height: 120%;
		padding-bottom: 3px;
		}

h6 {}

	h6#subline { 
		font-size: 1.0em;
		line-height: 120%;
		color: #666;
		position: absolute;
		top: 225px;
		left: 0;
		letter-spacing: 0.1em;
		text-indent: -9000px;
		background: url(../gfx/subline.gif) no-repeat top left;
		width: 560px;
		}
	
a, a:hover { text-decoration: none; }	

a { color: #FFFF00; }
a:hover { text-decoration: underline; }
a:focus { }

.highlight	{ color: #FFFF00; }

p {}
		
	#content p.intro { 
		font-size: 1.1em;
		line-height: 130%;
		margin: 0 0 0 0;
		}
		
		#home #content p.intro { 
			line-height: 150%;
			margin: 10px 0 0 0;
			}
		
		#content p.intro a { text-decoration: underline; }
		#content p.intro a:hover { text-decoration: none; }
	
	#content p.content { 
		font-size: 1.1em;
		line-height: 130%;
		}

	#footer p { 
		margin: 15px 0 0 0;
		text-align: center;
		}
		
		#footer p a { color: #666; }
		#footer p a:hover { text-decoration: underline; }


/***** 

	Head Section
	 
*****/

#header {
	height: 244px;
	width: 996px;
	margin: 0 auto;
	background: url(../gfx/header/wohin_wollen_sie.jpg);
	position: relative;
	}

	#logo {
		position: absolute;
		left: 0;
		top: 130px;
		}
	
	h6#subline { /* s.h. oben */ }
	
	
/***** 

	Content Section
	 
*****/

#slider {
	background: url(../gfx/slider_bg.gif) top left repeat-x;	
	}

#subheader {
	background: url(../gfx/slider_bg.gif) top left repeat-x;	
	}
	
	#subheader #subcontent {
		background: url(../gfx/slider_bg.gif) top left repeat-x;
		margin: 0 auto;
		width: 996px;
		padding: 20px 0;	
		}

#wrap {
	background: url(../gfx/wrap_bg.png) top left repeat;
	position: relative;
	}

#content {
	background: url(../gfx/wrap_bg.png) top left repeat;
	margin: 0 auto;
	width: 996px;
	padding: 20px 0;
	}

#home #content { background: url(../gfx/home_bg.png) top left repeat-y;	}
	
	.news_column1, .news_column2,
	.news_column3, .news_column4 {
		float: left;
		width: 223px;
		}
	
	.news_column1 { }
	.news_column2 { padding-left: 42px; }
	.news_column3 { padding-left: 31px; }
	.news_column4 { padding-left: 33px; width: 220px; }
	
	#home #content h3 { /* s.h. oben */ }
	#home #content h1 { /* s.h. oben */ }	
	#home #content p.intro { /* s.h. oben */ }

.download_listing {
	height: 410px;
	width: 245px; 
	border-right: 1px solid #333; 
	padding: 10px 40px 10px 25px; 
	margin-right: 20px; 
	float: left;
	}

.table_style_1 { font-size: 1.1em; line-height: 120%; }

	.table_style_1 th { color: #FFFF00; font-weight: bold; padding: 2px 5px; border: 1px solid #FFFF00; border-bottom: 0; }
	
	.table_style_1 td { color: #FFF; font-weight: bold; padding: 2px 5px; border: 1px solid #FFFF00; }
	
.table_style_2 { font-size: 1.1em; line-height: 120%; }

	.table_style_2 td { color: #ccc; padding: 2px 5px; }
	.table_style_2 td.first { color: #ccc; padding: 2px 5px 2px 0px; width: 450px; }
	.table_style_2 td.second { color: #FFFF00; text-align: right; }
	
.table_style_3 { font-size: 1.1em; line-height: 120%; border: 1px solid #FFFF00; margin-top: 10px; }

	.table_style_3 td { color: #ccc; padding: 5px 5px; }
	.table_style_3 td.first { color: #ccc; width: 100px; border-right: 1px solid #FFFF00; }
	.table_style_3 td.second { color: #ccc; text-align: right; width: 100px; }
	.table_style_3 td.second2{ color: #FFFF00; text-align: right; width: 100px; }


/***** 

	Foot Section
	 
*****/

#footer {
	padding: 20px 0 20px 0;
	width: 996px;
	margin: 0 auto;
	position: relative;
	}
	
	#footer .banner {
		font-size: 1.0em;
		line-height: 120%;
		color: #666;
		height: 175px;	
		float: left;
		}
	
	#footer p { /* s.h. oben */ }