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


/* Seitenhintergrund */
#seite { 
	background:url(../bilder/hg_seite_weiss-grau.png) top left no-repeat #666;
	}

#inhalt {
	position:relative; top:-25px; left:250px;
	margin-top:0px;
	}
* html #inhalt { /* für IE6 */
	position:relative; top:-48px; left:250px;
	margin-top:0px;
	}

/* Cycle */
/***********************************************************************/
#cycle {
   	margin-top:5px;
	width:700px;
    	height:420px;
    	overflow:hidden;
	background-color:#fff;
	}
#cycle img {
   	margin-top:70px;
	}
	
#cycle-navi {
	z-index:999;
	position:absolute; left:630px; top:40px;
	width:60px; height:25px;
	}
#cycle-navi a {
	width:25px; height:25px;
	display:block;
	overflow:hidden;
	float:left;
	margin-right:5px;
	}
#cycle-navi a .seo {
	position:relative; left:-5000px;
	}
#cycle-navi a#zurueck {
	background:url(../bilder/button_zurueck.gif) top left no-repeat;
	}
#cycle-navi a#weiter {
	background:url(../bilder/button_weiter.gif) top left no-repeat;
	}



/* Teaser */
/***********************************************************************/

#inhalt .teaser {
	position:relative; left:0px; top:-75px;
	background:#fff;
	}
	
.teaser_f90 {
	position:relative; left:0px; top:-435px;
	background: url(../bilder/hg_teaser_f90.png) top left no-repeat;
	width:700px; height:425px;
	}
.teaser_006 {
	position:relative; left:0px; top:-435px;
	background: url(../bilder/hg_teaser_006.png) top left no-repeat;
	width:700px; height:425px;
	}
.teaser_060 {
	position:relative; left:0px; top:-435px;
	background: url(../bilder/hg_teaser_060.png) top left no-repeat;
	width:700px; height:425px;
	}
.teaser_6a0 {
	position:relative; left:0px; top:-435px;
	background: url(../bilder/hg_teaser_6a0.png) top left no-repeat;
	width:700px; height:425px;
	}
.teaser_009ee0 {
	position:relative; left:0px; top:-435px;
	background: url(../bilder/hg_teaser_009ee0.png) top left no-repeat;
	width:700px; height:425px;
	}
.teasertext {
	position:absolute; left:425px; top:120px;
	}
.teasertext .csc-default {
	width:250px;
	}

#inhalt .teasertext h1 {
	font-family:Verdana, Geneva, sans-serif; font-weight:bold;
	font-size:25px; line-height:30px;
	color:#fff;
	}
#inhalt .teasertext p {
	margin-left:35px; 
	font-family:Verdana, Geneva, sans-serif; font-weight:bold;
	font-size:14px; line-height:18px;
	color:#fff;
	}
#inhalt .teasertext a {
	color:#fff;
        padding-left:23px;
	}
#inhalt .teasertext a:hover {
	border-bottom:1px dotted #fff;
	}
#inhalt .kletter .teasertext a {
        background:url(../bilder/hg_teaserlink_f90.gif) top left no-repeat;
	}
#inhalt .trainings .teasertext a {
        background:url(../bilder/hg_teaserlink_006.gif) top left no-repeat;
	}
#inhalt .events .teasertext a {
        background:url(../bilder/hg_teaserlink_009ee0.gif) top left no-repeat;
	}
#inhalt .erlebnis .teasertext a {
        background:url(../bilder/hg_teaserlink_6a0.gif) top left no-repeat;
	}
#inhalt .akademie .teasertext a {
        background:url(../bilder/hg_teaserlink_060.gif) top left no-repeat;
	}

	

/* Tabs Startseite */

ul#tabs {
	list-style:none;
	width:700px; height:60px;
	float:left;
	padding:0px;
	border-top:5px solid #fff;
	background:url(../bilder/hg_tabs.gif) top left no-repeat;
	margin:0px; margin-bottom:20px;
	}
ul#tabs li {
	width:130px; height:60px;
	float:left;
	margin:0px; margin-right:2px;
	padding:0px;
	}
#inhalt ul#tabs li a {
	background-image:none;
	width:105px; height:52px;
	padding:0px; padding-left:25px; padding-top:8px;
	font-family:Verdana, Tahoma, sans-serif; font-weight:bold;
	font-size:14px; line-height:16px;
	color:#fff;
	text-decoration:none;
	display:block;
	}
#inhalt ul#tabs li a:hover {
	border:none;
	}

/* Winkel */
#inhalt #tabs li.winkel_f90 a:hover {
	background:url(../bilder/winkelbutton130_f90.gif) top left no-repeat;
	}
#inhalt #tabs li.winkel_060 a:hover {
	background:url(../bilder/winkelbutton130_060.gif) top left no-repeat;
	}
#inhalt #tabs li.winkel_006 a:hover {
	background:url(../bilder/winkelbutton130_006.gif) top left no-repeat;
	}
#inhalt #tabs li.winkel_999 a:hover {
	background:url(../bilder/winkelbutton130_999.gif) top left no-repeat;
	}
#inhalt #tabs li.winkel_009ee0 a:hover {
	background:url(../bilder/winkelbutton130_009ee0.gif) top left no-repeat;
	}
#inhalt #tabs li.winkel_6a0 a:hover {
	background:url(../bilder/winkelbutton130_6a0.gif) top left no-repeat;
	}