/* ------- ALLGEMEIN  -------- */

* {
	margin:0;
	padding:0;
	}
	
html , body{
	scrollbar-arrow-color: #99cc33;
	scrollbar-3dlight-color: #666666;
	scrollbar-highlight-color: #99cc33;
	scrollbar-face-color: #666666;
	scrollbar-shadow-color: #99cc33;
	scrollbar-darkshadow-color: #666666;
	scrollbar-track-color: #666666;
	}
	
	
body {
	background:url(../images/layout/bg.jpg) #666666 center repeat-y;
	font:  8pt verdana, arial, georgia, sans-serif;
	color: #ffffff;	
	text-align:left;
	overflow-y:scroll;	
	}
	
*:first-child+html body {
	overflow-y:visible;	
  }

h1 { 
	margin:0 0 10px 0;
	color: #99cc33;
	font-size:9pt;
	font-weight:bold;
}

h1.gross { 
	font-size:12pt;
}

h1.bg {
 	background:#99cc33;
	color:#333333;
	padding:2px 0 2px 2px;
	font:  10pt verdana, arial, georgia, sans-serif;
	text-align:left;
	font-weight:bold;
	}
h2 { 
	margin:0 0 5px 0;
	font:  8pt verdana, arial, georgia, sans-serif;
	color: #ffffff;	
	text-decoration:underline;
	clear:left;
}

h3 { 
	margin:0 0 5px 0;
	font:  8pt verdana, arial, georgia, sans-serif;
	color: #ffffff;	
	text-decoration:underline;
	font-weight:normal;
	clear:left;
}

p {
	margin-bottom:10px;
	}  

a:link, a:visited, a:hover, a:active { 
	color: #ffffff;
  	font-weight: normal;
  	text-decoration: none;
  	}

a:hover { 
  	text-decoration: underline;
  	} 
  	
a.re:link, a.re:visited, a.re:hover, a.re:active { 
	background: url(../images/icons/pfeil-re.gif) no-repeat left bottom;
	display:block;
	padding-left:27px;
	padding-top:4px;
	margin:0 5px 0px 0;
	text-decoration:none;
  	}
	
a.li:link, a.li:visited, a.li:hover, a.li:active { 
	background: url(../images/icons/pfeil-li.gif) no-repeat left bottom;
	display:block;
	padding-left:27px;
	padding-top:4px;
	margin:0 5px 5px 0;
	text-decoration:none;
  	} 	  	

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { 
	margin:0 0 0 0;
	color: #99cc33;
	font-size:9pt;
	font-weight:bold;
  	}

h1 a:hover, h1 a:active { 
  	text-decoration: underline;
  	} 

  	
ul{
	list-style-type:none;
}


li{
	display:inline;
}
	
td{
	vertical-align:top;
	}	
td p {
	margin-bottom:5px;
	}  
/* ------- EBENEN ------- */


#container {
	background:url(../images/layout/bg_inhalt.jpg) no-repeat right top;
	width:870px;
	height:750px;
	margin: 0 auto;
	border: 0px solid #ffffff;
	overflow:visible;
	position:relative;
}


#header {
	background:url(../images/layout/bg_header.jpg) no-repeat right top;
	height:192px;
	border: 0px solid #ffffff;	
	margin-bottom:60px;
}

#header img.logo{
	margin: 54px 0 0 28px;
	float:left;
}

#header img.text{
	margin: 90px 0 0 5px;
	float:left;
}

#ticker{
	top:20px;
	left:300px;
	width:300px;
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	overflow:visible;
	position:absolute;
}

#content {
	top:-27px;
	left: 0px;
	position:relative;
	border:0px solid #ffffff;
	z-index:1; 
}

#inhalt {
	float:right;
	width:700px;
	padding: 0 0 0 0;
	border-right:0px solid #ffffff;
}


#absatz {
	clear:both;
	}

#uline {
	clear:both;
	height:10px;
	margin: 5px 0 10px 0;
	overflow:hidden;
	border-bottom:1px solid #99cc33;	
	}
	
#uline img{
	border:0px;	
	}			
	
#clearer {
	clear:both;
	}
	
/* ------- INHALT ------- */

.links{
	float:left;
	}
	
.rechts{
	float:right;
	}	

#inhalt img{
	float:right;
	margin:3px 0px 5px 20px;
	border:1px solid #ffffff;
}

#inhalt img.links{
	float:left;
	margin:3px 5px 5px 0;
}

#inhalt img.anfahrt{
	float:right;
	border:0px solid #ffffff;
	margin:0 10px 0 0;	
}

#inhalt p{
	margin:0 20px 20px 0;
	text-align:justify;
}

#inhalt p.higru{
	background: url(../images/icons/higru.gif) no-repeat left top;
	padding-left:27px;
	overflow:visible;
}

#inhalt p.higrufix{
	background: url(../images/icons/higru.gif) no-repeat left top;
	height: 20px;
	padding-left:27px;
	padding-top:4px;	
	margin-bottom:2px;
	overflow:visible;	
}

#inhalt ul{
	list-style-type:square;
	margin:20px 0 20px 20px;
}


#inhalt li{
	display:list-item;
	margin-bottom:5px;

}


#inhalt ul.gross{
	list-style-type:none;
	margin:20px 0 20px 0px;
}


#inhalt ul.gross li{
	background: url(../images/icons/higru.gif) no-repeat left top;
	padding:0px 0 0 30px;
	margin-bottom:15px;

}

#anfahrt-pfeil {
	text-align:right;
	margin:10px 0px 0px 0;
}	

#anfahrt-pfeil p{
	float:right;
}

/* ------- GALLERIE ------- */


#inhalt.galerie table{
	background: #ffffff;
	float:left;
	width:120px;
	height:120px;
	margin:0 16px 16px 0px;
	overflow:hidden;
}


#inhalt.galerie table td{
	text-align:center;
	vertical-align:middle;
}

#inhalt.galerie table td img{
	margin:0;
	float:none;
}


/* ------- GALLERIE GROSS------- */

#inhalt.galeriegross {
	width:665px;
	margin-right:35px;
}

#inhalt.galeriegross div{
	text-align:center;
}

#inhalt.galeriegross img{
	border:0px solid #cccccc;
	margin:auto auto;
	margin-bottom:10px;
	margin-top:10px;
	padding:0;
	float:none;
}

#inhalt.galeriegross a:link, #inhalt.galeriegross a:visited, #inhalt.galeriegross a:hover, #inhalt.galeriegross a:active { 
	padding:2px 4px 2px 4px;
	color: #ffffff;
  	font-weight: normal;
  	text-decoration: none;
  	}

#inhalt.galeriegross a:hover { 
  	background:#99cc33;
  	background:transparent;
	text-decoration: underline;
  	} 

/* ------- NEWS ------- */
#news {
	clear:both;
	}

#news div.bild {
	float:left;
	text-align:left;
	width:100px;
	border:0px solid #cccccc;
	}
	
#news div.bild img{
	float:left;
	margin:0px;
	}		
		
#news div.text {
	float:left;
	text-align:left;
	width:380px;
	}
	
#news div.rechts {
	float:right;
	text-align:right;

	}		

#newsgr{
	float:right;
	width:400px;
	text-align:right;
	margin:0px 5px 5px 20px;
	border:0px solid #ffffff;
}

#newsgr img{
	clear:left;
	float:right;
	margin:0px 0px 5px 0px;
	border:1px solid #ffffff;
}


/* ------- LISTE / ANGEBOTE / PREISE ------- */

#inhalt.liste table{
	margin-top:20px;
	width:665px;
	}

#inhalt.liste table.rand{
	 border:1px solid #333333;
	}
	
#inhalt.liste th{
	background:#99cc33;
	color:#333333;
	padding:2px 0 2px 2px;
	font:  10pt verdana, arial, georgia, sans-serif;
	text-align:left;
	font-weight:bold;
	}
	
#inhalt.liste th.klein{
	background:#999999;
	font:  8pt verdana, arial, georgia, sans-serif;
	vertical-align:top;
	margin-top:10px;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	
	}

#inhalt.liste .mitte{
	text-align:center;
	}

#inhalt.liste .randre{
	 border-right:1px solid #333333;
	}
	
#inhalt.liste .randu{
	 border-bottom:1px solid #333333;
	}	
	
#inhalt.liste th.dav{
	background:	#006633;
	color:#ffffff;
	border:1px solid #333333;
	border-left:2px solid #333333;
	}	
	
#inhalt.liste td{
	padding:4px 0 4px 2px;
	font:  8pt verdana, arial, georgia, sans-serif;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	}

		
#inhalt.liste td ul{
	margin:0;
	}
	
#inhalt.liste td ul li{
	margin:0;
	margin-left:20px;
	list-style-type:square
	}	
	
	
/* ------- VERWALTUNG ------- */

form {
	margin-top:10px;
}

input#verwaltung { 
	background:#ffffff;
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 8pt;
	color:#444444; 
	font-weight: normal; 
  	width: 300px; /* Breite.*/
  	margin-bottom: 3px;
}

select#verwaltung { /* Alle Formularelemente auswählen */
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 8pt;
	color:#444444; 
	font-weight: normal; 
  	width: 130px; /* Breite.*/
  	margin-bottom: 3px;
}
			   
input#submit { /* den Submit-Button, muss mit id gemacht werden, da IE ansonsten nicht unterstützt */
	background-color : #ffffff; 
	font-size : 8pt; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	color : #444444;
  	margin-bottom: 3px;
	}
  	

.feld {
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 1px; 
	FONT: 9px , Verdana, Arial, Helvetica; 
	COLOR: #444444; 
	PADDING-TOP: 1px; 
	}
	
/********************************************
   Cityguide
********************************************/ 

#cityguide{
	position:absolute;
	width:75px;
	top:10px;
	padding-left:445px;
	padding:0;
	right:-80px;
}

	
/********************************************
   b2climb
********************************************/ 
#sponsoren {
	padding:10px;
	overflow:auto;
	background:#ffffff;
}	

#sponsoren h1{
	color:#333333;
}	

#sponsoren img{
	float:left;
	margin:0 20px 20px 0;
}	

#sponsoren a img {
	border:0;
	}
	
	
#sponsoren HR{
	height:1px;
	border-top:1px solid ffffff;
	border-bottom:1px solid ffffff;
	margin:0;
}

*html #sponsoren hr {
	border-top:1px solid #ffffff;
	border-bottom:0;
}
		
/********************************************
   Formular
********************************************/ 

form {
	width:690px;
	margin-bottom:40px;
	}

form h1 { 
}

form table td {
	padding-bottom:5px; 
}

form table th {
	text-align:left;
	color:#99cc33;
	padding-bottom:5px; 
}


label {
	float:left;
	clear:both;
	display:block;
	width:160px;
}

label.re {
	text-align:right;
	width:150px;
	padding-right:10px;
}

input, textarea, select {
	float:left;
	display:block;
	width:270px;
	border: 1px solid #996633;
	background:#F4F4F4;
	color:#333333;
	font-size: 12px;
	padding:1px;
}

textarea {
	scrollbar-arrow-color: #996633;
	scrollbar-3dlight-color: #F4F4F4;
	scrollbar-highlight-color: #996633;
	scrollbar-face-color: #F4F4F4;
	scrollbar-shadow-color: #996633;
	scrollbar-darkshadow-color: #F4F4F4;
	scrollbar-track-color: #F4F4F4;	
}

#check{
	width:40px;
	float:left;
}


#check input{
	float:left;
	width:20px;
	border:none;
	background:none;
	padding:0; margin:0;
	padding-top:2px;
	border: 0px solid #996633;
}


/* ------- FORM Felder bei Bedarf nebeneinander ------- */
	
.form-button {
	margin-left:335px !important;
	margin-left:170px; /*to fix ie6 position*/
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size : 10px; 
	width:100px;
	clear:both;
	margin-top:10px;
	float:left;
}