body {
margin : 0;
padding : 0;
text-align : center;
background :  #228B22; /* #006400;  backround colour */
font-family : 'Trebuchet MS', Arial, sans-serif;
font-size : 100%;
color : #000;
      }
a {
color : yellow;
background-color : inherit;
text-decoration : none;
/* font-size : 90%; */
font-weight : bold;
      }
a:hover {
color : yellow;
background-color : inherit;
border-bottom : 3px solid #ffde00;
      }
a:img {
border: 0px;
      }
p {
padding-bottom : 15px;
padding-right: 15px;
padding-left: 15px;
      }


.nolink a {
text-decoration : none;
      }
/*p:first-letter
{
color: #ffde00;
background-color: inherit;
font-size: 100%;
padding-right: 3px;
}*/


div.hr {
padding-top:20px;
height : 45px;
color : #000;
background : #F4A460 url(hr1.gif) no-repeat scroll center; /* inside image colour */
      }
div.hr hr {
display : none;
      }
#pagewidth {
width : 450px;
text-align : left;
margin-left : auto;
margin-right : auto;
      }
#header {
position : relative;
height : 50px;
background :   #228B22;   /* #006400; backround colour */
text-align : center;
padding-bottom : 20px;
padding-right : 20px;
padding-left : 20px;
padding-top : 40px;
font-size : 230%;
color : #ffde00;
font-weight : bolder;
z-index : 11;
/*text-transform : uppercase;*/
      }
.brown {
color : 	#FFD700;   /* ueberschrift */
/*background : #8cbdff;*/
      }
.white {
color : #fff;
/*background : #8cbdff;*/
}
.date {
font-size : 90%;

}
.big{
font-size : 130%;
}

.small{
font-size : 90%;
}

#maincol {
color : #000;
float : right;
display : inline;
position : relative;
background : #F4A460; /*#FFD700; inside backround *//* url(island.gif) no-repeat bottom center;*/
min-height : 400px;
padding-bottom : 25px;
padding-left : 10px;
padding-right : 10px;
padding-top : 15px;
font-size : 80%;
font-weight : bold;
border : 3px solid #000;
      }
#footer {
height : 50px;
background-color : transparent;
clear : both;
text-align : right;
font-size : 70%;
padding : 3px;
      }
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
      }
.clearfix {
display : inline-table;
      }
html .clearfix {
height : 1%;
      }
.clearfix {
display : block;
      }
#menu a img {
border : 0;
      }
#menu a {
color : #000;
text-decoration : none;
font-weight : bolder;
font-size : 90%;
border : 0;
background-color : inherit;
      }
#menu a:hover {
color : #ffde00;
font-size : 140%;
border : 0;
text-transform : uppercase;
background-color : inherit;
      }
#menu a:active {
color : #663333;
background-color : inherit;
      }
#menu a.active {
color : #330000;
font-size : 140%;
border : 0;
text-transform : uppercase;
background-color : inherit;
      }
.menu1 {   /*  home */
position : absolute;
bottom : 42%;
left : 5%;
z-index : 100;
      }
.menu2 {     /*  accomodation */
position : absolute;
bottom : 45%;
left : 80%;
z-index : 100;
      }
.menu3 {       /*  buti's store */
position : absolute;
bottom : 75%;
left : 76%;
z-index : 100;
      }
.menu4 {   /*  contact */
position : absolute;
bottom : 14%;
left : 12%;
z-index : 100;
      }
.menu5 {    /*  news */
position : absolute;
bottom : 75%;
left : 12%;
z-index : 100;
      }
.menu6 {    /*  gallery */
position : absolute;
bottom : 15%;
right : 11%;
z-index : 100;
      }
form {
padding : 30px;
text-align : left;
font-size : 11px;
text-transform : uppercase;
      }
input {
background-color : #fff;
color : #330000;
border : 3px solid #000;
font-size : 12px;
padding : 3px;
      }
textarea {
background-color : #fff;
color : #330000;
border : 3px solid #000;
font-size : 12px;
padding : 3px;
overflow : auto;
      }
.button {
background-color : #fff;
color : #000;
border : 3px solid #000;
font-size : 11px;
padding : 3px;
      }
.imgclass {
border: 3px solid #000;
padding: 5px;
background-color: #ffde00;
color: #000;
}
.comments {
background-color: #724B25; /* #000; inside pic*/
color: #fff;
border: 3px solid #000;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
padding: 15px;
width: 353px
}
.comments_pic {
color: #fff;
border: 3px solid #000;
margin: 25px;
padding: 0px;
}


/* Schatten für Gallery */
DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
DIV.shadow5:hover DIV.shadow,
DIV.shadow5:hover DIV.shadow2,
DIV.shadow5:hover DIV.shadow3,
DIV.shadow5:hover DIV.shadow4,
DIV.shadow5:hover {
   padding: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   }
DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid transparent;
   margin: 10px 14px;
   }
DIV.shadow5:hover {
   border-width: 5px;
   }

DIV.shadow5 IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   -moz-opacity:0.67;
   }
DIV.shadow5:hover IMG {
   margin: -1px;
   top: -1px;
   left: -1px;
   -moz-opacity:1;
   }