html, body {
font-family : Arial, Helvetica, sans-serif; 
padding:0;
margin:0; 
background:url("bilder/grafiken/hg.gif");
} 

/************************
	textformatierung
*************************/
p {margin:10px 0; }


h1 {
width:960px; 
margin:0;
padding:0;
height:170px;
border:5px solid #fff;
}


h2{
font-size: 14px; 
color:#015DA8;
font-weight:bold;
margin:10px 0; padding:0;
} 
 
h2 a:link, a:visited, a:active { font-size: 14px;color:#015DA8; text-decoration:none;}
h2 a:hover {color: #ff6600; text-decoration: none; }


h2.underline{
clear:left;
font-size: 14px; 
color:#015DA8;
font-weight:bold;
margin:0 0 10px 0; padding:0 10px;
border-bottom:1px solid #015DA8;
}

h2.underline a:link { font-size: 14px;color:#015DA8; text-decoration:none;}
h2.underline a:hover {color: #ff6600; text-decoration: none; }


h2.unten{
clear:left;
font-size: 14px; 
color:#015DA8;
font-weight:bold;
margin:0; padding:10px;
border-top: 1px solid #015DA8;
}

h2.unten a:link { font-size: 14px;color:#015DA8; text-decoration:none;}
h2.unten a:hover {color: #F47920; text-decoration: none; }


h2.single{
font-size: 14px; 
color:#fff;
font-weight:bold;
margin:0; padding:0 10px;
}

h3{
font-size: 12px; 
color:#015DA8;
font-weight:bold;
margin:30px 0 0 0; padding:0;
}

h3.underline{
font-size: 12px; 
color:#015DA8;
font-weight:bold;
margin:30px 0 0 0; padding:0 10px;
border-bottom:1px solid #015DA8;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #015DA8;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
	color: #F47920;
	}

.headline{
font-size: 14px; 
color:#ffffff;
font-weight:bold;
background: #015DA8 url("bilder/grafiken/head-hg.jpg");
height:25px;
padding:6px 0 0 4px;
margin:0px;
}

a:link, a:visited, a:active { 
font-size: 12px; 
color:#ff6600; 
text-decoration:none; 
font-weight:bold 
}   
 
a:hover {color: #015DA8; text-decoration: underline; }

a.weiss_fett:link, a.weiss_fett:visited, a.weiss_fett:active {
color:#FFFFFF; 
text-decoration:none; 
font-weight:bold;
}

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


a.weiss_kl:link, a.weiss_kl:visited, a.weiss_kl:hover, a.weiss_kl:active {
font-size: 10px; 
color:#FFFFFF; 
text-decoration:none;
}

.date {
float:right; 
margin:0px;
padding:0 10px;
}


ol {list-style-position:outside; margin-left:50px;}
ol li {padding: 5px;}



/************************
		container
*************************/

#wrap {
margin:0 auto;
width:980px;
color:#015DA8;
background-color: #fff; 
}

#header {
width:960px; 
margin:0;
padding:0;
height:190px;
border:5px solid red;
}

#sidebar {
float: left;
width: 180px;
background-color: #fff;
}


#right_sidebar {
float: right;
width:212px;
}


.right_box {
clear:both;
margin:0 0 10px 4px;
width:200px;
border:1px solid #015DA8;
}


#content {
font-size: 14px; 
margin: 0 180px;
padding:0px 6px 10px 6px;
}


#footer {
clear: left;
padding: 20px 0 0 0;
width:980px;
text-align:center;
}



/* ------------- IE CSS Hack ------------- */
* html #sidebar { 
    margin-right: -3px; 
} 

* html #right_sidebar { 
    margin-left: -3px; 
} 

* html #content { 
    margin: 0 183px;
    display:inline-block;     
	padding-left:0px;
	padding-right:0px;
} 
/* ------------- Ende IE CSS Hack ------------- */


/************************
		inhalt
*************************/

.brand_neu {
float:left;
width:575px; 
margin:0px 0 10px 0; 
border:1px solid #015DA8; 
}

.news_oben {
float:left;
width:575px; 
margin:0px; 
border:1px solid #015DA8; 
}

.entry {
clear:left;
margin:10px 0; 
padding: 0 20px; 
height:140px; 
}


.entry_single {
clear:left;
margin:10px 0; 
padding: 0 20px; 
}

.entry_page {
clear:left;
margin:10px 0; 
padding: 0 20px; 
}

.entry_page h2.underline{
margin:30px 0 0 0;
}


.entry_page_galerie{
clear:left;
text-align:left;
margin:10px 0; 
padding: 0 20px;
}


.entry_lmo{
margin:10px 0; 
padding: 0 20px; 
font-weight:normal;
}



.entry_personal {
clear:left;
margin:10px 0; 
height:180px; 
}

.news1 {
float:left;
margin:10px 8px 10px 0;
padding:0;
width:185px; height:320px;
background-color: #ffffff;
border:1px solid #015DA8;
}

.news2 {
float:left;
margin:10px 7px 10px 0;
padding:0;
width:185px; height:320px;
background-color: #ffffff;
border:1px solid #015DA8;
}

.news3 {
float:left;
margin:10px 0;
padding:0;
width:185px; height:320px; 
background-color: #ffffff;
border:1px solid #015DA8;
}

.news4 {
float:left;
margin:0px 7px 10px 0;
width:185px; height:320px;
padding:0;
background-color: #ffffff;
border:1px solid #015DA8;
}

.news_content{
margin:8px;
font-weight:normal;
}

.externe_news{
float:left;
width:280px; height:167px;
margin:0 9px 0 0;
border:1px solid #015DA8;
}

.externe_scroll{
padding:10px; 
overflow: auto; 
height:115px;
}


#content_unten {	
float:left;
margin:0 0 10px 0px;
border:1px solid #015DA8;
background:url("bilder/grafiken/head-hg.jpg") repeat-x;
background-position:top left;
width:380px; height:320px; 
}

#content_unten ul{
	list-style-type: none;
	list-style-position:outside;
	margin:0px;
	padding:5px 0 10px 0; 
	overflow: auto; 
	height:269px;
	} 

#content_unten ul li{
	clear:left;
	padding: 4px 4px 4px 15px;
	margin:0px;
	background:url(images/alle/pfeil.gif) no-repeat ;
	} 
	
#aehnl_beitraege ul{
	list-style-type: none;
	list-style-position:outside;
	padding: 0px;
	margin:10px 0px;
	} 

#aehnl_beitraege ul li{
	padding: 0px 4px 4px 25px;
	margin:0px;
	background:url("bilder/grafiken/pfeil-orange.gif") no-repeat 10px 3px;
	} 

/************************
		linke sidebar
*************************/
#navigation{
	margin-left:5px;
	width:170px;
	border:1px solid #015DA8;
}


li.navpunkt2 {
	margin-left:2px;
}

#menu a{
	text-decoration: none;
	font-weight: normal;
	padding-left: 5px;
	display: block;
}

#sponsoren{
	margin:10px 0 0 5px;
	width:170px;
}

#sponsoren img{
	margin:5px 0;
	border:1px solid #015DA8;
}

/************************
		right sidebar
*************************/

#mini_table {
	font-size:11px;
	width:200px;
	border-spacing:0;
	border-collapse:collapse;
	border-bottom:1px solid #015DA8; 
	}

#mini_table td{
	padding:5px; 
	}
	
	
ul#herren_links {
font-size: 10px; 
float:left; 
width:99px; 
text-align:center; 
padding:10px 0;
}


ul#herren_links li{
   list-style: none;
    margin: 0; padding: 0;
  }
	
ul#junioren_links {
font-size: 10px; 
float:left; 
width:99px; 
text-align:center; 
float:left; width:99px; 
border-left:1px solid #015DA8; 
text-align:center; 
padding:10px 0;
}


ul#junioren_links li{
   list-style: none;
    margin: 0; padding: 0;
  }
  

ul.webtipps { 
padding:10px 0;
}


ul.webtipps li{
   list-style: none;
    margin: 0; padding: 0 0 20px 0;
  } 

/************************
		footer
*************************/
ul#footer_text {
clear:both;
font-size: 10px; 
color:#fff;
text-align:center;
height:24px;
padding-top:7px;
border-top:1px solid #015DA8;
background-image:url("bilder/grafiken/head-hg.jpg");
}


  
ul#footer_text li {
   list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }

ul#footer_text a {
	text-align:center;
	margin:0 12px 0 0;
    text-decoration: none; 
	font-weight: bold;
    color: #fff; 
  }
  
* html ul#footer_text a {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

ul#footer_text a:hover{
    color: #ffffff; 
}


/************************
		werbung 
*************************/
.anzeige_lang {
	float:left;
	width:575px;
	margin:25px 0;
	text-align:center;
}

.anzeige_lang_single {
	width:540px;
	margin:25px 0;
	text-align:center;
}




/************************
		tabellen 
*************************/
.table_sponsor th {
	padding:5px;
 	border:	0px solid;
	cursor:	default;
	color:#FFFFFF;
	background-color: #015DA8;
	}


/* normal row*/
.table_sponsor td {padding:	5px;}

/* helle rwo */
.table_sponsor tr.hell {background-color: #efefef; }

/* dunkle rwo */
.table_sponsor tr.dunkel {background-color: #cecece; }


/************************
		bildinfos
*************************/

.border-blau { border:1px solid #015DA8; margin:0; padding:0;}

.left_img_border, .attachment-post-thumbnail{ 
	border:1px solid #015DA8 ; 
	margin: 0 15px 0 0; 
	float: left;
	}
	
.news1 img, .news2 img, .news3 img, .news4 img {border:0!important}

.bild_logo_links {
	float: left;
	margin: 0px 10px 0px 0px; 
	border:0px;
	}


.bild_fanartikel {
	margin: 10px 0px 10px 20px; 
	width:150px; 
	height:150px;
	}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignleft { 
	float:left; 
	margin:0 20px 10px 0; 
	padding:0;
	}

.alignright { 
	float:right; 
	margin:0 0 10px 20px; 
	padding:0;
	}

.spieltag_img {
	float:left; 
	border-right:1px solid #015DA8;
	margin-right:10px;
	width:480px;
	height:135px;
	}




/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/flyout_4level.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

.menu {
	background-image:url("../bilder/grafiken/nav-hg.gif");
	padding:0;
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	position:relative;
	z-index:100;
	padding:0;
	margin:0;
	list-style-type:none;
	width:170px;
	}

/* style the list items */
.menu li {
	background-image:url("bilder/grafiken/nav-hg.gif");
	background-color:#015DA8;
	/* for IE7 
	float:left;*/
	}

.menu li.sub {background: url("bilder/grafiken/nav-hg.gif") right center; background-color:#015DA8;} 

/* get rid of the table */
.menu table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; left:0; 
	z-index:100; 
	font-size:1em;
	}

/* style the links */
.menu a, .menu a:visited {
	display:block; 
	text-decoration:none;
	padding-top:4px;
	padding-bottom:5px;
	font-size:12px;
	width:170px;
	color:#fff;
	text-indent:5px;
	border:1px solid #fff;
	border-width:0 0px 1px 0px;
	}

.menu a.nav_ohne:link, .menu a.nav_ohne:visited {
	display:block; 
	text-decoration:none;
	padding-top:4px;
	padding-bottom:5px;
	font-size:8pt;
	width:170px;
	color:#fff;
	text-indent:5px;
	border:1px solid #fff;
	border-width:0 0px 0px 0px;
	}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:170px; w\idth:169px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#ff6600; position:relative;}
* html .menu a.nav_ohne:hover {color:#fff; background:#ff6600; position:relative;}


.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#fff; background:#ff6600;}
.menu a.nav_ohne:active, .menu a.nav_ohne:focus {color:#fff; background:#ff6600;}


/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#fff; background:#ff6600;}
.menu li:hover > a.nav_ohne {color:#fff; background:#ff6600;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
	visibility:hidden;
	position:absolute;
	top:-30px;
	/* set up the overlap (minus the overrun) */
	left:100px;
	/* set up the overrun area */
	padding:30px;
	/* this is for IE to make it interpret the overrrun padding */
	background:transparent url(/bilder/pixel_transparent.gif);
	}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
	visibility:hidden;
	}

/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
	visibility:hidden;
	}

/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
	visibility:hidden;
	}



/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
	visibility:visible;
	}

/* make the third level visible when you hover over second level link */

.menu ul a:hover ul a:hover ul{ 
	visibility:visible;
	}

/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
	}

/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
	}



li.navpunkt1 {
	font-weight: bold;
	cursor: pointer;
	display: block;	
	border-bottom:1px solid white;
	padding-top:3px;
	padding-bottom:3px;
	}



li.navpunkt1_ohne {
	font-weight: bold;
	cursor: pointer;
	display: block;	
	padding: 0px;
	padding-top:2px;
	padding-bottom:2px;
	}



/************************************
		bildinfo wp-caption
************************************
.wp-caption {
    border: 1px solid #015DA8;
    text-align: center;

    background-color: #015DA8;
    padding:3px 0 0 0px;

    margin: 0px 10px 10px 10px;
    -moz-border-radius: 3px;

    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;

    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0px;
    border: 0 none;
	background-color: #fff;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
	color:#fff;
    line-height: 17px;
    padding:5px;
    margin: 0;
}*/


.wp-caption {
    border: 1px solid #ccc;
    text-align: center;

    background-color: #fff;
    padding-top: 4px;

    margin: 0 10px 10px 10px;
}

.wp-caption img {
    margin: 0;

    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding:  5px;

    margin: 0;
}


/***************************************************
     Hinweis für IE6 ausblenden
 ***************************************************/
#ie6{
	display:none;
	}


/***************************************************
     kommentar-elemte (Gästebuch)
 ***************************************************/
.comment {
 float: right;
 padding: 10px;
}

.gast_eintrag {
border:1px solid #015DA8; 
margin:5px 0; padding:10px; 
}

.comment-number {
font-size: 4em;
font-weight: bold;
text-align: right;
margin-top: 5px;
line-height: 90%;
color:#dedede;
}

ol.commentlist {
margin:0; padding:0;
}

#commentlist {
 text-align: left;
 margin: 0;
 padding: 0;
}


#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
	}

#commentform textarea {
width: 500px;
padding: 2px;
	}

#commentform #submit {
margin: 0;
float: left;
	}

/*--- pagination --- */
.current-comment-page {
border: 1px solid #015DA8;
padding: 0.2em 0.5em;
font-weight: bold;
background: #015DA8;
color: #fff;
	}

/* ----------------------------------------------------- PlugIns --------------------------------------------------------------*/


.umfrage_headline {
font-size: 9pt; 
color:#ffffff;
font-weight:bold;
width:569px;
height:25px;
padding:6px 0 0 6px;
background-image:url("bilder/grafiken/head-hg.jpg");
}

#useronline-count {text-align:center; font-size:12px;}

.right_box ul{list-style:none;}

/****************************************************************
	pagebar
******************************************************************/
.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #015DA8;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: 1px solid #015DA8;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #015DA8;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #015DA8;
	color: #fff;
}

.pagebar a:hover {
	border-color: #015DA8;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}



/****************************************************************
	Coda-Slider v1.1 by Niall Doherty.
	For info and usage instructions please see ndoherty.com
******************************************************************/
		
		* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		
		noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }

		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			float:left;
			width:575px;
			height:167px;
			margin:0;
			border:1px solid #015DA8;
			background:url("bilder/grafiken/head-hg.jpg") repeat-x;
			background-position:top left;
		}
		
		
		
		#blogSliderWrap_oben { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			float:left;
			width:575px;
			height:167px;
			margin-top:10px;
			border:1px solid #015DA8;
			background:url("bilder/grafiken/head-hg.jpg") repeat-x;
			}
		
		

		/* These 2 lines specify style applied while slider is loading */
		.csw { width:100%; height:10px; background: #fff; overflow: scroll}
		.csw .loading {margin: 50px auto; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border:0px solid #015DA8; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 575px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 575px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			position: relative;
			width: 575px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin:0;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			line-height: 31px;
			background-image:url("bilder/grafiken/head-hg.jpg");
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 auto; margin:0;
			width:142px;
		}
		
		.stripNav a:hover {
			background: #9cf;
			line-height: 30px;
			border-bottom:0px solid #015DA8;
		}
		
		.stripNav a.current {
			background-image:url("bilder/grafiken/head-hg.jpg");
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}