/* CSS Dokument zu www.apart-hotel-weimar.de von www.gastrodreams.de */

/* Aufbau */ 

html, body {
margin:0;
padding:0;
background-image:url(images/bg.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#fffced;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.0em;
font-weight:normal;
color:#7a6901;
text-align:left;
}

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

#logo {
width:950px;
height:113px;
float:left;
}

#header {
width:950px;
height:317px;
float:left;
}

#menu {
width:950px;
height:51px;
background-image:url(images/startseite/hotel-weimar_07.jpg);
float:left;
}

#mainbar {
width:950px;
float:left;
}

#content {
width:645px;
float:left;
}

.angebot {
width:250px;
background-image:url(images/startseite/hotel-weimar_14.jpg);
float:left;
}

#footer {
width:950px;
height:114px;
background-image:url(images/startseite/hotel-weimar_19.jpg);
clear:both;
}

/* Contentelemente */

#content h1 {
font-size:1.3em;
color:#6ba212;
margin:0px 30px 5px 65px;
font-weight:normal;
}

#content h2 {
font-size:1.3em;
color:#6ba212;
margin:10px 30px 5px 65px;
font-weight:normal;
}

#content p {
font-size:1.0em;
line-height:1.2;
color:#7a6901;
margin-left:65px;
margin-right:30px;
font-weight:normal;
}

#content ul {
font-size:1.0em;
line-height:1.2;
color:#7a6901;
margin-left:80px;
margin-right:40px;
font-weight:normal;
}

#content a {
color:#7a6901;
text-decoration:underline;
font-weight:normal;
}

#content a:hover {
color:#000000;
text-decoration:underline;
font-weight:normal;
}

#content img {
border:1px;
border-color:#ceae92;
border-style:solid;
padding:3px;
background-color:#f3edcb;
margin:5px 5px 5px 5px;
}

#content table {
margin-left: 65px;
}

.newblockborder {
padding-bottom:15px;
margin-bottom:10px;
border-bottom:1px;
border-bottom-color:#660000;
border-bottom-style:dotted;
}

/* Bilder */

.imgr {
float:right;
}

.imgl {
float:left;
}

/* Angebotselemente */

.angebot h2 {
font-size:1.2em;
color:#9b500d;
margin-top:0;
margin-bottom:5px;
font-weight:normal;
text-align:center;
}

.tall {
font-size:1.3em;
font-weight:bold;
}

.angebot p {
font-size:0.9em;
/* line-height:1.3; */
color:#9b500d;
text-align:center;
margin:7px 10px 4px 10px;
font-weight:normal;
}

.angebot ul {
font-size:0.9em;
/* line-height:1.3; */
color:#9b500d;
text-align:left;
margin:7px 10px 4px 50px;
padding:0;
font-weight:normal;
}

.angebot a {
color:#9b500d;
text-decoration:underline;
font-weight:normal;
}

.angebot a:hover {
color:#000000;
text-decoration:underline;
font-weight:normal;
}

.angebot img {
border:1px;
border-color:#9b500d;
border-style:solid;
margin-left:13px;
}

.none {
border:0 !important;
padding:0 !important;
margin:0 !important;
position:relative;
top:-8px;
}

.none2 {
border:0 !important;
padding:0 !important;
margin:0 !important;
}

/* footer Elemente */

#footer p {
font-size:0.7em;
color:#9a8502;
padding:0;
margin-top:0;
margin-bottom:0;
margin-left:55px;
margin-right:0;
font-weight:normal;
text-align:left;
position:relative;
top:15px;
}

#footer a {
color:#9a8502;
text-decoration:underline;
font-weight:normal;
}

#footer a:hover {
color:#000000;
text-decoration:underline;
font-weight:normal;
}

/* Menü */

#menuoben {
margin-top:9px;
margin-left:40px;
}

#menuoben ul {
padding:0;
margin:0;
list-style:none;
font-size:0.95em;
font-weight:normal; 
color:#477201;
z-index:5;
}

#menuoben ul li {
float:left;
margin-left:2px;
margin-right:2px;
padding:4px 0px 2px 0px;
position:relative;
z-index:5;
}

#menuoben ul li a {
display:block;
color:#477201;}

#menuoben ul li a:hover {
display:block;
color:#273f00;
text-decoration:underline;
}

#menuoben li ul {
display:none;
margin:13px 0 0 2px;
position:absolute;
top:0;
}

#menuoben li ul li {
float:none;
padding:2px 2px 2px 10px;
width:210px;
} 


#menuoben li>ul {
top:0;
left:0;
}

#menuoben li a {
color:#fff;
text-decoration:none;
} 

#menuoben li:hover ul, li.over ul {
display:block;
background:#fffdf2;
} 


#nav ul {
display: none;
background: #fffdf2;
border-width: 1px;
border-style:solid;
border-color:#e1dcc1;
z-index:10;
}

#nav li:hover ul, #nav li.over ul {
width: 210px;
display: block;
position: absolute;
padding-top: 2px;
padding-bottom:2px;
margin: 22px 0 0 -5px !important;
z-index:10;
font-size:0.9em;
}

.datum {
width:150px;
float:left;
}