/*-------------- BODY --------------------------*/
/* -------------------------------------------- */

body{
	margin:0px;
	background-color:#ffffff;
	color:#000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	background-image:url(../img/layout/logo_bg.gif);
}

#innerbody{
	width:1070px;	
	margin:5px auto;
	background-color:transparent;
	text-align:left;
}


/*-------------- HEADER ------------------------*/
/* -------------------------------------------- */
#header {
	height:110px;
	background-image:url(../img/layout/header.jpg);
	background-repeat:no-repeat;
	border-bottom:3px solid #0201BE;
}

/*-------------- NAVIMAIN ----------------------*/
/* -------------------------------------------- */

#navimain {
	float:left;
	width:260px;
	font-size:13px;
	min-height: 40em;
	height:auto !important;
	background-color:transparent;
	margin-top:5px;
}
	
#navimain ul{
    width: 17em;
    margin-left: 0em; 
	padding: 0em;
 }
 
#navimain ul ul{
	margin-left:1em;
	padding:0.1em;
}

*html #navimain ul ul{
	margin-left:-1.2em;
}

*+html #navimain ul ul{
	margin-left:-1em;
}
  
#navimain ul li {
    list-style: none;
    margin: 0.4em; 
	padding: 0;
	font-weight:bold;
}

#navimain ul ul li{
	padding:0px 0px 0px 1.5em;
	margin: 0.2em 0;
	margin-left:1em;
	background-image :  url("../img/layout/kap_unter_aktiv.gif");
	background-repeat : no-repeat;
	background-position : top left;
	font-weight:normal;
}

#navimain ul a {
    display:block;
    padding: 0.2em;
    text-decoration: none; 
    border: 1px solid black;
    border-left-color: white; 
	border-top-color: white;
    color: #ffffff; 
	background-image:url(../img/layout/navi_bg.gif);
}

#navimain  ul a:hover {
	border-color: white;
    border-left-color: black; 
	border-top-color: black;
    color: white; 
}

/* wenn man sich auf der Kapitelseite selbst befindet */
#navimain ul li.currentkap_on a{           /* Aktuelles Kapitel*/
	color:white;
	background-image :  url("../img/layout/index_bg.gif");
	display:block;
    padding: 0.2em;
    text-decoration: none; 
    border: 1px solid black;
    border-left-color: white; 
	border-top-color: white;
    color: #ffffff; 
}

#navimain ul li.currentkap_on ul li a{           /* Aktuelles Kapitel*/
	background-image:url(../img/layout/navi_bg.gif);
}




/* currentpage sollte klar sein :D */
#navimain ul ul li.currentpage{
	font-weight:bold;
	color:black;
	background-image :  url("../img/layout/currentpage.gif");
	background-repeat : no-repeat;
	background-position : top left;
}

#navimain #startnavi_bild{
	width:210px;
	height:158px;
	background-image :  url("../img/layout/jugendhalle.gif");
	margin-top:50px;
	margin-left:9px;
}


/*-------------- CONTENT -------------------------------*/
/* ---------------------------------------------------- */

#content {
	padding-bottom:20px;
	float:left;
	width:568px;	
	min-height: 52em;
	height:auto !important;
	background-color:transparent;
	border-left:1px solid #0201BE;
	border-right:1px solid #0201BE;
	font-family:Arial;
	font-size:14px;
}

*+html #content {
	min-height: 54em;
	height:auto !important;
}

#content p{
	padding:0px 25px;
}

#content strong{
	color:blue;
}

#content a{
	color:blue;
}

#content h2{
	margin-left:15px;
	padding-right:15px;
}

#content h3{
	margin-left:15px;
	padding:15px;
}

#content .h2home{
	text-align:center;
	color:blue;
	margin-top:25px;	
}

#content #newspart{
	border-bottom:1px solid #0201BE;
	margin-top:30px;
}

#content #newspart_last{
	margin-top:30px;
}

#content #events{
	border-bottom:1px solid #0201BE;
	margin-top:30px;
}

#content #events_last{
	margin-top:30px;
}

#content p img{
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}

#content img.leftfloat{
	float:left;
}

#content img.rightfloat{
	float:right;
}

#content #teams{
	margin-left:4%;
	margin-top:20px;
}

#content a img{
	border:none;
}

#content .gaestebuch{
	width:545px;
	overflow:auto;
	
}

#content table{
	margin-left:25px;
	margin-top:30px;
}

#content #route table tr td table{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#content .gaestebuch #gbcount{
	background-color:#7C7DF2;
	color:white;
}

#content a.center{
	margin-left:33.5%;
}

#content .error{
	color:red;
	font-weight:bold;
}

#content #color_red{
	color: red;
	font-weight:bold;
}

#content #wasserzeichen{
	background-image:url("../img/layout/wasserzeichen.gif");
	background-repeat:no-repeat;
}

/*-------------- SUBNAVI LINKS--------------------------*/
/* ---------------------------------------------------- */
#subcontent{
	float:right;
	width:240px;	
	min-height: 40em;
	height:auto !important;
	background-color:transparent;
	font-size:10px;
}

#subcontent #infobox{
	border-bottom:1px dashed black;
}

*html #subcontent #infobox{
	padding-top:2px;
}

*+html #subcontent #infobox{
	padding-top:2px;
}


#subcontent #userinfo p{
	border-bottom:1px dashed black;
	padding-bottom:3px;
}

#subcontent h3{
	padding-top:0px;
	padding-left:5px;
	color:blue;
}

*html #subcontent h3{
	font-size:12px;
	padding-left:4px;
	margin-top:0px;
	padding-top:5px;
}

*+html #subcontent h3{
	font-size:12px;
	padding-left:4px;
	margin-top:0px;
	padding-top:5px;
}

*+html #subcontent #events h3{
	margin-top:-18px;
}

#subcontent p{
	padding:0px 0.5em;
}

*html #subcontent p{
	padding:0em 0.5em;
	margin-top:10px;
}

*+html #subcontent p{
	padding:0em 0.5em;
	margin-top:10px;
}

#subcontent ul{
	list-style:none;
	margin-top:-9px;
	margin-left:15px;
	padding:1px;
}

*html #subcontent ul{
	margin-top:-20px;
}

*+html #subcontent ul{
	margin-top:-20px;
}

#subcontent #infobox #win{
	color:green;
}

#subcontent #infobox #draw{
	color:black;
}

#subcontent #infobox #lose{
	color:red;
}


#subcontent img{
	margin-left:40px;
}

#subcontent a:link,
#subcontent a:visited{
	color:blue;
}	

/*-------------- Content Breit -----------------*/
/* -------------------------------------------- */

#content_breit {
	padding-bottom:20px;
	float:left;
	width:808px;	
	min-height: 45em;
	height:auto !important;
	background-color:#ffffff;
	border-left:1px solid #0201BE;
	border-right:1px solid #0201BE;
	font-family:Arial;
	font-size:14px;
}

#content_breit table{
	margin-left:25px;
	margin-top:30px;
}

#content_breit p{
	padding:0px 25px;
}

#content_breit strong{
	color:blue;
}

#content_breit a{
	color:blue;
}

#content_breit h2{
	margin-left:15px;
	padding-right:15px;
}

#content_breit h3{
	margin-left:15px;
	padding:15px;
}

#content_breit .h2home{
	text-align:center;
	color:blue;
	margin-top:25px;	
}

#content_breit #green{
	color:green;
}

/*-------------- FOOTER ------------------------*/
/* -------------------------------------------- */
#footer {
	clear:both;
	height:20px;
	background-color:#ffffff;
	color: #000000;
	border-top:3px solid #0201BE;
}

*html #footer{
	margin-top:-13px;
}

#footer a{
	text-decoration:none;
	color:black;
}

#footer #flink a{
	padding-left:10px;
}

#footer a:hover{
	text-decoration:underline;
	color:orange;	
}