@charset "UTF-8";

/* CSS Document */

*{ margin:0; padding:0; line-height:1; outline:none;}
body{ background:url(../images/bg.jpg) repeat-x top #5c6175; text-align:right;}
#header{ height:145px; width:100%; background:url(../images/header.jpg) no-repeat right; position:relative; z-index:3;}
#header2{ height:200px; width:100%; background:url(../images/header2.jpg) repeat-x; position:absolute;top:0px; z-index:2;}
#footer{ height:54px; width:100%; background:url(../images/footer.jpg) repeat-x right; position:fixed; bottom:0px; z-index:30;}
#saebel{ position:relative; top:-18px; }
#logo{ position:absolute; top:10px; left:30px; z-index:4;}
#titel{ position:absolute; top:150px; right:30px; z-index:5;}
#h{ position:absolute; top:25px; left:260px; z-index:5;}
#bild{ position:fixed; bottom:54px; right:0px; width:1010px; height:514px; background:url(../images/bild.jpg) no-repeat; z-index:1; }
#nav{ position:absolute; top:220px; left:40px; z-index:2; width:200px; height:462px; background:url(../images/menu.png) no-repeat;}
#content{ position:absolute; top:240px; left:290px; z-index:2; text-align:left; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; padding-bottom:100px; padding-right:300px; font-weight:normal;}
#content p{ padding-top:20px; line-height:1.2;}
#nav ul{ list-style:none;margin:0;padding:0; position:absolute; top:75px; left:44px;}
#nav ul li{margin:0;padding:0;}
#nav ul li a{ display:block; width:120px; height:26px;overflow:hidden; background-color:#FF0000; text-align:left; line-height:100px;} 
#nav ul li a#nav1{ background:url(../images/nav/menu1.jpg) no-repeat; } 
#nav ul li a#nav2{ background:url(../images/nav/menu2.jpg) no-repeat; } 
#nav ul li a#nav21{ background:url(../images/nav/menu21.jpg) no-repeat; } 
#nav ul li a#nav22{ background:url(../images/nav/menu22.jpg) no-repeat; } 
#nav ul li a#nav23{ background:url(../images/nav/menu23.jpg) no-repeat; } 
#nav ul li a#nav3{ background:url(../images/nav/menu3.jpg) no-repeat; } 
#nav ul li a#nav4{ background:url(../images/nav/menu4.jpg) no-repeat; } 
#nav ul li a#nav5{ background:url(../images/nav/menu5.jpg) no-repeat; } 
#nav ul li a#nav6{ background:url(../images/nav/menu6.jpg) no-repeat; } 
#nav ul li a#nav7{ background:url(../images/nav/menu7.jpg) no-repeat; } 
#nav ul li a#nav8{ background:url(../images/nav/menu8.jpg) no-repeat; } 
#nav ul li a#nav9{ background:url(../images/nav/menu9.jpg) no-repeat; } 

#nav ul li a#nav1a{ background:url(../images/nav/menu1h.jpg) no-repeat; } 
#nav ul li a#nav2a{ background:url(../images/nav/menu2h.jpg) no-repeat; } 
#nav ul li a#nav21a{ background:url(../images/nav/menu21h.jpg) no-repeat; } 
#nav ul li a#nav22a{ background:url(../images/nav/menu22h.jpg) no-repeat; } 
#nav ul li a#nav23a{ background:url(../images/nav/menu23h.jpg) no-repeat; } 
#nav ul li a#nav3a{ background:url(../images/nav/menu3h.jpg) no-repeat; } 
#nav ul li a#nav4a{ background:url(../images/nav/menu4h.jpg) no-repeat; } 
#nav ul li a#nav5a{ background:url(../images/nav/menu5h.jpg) no-repeat; } 
#nav ul li a#nav6a{ background:url(../images/nav/menu6h.jpg) no-repeat; } 
#nav ul li a#nav7a{ background:url(../images/nav/menu7h.jpg) no-repeat; } 
#nav ul li a#nav8a{ background:url(../images/nav/menu8h.jpg) no-repeat; } 
#nav ul li a#nav9a{ background:url(../images/nav/menu9h.jpg) no-repeat; } 

#nav ul li a#nav1:hover{ background:url(../images/nav/menu1h.jpg) no-repeat; } 
#nav ul li a#nav2:hover{ background:url(../images/nav/menu2h.jpg) no-repeat; } 
#nav ul li a#nav21:hover{ background:url(../images/nav/menu21h.jpg) no-repeat; } 
#nav ul li a#nav22:hover{ background:url(../images/nav/menu22h.jpg) no-repeat; } 
#nav ul li a#nav23:hover{ background:url(../images/nav/menu23h.jpg) no-repeat; } 
#nav ul li a#nav3:hover{ background:url(../images/nav/menu3h.jpg) no-repeat; } 
#nav ul li a#nav4:hover{ background:url(../images/nav/menu4h.jpg) no-repeat; } 
#nav ul li a#nav5:hover{ background:url(../images/nav/menu5h.jpg) no-repeat; } 
#nav ul li a#nav6:hover{ background:url(../images/nav/menu6h.jpg) no-repeat; } 
#nav ul li a#nav7:hover{ background:url(../images/nav/menu7h.jpg) no-repeat; } 
#nav ul li a#nav8:hover{ background:url(../images/nav/menu8h.jpg) no-repeat; } 
#nav ul li a#nav9:hover{ background:url(../images/nav/menu9h.jpg) no-repeat; } 
#imp { position:absolute;right:30px;top:18px;}
#gal { position:absolute;right:160px;top:18px;}
#tel { position:absolute;left:30px;top:18px;}
h1#title_home{ width:445px; height:58px; display:block; margin:0; padding:0; line-height:200px;background:url(../images/title/home.png) no-repeat; overflow:hidden;}
h1#title_gb{ width:129px; height:26px; display:block; margin:0; padding:0; line-height:200px;background:url(../images/title/gb.png) no-repeat; overflow:hidden;}
h1#title_grabitz{ width:381px; height:29px; display:block; margin:0; padding:0; line-height:200px;background:url(../images/title/grabitz.png) no-repeat; overflow:hidden;}
h1#title_pension{ width:322px; height:29px; display:block; margin:0; padding:0; line-height:200px;background:url(../images/title/pension.png) no-repeat; overflow:hidden;}
h1#title_piraten{ width:533px; height:29px; display:block; margin:0; padding:0; line-height:200px;background:url(../images/title/piraten.png) no-repeat; overflow:hidden;}
h1#title_buchung{ width:222px; height:29px; display:block; margin:0; padding:0; line-height:200px;background:url(../images/title/buchung.png) no-repeat; overflow:hidden;}
h1#title_kontakt{ width:360px; height:75px; display:block; margin:0; padding:0; line-height:200px;background:url(../images/title/kontakt.png) no-repeat; overflow:hidden;}
h1#title_galerie{ width:142px; height:22px; display:block; margin:0; padding:0; line-height:200px;background:url(../images/title/galerie.png) no-repeat; overflow:hidden;}
h1#title_special{ width:100px; height:29px; display:block; margin:0; padding:0; line-height:200px;background:url(../images/title/specials.png) no-repeat; overflow:hidden;}
h1#title_restaurant{ width:492px; height:29px; display:block; margin:0; padding:0; line-height:200px;background:url(../images/title/restaurant.png) no-repeat; overflow:hidden;}
h1#title_umgebung{ width:321px; height:29px; display:block; margin:0; padding:0; line-height:200px;background:url(../images/title/umgebung.png) no-repeat; overflow:hidden;}
h1#title_kids{ width:274px; height:29px; display:block; margin:0; padding:0; line-height:200px;background:url(../images/title/kids.png) no-repeat; overflow:hidden;}
.ur{position:absolute;right:0px;bottom:54px; z-index:50;}
#home_logo{position:absolute;right:80px;top:300px; z-index:20;}
#buchung_logo{position:absolute;right:52px;top:240px; z-index:20;}
#legende a{ color:#e6c497; text-decoration:none; font-size:14px; display:block; background:url(../images/dot.png) 0px 2px no-repeat; padding-left:14px; margin-bottom:4px;}
#legende a.act{ color:#ffffff; text-decoration:none; font-size:14px; display:block; background:url(../images/dot.png) 0px 2px no-repeat; padding-left:14px; margin-bottom:4px;}
#legende a:hover{ color:#ffffff; text-decoration:none; font-size:14px; display:block; background:url(../images/dot.png) 0px 2px no-repeat; padding-left:14px; margin-bottom:4px;}
#legende{ position:absolute; top:460px; right:30px; text-align:left; width:200px; height:200px; color:#FFFFFF;z-index:2; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; line-height:1.2;}
#legende2{ position:absolute; top:225px; right:30px; text-align:left; width:250px; color:#FFFFFF;z-index:2; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; line-height:1;}
#grabitz_logo{position:absolute;right:100px;top:260px; z-index:20;}
#content td{ background:#444d6c; padding:5px 10px; color:#e6c497;}
#content table{ margin-top:20px;}
#content form td{ background:none; color:#FFFFFF;}
#content form table{ margin-top:0px;}

form td{
vertical-align:top;
padding:10px 0px;

}
input.datum_norm{
border:1px solid #282f49;
padding:2px;
width:70px;
font-size:12px;
background-color:#F1F1F1;

}
input.norm{
border:1px solid #282f49;
padding:2px;
width:300px;
font-size:12px;
background-color:#F1F1F1;
}
input.klein{
border:1px solid #282f49;
padding:2px;
width:100px;
font-size:12px;
background-color:#F1F1F1;
}
textarea.norm{
border:1px solid #282f49;
padding:2px;
width:300px;
height:80px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background-color:#F1F1F1;
}
select{
font-size:12px;
}
.bordertop{
border-top:1px dotted #e6c497;

}
#captcha{
float:left;

}
#pw{
margin-left:170px;
padding-top:15px;

}
form strong{
color:#e6c497;
font-size:16px;


}
form td{
font-size:14px;
}
.red{
color:#FFFFFF;
background-color:#FF0000;
padding:10px;
font-size:14px;
}
.red strong{
color:#FFFF00;
}
.green{
color:#FFFFFF;
background-color:#009900;
padding:10px;
font-size:14px;

}
.green strong{
color:#FFFF00;
}

 form{ margin:0; padding:0;}
 div.galkurz{color:#fff; padding-top:10px;font-size:14px; line-height:1.2;}
 div.galkurz a{ text-decoration:none;color:#e6c497;}
 div.galback{color:#fff; font-size:16px;}
  div.galback a{ text-decoration:none;color:#e6c497;}
  
  .gb2{padding:10px 10px 0px 10px;}
  .black{ text-decoration:underline; color:#FFFFFF; font-size:14px;}
  .black:hover{ text-decoration:none;color:#FFFFFF}
  
  .med{ width:200px; background:#444d6c;  color:#e6c497;border:1px solid #ccc;font-family:Georgia, "Times New Roman", Times, serif; padding:2px 5px; font-size:14px;}
  .full3{ width:430px; height:80px; background:#444d6c;  color:#e6c497;border:1px solid #ccc;font-family:Georgia, "Times New Roman", Times, serif; padding:2px 5px; font-size:14px;}