/* CSS Dokument zu www.hotel-2-laender.de von www.gastrodreams.de */

html, body {
margin:0;
padding:0;
background-color:#FFF;
background-image:url(images/bg/hzl-bg_03.jpg);
background-position:center;
background-repeat:repeat-y;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.0em;
font-weight:normal;
color:#544000;
text-align:left;
height:100%; 
margin-bottom:1px;
}

#topbar {
width:100%;
height:575px;
background-image:url(images/bg/hzl-bg_01.jpg);
background-repeat:no-repeat;
background-position:top center;
float:left;
}

#midbar {
width:100%;
background-image:url(images/startseite/hotel-apolda_08.jpg);
background-repeat:no-repeat;
background-position:top center;
float:left;
}

#botbar {
width:100%;
height:176px;
background-image:url(images/bg/hzl-bg_05.jpg);
background-repeat:no-repeat;
background-position:top center;
float:left;
}

.frame {
width:950px;
margin:0 auto 0 auto;
text-align:left;
}

.clear {
clear:both;
}

/* Content Topbar */

#right {
width:626px;
float:left;
}

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

#filler1 {
width:324px;
height:132px;
background-image:url(images/startseite/hotel-apolda_02.jpg);
float:left;
}

#menubox {
width:324px;
height:443px;
background-image:url(images/startseite/hotel-apolda_05.jpg);
float:left;
}

#logo {
width:626px;
height:132px;
float:left;
}

#filler2 {
background-image:url(images/startseite/hotel-apolda_07.jpg);
width:626px;
height:56px;
float:left;
}

#header {
width:626px;
height:387px;
float:left;
}

/* Midbar */

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

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

#content h1 {
font-size:1.6em;
color:#739b21;
margin:35px 40px 10px 65px;
font-weight:normal;
}

#content h2 {
font-size:1.3em;
color:#739b21;
margin:15px 40px 10px 65px;
font-weight:normal;
}


#content ul {
font-size:1.0em;
line-height:1.4em;
margin-left:85px;
margin-right:50px;
font-weight:normal;
}

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

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

#content img {
border:0;
padding:3px;
background-color:#ffffff;
margin:5px 10px 5px 10px;
}

#content table {
margin: 0 20px 0 65px;
}

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

/* Bilder */

.imgr {
float:right;
margin-right:10px !important;
margin-left:15px !important;
}

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

/* Angebot */

#angebot {
width:250px;
float:left;
}

#angebot img {
padding:2px;
background-color:#ffffff;
}

#angebot h3 {
font-size:1.1em;
color:#544000;
font-weight:normal;
margin:90px 52px 0 22px;
text-align:center;
}

#angebot h4 {
font-size:1.2em;
color:#739b21;
font-weight:normal;
margin:0px 52px 0 22px;
text-align:center;
}


#angebot ul {
text-align:left !important;
font-size:0.9em;
line-height:1.3em;
margin-left:35px;
margin-right:20px;
font-weight:normal;
}

#angebot p {
margin-right:52px;
margin-left:22px;
line-height:1.2em;
font-size:0.8em;
font-weight:normal;
text-align:center;
}

#angebot a {
color:#739b21;
text-decoration:underline;
font-weight:normal;
}

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

/* Menu */

#menubox ul {
padding:0;
margin:0;
margin-left:68px;
margin-right:42px;
margin-top:25px;
list-style:none;
font-size:1.1em;
}

#menubox li {
padding-left:30px;
padding-bottom:4px;
margin-bottom:4px;
border-bottom:1px;
border-bottom-color:#660000;
border-bottom-style:dotted;
}

#menubox a {
color:#544000;
text-decoration:none;
font-weight:normal;
}

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

.none {
border:0 !important;
}

/* Footer */

#footer {
width:950px;
height:91px;
clear:both;
}

#footer p {
font-size:0.9em;
color:#FFF;
padding:0;
margin-top:0;
margin-bottom:0;
margin-left:30px;
margin-right:0;
font-weight:normal;
text-align:left;
position:relative;
top:130px;
width:175px;
float:left;
}

#footer a {
color:#FFF;
text-decoration:underline;
font-weight:bold;
}

#footer a:hover {
color:#CCCCCC;
text-decoration:underline;
font-weight:bold;
}