/* artlistbox1 für Startseite Angebote*/
#artlistbox1{
        width:429px;

        text-align:left;
        margin-top: 3px;
        margin-left: -3px;
     padding-bottom:2px;
     border-top:0px solid #B79B88; 
     border-bottom:0px solid #B79B88; 
z-index:3;

}

#headline1 {
height: 18px;
     font-size:   12px;
     line-height: 17px;
     font-weight:bold; 
     padding-top:5px;
     padding-bottom:4px; 
     text-align:left;
     color: #453E39;
     margin-left: 160px;
z-index:3;
}

#text1 {
     width: 270px;
height: 39px;
     font-family: Tahoma, Arial, Helvetica;
     font-weight:normal; 
     font-size:   12px;
     line-height: 17px;
     color: #453E39;
     margin-left: 160px;
margin-bottom:0px; 
z-index:3;
     float: left;


}
#image1 {
     width: 160px;
height: 90px;

margin-top: -98px;
padding-top:0px; 
     border:0px solid #666666; 
     float: left;

}
#Back1 {
     margin-top:-5px; 
     padding:0px;
     float: left;
     font-size:   11px;

}
#Next1 {
     padding:0px; 
     margin-top:-5px; 
     float: left;
     font-size:   11px;
}



body {
      font-family: "Times New Roman", Times, serif;
      text-align:  left;
      font-size:   14px;
      line-height: 17px;
      color:       #000000;
      background-color: #937865;
      margin: 0px;
      padding: 0px;
      width: 100%;
      height: 100%;
}

/* das ist die box die den ganzen kram umschiesst noetig wg. der zentrierung und der absoluten plazierung der menues */
#box{
        width:895px; 
        height:570px; 
        position: relative;
        text-align:left; 
        margin: 0px;
        padding: 0px; 
	background-color: #DBC395;
}

/* kopf*/
#box0{
        width:895px; 
        height:106px; 
        position: absolute;
        text-align:left; 
        padding: 0px; 
        background-color: #9c2926;
}

/* 1. Bildcontainer*/
#box01{
        width:140px; 
        height:91px; 
        position: absolute;
        text-align:left; 
        margin-left: 15px;
        margin-top: 15px;
        margin-right: 0px;
        padding: 0px; 


}

/* 2. Bildcontainer*/
#box1{
        width:140px; 
        height:91px; 
        position: absolute;
        text-align:left; 
        margin-left: 160px;
	margin-top: 15px;
        margin-right: 0px;
        padding: 0px; 


}

/* 3. Bildcontainer*/
#box2{
        width:140px; 
        height:91px; 
        position: absolute;
        text-align:left; 
	 margin-left: 305px;
        margin-top: 15px;
        margin-right: 0px;
        padding: 0px; 


}

/* 4. Bildcontainer*/
#box3{
        width:140px; 
        height:91px; 
        position: absolute;
        margin-left: 450px;
        margin-top: 15px;
        margin-right: 0px;
        padding: 0px; 

}

/* 5. Bildcontainer*/
#box4{
        width:140px; 
        height:91px; 
        position: absolute;
        margin-left: 595px;
        margin-top: 15px;
        margin-right: 0px;
        padding: 0px; 

}

/* Box Logo*/
#box5{
        width:140px; 
        height:91px; 
        position: absolute;
        margin-left: 740px;
        margin-top: 15px;
        margin-right: 0px;
        padding: 0px; 


}

/* box mit linie*/
#box6{
        width:895px; 
	height: 414px;        
	position: absolute;
        text-align:left; 
        margin-left: 0px;
	margin-top: 106px;
        margin-right: 0px;
        padding: 0px; 
        background-color: #034c92;
	border-color: #D0B795;
	border-top-width: 1px;
	border-top-style: ridge;	

}

/* box navigation*/
#box7{
        width:160px; 
	height: 434px;        
	position: absolute;
        text-align:left; 
        margin-left: 0px;
	margin-top: 116px;
        margin-right: 0px;
        padding: 0px; 
        background-color: #F7EAD0;
	border-color: #CFB592;
	border-bottom-width: 1px;
	border-bottom-style: groove;
z-index:99;		  
}

/* box content*/
#box8{
        width:575px; 
	height: 434px;        
	position: absolute;
        text-align:left; 
        margin-left: 160px;
	margin-top: 116px;
        margin-right: 0px;
        padding: 0px; 
        background-color: #F7EAD0;
	border-color: #CFB592;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-right-width: 1px;
	border-right-style: groove;
        background-image: url(../upload/images_sattelkammer/saettel_verlauf_434.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
         z-index:3;
}

/* box content ohne HG*/
#box8_galery{
        width:575px; 
	height: 434px;        
	position: absolute;
        text-align:left; 
        margin-left: 160px;
	margin-top: 116px;
        margin-right: 0px;
        padding: 0px; 
        background-color: #F7EAD0;
	border-color: #CFB592;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-right-width: 1px;
	border-right-style: groove;

         z-index:3;
}

/* box content*/
#box8a{
        width:575px; 
	height: 381px;     

        text-align:left; 
        margin-left: 0px;
	margin-top: 5px;
        margin-right: 0px;
	scrollbar-face-color: #F7EAD0;
	overflow: auto;
	scrollbar-base-color: #F7EAD0;
	scrollbar-arrow-color: #F9D07B;
	scrollbar-shadow-color: #BFAFA6;
z-index:3;
}
/* box routenplaner*/
#box8c{
        width:575px; 
	height: 434px;        
	position: absolute;
        text-align:left; 
        margin-left: 160px;
	margin-top: 116px;
        margin-right: 0px;
        padding: 0px; 
        background-color: #F7EAD0;
	border-color: #CFB592;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-right-width: 1px;
	border-right-style: groove;

z-index:3;
}


/* newsbox*/
#box9{
        width:134px; 
	height: 422px;        
	position: absolute;
        text-align:left; 
        margin-left: 735px;
	margin-top: 116px;
        margin-right: 0px;
        padding-top: 12px; 
        padding-left: 9px; 
        padding-right: 17px;
        background-color: #5B4B42;
	border-color: #CFB592;
	border-bottom-width: 1px;
	border-bottom-style: groove;		  
}

/* fuss*/
#box10{
        width:895px; 
	height: 45px;        
	position: absolute;
        text-align:left; 
        margin-left: 0px;
	margin-top: 560px;
        margin-right: 0px;
        padding: 0px; 

        background-color: #5B4B42;
z-index:1;
}

/* logo*/
#box11{
        width:150px; 
	height: 100px;        
        text-align:left; 
        margin-left: 737px;
	margin-top: 8px;
        margin-right: 0px;
        padding: 0px; 
        background-image: url(../upload/logos/logo_sattelkammer.png);
	background-repeat: no-repeat;
	background-position: center;
position: absolute;

}





/* Formatierung für die Headline*/
.tabelle1 {
      width: 440px;
      font-family: "Times New", Times, serif;
      text-align:  left;
      font-size:   17px;
      line-height: 20px;
      font-weight: bold;
      color:       #9c2926;
      padding-right: 25px;
      padding-left: 5px;
      padding-top: 3px;
      border-color: #9c2926;
      border-top-width: 1px;
      border-top-style: solid;
      border-bottom-width: 1px;
      border-bottom-style: solid;		
}

/* Formatierung für den Grundtext*/
.tabelle2 {
      width: 435px;
      font-family: Tahoma, Arial, Helvetica;
      text-align:  left;
      font-size:   12px;
      line-height: 17px;
      font-weight: normal;
      text-decoration: none;
      color:       #453E39;
      padding-left: 5px;
      padding-right: 25px;
      padding-top: 5px;
      padding-bottom: 10px;
z-index:3;
}

/* Formatierung für das Bild im Angebot Sattelkammer*/
.tabelle2a {
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 5px;
      padding-bottom: 5px;
z-index:3;
}

/* Formatierung für den Text im Angebot Sattelkammer*/
.tabelle2b {

width: 310px;
font-family: Tahoma, Arial, Helvetica;
      text-align:  left;
      font-size:   12px;
      line-height: 22px;
      font-weight: normal;
      text-decoration: none;
      color:       #453E39;
      padding-left: 5px;
      padding-right: 0px;
      padding-top: 5px;
      padding-bottom: 5px;
z-index:3;
}

/* Formatierung für den Fusstext*/
.tabelle3 {
      font-family: Tahoma, Arial, Helvetica;
      text-align:  left;
      font-size:   12px;
      line-height: 16px;
      font-weight: bold;
      text-decoration: none;
      color:       #F7EAD0;
      padding-left: 165px;
      padding-right: 25px;
      padding-top: 3px;
      padding-bottom: 5px;
}

/* Formatierung für Text Kontaktformular*/
.tabelle4 {
      width: 435px;
      font-family: Tahoma, Arial, Helvetica;
      text-align:  left;
      font-size:   11px;
      line-height: 13px;
      font-weight: normal;
      text-decoration: none;
      color:       #453E39;
      padding-left: 5px;
      padding-right: 25px;
      padding-top: 5px;
      padding-bottom: 10px;
}

/* Formatierung für den rechtlichen Hinweis*/
.tabelle5 {
      width: 435px;
      font-family: Tahoma, Arial, Helvetica;
      text-align:  justify;
      font-size:   10px;
      line-height: 12px;
      font-weight: normal;
      text-decoration: none;
      color:       #453E39;
      padding-left: 5px;
      padding-right: 25px;
      padding-top: 5px;
      padding-bottom: 10px;
}


a, a:active  {
       text-decoration: none;
       font-weight: bold;
     color: #800000;
}

a:hover{
       text-decoration: none;	
       color: #034c92;
}


p {
     font-family: Tahoma, Arial, Helvetica;
      text-align:  justify;
      font-size:   13px;
      line-height: 18px;
      font-weight: normal;
      text-decoration: none;
}

ol { 
      margin-top: 10px;
      padding-bottom:0px;

}
li { 
      padding-top:0px;
      padding-bottom:4px;

}
/* style gästebuch */
.vpgb_datum   {
       text-decoration: none;
       font-size:12px;
       font-weight: normal;
       font-style: italic;
     color: #9c2926;
}

.vpgb_name {
       text-decoration: none;
       font-size:12px;
       font-weight: bold;
       font-style: italic;
     color: #9c2926;
}

.vpgb_ort {
       text-decoration: none;
       font-size:12px;
       font-weight: normal;
       font-style: italic;
     color: #9c2926;
}

.vpgb_comment {
       text-decoration: none;
       font-size:12px;
       font-weight: normal;
       font-style: italic;
       color: #E47E0C;
}


/* artlistbox */
#artlistbox{
        width:133px;
        text-align:justify;
        margin-top: 6px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        border: 0px;
     border-top:1px solid #B79B88; 
     border-bottom:1px solid #B79B88; 
     z-index:3;
}

#headline {
     font-size:   12px;
     line-height: 13px;
     font-weight:bold; 
     padding-top:5px;
     padding-bottom:4px; 
     text-align:left;
     color: #F7EAD0;
     z-index:3;
}
#text {
     font-family: Tahoma, Arial, Helvetica;
     font-weight:normal; 
     font-size:   11px;
     line-height: 12px;
     color:#F7EAD0;
     padding-bottom:2px; 
     z-index:3;
}
#image {
     padding-top:5px; 
     padding-bottom:5px;
     border:1px solid #666666; 
     float: left;
}

#Back {
display: none;
}
#Next {
display: none;
}



/* ab hier kommt das mehrgeteilte menue nur auf css ausgebaut */
/* z-index um überlagerung im firefox zu vermeiden */

/* Hauptnavigation */
#navcontainer { 
      margin-left: 7px; 
      margin-right: 7px; 
      padding-top: 17px;
      font-size: 11px;

}

/* Hauptnavigation 1. Ebene */
#navcontainer ul {
      padding-left: 0; /*wichtig für mozilla */
      margin: 0px;
      list-style-type: none;
      font-family: Tahoma, Arial, Helvetica;
      text-align:  left;
      font-size:   11px;
      line-height: 16px;
      font-weight: bold;
      text-decoration: none;
      text-indent: 4px;
      padding-top: 1px;
      padding-bottom: 2px;

}

#navcontainer ul li { 
      display: block;
      margin: 0; 
      list-style-image: none;
      text-indent: 4px;
      padding-top: 1px;
      padding-bottom: 2px;
        background-image: url(../upload/bullets/button_1.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#navcontainer ul a { 
      display: block;
     color: #453E39;
      text-decoration: none;
        background-image: url(../upload/bullets/button_1.jpg);
	background-repeat: no-repeat;
	background-position: left;
      padding-top: 2px;
      padding-bottom: 3px;

}

#navcontainer ul a:hover {
      color: #9c2926;
      font-weight: bold;
}





/* Hauptnavigation 2. Ebene */
#navcontainer ul ul li { 
      margin-left: 0px;
      text-indent: 14px;
      list-style: none;
      padding-top:1px;
      padding-bottom:2px;


}

#navcontainer ul ul li a { 
      margin-left: 0px;
      text-indent: 14px;
      list-style: none;
        background-image: url(../upload/bullets/button_2.jpg);
	background-repeat: no-repeat;
	background-position: left;
      padding-top:1px;
      padding-bottom:2px;

}

#navcontainer ul ul a:hover {

}


/* Hauptnavigation 3. Ebene */
#navcontainer ul ul ul li { 
      margin-left: 0px;
      text-indent: 14px;
      list-style: none;
        background-image: url(../upload/bullets/button_3.jpg);
	background-repeat: no-repeat;
	background-position: left;
      font-weight: normal;
      padding-top:0px;
      padding-bottom:1px;


}
#navcontainer ul ul ul li a{ 
      margin-left: 0px;
      text-indent: 14px;
      list-style: none;
        background-image: url(../upload/bullets/button_3.jpg);
	background-repeat: no-repeat;
	background-position: left;
      font-weight: normal;
      padding-top:0px;
      padding-bottom:1px;

}
#navcontainer ul ul ul a:hover {
      font-weight: normal;
}

/* Hauptnavigation aktiver Menüpunkt 1. Ebene*/
#navcontainer a#navactive1 {
      text-decoration: none;
      margin-left: 0px;
      color: #9c2926;
      list-style: none;

      padding-top:1px;
      padding-bottom:2px;
}

/* Hauptnavigation aktiver Menüpunkt 2. Ebene*/
#navcontainer a#navactive2 {
      text-decoration: none;
      margin-left: 0px;
      color: #9c2926;
      list-style: none;

      padding-top:2px;
      padding-bottom:3px;
}

/* Hauptnavigation aktiver Menüpunkt 3. Ebene*/
#navcontainer a#navactive3 {
      text-decoration: none;
      margin-left: 0px;
      color: #9c2926;
      list-style: none;

      padding-top:1px;
      padding-bottom:2px;
}


/* Lightbox */
	#lightbox {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		/*z-index: 100;*/
		z-index: 990;
		text-align: center;
		line-height: 0;
	}
	.gBottom {
                  width: 490px;
margin-right:0px;
                  margin-top:10px;

	}
	#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;*/
		z-index: 970;
	}
	#imageContainer>#hoverNav { left: 0;}
	#hoverNav a { outline: none;}
	#prevLink, #nextLink {
		width: 49%;
		height: 100%;
		background: transparent url(../upload/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(../upload/images/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../upload/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: 74px; float: right; padding-right: 10px; padding-bottom: 0.7em;	}	
	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		/*z-index: 90;*/
		z-index: 980;
		width: 100%;
		height: 500px;
		background-color: #000000;
		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 */
	}

#upload { 
position:relative; 
}