body      {
	background: white;
	color: #666666;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px; }

* {	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	color:#666666;  }

/* Links */
a  { text-decoration: none; 
	color: #005187;
	font-weight: 600;
}
a:link    { color: #005187;
	font-size: 10pt; }
a:visited { color: #005187; 
	font-size: 10pt; }
a:active  { color: #005187;
	font-size: 10pt; }
a:hover  { 
	font-size: 10pt;
	text-decoration: underline;
	color: maroon; }

a.leftmenue  {  color:black;
	font-weight:bold;
	font-size:10pt;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px solid white;
	background: transparent;
	text-decoration:none;
}
a.leftmenue:link    { color: black; }
a.leftmenue:visited { color: black; }
a.leftmenue:active  { color: black; }
a.leftmenue:hover  { color: maroon; }

a.topmenue  {  color:white;
	font-weight:bold;
	font-size:10pt;
	display:block;
	padding-top:5px;
	background: transparent;
	text-decoration:none;
	height: 28px;
}
a.topmenue:link    { color: white;
	text-decoration:none; }
a.topmenue:visited { color: white;
	text-decoration:none; }
a.topmenue:active  { color: white;
	text-decoration:none; }
a.topmenue:hover  { color: yellow;
	background: #BB5522;
	text-decoration:none; }

a.dropmenue  {  color:white;
	font-weight:bold;
	font-size:10pt;
	display:block;
	padding:4px;
	background: transparent;
	border-bottom: 1px solid white;
	text-decoration:none;
}
a.dropmenue:link    { color: white; }
a.dropmenue:visited { color: white; }
a.dropmenue:active  { color: white; }
a.dropmenue:hover  { color: yellow;
	background: #CC6633;
	text-decoration: none; }

a.etappenmenue  {  color:white;
	font-weight:bold;
	font-size:10pt;
	display:block;
	background: transparent;
	text-decoration:none;
	height:26px;
	padding-top:4px;
}
a.etappenmenue:link    { color: white;
	text-decoration:none; }
a.etappenmenue:visited { color: white;
	text-decoration:none; }
a.etappenmenue:active  { color: white;
	text-decoration:none; }
a.etappenmenue:hover  { color: yellow;
	background: #BB5522;
	text-decoration:none; }



/* Überschriften */
h1 {
	font-size: 11pt;
	font-weight: bold;
	color:#CC6633;
}
h2 {
	font-size: 10pt;
	font-weight: bold;
	background:#F1CE89;
	margin-bottom:20px;
	padding:3px;
	font-weight:bold;
	color:#CC6633;
}
h2.menuetitle  {
	text-align:center;
	font-size: 10pt;
	font-weight:bold;
	color:#CC6633;
	margin-top:20px;
	margin-bottom: 20px;
	background:transparent;
}
h3 {
	font-size: 10pt;
	font-weight: bold;
}
/* Überschrift für Impressum (muss gesetzt werden!) */
h2.impressum {
	font-size: 11pt;
	font-weight: bold;
}
/* Normale Texte */
span.impressum  {
	font-size: 10pt;  }

div.mastercontainer  {
	text-align:left;
	position:relative;
	width:990px;
}
div.header  {
	text-align:left;
	position:relative;
	height:296px;
	width: 990px;
}
img#headermedpic1  {
	position: absolute;
	left: 303px;
	top: 3px;
	z-index: 2;
}
img#headermedpic2  {
	position: absolute;
	left: 303px;
	top: 164px;
	z-index: 2;
}
div#headerbigpic  {
	position:absolute;
	left: 503px;
	top: 3px;
	z-index: 2;
}

div.topmenue  {
	background: #CC6633;
	height: 28px;
	position: relative;
}
div#topmenue1  {
	position: absolute;
	width: 197px;
	text-align: center;
	top:0px;
	left: 303px;
}
div#topmenue2  {
	position: absolute;
	width: 263px;
	text-align: center;
	top:0px;
	left: 504px;
}
div#topmenue3  {
	position: absolute;
	width: 221px;
	text-align: center;
	top:0px;
	left: 769px;
}



div#popmenue1  {
	width: 197px;
	position:absolute;
	top:324px;
	left:303px;
	z-index:10;
	background:#B4602C;
	visibility:hidden;
}
div#popmenue2  {
	width: 263px;
	position:absolute;
	top:324px;
	left:503px;
	z-index:10;
	background:#B4602C;
	visibility:hidden;
}
div#popmenue3  {
	width: 221px;
	position:absolute;
	top:324px;
	left:769px;
	z-index:10;
	background:#B4602C;
	visibility:hidden;
}



div.maincontent  {
	position: relative;
	width:990px;
	text-align:left;
	background: url('http://www.schluchtensteig.de/bg/mainback.gif') white;
	background-repeat: repeat-y;
}
div.leftmenue  {
	position: relative;
	width: 298px;
	height: 476px;
	background: url('http://www.schluchtensteig.de/bg/mainback_schwung.gif') transparent;
	background-repeat: no-repeat;
	float:left;
}
div.innermenue  {
	border-top: 1px solid white;
}

div.mediumcontent  {
	position: relative;
	width:685px;
	float:right;
}
div.mediumcontentleft  {
	position: relative;
	width: 460px;
	float: left;
	padding-top: 35px;
}
div.mediumcontentright  {
	position: relative;
	float: right;
	width: 221px;
	padding-top: 3px;
}



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.schluchtensteig.de/clips/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.schluchtensteig.de/clips/overlay.png", sizingMethod="scale");
	}
	
	

select.form{	
	border: #F1CE89 1px solid;
}
input.form{
	background:#F1CE89;
	color:#CC6633;
	width: 300px;	
	border: #FFCC00 1px solid;
}
textarea.form{
	background:#F1CE89;
	color:#CC6633;
	width: 300px;	
	border: #FFCC00 1px solid;
}

div#map  {  font-size: 6pt;
	z-index:0;
	overflow: hidden;  }
div#map *  {  font-size: 6pt;
	z-index:0;  }



div.etappenmenue  {
	background:#CC6633;
	height:26px;
	position:relative;
	margin-bottom:15px;
	overflow:hidden;
}
div#etappenmenue1  {
	position: absolute;
	width: 150px;
	text-align: center;
	top:0px;
	left: 0px;
	height:26px;
}
div#etappenmenue2  {
	position: absolute;
	width: 150px;
	text-align: center;
	top:0px;
	left: 153px;
	height: 26px;
}
div#etappenmenue3  {
	position: absolute;
	width: 150px;
	text-align: center;
	top:0px;
	left: 306px;
	height: 26px;
}

div.etappeninfoleft  {
	float:left;
	margin-right:20px;
	margin-bottom:25px;
	border-right:1px dotted #BDCCD5;
	padding-right:5px;
	font-size:10pt;
	border-top:20px solid #BDCCD5;
	width:200px;
	padding-top:10px;
}