@charset "utf-8";
/* 		CSS Document 							*/
/*		Farbwert für Header 			#f0e8c8   	*/
/*		Farbwert für Body	 			#f4edd6   	*/
/*		Farbwert für Navigation inaktiv	#c6a877		*/
/*		Farbwert Subnavigation inaktiv	#c6a877		*/

/*###   Allgemeine Regeln   ###*/
*{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: none;
	text-decoration: none;
}
html{
	overflow: hidden;
}
body{
	background-color: #f4edd6;
	margin: 0;
	height: 100%;
	width: 100%;
	padding: 0;
	text-align: center;
}
/*###   Schriftformatierung   ###*/
p{
	color: #000000;
	font-size: 11px;
	line-height: 19px;
	margin: 6px 0 8px 0;
}
p a{
	color: #ef6a00;
}
strong{
	font-weight: bolder;
}
h1{
	font-size: 17px;
	color: #f12813;
}
h2{
	font-size: 16px;
}
h3{
	font-size: 14px;
}
h4{
	font-size: 13px;
}
h5{
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.28em;
	margin: 10px 0 4px 0;
}
/*###   Blenden für Hintergrund   ###*/
#top{
	z-index: 100;
	position: absolute;
	background-color: #f0e8c8;
	background-image: url("../Hintergrund/Headerblende.gif");
	background-position: bottom;
	background-repeat: repeat-X;
	top: 0;
	left: -15px;
	height: 117px;
	width: 100%;
	border-bottom: 73px solid #f4edd6;
}

#footer{
	z-index: 50;
	position: absolute;
	bottom: 15px;
	left: -15px;
	height: 25px;
	width: 100%;
}
/*###   Elemente für Hintergrundgestaltung   ###*/
.Nav_Blende{
	z-index: 76;
	position: absolute;
	background-color: #f4edd6;
	background-image: url("../Hintergrund/Nav1_Blende.png");
	background-repeat: repeat-x;
	top: 87px;
	right: 0;
	height: 30px;
	width: 40%;
}
#navi{
	z-index: 100;
	position: absolute;
	background-image: url("../Hintergrund/Navi.png");
	top: 0;
	left: -6px;
	height: 30px;
	width: 16px;
}
#Text_Blende{
	z-index: 76;
	position: absolute;
	top: 117px;
	left: 300px;
	height: 73px;
	width: 1500px;
	border-bottom: 1px solid #d9c9af;
}
/*###   Zentrierung   ###*/
.zentriert{
	z-index: 100;
	position: relative;
	text-align: left;
	top: 0;
	width: 1020px;
	height: 100%;
	margin: auto;
}
/*###   Scrollbox   ###*/
#scrollbox{
	z-index: 25;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	overflow: scroll;
}
/*###   Logo   ###*/
#RaffTaff{
	z-index: 20;
	position: absolute;
	top: 51px;
	left: 70px;
	height: 45px;
	width: 185px;
	cursor: pointer;
}
/*###   Claim   ###*/
#Beweg_Dich{
	z-index: 50;
	position: absolute;
	background-color: #f4edd6;
	background-image: url("../Hintergrund/Beweg_Dich.png");
	background-position: 57px 0;
	background-repeat: no-repeat;
	bottom: 0;
	right: 0;
	height: 49px;
	width: 50%;
}
/*###   Navigationselemente   ###*/
#Buttons{
	z-index: auto;
	position: absolute;
	top: 127px;
	left: 13px;
}
.N_Button{
	background-image: url("../Buttons/News.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 52px;
	height: 54px;
	width: 52px;
	float: left;
	display: block;
}
.A_Button{
	background-image: url("../Buttons/Archiv.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 52px;
	height: 54px;
	width: 52px;
	float: left;
	display: block;
}
.P_Button{
	background-image: url("../Buttons/Programm.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 52px;
	height: 54px;
	width: 52px;
	float: left;
	display: block;
}
.R_Button{
	background-image: url("../Buttons/Regio.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 54px;
	height: 55px;
	width: 55px;
	float: left;
	margin-left: 16px;
	display: block;
}
.K_Button{
	background-image: url("../Buttons/Kurse.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 54px;
	height: 55px;
	width: 55px;
	float: left;
	margin-left: 12px;
	display: block;
}
.N_Button:hover{
	background-image: url("../Buttons/News_a.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 52px;
	height: 54px;
	width: 52px;
	float: left;
	display: block;
}
.A_Button:hover{
	background-image: url("../Buttons/Archiv_a.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 52px;
	height: 54px;
	width: 52px;
	float: left;
	display: block;
}
.P_Button:hover{
	background-image: url("../Buttons/Programm_a.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 52px;
	height: 54px;
	width: 52px;
	float: left;
	display: block;
}

#Navigation{
	z-index: 110;
	position: absolute;
	background-image: url("../Hintergrund/Menu.png");
	background-repeat: repeat-x;
	top: 87px;
	left: 414px;
	height: 30px;
}
.Item{
	z-index: 115;
	font-size: 12px;
	line-height: 22px;
	width: 118px;
	margin: 8px 0 0 2px;
	float: left;
}
.Item a{
	background: #c6a877;
	font-size: 12px;
	color: #eadac0;
	line-height: 22px;
	padding-left: 12px;
	display: block;
}
.Item a:hover{
	color: #ffffff;
}
.Item .aktiv{
	z-index: 115;
	background-color: #ef6900;
	background-image: url("../Hintergrund/Kanu.jpg");
	background-position: top;
	background-repeat: repeat-x;
	line-height: 20px;
	color: #ffffff;
	margin: -94px 0 0 0;
	padding-top: 96px;
}
.Item .aktiv_o{
	z-index: 115;
	background-color: #ef6900;
	background-image: url("../Hintergrund/Outdoor.jpg");
	background-position: top;
	background-repeat: repeat-x;
	line-height: 20px;
	color: #ffffff;
	margin: -94px 0 0 0;
	padding-top: 96px;
}

#SubNavigation_K{
	z-index: 110;
	position: relative;
	top: 117px;
	left: 416px;
	width: 600px;
	margin-left: -2px;
}
#SubNavigation_Ka{
	z-index: 110;
	position: relative;
	top: 117px;
	left: 776px;
	width: 600px;
	margin-left: -2px;
}
.Item_2{
	z-index: auto;
	position: relative;
	top: 0;
	float: left;
}
.Item_2 a{
	background-color: #f4edd6;
	color: #c6a877;
	font-size: 12px;
	line-height: 22px;
	margin: 0 0 0 0;
	border-left: 1px solid #c6a877;
	padding: 4px 12px 4px 12px;
}
.Item_2 a:hover{
	color: #f12813;
	margin-left: -0;
	padding: 4px 12px 4px 11px;
	border-left: 2px solid #f12813;
}
.Item_2 .aktuell{
	color: #f12813;
	font-weight: bolder;
	margin-left: -0;
	padding: 4px 12px 4px 11px;
	border-left: 2px solid #f12813;
}

#SubMenu{
	z-index: 20;
	position: absolute;
	top: 479px;
	left: 57px;
	height: 22px;
	width: 630px;
}
#SubMenu a{
	z-index: 20;
	color: #707172;
	font-size: 9px;
	line-height: 22px;
	margin: 0 0 0 1px;
	padding: 0 13px 0 13px;
	float: left;
	border-left: 1px solid #d9c9af;
	display: block;
}
#SubMenu a:hover{
	z-index: 20;
	color: #f12813;
	margin-left: 0;
	border-left: 2px solid #f12813;
}
#SubMenu .aktiv{
	z-index: 21;
	color: #f12813;
	font-weight: bolder;
	margin-left: 0;
	border-left: 2px solid #f12813;
}
#SubMenu a.no_Bo{
	margin-left: 1px;
	border: none;
}
#SubMenu .aktiv_no{
	z-index: 21;
	color: #f12813;
	font-weight: bolder;
	margin-left: 0;
	border: none;
}
#SubMenu .aktiv_no:hover{
	color: #f12813;
	margin-left: 0;
	border: none;
}

#Seminare{
	z-index: inherit;
	position: absolute;
	background-color: #3e3d40;
	top: 0;
	right: 0;
	height: 216px;
	width: 109px;
	padding: 67px 8px 0 0;
	text-align: right;
}
#Seminare p{
	color: #ffffff;
	font-size: 12px;
}
#Seminare p a{
	color: #ffffff;
	font-size: 12px;
	letter-spacing: normal;
}
#Seminare p a:hover{
	color: #ffffff;
	font-size: 12px;
	letter-spacing: normal;
}
#Seminare ul{
	list-style-type: none;
	line-height: 17px;
	padding: 0;
}
#Seminare a{
	color: #ffffff;
	font-size: 10px;
}
#Seminare a:hover{
	color: #ee6900;
}
#Seminare .aktiv{
	color: #ee6900;
	font-weight: bolder;
}

#Kurse_Submenu{
	z-index: inherit;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 339px;
}
#Kurse_Submenu a{
	font-size: 11px;
	color: #ee6900;
	font-weight: bolder;
}

#Kanu_Touren{
	z-index: 20;
	position: absolute;
	background-color: #3e3d40;
	color: #ffffff;
	top: 0;
	left: 340px;
	height: 223px;
	width: 108px;
	padding: 1px 8px 0 0;
	text-align: right;
}
#Kanu_Touren p{
	color: #ffffff;
	font-size: 12px;
}
#Kanu_Touren p a{
	color: #ffffff;
	font-size: 12px;
	letter-spacing: normal;
}
#Kanu_Touren p a:hover{
	color: #ffffff;
	font-size: 12px;
	letter-spacing: normal;
}
#Kanu_Touren ul{
	list-style-type: none;
	line-height: 17px;
	padding: 0;
}
#Kanu_Touren a{
	color: #ffffff;
	font-size: 10px;
	letter-spacing: 0.05em;
}
#Kanu_Touren a:hover{
	color: #ee6900;
}
#Kanu_Touren .aktiv{
	color: #ee6900;
	font-weight: bolder;
}

#Outdoor_aktuell{
	z-index: 20;
	position: absolute;
	background-color: #3e3d40;
	color: #ffffff;
	top: 0;
	left: 340px;
	height: 170px;
	width: 108px;
	padding: 54px 8px 0 0;
	text-align: right;
}
#Outdoor_aktuell p{
	color: #ffffff;
	font-size: 12px;
}
#Outdoor_aktuell p a{
	color: #ffffff;
	font-size: 12px;
	letter-spacing: normal;
}
#Outdoor_aktuell p a:hover{
	color: #ffffff;
	font-size: 12px;
	letter-spacing: normal;
}
#Outdoor_aktuell ul{
	list-style-type: none;
	line-height: 17px;
	padding: 0;
}
#Outdoor_aktuell a{
	color: #ffffff;
	font-size: 10px;
	letter-spacing: 0.05em;
}
#Outdoor_aktuell a:hover{
	color: #ee6900;
}
#Outdoor_aktuell .aktiv{
	color: #ee6900;
	font-weight: bolder;
}
#Outdoor_Submenu{
	z-index: 50;
	position: absolute;
	bottom: 10px;
	left: 0;
	height: 30px;
	width: 339px;
}
#Outdoor_Submenu a{
	font-size: 11px;
	color: #ee6900;
	font-weight: bolder;
}

#Klassenfahrten{
	z-index: 20;
	position: absolute;
	background-color: #3e3d40;
	top: 0;
	right: 0;
	height: 183px;
	width: 109px;
	padding: 41px 8px 0 0;
	text-align: right;
}
#Klassenfahrten p{
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
}
#Klassenfahrten p a{
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
}
#Klassenfahrten p a:hover{
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
}
#Klassenfahrten ul{
	list-style-type: none;
	line-height: 17px;
	padding: 0;
}
#Klassenfahrten a{
	color: #ffffff;
	font-size: 10px;
	letter-spacing: 0.05em;
}
#Klassenfahrten a:hover{
	color: #ee6900;
}
#Klassenfahrten .aktiv{
	color: #ee6900;
	font-weight: bolder;
}

/*###   Inhaltcontainer Touren etc.   ###*/
#Aktuell{
	z-index: 25;
	position: absolute;
	top: 190px;
	left: 58px;
	height: 283px;
	width: 456px;
	border: 3px solid #d9c9af;
}
#Aktuell_Text{
	z-index: inherit;
	position: absolute;
	top: 229px;
	left: 10px;
	height: 58px;
	width: 100%;
	text-align: left;
}
#Aktuell_Text p{
	font-size: 10px;
	line-height: 15px;
}

#Outdoor_text{
	z-index: auto;
	position: absolute;
	top: 229px;
	left: 10px;
	height: 58px;
	width: 100%;
	text-align: left;
}
#Outdoor_text p{
	color: #ef6a00;
	line-height: 15px;
	font-size: 10px;
}

#Outdoor_Aktuell{
	z-index: 50;
	position: absolute;
	top: 0;
	left: 0;
	height: 224px;
	width: 340px;
}

#Flossfahrt{
	z-index: 50;
	position: absolute;
	background-image: url("../Bilder/Flossfahrten_blende.jpg");
	top: 0;
	left: 0;
	height: 224px;
	width: 340px;
	visibility: hidden;
}
#Bogenschiesen{
	z-index: 50;
	position: absolute;
	background-image: url("../Bilder/Bogenschiessen_blende.jpg");
	top: 0;
	left: 0;
	height: 224px;
	width: 340px;
	visibility: hidden;
}
#Haixen{
	z-index: 50;
	position: absolute;
	background-image: url("../Bilder/Haixen_blende.jpg");
	top: 0;
	left: 0;
	height: 224px;
	width: 340px;
	visibility: hidden;
}
#Baumnest{
	z-index: 50;
	position: absolute;
	background-image: url("../Bilder/Baumbett_blende.jpg");
	top: 0;
	left: 0;
	height: 224px;
	width: 340px;
	visibility: hidden;
}
#Outdoor_1{
 color: #ffffff;
 padding: 0 0 0 8px;
}

#Klassenfahrten_text{
	z-index: auto;
	position: absolute;
	top: 229px;
	left: 10px;
	height: 58px;
	width: 100%;
	text-align: left;
}
#Klassenfahrten_text p{
	color: #ef6a00;
	line-height: 15px;
	font-size: 10px;
}

#Projekte_text{
	z-index: auto;
	position: absolute;
	top: 229px;
	left: 10px;
	height: 58px;
	width: 100%;
	text-align: left;
}
#Projekte_text p{
	line-height: 15px;
	font-size: 10px;
}

#Kurse{
	z-index: inherit;
	position: absolute;
	top: 0;
	left: 0;
	height: 58px;
	width: 339px;
	border-bottom: 1px solid #dccbb0;
}
#Kurse p{
	color: #58585a;
	line-height: 18px;
	margin: 9px 0 0 12px;
}
#Kurse_1{
	z-index: inherit;
	position: absolute;
	background-color: #f7f5e9;
	top: 59px;
	left: 0;
	height: 218px;
	width: 339px;
	padding-top: 6px;
}
#Kurse_2{
	z-index: inherit;
	position: absolute;
	background-color: #f7f5e9;
	top: 59px;
	left: 0;
	height: 218px;
	width: 339px;
	padding-top: 6px;
	visibility: hidden;
}
.Kurse{
	color: #58585a;
	line-height: 17px;
	letter-spacing: -0.09em;
	margin: 5px 0 0 12px;
	padding-right: 9px;
}
.Kurse_1{
	color: #58585a;
	line-height: 16px;
	letter-spacing: -0.05em;
	margin: 5px 0 0 12px;
	padding-right: 9px;
}

.Programm{
	position: relative;
	background-color: #f7f5e9;
	top: 15px;
	left: 0;
	width: 100%;
	margin-bottom: 15px;
	border-top: 1px solid #9c9d9f;
}

#Konditionen{
	z-index: 25;
	position: absolute;
	top: 229px;
	left: 10px;
	height: 58px;
	width: 100%;
	text-align: left;
}
#Konditionen p{
	font-size: 10px;
}

/*###   Container für Bilder   ###*/
#Bild_M{
	z-index: inherit;
	position: absolute;
	top: 0;
	left: 0;
	height: 224px;
	width: 340px;
}
#Bild_G{
	z-index: inherit;
	position: absolute;
	top: 0;
	left: 0;
	height: 224px;
	width: 456px;
}
#Bildanimation{
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
	height: 224px;
	width: 340px;
}
#Bild_lo{
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	height: 224px;
	width: 340px;
	cursor: pointer;
}
#Bild_ro{
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	height: 224px;
	width: 340px;
}
#Bild_lu{
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 224px;
	width: 340px;
}
#Bild_ru{
	z-index: 10;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 224px;
	width: 340px;
}
/*###   Textfeld rechts   ###*/
#Texte{
	z-index: 50;
	position: relative;
	top: 195px;
	text-align: left;
	width: 400px;
	margin: auto;
	padding: 9px 30px 100px 534px;
}
#Texte p{
	margin: 6px 0 10px 0;
}
#Texte strong{
	font-weight: bolder;
	color: #ef6a00;
}

#KTexte{
	z-index: 50;
	position: absolute;
	top: 201px;
	left: 50%;
	text-align: left;
	width: 370px;
	margin: 0 0 0 67px;
	padding-bottom: 100px;
}

#Outdoor{
	z-index: 50;
	position: relative;
	top: 192px;
	text-align: left;
	width: 400px;
	margin: auto;
	padding: 12px 30px 100px 534px;
}
#Outdoor strong{
	font-weight: bolder;
	color: #ef6a00;
}

#Locations{
	z-index: 50;
	position: relative;
	top: 192px;
	text-align: left;
	width: 400px;
	margin: auto;
	padding: 12px 30px 100px 534px;
}
#Locations strong{
	font-weight: bolder;
	color: #ef6a00;
}

.N_Button{
	background-image: url("../Buttons/News.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 52px;
	height: 54px;
	width: 52px;
	float: left;
	display: block;
}
.A_Button{
	background-image: url("../Buttons/Archiv.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 52px;
	height: 54px;
	width: 52px;
	float: left;
	display: block;
}
.P_Button{
	background-image: url("../Buttons/Programm.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 52px;
	height: 54px;
	width: 52px;
	float: left;
	display: block;
}
.N_Button:hover{
	background-image: url("../Buttons/News_a.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 52px;
	height: 54px;
	width: 52px;
	float: left;
	display: block;
}
.A_Button:hover{
	background-image: url("../Buttons/Archiv_a.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 52px;
	height: 54px;
	width: 52px;
	float: left;
	display: block;
}
.P_Button:hover{
	background-image: url("../Buttons/Programm_a.png");
	background-position: top;
	background-repeat: no-repeat;
	line-height: 52px;
	height: 54px;
	width: 52px;
	float: left;
	display: block;
}



/*###   Tabellen   ###*/
table{
	font-size: 11px;
}
tr{
	height: 16px;
}
#zelle_r{
	text-align: right;	
	width: 28px;
	cursor: pointer;
}
#zelle_m{
	text-align: right;
	width: 28px;
	cursor: pointer;
	visibility: hidden;
}
#zelle_l{
	text-align: left;
	width: 268px;
}
#zahl{
	position: absolute;
	top: 0;
	left: 8px;
	color: #ef6a00;
	font-size: 9px;
	font-weight: bolder;
}
#zahl_2{
	position: absolute;
	top: 0;
	left: 8px;
	color: #ef6a00;
	visibility: hidden;
	font-size: 9px;
	font-weight: bolder;
}
/*###   Sonderregeln   ###*/
.sp_1{
	font-weight: bolder;
	margin: 0 10px 0 10px;
}
.sp_1w{
	color: #ffffff;
	margin: 0 10px 0 10px;
}
.Top_5{
	padding-top: 5px;
}
.fett{
	font-weight: bolder;
}
.orange{
	color: #ef6a00;
}
.sw{
	color: #000000;
	font-weight: bolder;
}
.filler{
	position: relative;
	margin-left: 95px;
	
}
#versteckt{
	visibility: hidden;
}
.trenner{
	padding: 0 10px 0 10px;
}
.wichtig{
	font-size: 13px;
}