/* CSS Dokument zu www.pension-orchideental.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:#fffde3;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.0em;
font-weight:normal;
color:#8b3b04;
text-align:left;
}

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

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

#menue {
width:950px;
height:55px;
background-image:url(images/startseite/pension-jena_04.jpg);
float:left;
}

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

#cb1 {
width:950px;
height:86px;
float:left;
}

#content {
width:950px;
background-image:url(images/startseite/pension-jena_10.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
}

#footer {
width:950px;
height:112px;
background-image:url(images/startseite/pension-jena_11.jpg);
clear:both;
}

/* Menüs */

/* Oben */

#menuoben {
margin-top:10px;
margin-left:50px;
}

#menuoben ul {
padding:0;
margin:0;
list-style:none;
font-size:0.95em;
font-weight:bold; 
color:#8b3b04;
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:#8b3b04;}

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

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

#menuoben li ul li {
float:none;
padding:2px 0 2px 2px;
width:150px;
} 


#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:#fff4ce;
} 


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

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

/* Contentelemente */

#content h1 {
font-size:1.4em;
color:#cc3300;
margin:0px 40px 5px 40px;
font-weight:normal;
}

#content p {
font-size:1.0em;
line-height:1.3;
color:#8b3b04;
margin-left:40px;
margin-right:40px;
font-weight:normal;
}

#content ul {
font-size:1.0em;
line-height:1.3;
color:#8b3b04;
margin-left:60px;
margin-right:50px;
font-weight:normal;
}

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

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

#content img {
border:1px;
border-color:#c39769;
border-style:solid;
padding:3px;
background-color:#f7da9a;
margin:5px 10px 5px 10px;
}

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

/* Bilder */

.imgr {
float:right;
margin-right:0 !important;
}

.imgl {
margin-left:0 !important;
float:left;
}

.last {
margin-bottom:100px;
}

/* Footer Elemente */

#footer p {
font-size:0.95em;
color:#8b3b04;
padding:0;
margin-top:0;
margin-bottom:0;
margin-left:50px;
margin-right:0;
font-weight:normal;
text-align:left;
position:relative;
top:14px;
}

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

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

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