@charset "utf-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
}

html {
font-size:1.25em;
}

body{
	background-color: #214a74;
	padding: 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.5em;
}
#all{
	position: relative;
	margin:0 auto;
	width: 1000px;	
}
#group{
	position:relative;
	float:left;
	
	width:960px;
	padding:0px 20px 0px 20px;
	margin:0px;
	
	background-image: url(../img/bg_all.jpg);
	background-repeat: repeat;
	background-position: left top;
}
#logo{
	position: absolute;
	padding-left: 20px;
	padding-top: 50px;
	width:265px;
	height:95px;
	border:0px;
	z-index: 3;
	}

#header{
	position: absolute;
	color: #FFF;
	z-index: 3;
	
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	height:116px;	
	}
#Datum, #topnav, {
	float:left;
	font-size: 5em;
	z-index: 3;
	}
#Datum{
	position: absolute;
	width: 250px;
	left:470px;
	top: 96px;
	}
#Datum p{
	font-size: 1.3em;
	z-index: 3;
	}
#topnav{
	position: absolute;
	width:280px;
	right: 37px;
	top: 96px;
	z-index:3;
	font-size: 1.15em;
	}
#topnav a {
	color:#FFF;
	text-decoration:none;
}
#topnav a:hover {
	color:#FFF;
	text-decoration:underline;
}
	
#topnav ul, #topnav ul li{
	font-size: 1.15em;
	float: left;
	padding:0;
	margin:0;
	list-style-type:none;
	}
#group #header #suche{
	font-size: 1.3em;
	position: absolute;
	width: 250px;
	left: 750px;
	top: 20px;
	}
#group #header #suche .suchfeldbtn{
	float:right;
	}
#group #header #suche .suchfeld{
	float:left;
}
#header .Suchfeld {
font-size: 0.9em;
background:url(../img/bg_search.jpg);

border:none;

padding:0px;
margin:0px;
line-height:10px;
color:#fff;
padding:3px;
width:150px;
}
#header .lbtnsubmit {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	padding-left:8px;
}
#header .lsuchfeld {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	padding-top:1px;
}
#platzhalt_green, #platzhalt_green2{
	height: 20px;

position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	}
#platzhalt_green{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	
	background-image: url(../img/platzhalt_green.jpg);
	background-repeat:repeat-x;
	}
#platzhalt_green2{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	
	background-image: url(../img/platzhalt_green.jpg);
	background-repeat:repeat-x;
	}
	
#topmenue{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	
	width:970px;
	padding-top:5px;
	padding-bottom:5px;
	overflow:hidden;
	
	
	}
#topmenue a .bild{
	display: block;
width:187px;
height:207px;
	float: left;
	border: none;
	margin-right: 6px;
	}
	
#content{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:960px;
	margin-top:5px;
	overflow:hidden;
	padding-bottom:5px;
	
	background:url(../img/bg_3col.jpg) left;
}
#footer{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	height:40px;
	color: #fff;
	text-align: center;
	font-size: 1em;
	background-color:#567ba0;
	background-image: url(../img/footer_back.jpg);
	background-repeat:repeat-x;
	}
#footer p{
	font-size: 1.2em;
	font-weight: bold;
	}
#footer a, footer p{
	text-decoration:none;
	color: #fff;
	}
	
/*  Styling Content   */
/*  +++++++++++++++  */

#col1, #col2{
	float: left;
}
#col3 {
	float: left;
	
	margin:0px;
	padding:0px;
	margin-left:3px;
}
#content #col1, #content #col3 {
	width: 190px;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	} 
	
#col2 {
	width: 573px;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	
	margin-left: 3px;
	margin-right: 3px;
	overflow:hidden;
	}
	
#col4 {
	width: 573px;
	width:765px;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	
	margin-left: 3px;
	overflow:hidden;
	background-color:#FFFFFF;
	}
	
#content_left, #content_right{
	margin: 10px;
	color: #000;
	position:relative;
	float:left;
	margin:10px;
	padding:0px;
	width:170px;
	}

h1, h2, h3, h4, h5{
	color: #214a74;	
	font-weight: bold;
	}

#content_left #lmenu {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	background-color:#FF0000;
}	
#content #col1 {
	padding:10px;
	width:170px;
}
#col1 ul{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #214a74;
	margin-top:10px;
	width:170px;
}
#col1 h2 {
	font-size:1.4em;
}
#lmenu li {
	margin:0px;
	padding:0px;
	float:left;
	width:170px;
	text-decoration: none;
	font-size:1.2em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #214a74;

}
#lmenu li a{
	margin:0px;
	padding:0px;
	display:block;
	text-decoration: none;

	color:#000000;
}
#lmenu li a:hover{
	text-decoration:underline
}

#lmenu li a.current {
	font-weight: bold;
}

#lmenu li.depth2 {
	padding-left: 10px;
	width: 160px;
}

#lmenu li.depth3 {
	padding-left: 20px;
	width: 150px;
}

#lmenu li.depth4 {
	padding-left: 30px;
	width: 140px;
}

#lmenu li.depth5 {
	padding-left: 40px;
	width: 130px;
}

#lmenu li.depth6 {
	padding-left: 50px;
	width: 120px;
}

#lmenu li.depth7 {
	padding-left: 60px;
	width: 110px;
}

#content_main_top{
	clear: both;
	position:relative;
	background-color: #fff;
	height: 300px;
	width: 557px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right:8px;
	}
.headerbild{
	height: 298px;
	width: 552px;
	}
#content_main{
 	position:relative;
	float:left;
	
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	
	width: 557px;
	
	margin-top: 3px;
	padding-top: 2px;
	padding-bottom: 8px;
	padding-left:8px;
	padding-right: 8px;
	
	}
	#content_main h2 {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	
	width:546px;
	margin-top:5px;
	padding-left:5px;
	}
.uebers{
	padding-left: 2px;
	line-height:20px;
	color: white;
	background-color: #214a74;
	font-size: 1.1em;
	width:100%;
	position:relative;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	}
#content_main h3,#content_main h4
#content_right h3, #content_right h4 {
	margin-left: 4px;
	font-size: 1.4em;
	color: #214a74;
	display: block;
	float:left;
    }
#content_main h3 {
	float:none;
	padding-left: 115px;
	padding-top: 5px;
}

/* mgs: blocksatz verwenden */
#content_main p {
	text-align: justify;
}

/* Styling News */

.news{
	position:relative;
	float:left;
	
	width:100%;
	
	width:557px;
	
	padding-top:5px;
	padding-bottom:5px;
/*	height: 110px;*/
	border-bottom-style: dotted;
	border-bottom-width: 4px; /* mgs: lt. FBB 4px! */
	border-bottom-color: #214a74;
	margin-top:5px
	/* mgs: set font-size for whole news content, not "news p" */
	font-size: 1.2em;
	}

.news .newsbild{
	width:110px;
	height:110px;
	border: none;
	display:block;
	float: left;
	}
#content_main a, #content_right a {
	color:#214a74;
	}
#content_main a:hover, #content_right a:hover {
	color:#214a74;
	text-decoration:none;
	}	
.morenews{
	padding-right: 10px;
	color: #214a74;
	font-weight:bold;
	font-size: 1.1em;
	
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	}
	
.uebers2{
	display:block;
/*	line-height:10px;*/
	font-weight: bold;
	font-size:1.05em;
	color:#000;
	padding-top:1em;
	}
.anzlogo{
	width: 170px;
	}
.news p{
	display:block;
	margin-left:120px;
	text-align: justify;	/* mgs: blocksatz verwenden */
	font-size:1.2em;
	}
	
.containerlogos {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	font-size:0.8em;
	padding-top:20px;
}	

#content_main.topdetail {
	margin-top:0px;
}

#content_main.topdetail .news{
	margin-top:0px;
	height:auto;
}

.start_img_text {
	position:absolute;
	left:0;
	top:0;
	margin:0px;
	padding:0px;
	width:532px;
	height:75px;
	margin-left:8px;
	margin-top:211px;
	color:#FFF;
	padding:10px;
	z-index:2;
}
.start_img_text p{
	color:#FFF;
	font-size:1.2em;
}

.start_img_text a{
	color:#FFF;
	font-size:1.2em;
}
.start_img_text a:hover{
	text-decoration:none;
}


.start_img_text h1{
	color:#FFF;
	font-size:2em;
}

.start_img_bg {
	position:absolute;
	left:0;
	top:0;
	margin:0px;
	padding:0px;
	width:532px;
	height:75px;
	margin-left:8px;
	margin-top:211px;
	color:#FFF;
	padding:10px;
	background:url(../img/bgtrans40.png);
	z-index:1;
}

/* mgs: autocomplete-format */
div.autoComp-result-even,
div.autoComp-result-odd {
	color: #000;
}

.yui-skin-sam .yui-ac-input {
	position: relative !important;
}

.portrait {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:5px;
	width:552px;
	background:url(../img/bg_portrait.jpg);
	padding-bottom:5px;
}
.portrait_bild {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:101px;
	border-right:1px solid #FFF;
height:140px;
overflow:hidden;
}
.portrait_name {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	background:url(../img/bg_portraitname.jpg);
	width:432px;
	height:27px;
line-height:27px;
font-weight:bold;
font-size:1.4em;
color:#FFFFFF;
	padding-left:18px;
}
.portrait_inhalt {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;

	color:#FFF;
	font-size:1.3em;
	padding-left:18px;
	padding-top:5px;
	width:180px;
}
.portrait_inhalt2 {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;

	color:#FFF;
	font-size:1.3em;
	padding-left:18px;
	padding-top:5px;
	width:225px;
}

.newsdetail {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:550px;
	border-bottom:4px dotted #214A74;	/*mgs: lt. FBB 4px! */
	padding-top:5px;
	padding-bottom:5px;
}
.newsdetailueberschrift {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;	
	
color:#214A74;
font-size:1.4em;
font-weight:bold;

	width:430px;
	padding-left:120px;
}
.newsdetailfoto {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	width:110px;
}
.newsdetailtext {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	width:430px;
	padding-left:10px;
	
	font-size:1.2em;
}
.newsdetailtext p{
padding-bottom:10px;
}

.textbildlinks {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:550px;
	border-bottom:4px dotted #214A74;	/* mgs: lt. FBB 4px! */
	padding-top:5px;
	padding-bottom:5px;
}
.textbildlinksueberschrift {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;	
	
color:#214A74;
font-size:1.4em;
font-weight:bold;

	width:430px;
	padding-left:120px;
}
.textbildlinksfoto {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	width:110px;
	left:0;
}
.textbildlinkstext {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	width:430px;
	padding-left:10px;
	
	font-size:1.2em;
}
.textbildlinkstext p{
padding-bottom:10px;
}



.textbildrechts{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:550px;
	border-bottom:4px dotted #214A74;	/* mgs: lt. FBB 4px! */
	padding-top:5px;
	padding-bottom:5px;
}
.textbildrechtsueberschrift {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;	
	
color:#214A74;
font-size:1.4em;
font-weight:bold;
}
.textbildrechtsfoto {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	width:110px;
}
.textbildrechtstext {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	width:430px;
	padding-right:10px;
	font-size:1.2em;
}
.textbildrechtstext p{
padding-bottom:10px;
}

.textbildunten{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:550px;
	border-bottom:4px dotted #214A74;	/* mgs: lt. FBB 4px! */
	padding-top:5px;
	padding-bottom:5px;
}
.textbilduntenueberschrift {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;	
	
color:#214A74;
font-size:1.4em;
font-weight:bold;
}
.textbilduntenfoto {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	padding-top:10px;
}
.textbilduntenfoto img {
padding-right:5px;
}
.textbilduntentext {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	font-size:1.2em;
}
.textbilduntentext p{
padding-bottom:10px;
}

.textohnebild{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:550px;
	border-bottom:4px dotted #214A74;	/* mgs: lt. FBB 4px! */
	padding-top:5px;
	padding-bottom:5px;
}
.textbestimmungen{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:550px;
	border-bottom:4px dotted #214A74;	/* mgs: lt. FBB 4px! */
	padding-top:5px;
	padding-bottom:5px;
}
.textbestimmungentext{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	font-size:1.2em;
}
.textbestimmungentext ul{
	list-style-image:url(../img/bestimmungen.gif);
	list-style-position:inside;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:500px;
	margin-bottom:15px;
	margin-top:5px;
}
.textbestimmungentext li{
	border-bottom:1px solid #1d4771;
	margin-bottom:5px;
	padding-bottom:2px;
}

.textbestimmungentext li a{
	text-decoration:none;
}
#content_main .textbestimmungentext li a:hover{
	text-decoration:underline;
}

.textzurueckziehung{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:550px;
	border-bottom:4px dotted #214A74;	/* mgs: lt. FBB 4px! */
	padding-top:5px;
	padding-bottom:5px;
}
.textzurueckziehungtext{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	font-size:1.2em;
}
.textzurueckziehungtext ul{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:500px;
	margin-bottom:15px;
	margin-top:5px;
	list-style:none;
}
.textzurueckziehungtext li{
	width:235px;
	float:left;
	margin-right:5px;
	padding-left:5px;
	border-left:2px solid #214A74;
}

.textzurueckziehungtext li a{
	text-decoration:none;
}
#content_main .textzurueckziehungtext li a:hover{
	text-decoration:underline;
}

.textohnebildueberschrift {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;	
	
color:#214A74;
font-size:1.4em;
font-weight:bold;
}
.textohnebildtext {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	font-size:1.2em;
}
.textohnebildtext p{
padding-bottom:10px;
}

/* mgs: no table floating */
table {
	float: none;
}

#content_main ul{
	padding-left:15px;
}

.linksbloecke, .linksuntereinander {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:550px;
	margin-top:5px;
	font-size:12px;
}

.linksbloecke .linksblock {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:183px;
	text-decoration:none;
	text-align:center;
}
#content_main .linksbloecke a img {
	border:none;
	text-decoration:none;
	text-align:center;
}
#content_main .linksbloecke a{
	text-decoration:none;
	display:block;
	margin-bottom:5px;
	margin-right:5px;
	padding:5px;
}
#content_main .linksbloecke a:hover{
	font-weight:bold;
	background-color:#214A74;
	color:#FFFFFF;
}

.linksuntereinander .linksblock {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	text-decoration:none;
	text-align:left;
	border-bottom:2px solid #214a74;
	margin-bottom:5px;
	padding-bottom:5px;
}

.linksuntereinander .linklogo {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	width:110px;
}
.linksuntereinander .linklogo a img {
	border:none;
}
.linksuntereinander .linktext {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:440px;
	margin-top:15px;
}
#content_main .linksuntereinander .linktext a{
	text-decoration:none;
}
#content_main .linksuntereinander .linktext a:hover{
	text-decoration:underline;
}


#lmenu li.depth2 {
padding-left:10px;
width:160px;
}
#lmenu li.depth3 {
padding-left:20px;
width:150px;
}
#lmenu li.depth4 {
padding-left:30px;
width:140px;
}
#lmenu li.depth5 {
padding-left:40px;
width:130px;
}
#lmenu li.depth6 {
padding-left:50px;
width:120px;
}
#lmenu li.depth7 {
padding-left:60px;
width:110px;
}


.textstrafa {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:550px;
	border-bottom:2px dotted #214A74;
	padding-top:5px;
	padding-bottom:5px;
}
.textstrafatext{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	font-size:1.2em;
}
.textstrafatext ul{
	list-style-image:url(../img/bestimmungen.gif);
	list-style-position:inside;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:510px;
	margin-bottom:15px;
	margin-top:5px;
}
.textstrafatext li{
	border-bottom:1px solid #1d4771;
	margin-bottom:5px;
	padding-bottom:2px;
}

.textstrafatext li a{
	text-decoration:none;
}
#content_main .textstrafatext li a:hover{
	text-decoration:underline;
}

#saisonAuswahl ul li a:hover, #rundeAuswahl ul li a:hover, #gruppenAuswahl ul li a:hover, #ligaAuswahl ul li a:hover, #tabAuswahl li a:hover {
text-decoration:underline;
}

/* gallerie */
	
.bildergallerie {
	position:relative;
	float:left;
	width:537px;
	background: url(../img/bg_gallerie.jpg);
	margin-top:15px;
	padding-left:14px;
	margin-bottom: 30px;	/* mgs: add some space to bottom */
}
.galleriebild {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:104px;
	height: 104px;
	overflow: hidden;
	margin:14px;
}
.galleriebild a {
	border:3px solid #FFF;
	display:block;
	width: 98px;
	height: 98px;
	overflow:hidden;
}
.galleriebild a:hover {
	border:3px solid #234b6f;
	display:block;
}

.galleriebild img {

}
.galleriebild a img{
	border:none;
}
	
/* gallerie ende */