@charset "UTF-8";


/* Layout */
body  {
    	font: 11px Verdana, Arial, Helvetica, sans-serif;
		line-height:16px;
    	 margin: 0;
    	padding: 0;
    	color: #808080;
    }
a:link {
	color: #072C66;
	text-decoration: none;
	font-weight:normal;
}
a:visited {
color: #072C66;
	text-decoration: none;
}
a:hover {
color: #072C66;
	text-decoration: none;
	font-weight:bold;
}
a:active {
color: #072C66;
	text-decoration: none;
}

img{

border:0px;
}


h1 {
	float:left;
	display:inline-block;
	margin: 0 0 0px 0;
	padding: 0 0 20px 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #072C66;
	font-weight:normal;
	background-image:url(../img/raute.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}
	
	
	





h1 a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #072C66;
}




	
h2 {
	margin: 0px 0 2px 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

p{
	padding: 0;
	margin: 15px 0 0px 0;
}


.micro{
font-size:8px;

}

.grey{
color: #808080;
}

.blue{
color:#072C66;
}



.boldGrey{
color: #808080;
font-weight:bold;
margin: 0 0 0 0;
padding: 0;
}

.boldBlue{
color: #072C66;
font-weight:bold;
margin: 0 0 0 0;
padding: 0;
}




hr{

margin:0px;
padding:0px;
color: #ffffff;
background-color: #ffffff;
height: 1px;
border:none;

}

.whiteline300{width:300px;}

.whiteline350{width:347px;}

.whiteline360{width:360px;}

.whiteline400{width:400px;}

.whiteline450{width:450px;}

	     
#container { 
   	width: 934px; 
    margin: 30px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    } 
	









/* ______________________________________________________________________________________Header */	
#header { 
		
	width:auto;	
	height:138px;
	background: #ffffff; 
    padding: 1px 0px 0px 0px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
    } 
	

#header .subNav{
	position:absolute;	
	padding:0 0 0 0;
	margin: 14px 0 0 0 ; 
	width:934px;	
	color: #808080;
	}


#header .subNav ul{font: 11px Verdana, Arial, Helvetica, sans-serif;}


/*Home*/
#header .nav1{
	position:absolute;	
	width:140px;
		
	margin:0 0 0 194px;
	padding:0 0 0 0;
	
	bottom: 0px;
	list-style-type: none;
	text-decoration: none;
}

/*Veranstaltungen*/
#header .nav2{
	position:absolute;	
	width:140px;
	margin:0 0 0 264px;
	padding:0 0 0 0;
	bottom: 0px;
	list-style-type: none;
}

/*club*/
#header .nav3{
	position:absolute;	
	width:140px;
	margin:0 0 0 398px;
	padding:0 0 0 0;
	bottom: 0px;
	list-style-type: none;
}

/*junioren kreis*/
#header .nav4{
	position:absolute;	
	width:140px;
	margin:0 0 0 502px;
	padding:0 0 0 0;
	bottom: 0px;
	list-style-type: none;
}

/*mitglied werden*/
#header .nav5{
	position:absolute;	
	width:140px;
	margin:0 0 0 616px;
	padding:0 0 0 0;
	bottom: 0px;
	list-style-type: none;
}

/*mitglieder*/
#header .nav6{
	position:absolute;	
	width:140px;
	margin:0 0 0 741px;
	padding:0 0 0 0;
	bottom: 0px;
	list-style-type: none;
}

/*Partner*/
#header .nav7{
	position:absolute;	
	width:140px;
	margin:0 0 0 827px;
	padding:0 0 0 0;
	bottom: 0px;
	list-style-type: none;
}







#header .active{
	color: #072C66;
	font-weight:bold;
	text-decoration: none;
}


#header .subNav .nav1 li a,#header .subNav .nav2 li a, #header .subNav .nav3 li a{
	text-decoration: none;
	color: #072C66;
	font-weight:normal;
	
	
}
#header .subNav .nav1 li a:hover,#header .subNav .nav2 li a:hover, #header .subNav .nav3 li  a:hover{
	color: #072C66;
	font-weight:bold;
	text-decoration: none;
}

#header .mainMenue{
position:absolute;
margin-top:20px;
	width:934px;
	height:43px;
	
	
	padding: 30px 0px 0px 0px;
	background-image:url(../img/menuebar.gif);
	background-repeat:repeat-x;
	background-position:top;


}

#header .dottedLine{
	width:934px;
	height:43px;
	padding: 1px 0 0 0;
	background-image:url(../img/menuebar.gif);
	background-repeat:repeat-x;
	background-position:top;
}


#header .navlist{
	position:absolute;	
	padding:0 0 0 0;	
	margin: 0px 0px 3px 0px;
	font: 11px, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #808080;
}


#header .navlist ul
{
	
	margin-left: 0px;
	padding-left:0px;
	white-space: nowrap;	
}


#header .navlist li
{
	color: #808080;
	display: inline;
	list-style-type: none;
	text-decoration: none;
	
}

#header .navlist a { 

	color: #808080;
	
}

#header .navlist a:link, #header .navlist a:visited{
	font-weight:bold;
	text-decoration: none;
}


#header .navlist a:hover{
	color: #072C66;
	text-decoration: none;
}



#header.logo{

	border:0px;
	height:85px;
	width:75px;
	margin:1px 0 0 0;

}
	
	








/* ____________________________________________________________________________________Content */






	
#twocols {	

  float: left; 
  width: 932px;
  background-color:#ffffff;
 	background-image:url(../img/two_col_bg.gif);
  background-repeat:repeat-y;
  padding: 0px 0px 0px 0px;
  margin:3px 0 0 0;
  min-height: 365px;
	height: auto !important;
	height: 365px;

}

#twocols .col1 {
	float: left; 
	width: 180px; 
	min-height: 365px;
	height: auto !important;
	height: 365px;
				
    }
	

#twocols .col2 {
	float: right; 
	width: 724px;   
	padding: 40px 10px 10px 10px;	
	min-height: 365px;
	height: auto !important;
	height: 365px;
	
    }
	
#twocols .col2 .text{
		width:530px;
			margin-left:15px;
}



/*____________________________________________content  news */
#twocols_380 {	

  float: left; 
  width: 932px;
  background-color:#ffffff;
 	background-image:url(../img/two_col_380bg.gif);
  background-repeat:repeat-y;
  padding: 0px 0px 0px 0px;
  margin:5px 0 0 0;
  min-height: 365px;
	height: auto !important;
	height: 365px;

}
#twocols_380 .col1_380 {
	float: left; 
	width: 330px; 
	padding-left:10px;
	
	min-height: 365px;
	height: auto !important;
	height: 365px;
				
    }
	

#twocols_380 .col2_380 {
	float: right; 
	width: 550px;   
	padding: 40px 10px 10px 10px;	

	min-height: 365px;
	height: auto !important;
	height: 365px;
	
    }
	
#twocols_380 .col2_380 .text{
		width:470px;
		margin-left:15px;
}



/*____________________________________________content 2Spalten   Breite 550*/
#twocols .col2 .splitbox{
width:550px;
float:left;
margin-top:16px;
}

#twocols .col2 .leftcol {
float:left;
list-style-type: none;
text-decoration: none;
margin: 0;
padding: 0;	
}

#twocols .col2 .rightcol{
list-style-type: none;
text-decoration: none;
margin: 0;
padding-left:180px;
}

#twocols .col2  .rightcol li{
padding-left:0px;

}







/*____________________________________________content 2Spalten events  breite530*/
 .eventbox{
width:530px;
float:left;
}

.eventbox .leftcol_ev {
float:left;
margin: 0;
padding: 0;	
}

.eventbox .rightcol_ev{

margin: 0;
padding-left: 90px;
}





/*____________________________________________content 2Spalten news breite350*/
 .newsbox{
width:310px;
float:left;
}

.newsbox .leftcol {
float:left;

margin: 0;
padding: 0;	
}

.newsbox .rightcol{

margin: 0;
padding-left: 90px;
}






/*____________________________________________content 2Spalten shadowbox*/
.inlinebox{
width:580px;
padding:20px;
float:left;
}

 .inlinebox .leftcol_inl {
float:left;

margin: 0;
padding: 0;	
}

 .inlinebox .rightcol_inl{

margin: 0;
padding:30px 0 0 90px;
}






.newshead{
background-image:url(../img/newshead.gif);
background-repeat:no-repeat;
margin-top:34px;
width:73px;
height:17px;
}








/*___________________________________________________________________footer*/

#footer { 
		font-size:10px;
		float:right;
		width:auto;
    	padding:10px 0px 10px 0px; 
    	background:#FFFFFF; 
		color:	#072C66;
		padding-left:194px;
    }
	
	
.footerNav{
	float:right;


}
	
#footer a {
	color:	#808080;
} 	

	
	 
.inline{

	padding: 0;
	display: inline;
}





    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
		
/*________________________________________________________________________________shadowBox*/	
.hidden {
  display: none;
}


#inline {

}

#inline-content {

padding: 15px; 
}


#inline-footer {

padding:20px 0 0 0;
float:right;

}

		


/*Galerie-----------------------------------------------------------------------------*/
#galerie{


padding-top:10px;

margin:0px;
margin-left:-10px;
 }

.bild {float: left; text-align:left; margin:10px; }
.bild .img{border:0px;}
	
.bild h2 {padding:0; argin:0px; margin-top:4px; font-size:9px;}
.bild h3 {padding:0; margin:0px; font-size:11px;}