/* CSS Hotel Sieling */

/******************************/
/****** Allgemeine Styles *****/
/******************************/
* {
margin:0;
padding:0;
font: normal 8pt verdana;
}

body {
text-align:center;
}

#seite {
margin:0 auto;
text-align:left;
width:760px;
background-color:#fff;
}

#head {
margin-bottom: 10px;
height:96px;
background-image:url(../pics/head_hg.gif);
}

#nav {
width:171px;
height:391px;
float:left;
border-right: 1px solid #000;
}

#frame, #inhalt {
width:415px;
height:391px;
float:left;
overflow:auto;
}


#rechts {
margin:0 0 5px 0;
width:171px;
height:391px;
float:right;
text-align:center;
border-left: 1px solid #000;
background-position: center center;
background-repeat: no-repeat;
}

#footer {
clear:both;
padding:10px 5px 0 0;
height:23px;
text-align:right;
background-image:url(../pics/footer_hg.gif);
background-repeat: repeat-x;
}
/************Allgemeine Styles Ende******************/


/******************************/
/******   Inhalt Styles   *****/
/******************************/

#inhalt{
background-image: url(../pics/start_hg.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-attachment:fixed;
}

.inhalt_raum{
text-align: center;
background-image: url(../pics/start_hg.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-attachment:fixed;
}

.text {padding: 0 30px 1em 15px;}
.text_b {padding: 0 10px 1em 10px; font-weight: bold;}
.big {padding: 2em 0 0 0; font-weight: bold;}
h1 {margin: 20px 10px 1em 10px; font-size: 10pt; border-bottom: 1px solid #000;}
h2 {margin: 10px 0 5px 10px; font-size: 10pt; font-weight: bold;}
h3 {margin: 0 0 5px 40px; font-size: 8pt;}
.back {text-align: right; padding: 10px 80px 0 0;}

table {margin: 0 0 30px 10px;}
td {padding: 0 0 4px 0;}

/************Inhalt Styles Ende******************/


/******************************/
/******   Bilder Styles   *****/
/******************************/

#logo {
padding:23px 0 0 10px;
float:left;
}

#headbilder {
margin:30px 20px 0 0;
width:237px;
border: 1px solid #000;
border-left:none;
float:right;
}
html>body #headbilder {margin-right:40px; width:236px;}

.headbild {border-left: 1px solid #000;}

#headline {
margin:30px 0 10px 20px;
}

#karte {
margin: 0 0 0 auto;
width: 394px;
border: 1px solid #000;
}

#plan {
margin: 0 auto;
width:380px;
border: 1px solid #000;
}


#plan_bild1, #plan_bild2 {
width:185px;
border: 1px solid #000;
}
#plan_bild1 {
float: left;
margin: 0 0 0 10px;
}
#plan_bild2 {
margin: 0 0 0 10px;
}
html>body #plan_bild1 {margin-left: 15px;}
html>body #plan_bild2 {float: left;}

#bild {
margin: 16px;
width: 350px;
border: 1px solid #000;
}

#raumbild_lang {
margin: 10px auto;
width: 350px;
border: 1px solid #000;
}
#raumbild_hoch {
margin: 0 auto 10px auto;
width: 250px;
border: 1px solid #000;
}

/*Hintergrundbild - Navigation*/
.nav_home {background:url(../pics/home_nav_bild.jpg) no-repeat bottom;}
.nav_hotel {background:url(../pics/home_nav_bild.jpg) no-repeat bottom;}
.nav_raumplan {background:url(../pics/home_nav_bild.jpg) no-repeat bottom;}
.nav_speisekarte {background:url(../pics/) no-repeat bottom;}
.nav_wir {background:url(../pics/home_nav_bild.jpg) no-repeat bottom;}
.nav_kontakt {background:url(../pics/home_nav_bild.jpg) no-repeat bottom;}
#adress {margin:100px 0 0 40px}

/*Hintergrundbild - Rechts*/
.rechts_home {background-image: url(../pics/rechts_home_bild.jpg);}
.rechts_hotel {background-image: url(../pics/rechts_hotel.jpg);}
.rechts_restaurant {background-image: url(../pics/rechts_kellnerinnen.jpg);}
.rechts_raumplan {background-image: url(../pics/rechts_raumplan.jpg);}
.rechts_speisekarte {background-image: url(../pics/rechts_speisekarte.jpg);}
.rechts_suppen {background-image: url(../pics/rechts_suppe.jpg);}
.rechts_salate {background-image: url(../pics/rechts_salate.jpg);}
.rechts_schnitzel {background-image: url(../pics/rechts_schnitzel.jpg);}
.rechts_pfannengerichte {background-image: url(../pics/rechts_pfannengerichte_bild.jpg);}
.rechts_fisch {background-image: url(../pics/rechts_fisch.jpg);}
.rechts_kleinigkeiten {background-image: url(../pics/rechts_kalt.jpg);}
.rechts_tellergerichte {background-image: url(../pics/rechts_tellergerichte.jpg);}
.rechts_pizza {background-image: url(../pics/rechts_pizza.jpg);}
.rechts_getraenke {background-image: url(../pics/rechts_getraenke.jpg);}
.rechts_termine {background-image: url(../pics/rechts_termine.jpg);}
.rechts_wir {background-image: url(../pics/rechts_profil.jpg);}
.rechts_kontakt {background-image: url(../pics/rechts_kontakt.jpg);}
.rechts_anfahrt {background-image: url(../pics/rechts_anfahrt.jpg);}
.rechts_impressum {background-image: url(../pics/rechts_home_bild.jpg);}


/**************** bilder ENDE******************/


/******************************/
/******   Navigation Styles   *****/
/******************************/

.menu {margin:0 0 10px 0; display:block;}

#nav ul{margin:10px 0 0 20px; list-style:none;}

.menu a:link, .menu a:visited {
padding-right:40px;
font-size:10pt;
font-weight:bold;
color:#000;
text-decoration:none;
}
.menu a:hover{ 
background-image:url(../pics/nav_hg.gif); 
background-position: bottom right; 
background-repeat: no-repeat;
color:#700;}

.submenu {
margin:0 0 5px 0;
display:block;
}

.submenu a:link, .submenu a:visited {
padding-right:0px;
font-size:8pt;
font-weight:bold;
color:#000;
text-decoration:none;
}
.submenu a:hover{
background-image:none;  
color:#700;
text-decoration:underline;}

#footer a:link, #footer a:visited {
font-size:8pt;
font-weight:bold;
color:#000;
text-decoration:none;
}
#footer a:hover {text-decoration:underline;}


#inhalt a:link, #inhalt a:visited {
font-size:8pt;
font-weight: normal;
color:#A00000;
text-decoration: underline;
}
#inhalt a:hover {text-decoration: none;}


#car {margin: 0 0 20px 60px}
#car li {
margin: 0 0 0 40px;
display: inline;
}