html,body{
        margin:25px 0 0 0;
        padding:0;
        behavior: url("csshover3.htc");
        }

body{
        font: 11px "lucida grande","lucida sans unicode", "lucida sans",arial,sans-serif;
        text-align:center;
        color: #000000;
        }

p{
        margin:0px 4px 20px 10px;
        line-height:1.4;
        }
		
table{
        margin:0px 4px 20px 10px;
        line-height:1.4;
		padding:5px; 
        }		
		
td{

		padding:3px; 
        }	
		

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

div#content a:hover{
        color: #666666;
        }

div#wrapper{
        float:left;
        width:100%;
        }

div#header{
        height:165px;
        margin:0px 20px 0px 24px;
        padding:70px 5px 17px 0px;
        text-transform:uppercase;
        font:120% times,serif;
        }

div#container{
        text-align:left;
        width:880px;
        margin:0 auto;
        background-image:url(images/background_home.jpg);
        background-repeat:no-repeat;
        }

div#container.hotel{
        background-image:url(images/background_hotel.jpg);
        }

div#container.wohnbsp1{
        background-image:url(images/background_wohnbsp1.jpg);
        }

div#container.wohnbsp2{
        background-image:url(images/background_wohnbsp2.jpg);
        }

div#container.wohnbsp3{
        background-image:url(images/background_wohnbsp3.jpg);
        }

div#container.fewo{
        background-image:url(images/background_fewo.jpg);
        }

div#container.fest{
        background-image:url(images/background_fest.jpg);
        }

div#container.halle{
        background-image:url(images/background_halle.jpg);
        }

div#container.kontakt{
        background-image:url(images/background_kontakt.jpg);
        }
		
div#termine{
        margin-left:12px;
        margin-right:0px;
        margin-top:0px;
        margin-bottom:20px;
        padding-right:10px;
        height:57px;
        overflow-x:auto;
        overflow-y:auto;
		color: #6f1127;
		
		
        }		

div#content{
        margin-left:615px;
        margin-right:21px;
        margin-top:10px;
        margin-bottom:20px;
        padding-right:10px;
        height:355px;
        overflow-x:auto;
        overflow-y:auto;
        }

div#content ul{
        list-style-type:square;
        margin:0px 0px 0px 0px;
        }

div#content ul.without{
        list-style-type:none;
        padding:0px 0px 10px 25px;
        }

div#content li{
        padding:0px 0px 8px 0px;
        }

div#side{
        float:left;
        width:244px;
        height:90px;
        margin-left:-855px;
        margin-top:220px;
        padding-left:40px;
        background-image:url(images/background_anfragen.png);
        background-repeat:repeat-x;
        }

div#sidehome{
        float:left;
        width:244px;
        height:90px;
        margin-left:-855px;
        margin-top:220px;
        padding-left:40px;
        background-image:url(images/background_anfragen2.png);
        background-repeat:repeat-x;
        }

div#photos{
        float:left;
        width:285px;
        height:310px;
        margin-left:-571px;
        }

div#photos img.top{
        margin:0px 0px 27px 0px;
        }

div#photos a.line{
        margin:0px 7px 0px 0px;
        }

img{
        border-width:0px
        }

div#photos a,div#side a,div#sidehome a,div#header a#nopadding{
        padding:0px
        }

div#footer{
        clear:left;
        width:96%;
        height:0px;
        margin-left:20px;
        padding-top:0px;
        background: #ffffff;
        color: #666666;
        }

span#logo{
        float:left;
        width:188px;
        height:100px;
        margin:0px 65px 0px 50px;
        }

div#side p.impressum,div#sidehome p.impressum{
        margin-top:70px;
        }

div#side a,div#sidehome a{
        color:#75787f;
        }

div#side a:hover,div#sidehome a:hover{
        color:#b6b1b5;
        }



/* Horizontal Navigation */
#horizontal-navigation {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative}


/* CSS for each Parent Item */
#horizontal-navigation li {float: left; position: relative;}

#horizontal-navigation li a
{
        float: left;
        display: block;
        padding: 5px;
        text-decoration: none;
        color: #666;
        text-transform: uppercase;
        margin-right: 5px;
}

/*
Change background color and font color
of parent items when mouse hover
*/
#horizontal-navigation li:hover a,
#horizontal-navigation li a:hover
{
        background: #999;
        color: #fff;
}




/*
Applie to group of Child Items
Each Child Item will be invisible by default
*/
#horizontal-navigation ul {display: none;}

/* Each Child Item will be visible if mouse hover */
#horizontal-navigation li:hover ul {display: block;width:200%;}

#horizontal-navigation ul
{
        float: none;
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
        top: 1.8em;
        left: 0;
}

#horizontal-navigation ul li
{
        float: none;
        clear: none;
        margin: 0;
        padding: 0;
        width: auto;
        color: #999;
}


/*
Reset and re style
link of each child item
*/
#horizontal-navigation li:hover ul li a,
#horizontal-navigation ul li a
{
        line-height: 190%;
        display: block;
        padding: 0 6px 0 0;
        float: none;
        text-transform: none;
        color: #666666;
        background: none;
}

#horizontal-navigation li:hover ul li a:hover,
#horizontal-navigation ul li a:hover
{
        background: none;
        color: #000;
}









/*
  css gallery
*/

focus {
 outline:none;
}

#bigpic {
 height:190px;
 width:285px;
 margin:0;
 padding:0;
}

#thumbs {
 height:55px;
 width:300px;
 margin: 0;
 padding:0;
}

ul#gallery {
 height:55px;
 list-style:none;
 margin:0;
 padding:0;
 position:relative;
 width:300px;
 list-style-type:none;
margin-left:0;
padding-left:0;

}

#gallery li span {
 display:none;
}

#gallery li {
 margin:0;
 width:88px;
 float:left;
padding-right:11px;
padding-top:30px;



}

#gallery li a {
 display:block;
 height:59px;

}

li#bild-1-1 a {background:url(images/fewo002_small.jpg);}
li#bild-1-2 a {background:url(images/fewo003_small.jpg);}
li#bild-1-3 a {background:url(images/fewo004_small.jpg);}
li#bild-1-4 a {background:url(images/fewo005_small.jpg);}
li#bild-1-5 a {background:url(images/fewo006_small.jpg);}
li#bild-1-6 a {background:url(images/fewo007_small.jpg);}

li#halle-1-1 a {background:url(images/halle001_small.jpg);}
li#halle-1-2 a {background:url(images/halle002_small.jpg);}
li#halle-1-3 a {background:url(images/halle003_small.jpg);}
li#halle-1-4 a {background:url(images/halle004_small.jpg);}

li#nebenzimmer-1-1 a {background:url(images/fest001_small.jpg);}
li#nebenzimmer-1-2 a {background:url(images/fest002_small.jpg);}
li#nebenzimmer-1-3 a {background:url(images/fest003_small.jpg);}
li#nebenzimmer-1-4 a {background:url(images/fest004_small.jpg);}

li#saal-1-1 a {background:url(images/fest005_small.jpg);}
li#saal-1-2 a {background:url(images/fest006_small.jpg);}
li#saal-1-3 a {background:url(images/fest007_small.jpg);}
li#saal-1-4 a {background:url(images/fest008_small.jpg);}

li#bsp1-1-1 a {background:url(images/wohnbsp001_small.jpg);}
li#bsp1-1-2 a {background:url(images/wohnbsp002_small.jpg);}
li#bsp1-1-3 a {background:url(images/wohnbsp003_small.jpg);}
li#bsp1-1-4 a {background:url(images/wohnbsp004_small.jpg);}

li#bsp2-1-1 a {background:url(images/wohnbsp005_small.jpg);}
li#bsp2-1-2 a {background:url(images/wohnbsp006_small.jpg);}
li#bsp2-1-3 a {background:url(images/wohnbsp007_small.jpg);}
li#bsp2-1-4 a {background:url(images/wohnbsp008_small.jpg);}

li#bsp3-1-1 a {background:url(images/wohnbsp009_small.jpg);}
li#bsp3-1-2 a {background:url(images/wohnbsp010_small.jpg);}
li#bsp3-1-3 a {background:url(images/wohnbsp011_small.jpg);}
li#bsp3-1-4 a {background:url(images/wohnbsp012_small.jpg);}

li#hotel-1-1 a {background:url(images/hotel001_small.jpg);}
li#hotel-1-2 a {background:url(images/hotel002_small.jpg);}
li#hotel-1-3 a {background:url(images/hotel003_small.jpg);}
li#hotel-1-4 a {background:url(images/hotel004_small.jpg);}

li#home-1-1 a {background:url(images/home001_small.jpg);}
li#home-1-2 a {background:url(images/home002_small.jpg);}
li#home-1-3 a {background:url(images/home003_small.jpg);}
li#home-1-4 a {background:url(images/home004_small.jpg);}

li#kontakt-1-1 a {background:url(images/kontakt001_small.jpg);}
li#kontakt-1-2 a {background:url(images/kontakt002_small.jpg);}
li#kontakt-1-3 a {background:url(images/kontakt003_small.jpg);}
li#kontakt-1-4 a {background:url(images/kontakt004_small.jpg);}



#gallery li a:focus span, #gallery li a:hover span {
 display:block;
 position:absolute;
 top: -190px;
 right:0;
 width:300px;
}

#gallery a img {
 border:0;
 height:190px;
 width:285px;
}

#gallery li a span {visibility:hidden}
#gallery li a.current span,
#gallery li a:hover span {visibility:visible}
#gallery li a:hover{visibility:visible;}