/* CSS Dokument zu Grünes Herz von www.gastrodreams.de */

html, body {
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.0em;
font-weight:normal;
color:#7c5930;
text-align:left;
height:100%; 
margin-bottom:1px;
}

body{
background-color:#efe8cb;
background-image:url(images/bg/startseite_bg_03.jpg);
background-position:center;
background-repeat:repeat-y;
}


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

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


#midbotbar{
width:100%;
background-image:url(images/bg/startseite_bg_05.jpg);
background-repeat:no-repeat;
background-position:bottom center;
float:left;
}

#botbar {
width:100%;
height:147px;
background-image:url(images/bg/startseite_bg_06.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;
}

/* Inhalt Topbar */



#top {
width:950px;
height:535px;
float:left;
}

#filler {
width:582px;
height:201px;
float:left;
}

#logo {
width:368px;
height:201px;
float:left;
}

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


/* Navigation */

#menubox {
width:950px;
height:58px;
margin:0 auto 0 auto;
background-image:url(images/startseite/startseite_slice_06.jpg);
float:left;
}


#menuoben {
margin-top:7px;
margin-left:30px;
}

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

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

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

#menuoben ul li a:hover {
display:block;
color:#FFFFFF;
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:240px;
} 


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

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

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


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

#nav li:hover ul, #nav li.over ul {
width:250px;
display: block;
position: absolute;
padding-top: 2px;
padding-bottom:2px;
margin: 30px 0 0 -5px !important;
z-index:10;
font-size:1em;
}
/* Inhalt Midbar */

#midright{
width:256px;
background-image:url(images/startseite/angebot_slice_11.jpg);
background-repeat:repeat-y;
background-position:center;
float:left;
}

.aoutbox {
width:256px;
float:left;
background-image:url(images/startseite/angebot_slice_08.jpg);
background-position:top center;
background-repeat:no-repeat;
}

.angebotborder {
margin-top:0px;
padding-top:0px;
margin-left:30px;
margin-right:45px;
margin-bottom:10px;
border-bottom:1px;
border-bottom-color:#C57C33;
border-bottom-style:dotted;
}

.angebot {
width:256px;
background-image:url(images/startseite/angebot_slice_14.jpg);
background-position:bottom center;
background-repeat:no-repeat;
float:left;
}

.angebot p{
font-family:Georgia;
line-height:1.0em;
color:#955110;
font-size:1.0em;
font-weight:normal;
margin-left:20px;
margin-right:35px;
}

.angebot h2 {
font-family:Georgia;
line-height:1.0em;
color:#339900;
font-size:1.1em;
text-align:center;
font-weight:normal;
padding-bottom:7px;
margin-top:30px;
margin-left:20px;
margin-right:35px;
margin-bottom:7px;
border-bottom:1px;
border-bottom-color:#C57C33;
border-bottom-style:dotted;
}

.angebot h3 {
font-family:Georgia;
line-height:1.0em;
color:#339900;
font-size:1.0em;
text-align:center;
font-weight:normal;
padding-bottom:7px;
margin-top:8px;
margin-left:20px;
margin-right:35px;
margin-bottom:7px;
border-bottom:1px;
border-bottom-color:#C57C33;
border-bottom-style:dotted;
}

.angebot ul {
font-family:Georgia;
line-height:1.3em;
color:#955110;
font-size:1.0em;
font-weight:normal;
padding-left:15px;
margin-top:8px;
margin-left:20px;
margin-right:35px;
list-style:disc;
}

.angebot h4 {
font-family:Georgia;
line-height:1.0em;
color:#955110;
font-size:1.0em;
text-align:center;
font-weight:bold;
margin-top:7px;
margin-left:20px;
margin-right:35px;
margin-bottom:7px;
}

.angebot a{
font-family:Georgia;
text-decoration:none;
line-height:1.0em;
color:#339900;
font-size:1.0em !important;
margin-top:10px !important;
font-weight:bold;
}

.angebot a:hover{
font-family:Georgia;
text-decoration:underline;
line-height:1.0em;
color:#339900;
font-size:1.0em;
font-weight:bold;
}

.link {
margin-left:27px !important;
margin-right:26px !important;
text-align:center !important;
}


.angebot img {
border:1px;
border-color:#C57C33;
border-style:solid;
background-color:#C57C33;
margin:0px 0px 2px 31px;
padding:1px;
}

#content {
width:643px;
float:left;
padding-left:50px;
padding-bottom:70px;
}

#content p {
width:580px;
font-family:Georgia;
line-height:1.7em;
padding-left:25px;
padding-right:25px;
color:#955110;
font-size:1.0em;
font-weight:normal;
text-align:left;
}

#content h1 {
font-family:Georgia;
font-size:1.5em;
color:#339900;
margin:45px 25px 10px 25px;
font-weight:normal;
text-align:left;
}

#content h2 {
font-family:Georgia;
font-size:1.2em;
color:#8d1a03;
margin:25px 10px 10px 25px;
font-weight:normal;
}

#content h3{
font-family:Georgia;
line-height:1.3em;
color:#339900;
font-size:1.0em;
text-align:left;
font-weight:bold;
margin:25px 10px 10px 25px;
}

#content ul {
font-size:1.0em;
font-family:Georgia;
line-height:1.4em;
margin-left:40px;
margin-right:60px;
color:#955110;
font-weight:normal;
}

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

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

#content img {
border:1px;
border-color:#C57C33;
border-style:solid;
background-color:#C57C33;
margin:5px 0px 5px 0px;
padding:1px;
}

#content table {
font-family:Georgia;
line-height:1.7em;
color:#967C50;
font-size:1.0em;
font-weight:normal;
text-align:left;
margin: 0 25px 0 25px;
}

/* Bilder */

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

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

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

/* Footer */

#footer {
height:147px;;
clear:both;
padding-left:255px;
}

#footer p {
font-size:1.0em;
font-family:Georgia;
font-weight:normal;
color:#544000;
padding:0;
margin-top:57px;
margin-bottom:0;
margin-left:0px;
margin-right:0;
text-align:left;
position:relative;
line-height:1.4em;
float:left;
}

#footer a {
text-decoration:none;
color:#544000;
font-weight:bold;
}

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


.newblockbordercontent {
padding-bottom:15px;
margin-bottom:10px;
margin-right:40px;
margin-left:30px;
border-bottom:1px;
border-bottom-color:#967C50;
border-bottom-style:dotted;
}


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