/*css version mit gelb-grünem menü*/

*{
margin: 0;
padding: 0;
}

img {
border: 0 none;
margin: 5px 5px 5px 0;
}

.image_box {
  float: right;
  width: 300px;
  margin: 0 5px 5px 10px;
}

.image_box img {
  width: 300px;
  border: 1px solid;
}

.image_box p {
  font-size: 14px;
}

.image_box2 {
  float: right;
  width: 253px;
  margin: 0 0 10px 10px;
}

.image_box2 img {
  width: 253px;
  border: 1px solid;
}

.image_box2 p {
  font-size: 14px;
}

.float_right{
float: right;
border:1px solid;
margin: 5px 5px 5px 10px;
}

.float_left{
float:left;
}

.middle{
padding: 5px 15% 5px 15%;
}

.font_spec{
font-family:lucida calligraphy;
}

.bildunterschrift{
float:right;
margin:0 0 10px 0px;
}


iframe {
float:right;
width: 300px;
height: 300px;
margin: 5px 0 10px 10px
}

body {
/*background-color:#98FB98;*/
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
font-family: arial;
/*overflow-y: hidden;*/
}

.home {
background-image:url(../images/content/beach3.jpg);
}

.sys_ber {
background-image:url(../images/content/garden1.jpg);
}

.ber_ang{
background-image:url(../images/content/garden5.jpg);
}

.ueber{
background-image:url(../images/content/landscape1.jpg);
}

.kontakt{
background-image:url(../images/content/tree1.jpg);
}

.galerie{
background-image:url(../images/content/background.jpeg);
}

.dank{
background-image:url(../images/content/background.jpeg);
}

.impressum{
background-image:url(../images/content/background.jpeg);
}

.datenschutzerklaerung{
background-image:url(../images/content/background.jpeg);
}

.home_bg {
background-image:url(../images/content/beach3_bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}

.sys_ber_bg {
background-image:url(../images/content/garden1_bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}

.ber_ang_bg{
background-image:url(../images/content/garden5_bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}

.ueber_bg{
background-image:url(../images/content/landscape1_bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}

.kontakt_bg{
background-image:url(../images/content/tree1_bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}

.galerie_bg{
background-image:url(../images/content/background_bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}

.dank_bg{
background-image:url(../images/content/background_bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}

.impressum_bg{
background-image:url(../images/content/background_bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}


#wrapper {
margin: 0 15%;
background-color:#fff;
/*border: 1px solid #ccc;*/
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}



#header{
margin: 0 0 5px 0;
/*border-bottom: 1px solid #000;*/
padding: 0;
color: #000;
}

#header img {
float:left;
margin-right: 10px
}

#header h1{
padding: 35px 10px 10px 0;
font-weight: normal;
font-size: 18pt;
font-family:lucida calligraphy;
color:#000;
}

#menue{
/*height: 30px;*/
padding: 6px 0 7px 0;
color: #000;
text-align: center;
background-color: #A1A1A1;
}

#menue li{
display: inline;
list-style-type: none;
color: #A1A1A1;
}

#menue a {
padding: 3px 4px;
color: #000;
background-color: #transparent;
/*border: 1px solid #000;*/
text-decoration: none;
border-radius: 6px;
}

#menue span{
padding: 3px 4px;
background-color: #transparent;
border-radius: 6px;
}

#menue a:hover{
background-color:  #d0d3d4;
color: #000000;
}

#menue .aktuell{
background-color:  #d0d3d4;
color: #000000;
cursor: default;}

#content{
margin: 0 15px 0 15px;
padding: 10px 0 15px 0;
}

#content h1 {
font-size:25px;
margin: 0 0 10px 0;
}

#content li {
margin: 5px 15px 5px 15px;
list-style-type: 
}

#content table.preis {
width: 100%;
border-collapse: collapse;
}

#content table.preis td{
padding: 2px 0;
text-align: center;
border: 1px solid #000;

}

#content .italic {
font-style: italic;
}

.infobox{
border-radius: 6px;
color: #000;
border: 3px solid;
border-color: #000;
padding: 5px;
margin: 25px 15%;
font-size:20px;
text-align: center;
}

.example-image-link{
display:inline-block;
padding:4px;
/*margin:0 0.5rem 1rem 0.5rem;*/
background-color:#fff;
line-height:0;-webkit-transition:background-color 0.1s ease-out;
-moz-transition:background-color 0.1s ease-out;
-o-transition:background-color 0.1s ease-out;
transition:background-color 0.1s ease-out;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius:6px
}

.example-image-link:hover{
background-color:#4ae;
}

#footer{
clear:both;
margin: 0 0 0 0;
padding: 2px 0 5px 0;
border-top: 1px solid #000;
background-color: #ccc;
color: #000;
text-align: right;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

#footer a{
background-color: transparent;
color: #000;
text-decoration: none;
padding: 0 10px 3px 15px;
}

#footer a:hover{
color: #008;
text-decoration: underline;
}

#footer span{
padding: 0 10px 3px 15px;
}