/* CSS Dokument zu Kurhotel Kunzmann Copyright www.gastrodreams.de */

html, body {
background-image:url(images/startseite/bg.jpg);
background-position:top;
background-repeat:repeat-x;
margin:0;
padding:0;
background-color:#FFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}

#bg_bild {
width:900px;
margin:0 auto 0px auto;
background-image:url(images/startseite/bg_quer.jpg);
background-repeat:no-repeat;
}

#frame {
background-image: url(images/startseite/frame_06.jpg);
background-repeat: repeat-y;
background-position:top;
width:760px;
margin:	0 auto 0px auto;
text-align: left;
}

/* Bereich links */

#left {
width:181px;
float:left;
}

#menubox {
width:181px;
height:447px;
margin:0;
padding:0;
background-image:url(images/startseite/startseite_02.jpg);
float:left;
}

#angebot {
width:181px;
height:284px;
background-image:url(images/startseite/startseite2_09.jpg);
vertical-align:top;
float:left;
}

#angebotbox {
font-size:11px;
color:#663300;
margin-top:40px;
margin-left:28px;
margin-right:35px;
}

#angebotbox p {
margin-top:3px;
margin-bottom:2px;
}

#angebotbox a {
text-decoration:none;
color:#663300;
}

#angebotbox a:hover {
text-decoration:underline;
color:#000;
}

/* Bereich Mitte */

#middle {
width:574px;
float:left;
}

#picheader {
width:574px;
height:297px;
float:left;
}

#headline {
width:574px;
height:76px;
float:left;
}

#headline h1 {
margin-left:20px;
margin-top:40px;
color:#993300;
font-size:19px;
font-weight:normal;
}

#content {
width:574px;
float:left;
color:#885d23;
font-size:15px;}

#content p,table {
margin-left:20px;
margin-right:20px;
margin-bottom:15px;
}

#content ul {
margin-left:60px;
margin-right:20px;
}

#content a {
text-decoration:underline;
color:#663300;
}

#content a:hover {
text-decoration:none;
color:#000;
}

#content h1 {
margin-left:20px;
color:#993300;
font-size:19px;
font-weight:normal;
}

#content img {
border:2px;
border-color:#e5d9b7;
border-style:solid;
margin:5px;
}

#breadcrumb {
font-size:11px;
color:#c8b88a;
margin-left:25px;
margin-right:150px;
margin-bottom:5px;
}

#breadcrumb a {
text-decoration:underline;
color:#c8b88a;
}

#breadcrumb a:hover {
text-decoration:underline;
color:#000;
}

/* Bereich Rechts */

#right {
width:5px;
height:663px;
background-image:url(images/startseite/startseite_05.jpg);
float:left;
}

/* Bereich Unten */

#unten {
width:760px;
height:37px;
background-image:url(images/startseite/startseite_11.jpg);
text-align:right;
float:left;
}

#unten p {
margin-top:3px;
margin-right:18px;
font-size:10px;
color:#cfbf92;
}

#clearer {
clear:both; 
}

.dotline {
background-image: url(images/dotblock.gif);
background-repeat:repeat-x;
width:540px;
height:1px;
margin:0 auto 0 auto;
}

/* Menü */

#menue {
margin-top:30px;
font-weight:normal;
font-size:16px;
color:#663300;
}


#menue ul {
margin: 0;
padding: 0;
padding-left:20px;
list-style: none;
}

#menue li {
width: 170px;
float:left;
}

#menue li a {
color: #663300;
font-weight:normal;
text-decoration: none;
padding: 1px;
display: block;
width: 99.9%;
}


#menue li a:hover {
font-weight: normal;
color: #000;
text-decoration: underline;
}

#nav {
width: 180px;
}

#nav ul {
display: none;
background: #fff8dd;
border-width: 1px;
border-style:solid;
border-color:#663300;
}

#nav li:hover ul, #nav li.over ul {
width: 180px;
display: block;
position: absolute;
padding-top: 7px;
padding-left: 7px;
padding-bottom:7px;
margin: -25px 0 0 125px;
}