* {margin: 0;  padding: 0; }

body {font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;   
font-size:12px;
font-family:verdana;
background-color:#f0f0f0; 
background-image:url("Hintergrund200x200.jpg");
}
#sn_wrapper{
width:980px;
margin: auto auto; 
background-color:#ccc;
margin-top:0px;


}


#sn_sidebar{
float:left;
width:150px;
background-color:#ccc;
padding-top:100px;
min-height:500px;
height:100%;
border-right:solid 0px #000;
}
.sn_liste{
list-style:none;
font-family:verdana;
line-height:1.7em;
background-color:#;
}
.sn_liste li{
background-color:#fff;
margin-bottom:2px;
padding:2px;
}
#sn_header{
float:left;
background-color:#fff;
width:820px;
height:100px;
}
.sn_balken{
float:left;
width:820px;
height:40px;
background-color:#ccc;
}
#sn_content{
float:left;
width:810px;
min-height:600px;
background-color:#fff;
padding:5px;
}
#sn_footer{
float:left;
background-color:#ccc;
width:100%;
height:50px;
}
#sn_footer div{
background-color:#fff;color:#009;padding:3px;margin:5px;float:left;width:160px;
box-shadow:5px 5px 5px #666;
-o-box-shadow:5px 5px 5px #666;
-ms-box-shadow:5px 5px 5px #666;
-moz-box-shadow:5px 5px 5px #666;
-webkit-box-shadow:5px 5px 5px #666;
border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.rund{
box-shadow:5px 5px 5px #666;
-o-box-shadow:5px 5px 5px #666;
-ms-box-shadow:5px 5px 5px #666;
-moz-box-shadow:5px 5px 5px #666;
-webkit-box-shadow:5px 5px 5px #666;
border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}



/* Default link styling */
	a:link { color:#00f; text-decoration:none;}
	a:visited { color:#00f; }
	a:hover, a:focus { color:#14A5EB; font-weight:bold;}
	a:active { color:#00f; }
	
























#topnav {
position:absolute;
top:20px;
left:65%;
width:170px;
background-color:#e0e0e0;
}



#wrapper{
width:960px;
height:700px; 
margin: auto auto; 
background-color:#;
margin-top:0px;
}


#banner{
	float:left;
}

#menu{
	background-color:transparent;
}
#menubox{
	float:left;
	width:796px;
	height:25px;
	background-color:transparent;
	
	z-index:10;
	padding-left:2px;
	padding-top:5px;
}
#menubox1{
	float:left;
	width:797px;
	height:60px;
	background-color:transparent;

}
#links{
float:left;
background-color:#d0d0d0;	
width:140px;
}
#sidebarl{
float:left;
width:150px;
height:500px;
background-color:#ff9;
}
#inhalt{
	background-image:url("puste1.gif");
    background-repeat:no-repeat;
	float:left;
	width:700px;
	height:800px;
	text-align:center;
	padding:2px;
      }

#inhaltho{

    background-color:#ffc;
	float:left;
	width:796px;
	height:1050px;
	text-align:center;
	padding:2px;
	font-family:verdana;
	font-size:12px;
	
      }
#weiinhalt{
	background-image:url("weibri.jpg");
    background-repeat:no-repeat;
	float:left;
	width:760px;
	height:800px;
	font-size: 16px;
	padding:20px;
padding-top:100px;
text-align:left;

      }



#inhaltob{
	float:left;
	width:796px;
	text-align:left;
	padding:2px;
	background-color:#fff;
      }
#inhalthaus{
background-color:#fff;
background-image:url("puste1.gif");
	float:left;
	width:780px;
	text-align:left;
	padding:10px;
      height:620px;
	font-family:arial;
	font-size:16px;
	line-height:130%;
}

#boden{
	margin:auto auto auto auto;
	width:790px;
	background-color:#e0e0e0;
	color:#808080;
	text-align:left;
	padding:5px;
}
#wm{
	
	margin-top:3px;
	float:left;
}

.wh{
	color:#ff00ff;
	background-color:#fff;
	text-decoration:none;
	margin-top:50px;
	width:100px;
}
#inhalt h3{
	color: #CC0000;
}
#win{
	background-color:#fff;
	float:left;
	width:796px;
	height:700px;
}
.wkarte{
	float:left;
	margin:2px;
}
.bp{
	background-color:#fff;
	float:left;
	width:790px;
}


/* Alles für Links */
.link a{
	height:14px;
	background-color:transparent;
	text-decoration:none;
	color:#000;
	float:left;
	margin-left:5px;
	padding:5px;
	font-size:14px;
}
.liak a{
	height:14px;
	text-decoration:none;
	color:#ff0000;
	float:left;
	margin-left:5px;
	padding:5px;
	font-size:14px;
	
}
.link a:hover{
	background-color: #ffffff;
    color:#ff0000;
}
.linku a{
	float:left;
	height:15px;
	margin:5px;
	text-decoration:none;
	padding:5px;
	font-size:14px;
}
.linku a:hover{
	color: #f00;
}
.liaku a{
	float:left;
	height:15px;
	margin:5px;
	text-decoration:none;
	background-color: #ffffff;
	padding:5px;
	border-bottom:solid 1px #ffffff;
	font-size:14px;
	color: #f00;
}
.lilink a{
	height:15px;
	width:90%;
	background-color: #009900;
	text-decoration:none;
	color:#ffffff;
	float:left;
	margin-left:5px;
	padding:2px;
	border: solid 1px #000000;
	margin-top:2px;
}
.lilink a:hover{
	background-color:#99ff99;color:#000000;
}
.liliak a{
	height:15px;
	width:90%;
	background-color: #99ff99;
	text-decoration:none;
	color:#000000;
	float:left;
	margin-left:5px;
	padding:2px;
	border: solid 1px #000000;
	margin-top:2px;
	
}
.exlink{
        float:left;
        
}
/* hilfskonstruktionen */
.floe{
	clear:both;
}
.blau {
color:#000099;
}
.liste2 {
margin-left:30px;
}
.blu {
color:#000099;
}
/* Hotelseite*/
.hobi1{
 float:left;
 border:none;   
}

.hotxt1{
    float:left;
    text-align:left;
    padding:5px;
    width:320px;
    font-size:18px;
    letter-spacing:1px;
}
.houber{
    color:#00f;
    text-decoration:underline;
}
.hotxt2{
    float:left;
    text-align:left;
    padding:5px;
    
    font-size:18px;
    letter-spacing:1px;
}
.hotxt3{
    float:left;
    text-align:left;
    padding:5px;
    width:550px;
    font-size:18px;
    letter-spacing:1px;
}
.hotxt4{
    float:left;
    text-align:left;
    padding:5px;
    width:600px;
    font-size:18px;
    letter-spacing:1px;
}
.hotxt5{
    float:left;
    text-align:left;
    padding:5px;
    
    font-size:18px;
    letter-spacing:1px;
}
.homp{
    font-size:25px;
    float:left;
    color:#00f;
    text-align:right;
    width:790px;
}
.hompk{
    font-size:18px;
    float:left;
    color:#00f;
    text-align:right;
    width:790px;
}

/*Geburtstagsservice*/
#gebinhalt{
	background-image:url("pute1.gif");
    background-repeat:no-repeat;
	background-color:#fff;
    float:left;
	width:796px;
	height:800px;
	text-align:center;
	padding:2px;
      }



.divli1{
float:left;
background-color:transparent;
width:205px;
height:305px;
margin:1px;
padding:5px;
}

.divre1{
float:left;
background-color:transparent;
width:550px;
height:305px;
margin:1px;
padding:5px;
text-align:left;
font-size:13px;
}

.divli2{
float:left;
background-color:transparent;
width:780px;
height:50px;
margin:1px;
padding:5px;
text-align:left;
font-size:13px;

}

.divre2{
float:left;
background-color:transparent;
width:380px;
height:250px;
margin:1px;
padding:5px;
}

.divli3{
float:left;
background-color:transparent;
width:500px;
height:300px;
margin:1px;
padding:5px;
text-align:left;
font-size:13px;

}

.blum{
float:left;
background-color:transparent;
width:200px;
height:200px;
margin:1px;
padding:5px;
}

.co000080{
color:#000080;
}

.kerz{
float:left;
background-color:transparent;
width:300px;
height:180px;
margin:1px;
padding:5px;
}

.re2{
float:left;
background-color:transparent;
width:240px;
height:190px;
margin:1px;
padding:5px;
text-align:left;
font-size:13px;

}
.liste{
padding-left:20px;
line-height:170%;
}
.re3{
float:left;
background-color:transparent;
width:220px;
height:180px;
margin:1px;
padding:5px;
}

.li4{
float:left;
background-color:transparent;
width:790px;
height:160px;
margin:1px;
padding:5px;
}

.akustik{
float:left;
background-color:transparent;
width:770px;
height:160px;
margin:1px;
padding:5px;
text-align:left;
font-size:13px;

}

.dienst{
float:left;
background-color:transparent;
width:780px;
height:170px;
margin:1px;
padding:5px;
text-align:left;
font-size:13px;

}

.co0000A0{
color:#0000A0;
}

.aku1{
float:left;
background-color:transparent;
width:550px;
height:180px;
margin:1px;
padding:5px;
text-align:left;
font-size:14px;

}

.aku2{
float:left;
background-image:url("gebkart_w.png");
background-color:transparent;
background-repeat:no-repeat;
width:220px;
height:180px;
margin:1px;
padding:5px;
}
.aku2:hover{
background-image:url("gebkart.png");    
    }

.aku3{
float:left;
background-color:transparent;
width:150px;
height:180px;
margin:1px;
padding:5px;
}

.aku4{
float:left;
background-color:transparent;
width:400px;
height:180px;
margin:1px;
padding:5px;
text-align:left;
font-size:16px;

}

.aku5{
float:left;
background-color:transparent;
width:200px;
height:180px;
margin:1px;
padding:5px;
}

.aku6{
float:left;
background-color:transparent;
width:780px;
height:160px;
margin:1px;
padding:5px;
text-align:left;
font-size:14px;

}

.co0000FF{
color:#0000FF;
}

.pre1{
float:left;
background-color:transparent;
width:200px;
height:160px;
margin:1px;
padding:5px;
}

.pre2{
float:left;
background-color:#transparent;
width:570px;
height:160px;
margin:1px;
padding:5px;
text-align:left;
font-size:14px;
line-height:170%;
margin-bottom:20px;
}

.gebnavi{
float:left;
background-color:#ff9;
width:790px;
height:14px;
margin:1px;
padding:5px;
}

.divpad{
float:left;
background-color:#fff;
width:380px;
height:750px;
margin:1px;
padding:5px;
text-align:left;
font-size:14px;
line-height:170%;
}

.divpad2{
float:left;
background-color:#fff;
width:380px;
height:750px;
margin:1px;
padding:5px;
text-align:left;
}

.adel{
float:left;
background-color:#fff;
width:790px;
margin:1px;
padding:5px;
text-align:left;
font-size:14px;
}
.vorschau{
height:100px;
margin:5px;
border:none;
}
.coFF0000{
color:#FF0000;
}

.dili1{
float:left;
background-color:#fff;
width:500px;
height:200px;
margin:1px;
padding:5px;
text-align:left;
font-size:14px;
}

.dire1{
float:left;
background-color:#fff;
width:250px;
height:200px;
margin:1px;
padding:5px;
}

.dili{
float:left;
background-color:#BAD694;;
width:790px;
height:50px;
margin:1px;
padding:5px;
font-size:40px;
}