/*** The Essential Code ***/
* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
}

body  {
	text-align: center; /* FŸr IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
	background: url("../images/bg_verlauf.jpg")  repeat-x  left top;
	background-color: #c6bfad;
	color: #0b001c;
	font-family: "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.0em;
	}
	
/*  container zentriert das layout  */	
div#container {
	width: 960px;  
	height: 700px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	} 
	
/* HEADER */
div#header {
	width: 960px;
	height: 190px;
	background: url("../images/top_zirkuskuppel_jump.jpg") no-repeat left top;
	} 
	
/* Logo */	
div#logo {
	width: 222px;
	height: 101px;
	padding-left: 14px;
	padding-top: 14px;	
}

div#top {
	font-size: 0.78em;
	color:#c6bfad;
	float: right;
	font-weight: bold;
	margin-top: 4px;
	margin-right: 4px;
	}

div#top a {
	color:#c6bfad;
	text-decoration:none;
	}
div#top a:hover {
	border-bottom:1px dotted;
	color:#fc0808;
	}
	
div#top .topactive {
	border-bottom:1px dotted;
	color:#fb7701;
	}
	
/* Navi */
ul#nav {
	list-style:none;	
	font-size:0.9em;
	font-weight: bold;
	width: 960px;
	margin-top: 48px;
	padding: 0;
}

ul#nav li  {
	float:left;
	margin-top: 0;
	margin-right: 0;
	display: block; 
	width: 160px;
	list-style-position: outside;
}
ul#nav li a { 
	display:block; 
	text-align: center;
	padding: 0;
}

ul#nav li a, ul#nav li a:visited {
	color:#c6bfad;
	text-decoration: none;
	background: url("../images/stern_rot.png") no-repeat left bottom;
}



ul#nav li.wir a:hover, ul#nav li.wir .active
{
	color: #980f9d;
	background: url("../images/stern_lila.png") no-repeat left top;
	text-decoration: none;

}

ul#nav li.training a:hover, ul#nav li.training .active
{
	color:#9fda51;
	background: url("../images/stern_gruen2.png") no-repeat left top;
	text-decoration: none;
}


ul#nav li.angebote a:hover, ul#nav li.angebote .active
{
	color:#e70534;
	background: url("../images/stern_rot.png") no-repeat left top;
	text-decoration: none;
}
ul#nav li.plan a:hover, ul#nav li.plan .active
{
	color:#e60182;
	background: url("../images/stern_pink.png") no-repeat left top;
	text-decoration: none;
}
ul#nav li.galerie a:hover, ul#nav li.galerie .active
{
	color:#fbd523;
	background: url("../images/stern_gelb.png") no-repeat left top;
	text-decoration: none;
}

ul#nav li.buero a:hover, ul#nav li.buero .active
{
	color:#fb780e;
	background: url("../images/stern_orange.png") no-repeat left top;
	text-decoration: none;
}

.clearleft { clear: left; height: 1px; }
.clearright { clear: right; height: 1px; }
.clearboth { clear: both; height: 1px; }


div#Content { width: 960px; height: 450px; z-index: 30; }

/*** for the Look ***/

h1 { font-size: 1.2em; }
h2 { font-size: 1.0em; }
h3 { font-size: 0.95em; }

h1, h2 { margin-bottom: 8px; margin-top: 0px; font-weight: bold;}
h3 { margin-bottom: 5px; margin-top: 0px; font-weight: bold; }
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin-bottom: 6px;
	margin-top: 2px;
	line-height: normal;
	color: #03C;
}



#footer {
	clear: both;
	padding: 6px 10px 0 20px;
	width: 960px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
} 

	
#footer a {
	color:#59027b;
	text-decoration:none;
	border-bottom: 1px dotted;
	}
	
#footer a:hover {
	border-bottom:1px solid;
	color:#fc0808;
	}

address {
	font-style:normal;
	font-size: 0.75em;
	color: #0b001c;
} 

ul#subnav li  {
	margin: 0 0 8px 0;
	display: block; 
	list-style-position: outside;
}