﻿#100p { width: 100%; }


#seite {
    position: absolute;
    min-height: 400px;
    width: auto;
    margin: 0 auto;
    background-color: silver;
}
 
#gruen {
    position: fixed;
    top:8px;
}

#inhalt {
     
  	position:absolute;
    width: 100%;
    top: 80px; /*border-90px;*/
    left: 0px;
    right:10px;
    bottom:0px;
    margin-left:5px;
    margin-bottom:5px;
    opacity: 0.85; 
    border: thin; 
    border-color:none;
    background-color: white;  
    visibility:visible;
    overflow-y:auto;
}

#mytext {
    position:relative;
    width:86%;
    margin-left:7%;
    margin-right:7%;
    
}
#mybild {
    position:relative;
    width:100%;
    margin-left:0%;
    margin-right:0%;
}
#mybildoben {

  transition-timing-function: cubic-bezier(0.7,0.1,0.8,0.2); 
  transition-property: margin-top;
  transition-duration: 2s }

#start {
     
  	position:relative;
    top:0;
    /*height:500px;
    //left: 10px;
    //right:30px;
    //bottom:30px;
    //margin-left:5px;
    //margin-bottom:5px; */
    border: thin; 
    border-color:none;
    visibility:visible;
    overflow-y:hidden;
    /*vertical-align:bottom;*/
    
}
 
#park {
    background-color: white; opacity: 0.85;
}

#fussbereich {
 
  	position:absolute;
    bottom:-100px ;
    
    background-color: lightyellow;
    height: 85px;
    width: 86%;
    margin-left:7%;
    margin-right:7%;
    /*margin-left:-9px;
    margin-bottom:10px;*/
    
}

#google_translate_element {
 
  	position:absolute;
    top: 80px;
    right: 220px;
    width: auto;
    height: 35px;
    margin-left:5px;
    margin-bottom:5px;
    opacity: 1; 
    border: none; 
    border-color: black;
    cursor: pointer;
}

#nav1 {
 
  	position:absolute;
    top: 45px;
    right: 110px;
    width: auto;
    height: 35px;
    margin-left:5px;
    margin-bottom:5px;
    opacity: 1; 
    border: none; 
    border-color: black;
    cursor: pointer;
}
#nav2 {
 
  	position:absolute;
    top: 45px;
    right: 265px;
    width: 120px;
    height: 45px;
    margin-left:5px;
    margin-bottom:5px;
    opacity: 1; 
    border: thin; 
    border-color: yellow;
    cursor: pointer;
}
#nav3 {
 
  	position:absolute;
    top: 45px;
    right: 380px;
    width: 170px;
    height: 45px;
    margin-left:5px;
    margin-bottom:5px;
    opacity: 1; 
    border: thin; 
    border-color: yellow;
    cursor: pointer;
}
#nav4 {
 
  	position:absolute;
    top: 45px;
    right: 520px;
    width: 130px;
    height: 45px;
    margin-left:5px;
    margin-bottom:5px;
    opacity: 1; 
    border: thin; 
    border-color: yellow;
    cursor: pointer;
}

#flaggen {
 
  	position:absolute;
    top: 82px;
    right: 108px;
    width: 100px;
    height: 50px;
    margin-left:5px;
    margin-bottom:5px;
    opacity: 10.5; 
    border: thin; 
    border-color:yellow;
    cursor: pointer;
    
}

#hamburger {
 
  	position:absolute;
    top: 50px;
    right: 30px;
    width: 50px;
    height: 50px;
    margin-left:5px;
    margin-bottom:5px;
    opacity: 10.5; 
    border: thin; 
    border-color:yellow;
    
}

#menueR {
 
  	position:absolute;
    top: 110px;
    right: 30px;
    width: 150px;
    height: 350px;
    margin-left:5px;
    margin-bottom:5px;
    opacity: 0.99; 
    border: thin; 
    border-color: yellow;
    background-color: white;
    visibility:visible;
    cursor: pointer;
}

#Anfrage{
 
  	position:absolute;
    top: 1110px;
    right: 180px;
    width: 360px;
    height: 835px;
    margin-left:5px;
    margin-bottom:5px;
    opacity: 0.9; 
    border: thin; 
    border-color: yellow;
    background-color: lightgoldenrodyellow;
    visibility:visible;
    cursor: pointer;
}


#100p {
        width: 100%;
        }
#fuss {
        width: 100%;
        }
#menue {
        width: 100%;
        }
#menueEintrag
    {
                
                text-align:center;
                border:none; 
                border-bottom-style:solid; border-bottom-color: black;
                
    }
#map {
    position: relative;
    top: 30px;
    right: 10px;
    width: 600px;
    height: 400px;
    margin-left: 5px;
    margin-bottom: 5px;
    opacity: 0.9;
    border: thin;
    border-color: yellow;
    background-color: greenyellow;
    visibility: visible;
    cursor: pointer;
}

        #bilder {
            width: 100%;
            /*height: 392px;*/
            margin: 1px 1px;
        }

            #bilder img {
                padding: 1px;
                border: 1px solid #ccc;
                background-color: #eee;
                width: 100%;
                /*height: 262px;*/
            }

#slideshow { 
    position:absolute;
    width:100%;
    margin-left:0%;
    margin-right:0%;

/*    position: absolute;
    margin-top:10px; 
    margin-left:10px; 
    width: 100%; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4);  */
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

.fadein { position:relative; width:100%; height:332px; }
.fadein img { position:absolute; left:0; top:0; }

p               {  font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: darkgreen ; text-decoration:none;
                margin-left: 0; margin-right: 0; margin-top: 3px;margin-bottom:0;}

p.fuss               { font-size: 14px; margin-top: 3px;}
p.blue               { font-size: 14px; margin-top: 3px; color:black;}
p.anfrage               { font-size: 18px; margin-top: 5px; margin-bottom:3px; color:black;}
p.mytext             { font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 
                       font-size:large;
                       margin-top:15px; margin-bottom:15px;
                       color:darkslategray;
                        }

label.anfrage               { font-size: 18px; margin-top: 5px; margin-bottom:3px; color:black;}

input {font-size: 18px; }
input.anfrage              { font-size: 18px; margin-top: 5px; margin-bottom:3px; color:black;}

textarea.anfrage              { font-size: 18px; margin-top: 5px; margin-bottom:3px; color:black;}

a               {  font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: darkgreen ; text-decoration:none;
                margin-left: 0; margin-right: 0; margin-top: 3px;margin-bottom:0;}

a.fuss               { font-size: 12px; margin-top: 3px;}

h1             {  font-family: verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: darkolivegreen ; font-weight: 100;
               margin-left: 0; margin-right: 0; margin-top: 8px; margin-bottom:8px;}
h1.blue         {color:black}

h1.schmuck     { font-family: 'Monotype Corsiva', 'Times New Roman'; font-size: 60pt; font-style: italic; font-weight: bold;
                text-align: center; word-spacing: 0; line-height: 100%; 
                vertical-align: bottom;
               text-indent: 0; margin-left: 0px; margin-right: 0px; margin-top: 5px; 
                margin-bottom: 5px; color: darkgoldenrod;
                text-shadow: 3px 3px 3px lightgoldenrodyellow;
                }

h2             {  font-family: verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #5A7A5C ; font-weight:bolder;
               margin-left: 0; margin-right: 0; margin-top: 4px; margin-bottom:4px;}
h3             {  font-family: verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #5A7A5C ; font-weight:bolder;
               margin-left: 0; margin-right: 0; margin-top: 2px; margin-bottom:2px;}
h4             {  font-family: verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #5A7A5C ; font-weight:bolder;
               margin-left: 0; margin-right: 0; margin-top: 8px; margin-bottom:8px;}
ul             { font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 
                       font-size:large;
                       margin-top:15px; margin-bottom:15px;
                       color:darkslategray;
                        }