/* CSS Dokument zu www.johannesbad-schober.de von www.gastrodreams.de */

html, body {
margin:0;
padding:0;
background-color:#FFF;
background-image:url(images/bg/johannesbad_bg_03.jpg);
background-position:center;
background-repeat:repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:normal;
color:#6c3406;
text-align:left;
height:100%; 
margin-bottom:1px;
}

#topbar {
width:100%;
height:595px;
background-image:url(images/bg/johannesbad_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:177px;
background-image:url(images/bg/johannesbad_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:697px;
float:left;
}

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

#filler1 {
width:20px;
height:387px;
background-image:url(images/startseite/wellness-bayern_06.jpg);
float:left;
}

#menubox {
width:253px;
height:595px;
background-image:url(images/startseite/wellness-bayern_02.jpg);
float:left;
}

#logo {
width:697px;
height:137px;
float:left;
}

#breadcrumb {
background-image:url(images/startseite/wellness-bayern_07.jpg);
width:697px;
height:71px;
float:left;
}

#breadcrumb p {
font-size:0.7em !important;
text-align:left;
margin-top:20px !important;
margin-left:50px;
color:#ac7b43;
}

#breadcrumb a {
color:#ac7b43;
text-decoration:underline;
font-size:1.0em;
}

#breadcrumb a:hover {
text-decoration:underline;
color:#000;
font-size:1.0em;
}

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

/* Midbar */

#addbar {
width:264px;
float:left;
}

/* addbar plugins */

#zimmeranfrage {
width:264px;
height:239px;
background-image:url(images/startseite/wellness-bayern_08.jpg);
float:left;
}

#facebook {
width:264px;
height:210px;
background-image:url(images/startseite/wellness-bayern_10.jpg);
float:left;
}

#facebook p {
font-size:1.0em;
margin-left:60px;
margin-right:60px;
padding-bottom:20px!important;
}

#facebook img {
float:left;
border:0;
padding:0;
margin:0;
margin-right:10px;
position:relative;
top:-14px;
}

#facebook a {
color:#6c3406;
text-decoration:none;
font-weight:normal;
}

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

#newsbox {
width:264px;
height:174px;
background-image:url(images/newsletter/newsletter_10.jpg);
float:left;
}

#newsbox p {
margin-left:40px;
margin-right:30px;
margin-top:75px;
text-align:left;
font-size:0.8em;
}

#newsbox a {
color:#7db00e;
text-decoration:none;
font-weight:normal;
}

#newsbox a:hover {
color:#4d6c0a;
text-decoration:underline;
font-weight:normal;
}

#wetter {
width:264px;
height:269px;
background-image:url(images/startseite/wetter_10.jpg);
float:left;
}

#wetter p {
margin-left:40px;
margin-right:30px;
margin-top:80px;
text-align:center;
}

#content {
width:686px;
background-image:url(images/startseite/wellness-bayern_09.jpg);
background-position:top center;
background-repeat:no-repeat;
float:left;
}

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

#content h1 {
font-size:1.4em;
color:#9a3231;
margin:20px 40px 10px 40px;
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:50px;
margin-right:50px;
font-weight:normal;
}

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

#content a:hover {
color:#000;
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;
}



/* Menu */

#menue {
margin-top:75px;
font-weight:normal;
font-size:0.95em;
float:left;
}

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

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

#menue li a {
color: #6c3406;
font-weight:normal;
text-decoration: none;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 25px;
padding-right: 1px;
display: block;
width: 99.9%;
}

#menue li a:hover {
font-weight:normal;
color: #000;
text-decoration: underline;
background-image:url(images/menu_button.gif);
background-position:left;
background-repeat:no-repeat;
}

#nav {
width: 170px;
z-index:10 !important;
}

#nav ul {
display: none;
background-color:#fdf2d4;
background-repeat:repeat-y;
border-width: 1px;
border-style:solid;
border-color:#FFF;
z-index:10 !important;
}

#nav li:hover ul, #nav li.over ul {
width: 190px;
display: block;
position: absolute;
padding-top: 7px;
padding-left: 7px;
padding-bottom:7px;
margin: -25px 0 0 170px;
z-index:10 !important;
}

/*
#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.85em;
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:85px;
width:255px;
float:left;
}

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

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

/* Slideshow */

#slideshow {
 height:387px; 
 position:relative;
 z-index:5 !important;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; 
 left:0;
 z-index:5 !important;
}
#slideshow img.start {
 display:block;
 z-index:5 !important;
}

/* text änderungen */

.uno {
margin-bottom:0 !important;
padding-bottom:0 !important;
}

.obo {
margin-top:0 !important; 
padding-top:0 !important; 
margin-bottom:30px !important;
}