/* Reset CSS
------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}
	
img {
	border: none;
}

table {
	}
	
caption, th {
	text-align: left;
	}	

a{
	text-decoration: none;
	color: #FFFFFF;
}	

a:hover {
	text-decoration: none;
}		
	
.clearer {
	position: absolute;
	float: left;
	clear: both;
	width: 100%;
	}
	
.no_style {
	display: none;
	}
	
/* Main
------------------------------------------------------*/

html {
	height: 100%;
	}
	
body {
	height: 100% !important;
	position: relative;
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 1.3;
	background-color: #101533;
	
	}
	
table, caption, tbody, tfoot, thead, tr, th, td {
	xvertical-align: baseline;
}

td {
	vertical-align: top;
}

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

#container {
	position: relative;
	min-width: 1000px;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	background: url(/images/bg-breit.jpg) no-repeat center bottom #101533;
}

h1{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px 8px;
}

hr.hr-headline{
	color: #fbc100;
	background-color: #fbc100;
	margin: 7px 0px;
	*margin: 0px 0px 7px 0px;
	width: 218px;
	height: 1px;
	border:0 none;
	text-align: left;
}


/*****************************************************| Navi|***/

#navi{
	position: relative;
	float: left;
	width: 960px;
	height: 79px;
	margin-top: 81px;
	margin-bottom: 35px;

}

#navi-left{
	position: relative;
	float: left;
	width: 5px;
	height: 79px;
	background-image:url(/images/navi-left.gif);
	background-repeat: no-repeat;
}

#navi-main{
	position: relative;
	float: left;
	width: 950px;
	_width: 947px;
	height: 79px;
	background-image:url(/images/navi-bg.gif);
	background-repeat: repeat-x;
}

#navi-right{
	position: relative;
	float: left;
	width: 5px;
	height: 79px;
	background-image:url(/images/navi-right.gif);
	background-repeat: no-repeat;
}

/*****************************************************| Navi-Top|***/

#top-navi{
	position: relative;
	float: left;
	margin-left: 155px;
	_margin-left: 70px;
	margin-top: 0px;
	width: 795px;
	height: 39px;
	border-bottom: 1px solid #bbbbbb;
	color: #2d3970;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

#top-navi ul{
	margin-left: 15px;
	_margin-left: 15px;
	margin-top: 15px;
	list-style: none;
	width: 780px;
	_width: 780px;
	height: 20px;
}

#top-navi li, #sub-navi li{
	position: relative;
	float: left;
	margin-right: 35px;
	_margin-right: 35px;
}

#top-navi a, #top-navi a:visited{
	color: #2d3970;
}


/*****************************************************| Sub-Navi|***/

#sub-navi{
	position: relative;
	float: left;
	margin-left: 155px;
	_margin-left: 70px;
	margin-top: 0px;
	width: 795px;
	height: 39px;
	color: #565f84;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

#sub-navi ul{
	margin-left: 15px;
	_margin-left: 15px;
	margin-top: 10px;
	list-style: none;
	width: 780px;
	height: 20px;
}

#sub-navi a, #sub-navi a:visited{
	color: #565f84;
}

/*****************************************************| Sub-Sub-Navi|***/

#subsubnavi{
	list-style: none;
}

#subsubnavi li{
	margin: 5px 0px;
}



/* Formatierung MAIN der Hauptseite
-------------------------------------------------------------------*/

#main {	
	position: relative;
	width: 960px;
	margin: 0 auto;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	}
	
#header{
	position: relative;
	float: left;
	width: 960px;
	height: 195px;
	z-index: 10;	
}

.soccer_right {
	width: 318px;
	height: 406px;
	position: absolute;
	left: 50%;
	margin-left: 400px;
	bottom: 0;
	background: url(/images/fussballer.png) no-repeat;
	*background: url(/images/blank.gif);
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fussballer.png', sizingMethod='scale');
}
	

/*****************************************************| Hintergrundbild|***/

#logo{
	position: absolute;
	width: 130px;
	height: 130px;
	top: 20px;
	left: 15px;
	z-index: 50;
}

#content{
	position: relative;
	float: left;
	margin-bottom: 150px;
	width: 960px;
	min-height: 200px !IMPORTANT;
	padding: 0px;
}

#cont-left {
	width: 240px;
	margin-right: 15px;
			position: relative;
	float: left;
}

#cont-mid{
			position: relative;
	float: left;
	width: 450px;
	margin-right: 15px;
}
    
#cont-right {
			position: relative;
	float: left;
	width: 240px;
	margin-left: 0px;
}

#cont-mid-right{
	position: relative;
	float: left;
	width: 705px;
	xpadding: 15px 0px;
}

* html #content-start, * html #content { /* Für IE */
	height: 200px;
}

div.clear {
	clear:left;
}

#cont-mid-right a{
	text-decoration: underline;
}

#cont-mid-right a:hover{
	text-decoration: none;
}

/*****************************************************| Content-Bilder |***/

#cont-mid2{
	position: relative;
	float: left;
	width: 390px;
	margin-right: 15px;
}
    
#cont-right2{
	position: relative;
	float: left;
	width: 300px;
	margin-left: 0px;
}

#cont-right2 img{
	width: 300px;
}

/*****************************************************| Startseite|***/

#slider1{
	margin-bottom: 15px;
}

#content-block-start{
	position: relative;
	float: left;
	width: 428px;
	border: 1px solid #323650;
	margin-bottom: 15px;
	padding: 15px 10px;
}

#content-block-start img{
	margin-bottom: 15px;
}

#content-block-start p{
	background-color: #363B54;
	padding: 4px 8px;
}


/*****************************************************| Vorstand|***/

.vorstand{
	position: relative;
	float: left;
	width: 345px;
	height: 155px;
	margin-bottom: 15px;

}

.vorstand h1, .team h1{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	text-transform: none;
	font-weight: bold;
}

.table-vorstand{
	padding: 10px 10px 10px 25px;
	*padding: 0px;
	border: 1px solid #323650;
	width: 345px;
	height: 155px;
	background: url(/images/hr-vorstand.gif) repeat-x top;	
}

.table-vorstand img, .team img{

}

.table-vorstand td, .team td{
	*padding: 10px 10px 10px 25px;
}

.table-weiterervorstand{
	xpadding: 15px 10px 15px 25px;
	border: 1px solid #323650;
	width: 343px;
}

.table-weiterervorstand table{
	margin: 15px 10px 15px 25px;
	width: 305px;
}

.table-team{
	padding: 10px 10px 10px 25px;
	border: 1px solid #323650;
	width: 705px;
	height: 155px;
	background: url(/images/hr-vorstand.gif) repeat-x 0px 20px;	
}

.team{
	margin-right: 15px;
	_margin-right: 0px;
	float:left;
}

/*****************************************************| Tabelle |***/
.table-content{
	border: 1px solid #323650;
	padding: 4px 8px;
}

.table-content th{
	padding: 2px 7px 5px 7px;
}

.table-content td{
	padding: 2px 7px;
}

.table-content tr{
	*margin: 0px;
}

.table-light, .table-heim{
	background-color: #363B54;
}

.table-middle, .table-auswaerts{
	background-color: #1e233f;
}

.table-dark{
	background-color: none;
}

.table-header{
	background-color: #363B54;
}

.table-spieler{
	border: 1px solid #323650;
	padding: 10px 10px 10px 8px;
}

.table-spieler td table td{
	padding: 1px 7px;
}

.table-spieler img{
	*margin: 10px 0px 10px 8px;
}

.table-sponsoren{

} 

.zell-pfeil{
	background-image: url(/images/li.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
}

.links td{
	width: 25%;
	background-color: #363B54;
	padding: 2px 7px;
}

.links th{
	background-color: #1e233f;
	padding: 2px 7px 5px 7px;
}

/*****************************************************| Formular|***/
h2{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px 8px 5px 8px;
}

input {
	padding: 1px 2px 1px 2px;
	border: none;
	background-color: #f6f6f6; 
	font: 11px Arial, Verdana;
	color: #494949;
	width: 145px;
	height: 15px;
	margin: 3px 0px 3px 0px;
}

select {
	border: none;
	background-color: #f6f6f6; 
	*background-color: #fff; 
	font: 11px Arial, Verdana;
	color: #494949;
	width: 149px;
	margin: 3px 10px 3px 0px;

}

textarea {
	border: 0px #dcd9ca solid;
	background-color: #FFFFFF; 
	width: 526px;
	*width: 526px;
	height: 100px;
	padding: 2px;
	font: 11px Arial, Verdana;
	color: #494949;
}

.kategorie td{
	padding-bottom: 2px;
}

.check{ 
	width: 16px;
	margin-right: 5px;
	margin-top: 2px;
	vertical-align: top;
}

.hr-anfrage{ 	
	border-top: 1px dotted #494949;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 0px;
	margin: 10px 0px 10px 0px;
	width: 97%;
}


/*****************************************************| Teaser|***/

.teaser{
	position: relative;
	float: left;
	width: 218px;
	border: 1px solid #323650;
	padding: 15px 10px;
	margin-bottom: 15px;
}

.teaser h1{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px 8px;
}

.teaser th{
	text-align: left;
	background-color: #363b54
}

.teaser hr{
	color: #fbc100;
	background-color: #fbc100;
	margin: 7px 0px;
	height: 1px;
	border:0 none;
}

.teaser .hr-aktuelles{
	background-color: #101533;
	border-top: 1px dotted #FFFFFF !IMPORTANT;
	margin: 12px 0px !IMPORTANT;
}

.teaser td, .teaser th{
	padding: 1px 1px;
}

.teaser a{
	color: #FFFFFF;
	background-image: url(/images/li.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
}

.teaser a:hover{
	text-decoration: underline;
}

.teaser .pfeil{
	background-image: url(/images/li.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
}

.naechstes-spiel{
	width: 210px;
	margin: 0px 4px;
}

.naechstes-spiel td{
	padding: 2px;
}

.naechstes-spiel .light{
	background-color: #363b54
}

.bg-lightblue{
	background-color: #363b54;
	padding: 8px 10px;
	widht: 180px;
	margin: 0px 4px; 
}	
	
/* Footer ------------------------------------------------------*/

#footer {
	position: absolute;
	bottom: 0; 
	width: 100%;
	height: 130px;
	background: url(/images/footer-bg.gif) bottom left repeat-x;
	}

#footer-content{
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 20px;
	font-size: 10px;
}

#footer-links{
	position: relative;
	float: left;
	width: 690px;
	margin-left: 10px;
	_margin-left: 5px;
}

#footer-rechts{
	position: relative;
	float: left;
	width: 250px;
	text-align: right;
	margin-right: 10px;
	_margin-right: 5px;
}

#logos{
	position: relative;
	width: 960px;
	margin: 0 auto;
	margin-top: 25px;
	height: 85px;
	vertical-align: middle;
	z-index: 300;
}

#logos img{
	
}