/*
www.Benedikt-Scherer.de
03/2010

*/

/* ------------------------------------ UNDO ------------------------------------ */
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; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; }

/*  HTML 
----------------------------------------------- */

html , body {
	color:#000;
	font: 11pt/1.4 Georgia, serif; 
	background:#F6F7EF url(img/bckgr.jpg) 50% 0 repeat-x;
	margin:0;
	padding:0;
	text-align:left;
	height:100%;
}

/* Uebergeordnete Tags 
----------------------------------------------- */

a { 
	color:#d88422;
	text-decoration:none;
	padding:0px;
	}
a:hover{ 
	border:0px;
	text-decoration:underline;
	}
:focus { -moz-outline-style: none; }


hr { 
	height:4px; 
	border:0px; 
	background:#DA3A22; 
	margin:0px 0px 25px 0px; 
	}

p{ margin:5px 0 10px 0; }
 
.clear{ clear:both; }
.alignleft{ float:left; }
.alignright{ float:right; }

b, strong{ font-weight:bold; }
i, em{ font-style:italic; }

blockquote{
	margin:20px 0;
	padding:20px;
	border:1px dotted #d88422;
	background:#F1F3E8;
}

ul { list-style:none; margin:0 0 0 0; }
ol{ font-weight:bold; margin:0 0 0 0; }
li{ margin:0px 0px; }

/* HEADLINES 
----------------------------------------------- */
h1{	
	font: 20pt/1.2 Georgia, serif; 
	letter-spacing:-2.5px;
	font-weight:normal;
	color:#000; 
	margin:0px 0px 10px 0px; 
	padding:0px 0px 0px 0px;
	}

h2{	
	font: 14pt/1.0 Georgia, serif; 
	font-weight:bold; 
	color:#131313; 
	margin:0px 0px 0px 0px; 
	}

h3{ 
	font: 14pt/1.0 Georgia, serif; 
	color:#131313; 
	margin:0px 0px 0px 0px; 
	}  
  
h4{ 
	font: 11pt/1.0 Georgia, serif; 
	text-transform:uppercase;	
	font-weight:bold; 
	color:#131313; 
	margin:0px 0px 0px 0px; 
	} 
h5{ 
	font: 11pt/1.0 Georgia, serif; 
	font-weight:bold; 
	color:#313131; 
	margin:0px 0px 0px 0px; 
	} 
  
  
.small, small{ font: 8pt/1.2 Georgia, serif;  }
 
 
 

/* ------------------------------------------------------------------------------------------------------------ 
########## #  Positionierung CONTAINER # ############
------------------------------------------------------------------------------------------------------------ */
#container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
	
/* Infobalken am Kopf der Seite
=============================== */
#infoline {
	position:absolute;
	top:-170px;
	left:0;
	width:100%;
	z-index:999;
	background:#313131 url(img/header-bg.gif) 0 bottom repeat-x;
	}
	#infoline:hover{ top:0; }
	#infoline h2{ color:#f6f7ef; }
	
	#infoline SPAN {
	position:relative;
	left:50%;
	margin: 0 0 0 -500px;
	width:980px;
	height:248px;
	display:block;
	overflow:hidden;
	font:11px/1.4 Georgia, serif;
	color:#fff;
	}
	#infoline SPAN .alignleft{
	margin:90px 45px 0 45px; 
	}
#infoline SPAN #formular{
	overflow:hidden;
	padding:0;
	margin:0;
	display:none;
	}
	#infoline:hover SPAN #formular{ display:inline; }

#infoline SPAN #btnOpener{
	position:absolute;
	bottom:0;
	right:0;
	width:110px;
	height:80px;
	background: url(img/infoline-open_110x80.gif) 0 2px no-repeat;
	}

	
/* WRAPPER UM ALLES
================= */	
#wrapper {
	position:relative;
	width:1000px;
	left:50%;
	top:80px;
	margin:0 0 0 -500px;
	overflow:hidden;
	}
	
	
/* Logo im Header 
================= */	
#header{
	height:143px;
	margin: 0 0 0 0;
	background: url(img/logo_312x139.gif) 50px 0 no-repeat;
	}	
	#header a{
	display:block;
	width:340px;
	height:140px;
	}

/* Navigation - dynamisch von WordPress organisiert
=================================================== */
ul#navigation{
	position:absolute;
	top:143px;
	left:0px;
	padding: 0 0 0 0;
	z-index: 9999;
	}
	ul#navigation li h2{ /* soll nicht zu sehen sein und macht im IE ärger */
	display:none;
	height:1px;
	}
	ul#navigation li ul{ /* eigentliche Navigationselemente */
	
	}
	ul#navigation li ul li{
	height:25px;
	width:100px;
	overflow:hidden;
	margin:0 2px 0 0;
	float:left;
	}
	ul#navigation li ul li:hover{
	height:100%;
	}
		ul#navigation li ul li a{ /* Hauptnavigationspunkte */
		color:#fff;
		font:12pt/1.0 Georgia, serif;
		text-decoration:none;
		background:#313131;
		padding:4px 6px 4px 6px;
		display:block;
		}
		ul#navigation li ul li a:hover{
		background:#d88422
		}
	ul#navigation li ul li ul{
	margin:0 0 0 0;
	}
	ul#navigation li ul li ul li{
	clear:both;
	margin:2px 0 0 0;
	width:100%;
	}
		ul#navigation li ul li ul li a{ /*Unterseiten*/
		padding:6px 6px 6px 6px;
		font:10pt/1.0 Georgia, serif;
		background:#313131;
		color:#fff;
		display:block;
		}
		ul#navigation li ul li ul li a:hover{ 
		color:#fff;
		background:#d88422;
		}
	ul#navigation li ul li.current_page_item a, ul#navigation li ul li.current_page_parent a{
	background:#d88422;
	}
	
	ul#navigation li ul li ul li ul li{ /*dritte Unterbene soll nicht zusehen sein ( Bildergalerien ) */
	display:none;
	}
	
	
/* Hauptinhalt: Artikel, Seiten, Banner 
======================================= */
#contentLeft{
	float:left;
	width:310px;
	padding: 0 0 0 0;
	margin:40px 0 0 0;
	color:#6f6f6f;
	}
		
#contentRight{
	float:right;
	width:690px;
	padding: 0 0px 0 0;
	margin:40px 0 0 0;
	}

#contentCenter{
	clear:both;
	width:1000px;
	padding: 0 25px 0 0;
	margin:26px 0 0 0;
	}
	
/* S T A R T */
ul#dynbanner{
	width:1000px;
	height:350px;
	background:#fff;
	margin:0 0 50px 0;
	}
	
	ul#dynbanner li{
	position:relative;
	width:1000px;
	height:350px;
	margin:0 0 0 0;
	}
	.dynBannerInfo{
	position:absolute;
	top:0;
	right:0;
	padding:110px 0 10px 0;
	text-align:right;
	opacity: 0.85;
	}	
	.dynBannerInfo h1{
	width:310px;
	background:#fff;
	padding:0 20px 0 0;
	} 
	.dynBannerInfo p{ 
	margin:0 0 10px 0;
	float:right;
	width:250px;
	background:#fff;
	font: 12px/1.4 Georgia, serif; 
	padding:10px 15px;
	}
	
	ol#controls{ 
	float:right;
	margin:2px 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	}
	ol#controls li{
	float:left;
	width:20px;
	height:20px;
	margin:0 0 0 2px;
	background:#000;
	}
	ol#controls li a{
	display:block;
	text-decoration:none;
	}
	ol#controls li.current{
	background:#313131;
	}
	li.rot{ background:transparent; }
	li.blau{ background:transparent; }
	
	
	
/* Boxen auf Startseite und im linken Bereich 
================================================ */
.box1{
	float:left;
	margin:40px 0 0 20px;
	}
.box2{
	float:right;
	width:290px;
	margin:17px 0 0 0;
	}
	
	.box1 .post-artikel{
	width:325px;
	height:343px;
	margin:0 0 30px 0;
	}
	.box1 p, .box2 p{ /* Abs�tze innerhalb der Boxen */
	margin: 0 0 0 0;
	}
	.box1 SPAN, .box2 SPAN{ /* ganzen Artikel lesen Button*/
	width:100%;
	display:block;
	margin: 0px 0 15px 0;
	text-align:right;
	font: 12px/1.2 Georgia, serif; 
	font-weight:normal; 
	}
	.box1 .postmetadata{
	position:absolute;
	bottom:0;
	width:100%;
	}
	
	
	.box2 a IMG{
	float:left; 
	margin:0 0 10px 10px;
	width:70px; 
	height:70px; 
	border:1px dotted #6D6D6E;
	padding:3px;
	}
	.box2 a IMG:hover{ border:1px solid #d88422;  }
	
#box3{ /* liegen in "ContentLeft" */
	padding:0 25px 25px 5px;
	margin: 0 0 20px 0;
	}
	#box3 .teamTeaser{
	margin:20px 0;
	padding:20px 0 0 0;
	border-top:1px dotted #333;
	}
#box3 h5{
	font: 11pt/1.2 Georgia, serif; 
	font-weight:bold; 
	color:#313131; 
	margin:0px 0px 10px 0px; 
}
		
/* T E A M S  */
.teamView{
	float:left;
	width:330px;
	margin:0 10px 50px 0;
}

.alignleft P a, .teamView P a{
	width:25px;
	height:23px;
	background:url(img/teamIcons.gif) 0 0 no-repeat;
	margin:0 5px 0 0;
	display:block;
	float:left;
}
.alignleft a.spielberichte, .teamView a.spielberichte{ background-position:0 0; } 
.alignleft a.spielberichte:hover, .teamView a.spielberichte:hover{ background-position:0 -23px; } 
.alignleft a.spieltage, .teamView a.spieltage{ background-position:-28px 0; } 
.alignleft a.spieltage:hover, .teamView a.spieltage:hover{ background-position:-28px -23px; } 

.alignleft a.facebook{ width:23px; background:url(img/facebook_header.png) 0 0px no-repeat; padding:0px 0 0 30px; } 
.teamView a.facebook{ background-position:-55px 0; } 
.alignleft a.facebook:hover{ background-position:0 -22px; } 
.teamView a.facebook:hover{ background-position:-55px -23px; } 
	
/* V E R A N S T A L T  U N G E N (wp-events)  */
ul.spieltage li{
	margin:0 0 20px 0;
}

/* L I N K S */
li.linkcat{  
	margin:0 0 15px 0;
}

ul.blogroll{ 
	margin:7px 0 0 0;
	list-style:square;
	font: 12pt/1.2 Georgia, serif; 
 }
ul.blogroll li{ 
	margin: 2px 0;
} 



		
/* Footer ( Impressum, Sitestruktur, Kategorien ) 
================================================ */
#footer {
	clear:both;
	width:100%;
	height:350px;			/* Height of the footer */
	margin: 100px 0 0 0;
	background:#313131 url(img/footer-bg.gif) 0 0 repeat-x;
	}
	#footerContent {
	position:relative;
	width:635px;
	left:50%;
	margin: 0 0 0 -500px;
	background:url(img/logo-footer_312x139.gif) 0 100px no-repeat;
	padding: 80px 0 50px 365px;
	color:#fff;
	font:10pt/1.2 Arial,Verdana sans-serif;
	}
	#footerContent a{ 
	color:#fff;
	font-weight:bold;
	
	}


/* Inhalte ( Artikel, Templates, Seiten etc )
================================================ */

.post h1{
	margin:0 0 3px 0;
}
.post {
	overflow:hidden;
}

.post-artikel{
	margin:0 0 30px 0;
	position:relative;
}
	.post-artikel h1{
	margin:0 0 0 0;
	}
	.post-artikel h3{
	margin:0 0 0 0;
	}
.artikelliste .post-artikel{
	margin:0 0 15px 0;
}
.artikelliste .post-artikel a{
	font-weight:normal;
}

/* ARCHIV ANSICHT */
.archive{
	margin:0 0 30px 0;
}

.entry{
	margin:10px 0 10px 0;
	padding:0 0 0 0;
}
.entry p{
	margin: 0 0 7px 0;
	padding:0 0 0 0;
}
.entry img.alignleft{
	margin: 0 15px 10px 0;
}
.entry img.alignright{
	margin: 0 0px 10px 15px;
}

.postmetadata{
	overflow:hidden;
	border-top:1px dotted #333;
	margin:30px 0 0 0;
	text-align:right;
	font:italic 9px/1.4 Georgia, serif;
	color:#d88422;
}

.artikelansicht .postmetadata{
	width:100%;
	margin:10px 0 5px 0;
	text-align:right;
	font:9px/1.4 Georgia, serif;
	color:#d88422;
	padding:5px 0;
}

	.postmetadata a{ 
	color:#000;
	font:9px/1.4 Georgia, serif;
	padding:0 2px;
	color:#6D6D6E;
	}
	.postmetadata a:hover{ 
	text-decoration:none;
	background:#d88422;
	}

/* RSS Button */
a.rss{ 
	float:right;
	clear:both;
	display:block;
	width:41px;
	height:40px;
	background:url(img/rss.gif) 0 0 no-repeat;	
 }
a.rss:hover{ background:url(img/rss.gif) 0 0 no-repeat; } 
	
	
/* KOMMENTARE */
#comments-template{
	margin:55px 0 0 0;
	padding:20px 0 0 0;
	}

ol.commentlist{
	margin:0 0 40px 0;
}

ol.commentlist li{
	margin:5px 0 0 0;
	padding:7px;
	background:#F7F8F2;
	border:1px solid #6f6f6f;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	ol.commentlist li img{
	float:left;
	margin:0 10px 0 0;
	}
	ol.commentlist li h2{
	margin:20px 0 0 0;
	}
	ol.commentlist li p{
	clear:both;
	padding:0 7px;
	}

h2#respond{ margin:0; }

TEXTAREA{
	width:416px;
	height:121px;
	padding:7px;
	background:#F6F7EF url(img/bckgr.jpg) 50% 0 no-repeat;
	border:1px solid #6f6f6f;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*
INPUT[type=text]{
	width:186px;
	height:24px;
	padding:3px 7px;
	background:#F7F8F2;
	border:1px solid #6f6f6f;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
*/

INPUT[type=submit]{
	width:200px;
	height:30px;
	padding:3px;
	color:#fff;
	background:#D88422;
	border:0px;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
INPUT[type=submit]:hover{
	background:#313131;
}


/* KONTAKTFORMULAR */
#gb_form{}
#gb_form P.cform{
	margin: 0 0 20px 0; 
	}
#gb_form P.spam{
	padding:5px;
	width:420px;
	border:1px solid #D27307;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
LABEL{ 
	font-size:9px; 
	font-style:italic;
	color:#6f6f6f;
	}
#gb_form LABEL.ignore{ 
	display:none;
	}

INPUT[type=text]{
	width:186px;
	height:24px;
	padding:3px 7px;
	background:#F7F8F2;
	display:block;
	-webkit-border-radius:0px;
	-khtml-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:0px;
	border-bottom:1px solid #6f6f6f;
	}
	
#gb_form INPUT[type=submit]{ 
	display:block;
	}
#gb_form TEXTAREA{ }

BUTTON{
	width:200px;
	height:30px;
	padding:3px;
	color:#fff;
	background:#D88422;
	border:0px;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	}