@charset "utf-8";
/* CSS Document */
html{
	width:100%;
	height:100%;
}
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background:#666;
}
h1{
	font-size:14px;
	font-weight:bold;
}
a{
	color:#000;
	text-decoration:underline;	
}
a:active{
	color:#000;
	text-decoration:underline;	
}
a:visited{
	color:#000;
	text-decoration:underline;	
}
a:hover{
	color:#F90;
	background-color:#000;
	text-decoration:none;
}

div.top{
	width:100%;
	height:200px;
	position:fixed;
	top:0px;
	left:0px;
}
div.bottom{
	width:100%;
	height:80px;
	position:fixed;
	bottom:0px;
	left:0px;
}
div.bannertop{
	width:600px;
	height:100px;
	position:fixed;
	left:0px;
	top:0px;
	
}
div.footer{
	width:auto;
	height:15px;
	position:fixed;
	left:50px;
	bottom:5px;
	color:#000;
}
div.forum{
	width:200px;
	height:50px;
	position:fixed;
	right:400px;
	top:8px;
	background:url(img/btn_forum.gif) no-repeat left top;
}
	.forum a{
		text-decoration:none;
		background-color:transparent;
	}
	/*.forum a:hover img{
		visibility:hidden;
	}*/
	.forum a:active{
		text-decoration:none;
		background-color:transparent;
	}
div.mitglied_ssv{
	width:208px;
	height:50px;
	position:fixed;
	right:210px;
	bottom:5px;
	background:url(img/img_ssv_mitglied.png) no-repeat;
}
	.mitglied_ssv a{
		text-decoration:none;
		background-color:transparent;
	}
	.mitglied_ssv a:hover{
		text-decoration:none;
		background-color:transparent;
	}
	.mitglied_ssv a:active{
		text-decoration:none;
		background-color:transparent;
	}
div.spons_thombansen{
	width:200px;
	height:50px;
	position:fixed;
	right:5px;
	bottom:5px;
	background:url(img/spons_thombansen.png) no-repeat;
}
	.spons_thombansen a{
		text-decoration:none;
		background-color:transparent;
	}
	.spons_thombansen a:hover{
		text-decoration:none;
		background-color:transparent;
	}
	.spons_thombansen a:active{
		text-decoration:none;
		background-color:transparent;
	}
div.twitter{
	width:175px;
	height:50px;
	background:url(img/twitter.png) no-repeat;
}
	.twitter a{
		text-decoration:none;
		background-color:transparent;
	}
	.twitter a:hover{
		text-decoration:none;
		background-color:transparent;
	}
	.twitter a:active{
		text-decoration:none;
		background-color:transparent;
	}
div.youtube{
	width:175px;
	height:50px;
	background:url(img/youtube.png) no-repeat;
}
	.youtube a{
		text-decoration:none;
		background-color:transparent;
	}
	.youtube a:hover{
		text-decoration:none;
		background-color:transparent;
	}
	.youtube a:active{
		text-decoration:none;
		background-color:transparent;
	}

div.seitentitel{
	width:auto;
	height:auto;
	position:absolute;
	top:190px;
	left:9%;
}
div.allercontent{
	width:100%;
	height:100%;
	/* background:url(img/back.jpg) left bottom no-repeat fixed; */
	position:fixed;
	top:0;
	left:0;
}
div.contentbereich{
	width:54%;
	height:100%;
	background:url(img/bg_content.png) left top no-repeat fixed;
	margin-left:12%;
	position:fixed;
	left:0px;
	top:0px;
	border-left:solid 2px #000;
	border-right:solid 2px #000;
	overflow:auto;
}
div.contentbereich_content{
	width:48%;
	height:auto;
	position:fixed;
	left:14%;
	padding-left:12px;
	top:190px;
	bottom:60px;
	padding-right:20px;
	overflow:hidden;
}
.vorstandsbilder{
	width:100px;
	heigth:140px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

div.newsbox{
	width:200px;
	height:400px;
	position:fixed;
	right:0px;
	top:220px;
	background:url(img/bg_social_media.png) no-repeat;
	padding:20px;
}
div.newscontent{
	width:195px;
	height:360px;
	position:fixed;
	right:0px;
	top:240px;
	padding:5px;
	overflow:auto;
}
div.terminebox{
	width:380px;
	height:190px;
	position:absolute;
	right:0px;
	top:0px;
	background:url(img/terminebox.png) no-repeat;
}
div.terminecontenttraining{
	width:340px;
	height:50px;
	position:fixed;
	right:10px;
	top:15px;
	padding:5px;
	overflow:auto;
	font-size:9px;
}
div.terminecontentturniere{
	width:340px;
	height:44px;
	position:fixed;
	right:10px;
	top:105px;
	padding:5px;
	overflow:auto;
	font-size:9px;
}
.fliesbild_right{
	position:relative;
	top:15px;
	left:15px;
	float:right;
	margin:15px;
}
.fliesbild_left{
	position:relative;
	top:15px;
	right:15px;
	float:left;
	margin:15px;
}

/*############################# Menu #################*/
.menucontainer {width:100%; height:60px; position:absolute; top:120px;}

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#cccccc;
	position:absolute;
	left:18%;
	top:12px;
	}
.menu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#333333 url("img/menu_li_a_up.png") bottom center no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #333333 url("img/menu_li_a_hover.png") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:140px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('img/menu_li_a_sub_up.png') bottom left no-repeat;
		color:#cccccc;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:140px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		color:#cccccc;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#333333 url('img/menu_li_a_sub_hover.png') bottom left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	


/*IE5-7 fixes*/
.nav .fly {width:100%;}
a:active {}

/*OPERA fix*/
.nav ul:hover {clear:left;}


.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
/* height: 150px !important; */
background-color: black;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}