



/* <style type="text/css"> */

/* ---------------------
| Rahmenformatierungen |
--------------------- */



body {
margin : 0;
padding : 0;
background-image : url('../_gfx/background.jpg');
background-attachment: fixed;
background-repeat: repeat-x;
background-color:#415701;
}

#shadow {

background-image : url('../_gfx/middle.png');background-repeat:repeat-y;
width: 1020px;
float: left;
}

#bottom {

	background-image : url('../_gfx/shadow_bottom.png');background-repeat: no-repeat;
width: 1020px;
height: 50px;
float: left;
}



#container {
margin-left: 60px;
padding : 0;
width : 900px;
position: relative;
}

#header {
background-color:#CCCCCC;
width: 900px;
height: 192px;
position: relative;
margin: 0;
padding: 0;
}

#headpics {
width: 755px;
height: 192px;
margin: 0 0 0 145px;
}

#logo  { 
		background-image : url('../_gfx/circle.png');		background-repeat: no-repeat;
		height: 192px;
		width: 182px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0px;
		z-index:5;
}


#logo img {
margin: 15px 0 0 22px;
}

#navi {
width: 755px;
height: 34px;
background-color: #1d3d1d;
position: absolute;
z-index: 3;
top: 158px;
left: 145px;

		filter: Alpha(opacity=90); opacity: .90;

margin: 0;
padding: 0;
}

#middle {
width: 900px;
background-image : url('../_gfx/middle.jpg');
padding: 0;
float: left;

		margin: 0;}

#subnavi {
width: 755px;
height: 30px;

		margin: 0 0 0 145px;
padding: 0;
float : left;
}

#content {

		margin : 35px 0 0 256px;width : 440px;

padding : 0 0 35px 0;
float : left;
z-index: 20;
}

#height {
height : 590px;
width : 1px;
display : block;
}


#news {
width: 170px;
		  height: 510px;
		  position: fixed;
		  margin: 0 0 0 -103px;
          top: 262px;
		  z-index: 900;
		  float: left;
background-color: #1e3d1d;
}

#news2 {
width: 170px;
		  height: 510px;
		  position: absolute;
		  margin: 0 0 0 -103px;
          top: 262px;
		  z-index: 900;
		  float: left;
background-color: #1e3d1d;
}

#newstext {
margin: 0 0 0 5px;
background-color: #ecece9;
width: 160px;
height: 190px;
padding: 0;
}

#ad {
margin: 6px 0 0 5px;
padding: 0;
}

#newstext p{
margin: 0;
padding: 10px 0 0 8px;
color: #000;
font-size: 11px;
}

#foot {
width : 900px;
height: 26px;
height : 25px;
background-color: #1d3d1d;;
float: left;
position: relative;
}

#player {

width : 190px;
height: 521px;
background-image : url('../_gfx/player.jpg');
position:absolute;
top: -495px;
left: 0px;
}

#suchoption {
	width: 294px;
	height: 24px;
	background-image : url('../_gfx/suche.png');
	position: absolute;
	right: 0;
}


/* -----------------------
| Standartformatierungen |
------------------------ */

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 21px;
margin : 0 0 23px 0;
padding : 0;
color: #1d3d1d;
font-weight: bold;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding : 0;
color: #1d3d1d;
}

p.abstand {
margin : 23px 0 0 0;
padding : 0;
}

#content p a {
color: #000;
}

#content ul li a {
color: #000;
}

#suchtext {
	margin:0;
	padding: 0;
}

#suchoption p {
	margin: 2px 0 0 130px;
	padding: 0;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#suchoption p a{
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
}

/* ------------------
| Gesamte Navigation |
-------------------- */


#navi ul {
margin : 0;
padding : 0;
list-style-type : none;
}

#navi ul li {
padding : 0;
margin: 0 0 0 5px;
float: left;
height: 34px;
width: 102px;
display : block;
}

#navi ul li a {
color : #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
text-decoration : none;
padding :0;
margin: 0;
display : block;
text-align:center;
width: 102px;
height: 23px;
padding: 11px 0 0 0;
}

#navi ul li#club {
padding : 0;
margin: 0;
float: left;
height: 34px;
width: 102px;
display : block;
}

#navi ul li a:hover {
color : #fff;

		background-image: url('../_gfx/nav_bg.png');		background-repeat: repeat-x;
		color : #fff;
		display : block;
		width: 102px;
		height: 23px;
		padding: 11px 0 0 0;
}

#navi ul li a.active {

		background-image: url('../_gfx/nav_bg.png');		background-repeat: repeat-x;
		color : #fff;
		display : block;
		width: 102px;
		height: 23px;
		padding: 11px 0 0 0;
		z-index:10;
}



#subnavi ul {
margin : 15px 0 0 20px;
padding : 0;
list-style-type : none;
}

#subnavi ul li {
padding : 0;
margin: 0 15px 0 0;
float: left;
display : block;
padding: 0 15px 0 0;
border-right: 1px solid #1d3d1d;
}

#subnavi ul li a {
color: #1d3d1d;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
padding :0;
margin: 0;
display : block;
text-align:center;
}

#subnavi ul li a:hover {
color: #1d3d1d;
display : block;
padding: 0;
font-weight: bold;
margin: 0;
}

#subnavi ul li a.active2 {
color: #1d3d1d;
display : block;
padding: 0;
font-weight: bold;
margin: 0;
}


/* -----------------------
| Allgemein Formatierung |
------------------------ */

h2 {
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 30px 0 10px 0;
}

#content ul {
margin : 20px 0 0 25px;
padding : 0;
list-style-type : none;
}

#content ul li {
margin: 7px 0 7px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
list-style-type: disc;
}

#content ul li p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
margin : 0;
}

#content ul li a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
list-style-type: circle;
}

#content ul li ul li a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
margin: 7px 0 7px 0;
}

#content ul li.admin a{
	text-decoration: none;
}

#content ol li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
margin: 10px 0 10px 0;
}

#logo img {
	border: 0 none #000;
}

#left img {
	border: 0 none #000;
}

#content img {
	border: 0 none #000;
}

#news img {
	border: 0 none #000;
}

#news2 img {
	border: 0 none #000;
}

#mainpage-suchbutton {
	margin: 2px 0 0 2px;
	
}


hr {
border-style : solid;
border-color : #1d3d1d;
padding : 0;
margin : 15px 0 15px 0;
}


h2.abstand {
margin : 10px 0 0 0;
padding : 0;
}

div.vorne {
width : 150px;
display : block;
float : left;
margin : 12px 0 0 0;
}
div.hinten {
width : 150px;
display : block;
float : left;
margin : 12px 0 0 0;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin : 0;
	padding : 0px 0px 0px 2px;
	color : #5a5a5a;
	line-height : 20px;
	border-color:#d1d1d1;
}

input#submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin : 10px 0px 0px 0px;
	padding : 0px;
	color : #5a5a5a;
	line-height : 20px;
	border-color:#fff;
	background-color:#d1d1d1;
	width: 100px;
	height: 25px;
	display: block;
}

input#wocheninfos {
width: 80px;
height: 12px;
border: 0px none #000;
padding: 0;
margin: 0;
background-image: url('../_gfx/wocheninfo.jpg');
cursor: pointer;
}

input#clubnews {
width: 35px;
height: 11px;
border: 0px none #000;
padding: 0;
margin: 0;
background-image: url('../_gfx/clubnews.jpg');
cursor: pointer;
}

fieldset {
border: 0px none #000;
}

#wocheninfo {
position: absolute;
		  width: 80px;
		  height: 12px;
		  top: 7px;
		  left: 72px;}


#club_news {

position: absolute;
	width: 35px;
	height: 11px;
	top: 6px;
	left: 17px;}

#picAdPic {
margin: 5px 0 0 5px;
}



#content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

h2 a {
	color: #333;
	text-decoration: none;
}

#foot p {
color: #bfc8bf;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
margin: 5px 0 0 210px;
}

#foot p a {
color: #bfc8bf;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}

#content table {
margin: 0;
padding: 0;
}

#content table td{
margin: 0;
padding: 0;
height: 20px;
}

#content table td p{
margin: 0;
padding: 0;
color: #1d3d1d;
}

#content table td.border p{
margin: 0;
padding: 0;
color: #1d3d1d;
padding: 0 10px 0 10px;
}


p.left {
width: 225px;
float: left;
margin: 0 25px 0 0;
}

p.down_pic {
clear: both;
margin: 30px 0 0 0;
}

td p {
color: #993300;
}

#left {
width: 250px;
float: left;
}

#right {
width: 180px;
float: left;
}

#pic {
}

img#aktuelles_pic {
	border-style: none; 
	border-width: 0px; 
	margin: 0px 0 10px 20px; 
	padding: 0; 
	float:right;
	width: 150px;
}

/* ------------
| Adminbereich |
-------------- */





#meldung { 
width: 312px;
margin: 0 0 20px 0;
}

form {
	margin: 0px;
	padding: 0px;
}

.formheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #5a5a5a;
	margin: 20px;
}

.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 10px;
	color: #1d3d1d;
	padding: 0px;
	margin: 0px;
}


.formerror {
	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size: 11px;
	line-height: 15px;
	color: #8f0101;
}

option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #5a5a5a;
}

select {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #5a5a5a;
}

textarea {
height: 98px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 10px;
color: #5a5a5a;
border-color:#d1d1d1;
margin: 0px;
padding : 2px 0px 0px 2px;
}

input#submit2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin : 0px;
	padding : 0px;
	color : #5a5a5a;
	line-height : 20px;
	border-color:#fff;
	background-color:#d1d1d1;
	width: 60px;
	height: 23px;
	display: block;
}

p.pic {
	margin: 10px 0px 10px 0px;
}
p.nopic {
	margin: 10px 0px 10px 0px;
	clear: both;
}

img.aktuelles_pic_ow {
	margin: 15px 15px 15px 0px;
}


table#ergebnisliste tbody tr td p{
font-size:11px;
}

#versand {
margin: 40px 0 0 0;
padding: 26px 0 0 0;
float: left;
width: 300px;
}

form {
margin: 0;
padding: 0;
}

input#username {
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
height: 15px;
width: 175px;
}

input#userpass {
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
height: 15px;
width: 175px;
}

input#login {
font-weight: bold;
width: 85px;
height: 26px;
color: #555;
background-color:#E0DFE3;
border-left: 1px solid #eee;
border-right: 2px solid #666;
border-top: 2px solid #eee;
border-bottom: 1px solid #666;
}

input#name {
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
height: 15px;
width: 200px;
}

input#betreff {
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
height: 15px;
width: 200px;
}

input#eintragen {
display: block;
width: 85px;
height: 28px;
background-color:#e0dfe3;
text-align: center;
border-left-color:#eee;
border-left-width: 1px;
border-left-style: solid;
border-top-color:#eee;
border-top-width: 2px;
border-top-style: solid;
border-right-color:#666;
border-right-width: 2px;
border-right-style: solid;
border-bottom-color:#666;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}

textarea#gaeste {
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
height: 150px;
width: 200px;
}

/* --------
| Buttons |
--------- */

.buttonmail {
display: block;
width: 134px;
height: 16px;
background-color:#d1d1d1;
text-decoration: none;
text-align: center;
border-left-color:#bbb;
border-left-width: 1px;
border-left-style: solid;
border-top-color:#ccc;
border-top-width: 2px;
border-top-style: solid;
border-right-color:#666;
border-right-width: 2px;
border-right-style: solid;
border-bottom-color:#666;
border-bottom-width: 2px;
border-bottom-style: solid;
padding: 3px 0 0 0;
}

.buttonmail2 {
display: block;
width: 100px;
height: 16px;
background-color:#d1d1d1;
text-align: center;
border-left-color:#bbb;
border-left-width: 1px;
border-left-style: solid;
border-top-color:#ccc;
border-top-width: 2px;
border-top-style: solid;
border-right-color:#666;
border-right-width: 2px;
border-right-style: solid;
border-bottom-color:#666;
border-bottom-width: 2px;
border-bottom-style: solid;
padding: 3px 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}

.buttonmail3 {
display: block;
width: 100px;
height: 17px;
background-color:#e0dfe3;
text-align: center;
border-left-color:#eee;
border-left-width: 1px;
border-left-style: solid;
border-top-color:#eee;
border-top-width: 2px;
border-top-style: solid;
border-right-color:#666;
border-right-width: 2px;
border-right-style: solid;
border-bottom-color:#666;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 6px 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}

.buttonmail4 {
display: block;
width: 105px;
height: 17px;
background-color:#e0dfe3;
text-align: center;
border-left-color:#eee;
border-left-width: 1px;
border-left-style: solid;
border-top-color:#eee;
border-top-width: 2px;
border-top-style: solid;
border-right-color:#666;
border-right-width: 2px;
border-right-style: solid;
border-bottom-color:#666;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 6px 0 0 0;
margin-top: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}


	

/* ---------
| Lightbox |
---------- */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../_gfx/galerie/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../_gfx/galerie/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../_gfx/galerie/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; float: left; margin: 0 110px 0 0;   }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

a#numberDisplay2 {
color:#333;
font-weight: bold;
display: block; 
float: left;
margin: 0 7px 0 0;
}

a#numberDisplay3 {
color:#333;
font-weight: bold;
float: left;
}
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
