/* ------------------ Massage & Saunazentrum STÜNKEL ----------------------------------------------- */
html, body {
	width:100%;
	height:100%;
}

body {
	background:#f3ead5 url(../images/bg-kachel.gif) repeat-x;
    background-color:#f3ead5;
	font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
	color: #721f19;
	font-size:12px;

}



* {
	padding:0;
	margin:0;
	outline:none;
}


.orange{
    font-family: Verdana,Georgia, Times New Roman, Times, serif;
    text-decoration: none; 
    color: #f5a22d;
    font-size:13px;
    font-weight:bold;
    font-style:italic;


}

.push {
	float: none;
	clear: both;
	height:100px;
}

.spacer {
	display:block; 
	height:1px; 
	font:1px/1 sans-serif; 
	clear:both;
}


.dot-line{
    clear: both;
    margin-top: 0pt;
    height: 20px;
    width:450px;
    background-color: transparent;
    background-image:url(../images/dot-line.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center;

}


#crossfade {
   position:absolute;
   width: 255px;
   height: 245px;
   left: 65px;
   top: 89px;
   z-index:20;
   margin:0 0 0 0;
   padding:0 0 0 0;
  
  }




/* ----------------------------------------------------- links ------------------------------------------------- */


a	{
	color:#d12753;
	text-decoration:underline;
}

a:hover	{
	text-decoration:none;
	color:#7a2c25;
}





h1{
	font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #7b2d26;
    font-size:18px;
    font-weight:normal;
    margin:0 0 0 0;
    text-transform:none;
    font-style:italic;
    

}




h2{
    font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #9e1918;
    font-size:14px;
    font-weight:bold;
    margin:5px 0 5px 0;
    padding:0 0 0 0;
     background-color:#eee2ce;
     width:600px;

}


p{
    font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    color: #721f19;
    text-transform: none;
    line-height: 20px;
    font-size: 13px;
    margin:0 0 0 0;
    padding:8px 0 15px 0;
    font-weight:normal;
   


}

li, ul{
    list-style-type:none;
    list-style-position:inside;
    list-style:none;
    font-size: 15px;
    font-weight:bold;
    color: #721f19;
    margin:0 0 0 0;
    padding:0 0 0 0;



}







/* ------------------ wrapper ---------------------------------------------------- */

#container {
        position:relative;
        width:980px;
        margin:0 auto -100px auto;
        min-height:100%;
        height: auto !important;
        z-index:150 !important;
        background-image:url(../images/bg-container.jpg);
        background-repeat:no-repeat;
    
}


/* ------------------ header ---------------------------------------------------- */

#header {
   position:relative;
   width:963px;
   height:426px;
   z-index:0 !important;
   background-color:transparent;
   margin:0 0 0 0;
   padding:0 0 0 0;
   background-repeat:no-repeat;

	}






a#logo{
   width:378px;
   height:164px;
   background-repeat:no-repeat;
   background-color:transparent;
   position: absolute;
   left: 599px;
   top: 92px;
   background-image:url(../images/logo.gif);
   padding:0;
   margin:0;
   outline:none;
   z-index:0;




}

a#logo:hover{
    width:378px;
    height:164px;
    background-repeat:no-repeat;
    background-color:transparent;
    position: absolute;
    left: 599px;
    top: 92px;
    background-image:url(../images/logo.gif);
    padding:0;
    margin:0;
    outline:none;
    z-index:0;




}



/*-------------------------- content ----------------------------------*/
    
#contentContainer {
    width:963px;
    padding:55px 0 0 0;
    margin:0 0 0 0;
    background-color: transparent;
    }
    



#contentMain {
    position:relative;
    width:643px;
    padding:15px 15px 25px 0;
    background: transparent;
    float:right;


    }
    


#contentSidebar{
    width:250px;
    padding:10px 0 40px 30px;
    margin:0 0 0 0;
    z-index:40;
    float:left;


}
    
 
/*-------------------------- content ende ----------------------------------*/  




/*-------------=naviAdd----------------*/

#naviAdd {
    width:296px;
    position:absolute;
    top:77px;
    right:6px;
    height: 18px;
    font-style:normal;
}

#naviAdd li {
    float:left;
    list-style-type:none;
    color:#9e655a;
    padding:0 6px 0 0;
    font-size:10px;
    font-style:normal;
}

#naviAdd li a	{
    color:#9e655a;
    font-size:10px;
    text-decoration:none;
    text-transform: uppercase;
    font-style:normal;
}

#naviAdd li a:hover	{
	color:#792b24;
	text-decoration:underline;
    font-style:normal;
}
/*------------------------------------------*/


	 


/*-------------------------- navigation ----------------------------------*/ 

#navi {
   background:url(../images/bg-navi.gif) 0 0 repeat-x;
   width:666px;
   height:37px;
   display:block;
   position:absolute;
   top:388px;
   left:296px;
}

#navi li {
	list-style-type:none;
	float:left;
	height:37px;
}


#navi li a {
	background:url(../images/bg-navi-a.gif) 0 0 no-repeat;
	display:block;
	height:37px;
	font-size:12px;
	text-transform:uppercase;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-indent:-9999px;

}

#navi li a.wir-ueber-uns {
	width:139px;
	background-position:0 0;
}

#navi li a.wir-ueber-uns:hover,#navi li.active a.wir-ueber-uns,#navi li.active a.wir-ueber-uns:hover {
	background-position:0 -37px;
}

#navi li a.unser-angebot {
	width:158px;
	background-position:-139px 0;
}

#navi li a.unser-angebot:hover,#navi li.active a.unser-angebot,#navi li.active a.unser-angebot:hover {
	background-position:-139px -37px;
}

#navi li a.raeumlichkeiten {
	width:160px;
	background-position:-297px 0;
}

#navi li a.raeumlichkeiten:hover,#navi li.active a.raeumlichkeiten,#navi li.active a.raeumlichkeiten:hover {
	background-position:-297px -37px;
}

#navi li a.gutschein {
	width:112px;
	background-position:-457px 0;
}

#navi li a.gutschein:hover,#navi li.active a.gutschein,#navi li.active a.gutschein:hover {
	background-position:-457px -37px;
}

#navi li a.kontakt {
	width:97px;
	background-position:-569px 0;
}

#navi li a.kontakt:hover,#navi li.active a.kontakt,#navi li.active a.kontakt:hover {
	background-position:-569px -37px;
}
     
    
    
/*-------------------------- footer ----------------------------------*/  

#footer {
    width:auto;
    height:176px;
    margin:0 auto;
    padding:5px 0 0 45px;
    background-image:url(../images/footer.gif);
    background-repeat:no-repeat;
    font-family: Verdana,Georgia, Times New Roman, Times, serif;
    color: #f3f3f4;
    background-color: transparent;
 
    
	}
    
.footer-text{
   width:auto;
   height:auto;
   font-family: Verdana,Georgia, Times New Roman, Times, serif;
   text-decoration: none;
   text-align:center;
   color: #7a2c25;
   font-size:12px;
   font-weight:normal;
   margin:0 0 0 0;
   padding:105px 45px ;
   line-height:18px;
 


}



    
/*-------------------------- footer ende----------------------------------*/