*{
        margin:0;
        padding:0;
    }

html {
height:100%;
}

body {
line-height: 1;
height:100%;
background: #99FF99;/* #99FF99;#82FA58; */
background: -moz-linear-gradient(top,  #99FF99,  #99FF66);  /*für Mozilla Firefox*/
background: -o-linear-gradient(top, #99FF99, #99FF66); /*für Opera*/
background: linear-gradient(top, #99FF99, #99FF66);
background: -webkit-gradient(linear, left top, left bottom, from(#99FF99), to(#99FF66));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99FF99', endColorstr='#99FF66');/*For IE7-8-9 #0000000*/
height: 1%;/*For IE7*/
font-size : 12pt;
font-family : 'Comic Sans MS',Arial;
margin : 0;
padding : 0;
color : #003300; /*#006600;#009933;*/
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }


p {
    padding: 5px;
    line-height: 1.2;
}
/*
.blur {
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-o-filter: blur(20px);
-ms-filter: blur(20px);
filter: blur(20px);
}
   */
#link a{
 font-size : 16pt;
text-decoration:none;
color : #009933;
padding-top : 6px;
margin-left : 250px;
}

}
#wrapper {
    width: 100%;
}


#header {
    float: left;
    height: 100px;
    width: 90%;
    margin-left: 50px;

}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

#content {
    float: left;
    margin-top:50px;
    margin-left:140px;
    width: 50%;
    height: 630px;
    background : url(../images/house.png);background-color : transparent;
    background-repeat : no-repeat; background-position:100px 17%;
  /*    opacity: 0.5
  -webkit-filter: blur(25px);
-moz-filter: blur(25px);
-o-filter: blur(25px);
-ms-filter: blur(25px);
filter: blur(25px);   */
}

#content_contact {
    float: left;
    margin-top:50px;
    margin-left:140px;
    width: 60%;
    height: 630px;
}
#content_gallery {
    float: left;
    margin-top:50px;
    margin-left:140px;
    width: 50%;
    height: 620px;
}
#content_garten {
    float: left;
    margin-top:20px;
    margin-left:140px;
    width: 60%;
    height: 630px;

}

#content_puzzle {
    float: left;
    margin-top:70px;
    margin-left:20px;
    width: 60%;
}

#leftcolumn {
    width: 30%;
    float: left;

}

#gross {
     font-size:30px;
     float:left;
}

#footer {
    height: 158px;
    width: 90%;
    margin-top:2px;
    margin-left: 50px;
    margin-right: 50px;
    background : url(../images/footer.png);background-color : transparent;
    clear: both;
}

.show1 {cursor:pointer; color:#c00; display:block; text-align:right;color:#660000;}
.hidden1 img {float:left; padding:10px 10px 10px 0;color:#660000;}
p.jfy {text-align:justify;color:#660000;}

h1, h1 a  {
font-size : 22pt;
color : #ffffff;
margin : 0;
}

h2 {
font-size : 16pt;
color : #ffffff;
padding-top : 6px;
}

 h3  {
font-size : 14pt;
color : #000000;
}

fieldset {
    margin: 1em;
    padding: 1em;
    width: 32em;
    border: 2px dotted black;
}
#error  {
font-size : 16px;
color : #660000;
}
 #form_contact label  {
display : block;
 }

form_contact label.error, label.error {
/* remove the next line when you have trouble in IE6 with labels in list */
        color: red;
        font-style: italic;
}
div.error { display: none; }

 #form_contact span  {
width : 100px;
margin-top : 10px;
 }

  #form_contact input  {
display : block;
width : 300px;
border: 1px solid black;
background-color : #fff;
margin-top : 5px;
margin-left : 50px;
 }

 #form_contact input.error {
 border: 2px dotted highlight;
 background-color : #BCEE68;
 }

 #form_contact textarea  {
width : 300px;
height : 250px;
border: 1px solid black;
background-color : #fff;
margin-top : 5px;
margin-left : 50px;
 }

 #form_contact input:focus  {
background-color : #A2CD5A;
border: 2px dotted black;
 }
 #form_contact textarea:focus  {
background-color : #A2CD5A;
border: 2px dotted black;
 }
 #form_contact textarea.error {
 border: 2px dotted highlight;
 background-color : #BCEE68;
 }

 #form_contact button  {
margin : 10px 0 0 0;
width : 100px;
background-color : #A2CD5A;
border : #adb6c6 solid 1px;
 }
 #form_contact button:hover  {
background-color : #000000;
color : #A2CD5A;
 }

 #left, #right {
width:32%;

}
#left {
float:left;
}
#right {
float:right;
}
.menutitle
{
margin-top:20px;
height: 630px;
}

#content_danke {
float:left;
width:31%;
height: 630px;
margin-top:50px;
margin-left:3%;
margin-bottom: 0px;
}