@charset "UTF-8";
/* CSS Document */



		#sidebar_news {
		width: 200px;
		height: 200px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		font-size: 12px;
		}



	#part {
	width: 580px;
	height: auto;
	margin-top: 80px;
	border-top: dotted 1px #000;
	}








html {
height: 101%;
width: 100%;
}



* {margin: 0; padding: 0; outline: none;}


::selection { background: #6CF; color: #fff;}
::-moz-selection { background: #6CF; color: #fff;}



@font-face {
font-family: swiss_721_light_bt; 
src: url('../font/swiss_721_light_bt.ttf');
}



p {
color:#4B4B4B;
letter-spacing: 0.1px;
font-family: swiss_721_light_bt;
line-height: 1.3em;
font-size: 15px;
margin-bottom: 5px;
}


a {
text-decoration: none;
color:#4B4B4B;
letter-spacing: 0.1px;
font-family: swiss_721_light_bt;
transition: color 0.5s ease-out;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
-o-transition: color 0.5s ease-out;
}

a:hover {color: #979797;}
	
	
	
table {
color:#4B4B4B;
letter-spacing: 0.1psx;
font-family: swiss_721_light_bt; 
line-height: 1.3em;
font-size: 14px;
margin-top: 20px;
margin-bottom: 20px;
}


/****************************************************************************/


h1 { /* Headline */
font-size: 28px;
font-weight: normal;
color:#4B4B4B;
text-transform: uppercase;
margin-top: 25px;
margin-bottom: 25px;
font-family: swiss_721_light_bt;
}
	


h2 { /* Subline Presse & Galerie */
font-size: 20px;
font-weight: bold;
color:#4B4B4B;
text-transform: uppercase;
margin-top: 80px;
margin-bottom: 10px;
font-family: swiss_721_light_bt;
}

	h7 { /* Subline Presse & Galerie */
	font-size: 18px;
	font-weight: normal;
	color:#4B4B4B;
	text-transform: uppercase;
	font-family: swiss_721_light_bt;
	}



	
	
	
	

h3 {  /* Galerie */
font-size: 18px;
font-weight: normal;
color:#4B4B4B;
margin-top: 60px;
margin-bottom: 8px;
font-family: swiss_721_light_bt;
}


h4 {  /* Sidebar */
font-size: 16px;
font-weight: normal;
color:#828282;
text-transform: uppercase;
font-family: swiss_721_light_bt;
}



h5 {  /* Termine*/
font-size: 18px;
font-weight: normal;
color:#4B4B4B;
margin-top: 35px;
margin-bottom: 3px;
text-transform: uppercase;
font-family: swiss_721_light_bt;
}

h6 {  /* Termine Kurse*/
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
color:#4B4B4B;
margin-top: 15px;
margin-bottom: 1px;
font-family: swiss_721_light_bt;
}






/****************************************************************************/


body {
background-image: url(../images/himmel.jpg);
background-repeat: repeat-x;
background-attachment:fixed;
}


#wrapper {
width:950px;
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: 0px 0px 49px -15px rgba(120,120,120,1);
-moz-box-shadow: 0px 0px 49px -15px rgba(120,120,120,1);
box-shadow: 0px 0px 49px -15px rgba(120,120,120,1);
background-color:#FFF;
}



#design-wrapper {
background-image: url(../images/baum.png);
z-index: 11;
background-repeat: repeat-x;
background-attachment: fixed;
background-position:bottom;
}


/****************************************************************************/


#header {
width: 950px;
height: 200px;
background-color: #FFF;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
margin-top: 20px;
}


	#logo {
	width: 377px;
	height: 108px;	
	float: left;
	margin-top: 70px;
	margin-left: -150px;
	
	
	/* border: 1px solid #039; */
	}
		
		#logo a {
		width: 375px;
		height: 106px;	
		display: block;
		background-image:url(../outdoor-fitness_Logo.jpg);
		transition: opacity 0.4s ease-in-out;
		-webkit-transition: opacity 0.4s ease-in-out;
		-moz-transition: opacity 0.4s ease-in-out;
		-o-transition: opacity 0.4s ease-in-out;
		}
		
		#logo a:hover {	opacity: 0.8;}

	#subline {
	width:202px;
	height: 33px;	
	float: left;
	margin-top: 158px;
	margin-left: 25px;
	font-size: 20px;
	color:#4B4B4B;
	letter-spacing: 0.1px;
	font-family: swiss_721_light_bt;
	font-style:italic;
	
	/* border: 1px solid #039; */
	}


	#portrait {
	width:130px;
	height: auto;
	float: right;
	margin-right: 40px;
	/*  position:absolute; margin-left: 740px;  /**/
	/* border: 1px solid #F00; */
	margin-top: 10px;
	
	/* border: 1px solid #039; */
	}
	
		#portrait img {
		width:130px;
		height: auto;
		}




	#impressum {
	float: left;
	margin-top: 20px;
	margin-left: 25px;
	
	/* border: 1px solid #039; */
	}
		#impressum a {
		font-size: 11px;
		text-transform: uppercase;
		transition: color 0.5s ease-out;
		-webkit-transition: color 0.5s ease-out;
		-moz-transition: color 0.5s ease-out;
		-o-transition: color 0.5s ease-out;
		}
		#impressum a:hover {
		color: #979797;
		}
		
	
	#datenschutzerklaerung {
	float: left;
	margin-top: 20px;
	margin-left: 25px;
	
	/* border: 1px solid #039; */
	}
		#datenschutzerklaerung a {
		font-size: 11px;
		text-transform: uppercase;
		transition: color 0.5s ease-out;
		-webkit-transition: color 0.5s ease-out;
		-moz-transition: color 0.5s ease-out;
		-o-transition: color 0.5s ease-out;
		}
		#datenschutzerklaerung a:hover {
		color: #979797;
		}
	
	#facebook {
	float: left;
	margin-top: 20px;
	margin-left: 25px;
	
	/* border: 1px solid #039; */
	}	
		
/****************************************************************************/


#navi_wrapper {
width: 950px;
height: 90px;
background-image: url(../images/navibackground.png);
background-repeat: repeat-x;
}


#navigation {
width: auto;
height: 39px;
margin-top: 22px;
display: block;
float: left;
margin-left: 70px;
z-index: 2;
position: relative;
}

	/* Hauptnavi */
	#navigation a, 
	#subMenusContainer a {
	float: left;
	text-decoration: none;
	display: block;
	height: 32px;
	width: 200px;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	list-style: none;
	padding-top: 14px;
	background-color: #FFF;
	transition: background-color 0.8s ease-out;
	-webkit-transition: background-color 0.8s ease-out;
	-moz-transition: background-color 0.8s ease-out;
	-o-transition: background-color 0.8s ease-out;
	}
	
	


#navigation a:hover, 
#navigation a:focus, 
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#navigation a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused{
}

#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#navigation li a:hover,
#navigation li a:focus{
background-color: #C1C1C1;
}

#navigation li { /* Hauptaufbau - Nebeneinander, kein list-style  */
display: block;
list-style: none;
position: relative;
float: left;			/*setzt subnavipunkte unter richtige spalte*/
font-size: 10px;
}

	#navigation li ul { 
	width: auto;			/* submenü balken breite*/
	position: absolute;		/* reiht subnavipunkte untereinander an*/
	margin-left: -1000em; 	/* versteckt die submenüpiunkte */
	margin-top: 45px;		/* Ordnet die Subnavi unter dem Hauptnavi an*/	
	}


#navigation li li {float:none;}	/*macht Submenü Balken gleich lang  /   Submenü Balken width*/

	#navigation li li a { 
	position: relative;
	float: none;
	background-color: #EAEAEA;		/* sub -navipunkte  background color */
	border: 1px dotted #EAEAEA;
	font-size: 13px;
	line-height: 14px;
	padding-top: -15px;
	}


#navigation ul,
#navigation ol,
#subMenusContainer ul, 
#subMenusContainer ol { 
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
text-align: left;
}
	
	#navigation li ul ul {margin: -1em 0 0 -1000em;}

	#navigation li:hover ul ul {margin-left: -1000em;}

	#navigation li:hover ul {margin-left: 0;} 	/* Macht das anzeigen des Submenüs möglich*/
	
	#navigation li li:hover ul { /*Sub-sub Navipunkte*/
	margin-left: 202px;			
	margin-top: -47px;
	text-align: left;
	}


#navigation li li:hover ul a { /*Sub-sub Navipunkte - Anordnung: linksbüdnig*/
text-align:left;
padding-left: 30px;
padding-right: 10px;
}
	


.navi_arrow {
width: 9px;
height: 9px;
margin-left: 7px;
}



/****************************************************************************/


#content_wrapper {
width: 950px;
height: auto;
min-height: 460px;
background-color: #FFF;
z-index: 1;
position: relative;
}


	.breadcrumbnavi {
	width: 550px;
	height: 13px;
	text-align: left;
	margin-top: 13px;
	margin-right: 60px;
	margin-left: 320px;
	float: left;
	position:absolute;
															/* border: 1px dotted #33F; 	*/
	}

		.breadcrumbnavi p {font-size: 11px; color: #ACACAC;}
		.breadcrumbnavi a {font-size: 11px; color: #ACACAC; font-style:italic;}
		
			.breadcrumbnavi a:hover {
			text-decoration:underline;
			color: #999;
			transition-property: color;
			transition-duration: 0.6s;
			-moz-color: #C0C0C0; -moz-transition-property: color; -moz-transition-duration: 0.6s;
			-webkit-color: #C0C0C0; -webkit-transition-property: color; -webkit-transition-duration: 0.6s;
			-o-color: #C0C0C0; -o-transition-property: background-color; -o-transition-duration: 0.6s;
			}		

			.activelink {
			color: #979797;
			/* text-decoration:underline; */
			}


		
	#content {
	width: 580px;
	height: auto;
	float: left;
	background-color: #FFF;
	margin-top: 30px;
	margin-left: 60px;
	margin-bottom: 220px;
	z-index: 2;
	position: relative;
	}
	
	#content li {
	font-family: swiss_721_light_bt;
	font-size: 14px;
	margin-left: 14px;
	}
	
	
	

	
	.impress {
	width: 90%;
	color: #4B4B4B;
	letter-spacing: 0.1px;
	font-family: swiss_721_light_bt;
	margin-bottom: 30px;
	}
		
	.kontakt {
	width: 90%;
	color: #4B4B4B;
	letter-spacing: 0.1px;
	font-family: swiss_721_light_bt;
	margin-bottom: 30px;
	}
	
	.kontaktformular {
	width: 100%;
	color: #4B4B4B;
	letter-spacing: 0.1px;
	font-family: swiss_721_light_bt;
	margin-bottom: 30px;
	}
	
	
	.kurseplan {
	width:550px;
	}
	
		.kurseplan td {
		border: 1px dotted #CCC;
		height: 20px;
		}
	
	
	
	
	

	
	#sidebar_wrapper {
	height: auto;
	margin-top: 40px;
	margin-left: 40px;
	float: left;
	}
	
		#sidebar {
		width: 160px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		background-color: #DFDFDF;	
		padding: 25px;
		font-size: 12px;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-box-shadow: inset -9px -9px 8px -7px rgba(186,186,186,1);
		-moz-box-shadow: inset -9px -9px 8px -7px rgba(186,186,186,1);
		box-shadow: inset -9px -9px 8px -7px rgba(186,186,186,1);
		}
		
	
		#sidebar a {
		display: block;
		line-height: 20px;
		color: #4B4B4B;
		font-size: 13px;

		transition: color 0.5s ease-out;
		-webkit-transition: color 0.5s ease-out;
		-moz-transition: color 0.5s ease-out;
		-o-transition: color 0.5s ease-out;
		}
			
		#sidebar a:hover  {color: #979797;}
	
	
		#sidebar p {
		color: #4B4B4B;
		font-size: 13px;
		}
		
	
		.sidebar_seperator {
		margin-top: 5px;
		margin-bottom: 5px;
		}

		#sidebar_pfeil a {
		height: 16px;
		width: 160px;
		margin-top: 15px;
		background-image:url(../images/pfeil_runter.png);
		transition: opacity 0.4s ease-in-out;
		-webkit-transition: opacity 0.4s ease-in-out;
		-moz-transition: opacity 0.4s ease-in-out;
		-o-transition: opacity 0.4s ease-in-out;
		}
		
			#sidebar_pfeil a:hover {opacity: 0.7;}
	
	
	
	

#schild {
width: 290px;
height: 250px;	
background-image:url(../images/schild.png);
background-repeat:repeat-x;
line-height: 1em;
z-index: 10;
margin-left: 330px;
position: fixed;
bottom: 0;
}

	#schild p {
	padding-left: 60px;
	font-size: 11.5px;
	}
	
	#schild img {
	width: 120px;
	margin-left: 60px;
	margin-top: 47px;
	}


	#schild a {
	font-size: 11.5px;
	transition: color 0.5s ease-out;
	-webkit-transition: color 0.5s ease-out;
	-moz-transition: color 0.5s ease-out;
	-o-transition: color 0.5s ease-out;
	}
	#schild a:hover {color: #979797;}




/****************************************************************************/


#footer {
width: 2000px;
height: 90px;
background-image: url(../images/gras.png);
background-repeat: repeat-x;
z-index: 11;
position: fixed;
bottom: 0;
}



/* ***************************** FOMRULAR ******************************* */



.table {width: 450px; display:block;}

	.form_design {
	background-color:transparent;
	font-size: 14px;
	font-weight:normal;
	color: #585858;
	}
	
	.button {min-width: 110px; height: 25px;}
	.button_send {min-width: 110px; height: 25px;}

		.button:hover {opacity: 0.7;}
		.button_send:hover {opacity: 0.7;}



.input {
width: 320px;
height: 20px;
font-size: 14px;
color: #585858;
font-family: swiss_721_light_bt; 
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

	input:focus {background-color: #EFEFEF;}

textarea {
width: 320px;
height: 150px; 
margin-bottom: 15px;
resize: none; 
font-size: 14px;
color: #585858;
font-family: swiss_721_light_bt; 
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}

	textarea:hover {background-color: #F9F9F9;}
	textarea:focus {background-color: #EFEFEF;}



#footnote {margin-top: 30px;} 

	#footnote p {
	color: #999;
	font-size: 11px;
	}
	
	#footnote a {
	font-size: 11px;
	color: #999;
	margin-top: 30px;
	}	
	



/* *************** zurück zum Seitenanfang *************** */


#seitenanfang {
width: 550px;
height: 15px;
text-align: right;
margin: 30px 0 0 0;
clear: both;
}

	#seitenanfang a {
		color:#4B4B4B;
		letter-spacing: 0.1px;
		font-family: swiss_721_light_bt;
		line-height: 1.3em;
	font-size: 10px;
	color: #999;
	text-transform:uppercase;
	text-align: right;
	}

	#seitenanfang  a:hover {
	color: #C0C0C0;
	transition-property: color;
	transition-duration: 0.6s;
	/* Firefox */  -moz-color: #C0C0C0; -moz-transition-property: color; -moz-transition-duration: 0.6s;
	/* Safari / Chrome */   -webkit-color: #C0C0C0; -webkit-transition-property: color; -webkit-transition-duration: 0.6s;
	/* Opera */  -o-color: #C0C0C0; -o-transition-property: background-color; -o-transition-duration: 0.6s;
	}
	
	


#aktualisierung {
margin: 10px auto 5px auto;
font-family: swiss_721_light_bt; 
color: #000;
margin-top:100px;
font-size: 12px;
}



.bildunterschrift {
font-size: 11px;
font-style: italic;
vertical-align:text-top;
padding-top: 2px;
}


.bilder {
margin-top: 20px;
margin-bottom: 20px;
} 



.box {
padding-right: 15px;
padding-bottom: 15px;
/* border: 1px solid #F00; */
}