* { margin:0; padding:0; }
img { border:0 none; }
body { font: 62.5% Arial, Helvetica, sans-serif; color:#333; background:url(/gfx/hintergrund-verlauf.jpg) top left repeat-x #7d7e7d; text-align: center; }

a { color:#000; }
.dunkel a { color:#fff; }

#wrapper { width:880px; margin:10px auto; background:#111; }
#content { width:860px; text-align:left; margin:10px auto;  }
#oben { width:auto; text-align: center; }
#head { width:auto; height: 110px; background: url(gfx/head.jpg) top center; }
#ticker { display:none; }
#head .text { position:absolute; background:#990000; padding:7px; left:50%; top:20px; width:350px; }
#head .text p { color:#fff; }

a.ausgewaehlt { font-weight:800; }
hr { clear:both; color:#fff; background:transparent; margin:0 0 1em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #eee solid; }
hr.weiss { clear:both; color:#000; background:transparent; margin:0 0 1em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #fff solid;}
/* ****************************** 
Typographie 
****************************** */
h2 { font-size:21px; margin:0 0 10px 0; }
h3 { font-size:16px; margin:0 0 10px 0; }
h4 { font-size:14px; margin:0 0 4px 0; }
p { font-size:1.2em; line-height:1.4em; margin:0 0 0.8em; }
ul { list-style-position:inside; margin:0 0 0.8em; }
li { font-size:1.2em; margin:0 0 0.3em; }

/* ************************
Raster / Spalten
************************ */
.spalten { margin:1em 0; width:100%; overflow:hidden;}
.spalten .links { width:50%; float:left; }
.spalten .rechts{ width:50%; float:right; }
.spalten .linkspadding { padding:0.1em 1em 0.1em 0.0em; }
.spalten .rechtspadding { padding:0.1em 0em 0.1em 1em; }

.s33l, .s33r { width:33.333%; }
.s50l, .s50r { width:50%; }
.s66l, .s66r { width:66.666%; }
.s33l, .s66l, .s50l {float:left; }
.s33r, .s66r, .s50r {float:left; margin-left:-5px; }
.sl{ padding:0em 1em 0em 0em; }
.sm{ padding:0em 1em; }
.sr{ padding:0em 0em 0em 1em; }

input, textarea { padding:3px 2px; border:1px solid #999; }
input:active, input:hover, textarea:active, textarea:hover { border:1px solid #333; }

.clear { clear:both; }


#termine table { border: 0;  width:100%;}
#termine table td { vertical-align:top; }
#termine table p { color:#fff;  }
#termine table tr { border:1px solid #ccc; }
#termine .title { font-size:120%; font-weight:bold; }
#termine .termin { width:120px; }


.gbookeintrag { width:auto; color:#fff; border:1px solid #999; padding:1em; margin-bottom:1em; }

.mitgliedfoto { width:130px; height:140px; margin-right:10px; float:left; text-align:center; }
.mitgliedfoto .foto { width:130px; height:80px;	overflow:hidden; }
.mitgliedfoto p strong { margin:0px; padding:0px; font-size:12px; }
.mitgliedfoto p  { margin:0px; padding:0px; font-size:10px; }
.mitgliedfoto img { border:0px; }

.clubhausl { width:530px; float:left; }
.clubhausr { width:310px; float:right; }

.kasten { width:auto; overflow:hidden; background:#fff; padding:1em; margin-bottom:1em; }
.kasten.dunkel { width:auto; overflow:hidden; background:#111; color:#fff; padding:0; margin-bottom:1em; }

.clubhausl .kasten .inhalt .padding { margin:10px 15px; }
.clubhausr .kasten .inhalt .padding { margin:10px 15px; }




.bday { height:70px; margin-bottom:1em; }
.bday img { border:1px solid #fff; float:left; margin-right:15px; }
.bday p span { font-size:1.5em; color:#fff; }

#MainMenu { height:27px; background: url('/images/bmid_008.gif'); }
#tab { width:890px; margin-left:auto; margin-right:auto; }
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	background:#000000 url("/images/bright_008.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#tab a span 
{
	display:block;
	background:url("/images/bleft_008.gif") no-repeat left top;
	padding:0 20px 0 20px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:27px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#000000;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#000000;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 solid #330066;
	background: url("/images/bmid_008.gif");
	color:#FFFFFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0;
	padding:0;
	display:block;
	border:0 solid #000000;
	color:#FFFFFF;
	background:url("/images/bleft_008.gif") no-repeat left top;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:27px;
	background:url("/images/bright_008.gif") no-repeat right top;
	padding:0 20px 0 20px;
	font-size:11px;
	color:#FFFFFF;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid #000000;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#000000;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#000000;
	font-weight:bold;
}





#shopbox
{
margin-right:20px;
width: 200px;
height: 400px;
float: left;
}

#shopboxlast
{
width: 200px;
height: 400px;
float: left;
}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font-size: 12px;
	color: #fff;
}

#TB_secondLine {
	font-size: 10px;
	color:#fff;
}

#TB_window a:link {color: #fff;}
#TB_window a:visited {color: #fff;}
#TB_window a:hover {color: #fff;}
#TB_window a:active {color: #fff;}
#TB_window a:focus{color: #fff;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #111;
	z-index: 102;
	color:#fff;
	display:none;
	border: 4px solid #1b1b1b;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 25px 0 0 25px;
	border: 0.1em solid #ccc;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}