/* YUI Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1 {font-family: Tahoma, Verdana, sans-serif;font-size: 20px;font-style: normal;line-height: 18px;font-weight: normal;font-variant: normal;color: #4d4d4d;text-transform: none;text-decoration: none;}
h2	{font-family: Tahoma, Verdana, sans-serif;font-size: 18px;font-style: normal;line-height: 18px;font-weight: normal;font-variant: normal;color: #4d4d4d;text-transform: none;text-decoration: none;}
h3	{font-family: Tahoma, Verdana, sans-serif;font-size: 18px;font-style: normal;line-height: 18px;font-weight: normal;font-variant: normal;color: #e1021c;text-transform: none;text-decoration: none;}
h4	{font-family: Tahoma, Verdana, sans-serif;font-size: 14px;font-style: normal;line-height: 18px;font-weight: normal;font-variant: normal;color: #4d4d4d;text-transform: none;text-decoration: none;}
h5	{font-family: Tahoma, Verdana, sans-serif;font-size: 12px;font-style: normal;line-height: 18px;font-weight: normal;font-variant: normal;color: #4d4d4d;text-transform: none;text-decoration: none;}
h6	{font-family: Tahoma, Verdana, sans-serif;font-size: 10px;font-style: normal;line-height: 14px;font-weight: normal;font-variant: normal;color: #4d4d4d;text-transform: none;text-decoration: none;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
/*** Percents could work for IE, but for backCompat purposes, we are using keywords.x-small is for IE6/7 quirks mode.* */
body {font: 11px Tahoma, Verdana, Arial, clean, sans-serif; *font-size: small; *font: x-small;}
table {font-size: inherit; font:100%;}
/*** 99% for safari; 100% is too large*/
select, input, textarea {font: 99% tahoma, verdana, arial, clean, sans-serif;}
/*** Bump up !IE to get to 13px equivalent*/
pre, code {font: 115% monospace; *font-size: 100%;}
/*** Default line-height based on font-size rather than "computed-value"* see: http://www.w3.org/TR/CSS21/visudet.html#line-height*/
body * {line-height: 1.4em;}
 
/* YUI Reset END*/
 
 
/* AB hier Styles für die Website*/
/*allgemeine Styles*/
.clear {
	clear: both;
}
 
.fleft {
	float:left;
}
 
.fright {
	float:right;
}
 
.flLeft {
	float:left;
	padding-right: 20px;
}
 
 
.flRight { 
	float:right;
	padding-left: 20px;
}
 
.orange {
	color:#ed6501;
	font-weight:bold;
}
 
.schwarz {
	color:#000000;
}
 
 
/*allgemeine Styles END*/
 
 
body {
	background-color: #e5e5e5;
}
 
#website {
	position:relative;
	margin: 0 auto;
	padding: 20px;
	width:960px;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;
	background-color: #ffffff;
}
 
#footer {
	padding-top:6px;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 10px;
	color: #777777;
	text-align: right;
}
 
#footer a {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 11px;
	color: #777777;
	text-decoration: none;
	font-weight: bold;
}
 
#content {
	position:relative;
	top: 3px;
	width: 960px;
	border-top: 2px solid #777777;
	border-bottom: 2px solid #777777;
	padding-bottom:6px;
}
 
#banner {
}
 
#banner_logo {
	float:left;
	width: 85px;
	height: 124px;
	background-image: url('logo.png');
	background-repeat: no-repeat;
}
 
#banner_center {
	top: 14px;
	position:relative;
	float:left;
	width: 873px;
	height: 107px;
	border-left:2px solid #ed6501;
	border-bottom:2px solid #ed6501;
}
 
#logo_right {
	position:relative;
	text-align:right;
	float:right;
	width: 197px;
	height: 107px;
	background-image: url('schriftzugmunich09.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}
 
#lang{
	text-align:right;
	padding-top:5px;
	height:17px;
	width: 90px;
	float:right;
	color: #777777;
	font-size:11px;
	
/*	border: 1px solid #999;*/
}
 
 
 
 
#navbox {
	padding-top: 6px;
	width: 750px;
	float: left;
}
 
/*Navigations Klassen */
 
#navbox a {
	padding: 1px;
	font-size:14px;
	color: #777777;
	text-decoration: none;
}
 
#navbox a.current, a.active {
	padding: 1px;
	font-size:14px;
	color: #000000;
	text-decoration: none;
}
 
.nav2nd {
	float:left;
	width: 700px;
	padding: 1px;
	font-size:11px;
	color: #777777;
	text-decoration: none;
	margin-bottom: 20px;
}
 
.nav2nd a{
	font-size:11px;
	color: #777777;
	text-decoration: none;
}
 
.nav2nd a.current, a.active{
	font-size:11px;
	color: #000000;
	text-decoration: none;
}
 
#sponsorenbox { 
	text-align:center;
	float: right;
	width: 200px;
	border-left: 1px solid #ed6501;
	padding-bottom: 50px;
	padding-left: 0px;
	margin-top:6px;
	color: #777777;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: normal ;
	line-height: 1em;
}
/*SPONSOREN UND PARTNER FÜR HOVER EFFEKT */
#expositio {
	width:180px; 
	height:85px; 
	background: url('expositio_sw.png') no-repeat;
}
 
#expositio:hover {
	width:180px; 
	height:85px; 
	background: url('expositio.png') no-repeat;
}
 
 
#ifsc {
	width:180px; 
	height:94px; 
	background: url('ifsc_sw.png') no-repeat;
}
 
#ifsc:hover {
	width:180px; 
	height:94px; 
	background: url('ifsc.png') no-repeat;
}

#dav:hover {
	width:180px; 
	height:68px; 
	background: url('dav.png') no-repeat;
}
 
#dav {
	width:180px; 
	height:68px; 
	background: url('dav_sw.png') no-repeat;
}

#stadtm {
	width:180px; 
	height:65px; 
	background: url('sportamt_1.png') no-repeat;
}
 
#stadtm:hover {
	width:180px; 
	height:65px; 
	background: url('sportamt_sw_1.png') no-repeat;
}

#amo {
	width:180px; 
	height:72px; 
	background: url('dav_ob_sw_1.png') no-repeat;
}
 
#amo:hover {
	width:180px; 
	height:72px; 
	background: url('dav_ob_1.png') no-repeat;
}

#kt {
	width:180px; 
	height:98px; 
	background: url('kletterzentrum_sw_1.png') no-repeat;
}
 
#kt:hover {
	width:180px; 
	height:98px; 
	background: url('kletterzentrum_1.png') no-repeat;
}

#vaude {
	width:180px; 
	height:89px; 
	background: url('vaude2_sw_1.png') no-repeat;
}
 
#vaude:hover {
	width:180px; 
	height:89px; 
	background: url('vaude2_1.png') no-repeat;
}

#edel {
	width:180px; 
	height:40px; 
	background: url('edelrid_1.png') no-repeat;
}
 
#edel:hover {
	width:180px; 
	height:40px; 
	background: url('edelrid_sw_1.png') no-repeat;
}

#leben {
	width:180px; 
	height:42px; 
	background: url('bergleben_sw_1.png') no-repeat;
}
 
#leben:hover {
	width:180px; 
	height:42px; 
	background: url('bergleben_1.png') no-repeat;
}

#klettern {
	width:180px; 
	height:43px; 
	background: url('kl-logo_sw_1.png') no-repeat;
}
 
#klettern:hover {
	width:180px; 
	height:43px; 
	background: url('kl-logo_1.png') no-repeat;
}


#climbing {
	width:180px; 
	height:33px; 
	background: url('climbing_sw_1.png') no-repeat;
}
 
#climbing:hover {
	width:180px; 
	height:33px; 
	background: url('climbing_1.png') no-repeat;
}
 
 
 
#wupperwaende {
	width:180px; 
	height:53px; 
	background: url('wupperwaende_sw.png') no-repeat;
}
 
#wupperwaende:hover {
	width:180px; 
	height:53px; 
	background: url('wupperwaende.png') no-repeat;
}
 
#tnt {
	width:180px; 
	height:48px; 
	background: url('tnt_sw.png') no-repeat;
}
 
#tnt:hover {
	width:180px; 
	height:48px; 
	background: url('tnt.png') no-repeat;
}
 
#almdudler:hover {
	width:180px; 
	height:48px; 
	background: url('almdudler.png') no-repeat;
}
 
#almdudler {
	width:180px; 
	height:48px; 
	background: url('almdudler_sw.png') no-repeat;
}
 
 
#axumia:hover {
	width:180px; 
	height:48px; 
	background: url('axumia.png') no-repeat;
}
 
#axumia {
	width:180px; 
	height:48px; 
	background: url('axumia_sw.png') no-repeat;
}
 
 
 
 
 
 
#artfabrik:hover {
	width:180px; 
	height:90px; 
	background: url('artfabrik.png') no-repeat;
}
 
#artfabrik {
	width:180px; 
	height:90px; 
	background: url('artfabrik_sw.png') no-repeat;
}
 
#klimping:hover {
	width:180px; 
	height:60px; 
	background: url('klimping.png') no-repeat;
}
 
#klimping {
	width:180px; 
	height:60px; 
	background: url('klimping_sw.png') no-repeat;
}
 

 
 
#companiavertical:hover {
	width:180px; 
	height:60px; 
	background: url('compania.png') no-repeat;
}
 
#companiavertical {
	width:180px; 
	height:60px; 
	background: url('compania_sw.png') no-repeat;
}
 
#evertzberg:hover {
	width:180px; 
	height:90px; 
	background: url('evertzberg.gif') no-repeat;
}
 
#evertzberg {
	width:180px; 
	height:90px; 
	background: url('evertzberg_sw.gif') no-repeat;
}
 
 
 
 
 
 
 
/*SPONSOREN UND PARTNER FÜR HOVER EFFEKT END*/
 
#text {
	font-family: Arial, sans-serif;
	width:650px;
	float:left;
	padding-left: 20px
}
 
 
#text p{
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #777777;
	padding-bottom: 15px;
}
 
 
#text h1 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	line-height: 1.5em;
	color: #ed6501;
	padding-bottom: 12px;
}
 
#text h2 {
	padding-bottom: 12px;
	font-size: 16px;
	line-height: 1.5em;
	color: #777777;
}
 
#text a {
	color: #777777;
	clear: both;
}
 
 
#text a:hover {
	color: #ed6501;
}
 
#text ul{
	padding-left: 20px;
}
 
 
#text li{
	padding-left: 5px;
	list-style-type: circle;
	list-style-position: outside;
	color:#777777;	
}
 
/*Sponsoren*/
 
#dav a {
	background-position: top left;
}
 
#dav a:hover {
	background-image: url('dav.png');
}
 
#text strong {
font-weight: bold;
}
 
/*####### MODULE ################### */
 
/* EYS_TEASER   */
.teaser { 
	float: left;
	width: 610px;
	background-color: #f5f5f5;
	margin-bottom: 20px;
	border: 1px solid #ed6501;	
}
 
 
 
.teaserbild {
	padding: 5px 10px 5px 5px;
	float: left;
	height: 102px;
	width: 102px;
}
 
.teaserbild img{
	border: 1px solid #ed6501;
}
 
.teasertext {
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 465px;
	float: left;
}
 
.teaserheadline {
	width: 440px;
	font-family: Arial, sans-serif;
  	font-size: 12px;
  	line-height: 18px;
  	font-weight: bold;
  	color: #4d4d4d;
}
 
/* END: EYS_TEASER   */
 
/* JAOS Lightbox Style-Sheet */
div.jaosg_thumbnail     { 
	background-image: none; 
	background-repeat: repeat; 
	background-attachment: scroll; 
	background-position: 0 0; 
	margin: 5px 3px; 
	float: left;
	border: 1px solid #ed6501;
}
 
div.jaosg_thumbnail img { }
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin: 20px 10px;
}
 
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 60px;
	margin: 10px 20px;
}
 
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}
/* END: JAOS Lightbox Style-Sheet */
 
 
/* KADER - Flags */
.flaggen { 
	width: 504px;
	height: 80px;
	border: 1px solid #ed6501;
}
 
.flaggenbox {
	float: left;
	padding-top: 5px;
	padding-left: 5px;  
	width: 37px;
}
/* END: KADER - Flags */
 
/*Formulareditor*/
.formgen {	
	float: left;
}
 
label,select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]  {
	cursor: pointer;
}
 
.formgen form{
	line-height : 18px;
	width: 200px;
 
}
 
.formgen .formblock{
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	float: left;
}
 
/* Verhalten von br-Tags*/
 
.formgen br {
	clear: both;
}
 
/* --------- FORMULAR-OBJEKTE ------------ */
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield  {
	width: 400px;
	height: 200px;
	background-color: #F2F2F2;
	border: 1px solid #ed6501;
	color: #000000;
	padding-left: 5px;
	padding-top: 5px;
}
 
/* Textfeld */
.formgen .formtext {
	height: 22px;
    width: 400px;
	background-color: #f2f2f2;
	border: 1px solid #ed6501;
	color: #000000;
	padding-left: 5px;
	padding-top: 5px;
}
 
input:focus.formtext,  textarea:focus.formtextfield {
	background-color: #f2f2f2;
	border: 1px solid #ed6501;
		color: #4d4d4d;
}
 
 
/* Trennelement , Abstand */
.formgen .formtrenn {
	display: block;
	height: 20px;	
}
 
/* Hinweistext */
 
.formgen .formhinweis {
	font-weight: normal;
	color: #e1021c;
	font-size: 1.2em;
}
 
/* Überschrift */
 
 
 
.formgen .formheadline {
	font-family: Arial, sans-serif;
	font-size: 20px;
	line-height: 1.5em;
	color: #ed6501;
}
 
/* Passwortfeld */
 
.formgen .formpassword {
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
 
/*Captcha-Bild*/
.formgen .formcaptcha {
border: 0px solid #ed6501;
}
 
/* Label */
 
.formgen .label {
width: 450px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}
 
/* Aussehen der Select-Ausgabe */
.formgen .formselect {
	width: 60px;
	background-color: #f2f2f2;
	border: 1px solid #ed6501;
	padding-left: 5px;
}
 
/* Sende-Button */
.formgen .formsubmit {
 	margin:280px;
	float:left;
	width: 100px;
	background-color: #f2f2f2;
	color: #000000;
	border: 1px solid #ed6501;
	margin-top: 20px;
}
 
 
 
input:focus.formsubmit {
	background-color: #f2f2f2;
	color: #1a171b;
	border: 1px solid #ed6501;
}
 
/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen .fieldset {
	width: 407px;
	margin-top:20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 0px solid #ed6501;
}
 
/* Fieldsetbeschriftung */
.formgen legend {
	font-family: Arial, sans-serif;
	font-size: 20px;
	line-height: 1.5em;
	color: #ed6501;
	padding-bottom: 15px;
}
 
.formradio{
	color: #777777;
}
/*END: Formulareditor*/
 
 
/* Google Maps */
#maps {
	margin-right: 15px;
	margin-bottom: 10px;
	float: left;
	width: 435px;
	height: 360px;
	padding: 5px;
	border: 1px solid #ed6501;
}
 
 
/*Modul splaten */
.spalte_1 {
	float:left;
	width: 190px;
}
 
.spalte_2 {
	float: right;
	padding-left: 10px;
	width: 440px;
	border-left: 1px solid #ed6501;
	
}
 
 
/*####### END: MODULE ################### */
 
 
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;	
}
 
#lightbox a img{ 
	border: none;
}
 
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
 
#imageContainer{
	padding: 10px;
}
 
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
 
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
 
#imageContainer>#hoverNav{ 
	left: 0;
}
 
#hoverNav a{
	 outline: none;
}
 
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
 
#prevLink { 
	left: 0; 
	float: left;
}
 
#nextLink { 
	right: 0; 
	float: right;
}
 
#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}
 
#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}
 
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}
 
#imageData{
	padding:0 10px;
}
 
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
 
#imageData #caption{ font-weight: bold;	}
 
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
 
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
 
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
 
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
 
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
 
#lightbox a img{ border: none; }
 
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
 
#imageContainer{
	padding: 10px;
	}
 
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
 
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
 
 
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}
 
#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
	
 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
 
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
 
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}