/* CSS Document 4 KleineMuehle.com by werbungevent.at */

body{
text-align:center;
position:relative;
margin:0 auto;
padding:0;
width:960px;
font-family:Georgia, "Times New Roman", Times, serif;
background: #FD8 url(../pix/hg-body.gif) top center repeat-y;
}
img{
border:0;
}
.skiplink{
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
font-size:0.7em;
}
#top{
position:relative;
height:240px;
}
#top h1{
position:absolute;
bottom:0;
left:15px;
width: 625px;
height: 210px;
overflow:hidden;
margin:0;
padding:0;
font-size:0.8em;
z-index:6;
}
#top a{
display:block;
color:#930;
text-decoration:none;
}
#top h1 span{
background: url(../pix/kleine-muehle-logo.gif) no-repeat;
position:absolute;
top:0;
left:0;
width:625px;
height:210px;
z-index:12;
}
#top p{
position:absolute;
top:0;
right:15px;
width: 260px;
height: 240px;
overflow:hidden;
margin:0;
padding:0;
font-size:0.8em;
z-index:5;
}
#top p span{
background: url(../pix/zimmer-anfrage.gif) no-repeat;
position:absolute;
top:0;
left:0;
width:260px;
height:240px;
z-index:10;
}
#home #top{
background: url(../pix/start-button.gif) top right no-repeat;
}
#home #top p{
display:none;
}
#navi{
float:right;
line-height:2.8em;
margin:30px 15px;
padding:0;
width:425px;
list-style-type:none;
font-style:italic;
}

#navi li{
font-size:1.4em;
letter-spacing:1px;
margin:0;
padding:0;
}
#navi .liueber{ padding-left:60px; }
#navi .lilage{ padding-left:15px; }
#navi li a{
color:#666;
padding-left:25px;
}
#navi li a:hover{
color:#930;
}
#home .lihome a, #zimmer .lizimmer a, #ueber .liueber a, #lage .lilage a, #kontakt .likontakt a {
cursor:default; 
background: url(../pix/li-img.gif) no-repeat 0 45%;
color:#930;
text-decoration:none;
}

#text{
text-align:left;
margin-top:30px;
margin-left:15px;
margin-right:460px;
line-height:1.5em;
}
#home #text{
margin-left: 500px;
margin-right:15px;
}
#text h2{
margin:0;
font-size: 1.25em;
font-weight:normal;
font-style:italic;
}
#text p{
font-size:1em;
}

#text a{ color: #666; }
#text a:visited{ color:#999; }
#text a:hover{ color: #930; text-decoration:none; }
#text label b{
display:block;
float:left;
width:4em;
margin-right:0.5em;
font-weight:normal;
}
#text .textnormal{
background-color: #FFF;
border: 1px solid #EC6;
color: #333;
}
#text .textfocus{
background-color: #FFF;
border: 1px solid #930;
color: #000;
}
#text .button{
border: 1px solid #EC6;
background-color: #FFF;
}

#galerie{
list-style-type:none;
margin:15px;
padding:0;
float:left;
}
#home #galerie{
margin:0;
width:480px;
position:absolute;
top:270px;
left:15px;
}
#galerie li{
margin:1px;
padding:0;
float:left;
width:230px;
height:230px;
position:relative;
}
#galerie li img{
width:210px;
height:210px;
padding:10px;
}
#galerie li span{
position:absolute;
top:0;
left:0;
width:230px;
height:230px;
background-repeat: no-repeat;
}
#galerie li.rahmen1 span { background-image:url(../pix/rahmen1.png); }
#galerie li.rahmen2 span { background-image:url(../pix/rahmen2.png); }
#galerie li.rahmen3 span { background-image:url(../pix/rahmen3.png); }
#galerie li span b{
position:absolute;
right:20px;
bottom:20px;
color:#FFF;
}
#bottom{
background: url(../pix/hg-beige.gif);
margin:15px;
clear:both;
text-align:center;
border-top:1px solid #EC6;
position:relative;
z-index:99;
}
#bottom p{
font-size: 0.8em;
}
#bottom ul{
border-top:1px solid #930;
margin:0;
padding:15px 0;
list-style-type:none;
}
#bottom li{
font-size: 0.7em;
display:inline;
}
#bottom a{
color:#999;
margin-right:0.5em;
}
#bottom a:visited{
color:#888;
}
#bottom a:hover{
color:#922;
}
#alexa{
position:absolute;
left:-999em;
top:-999em;
width:0;
height:0;
overflow:hidden;
}