/* _______________________________________________ALLGEMEIN_________*/


@font-face {
    
font-family: 'Average';
    
src:url('font/Average-Regular.woff') format('woff'),
        
url('font/Average-Regular.svg#Average-Regular') format('svg'),
        
url('font/Average-Regular.eot'),
        
url('font/Average-Regular.eot?#iefix') format('embedded-opentype'); 
    
font-weight: normal;
    
font-style: normal;

}

html,body{
width:95vw;
height:101vh;
margin:0;
padding:0;
font-family:"Average", "Modern No. 20", "Times New Roman", "Times", "Georgia", serif; 
font-size:1.5vw;
}

/* _______________________________________________VERLAUF____________ */

#background{
background-image:url("img/Verlauf.png");
background-repeat:repeat-x;
background-position:top 0 left 0;
background-size:5px 100vh;
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
}

/* _______________________________________________LOGO_________________ */

#logo{
background-image:url("img/Logo.png");
background-repeat:no-repeat;
background-size:24vw;
position:fixed;
width:34vw;
height:10vh;
left:0.5vw;
top:0.5vw;
}

/* _______________________________________________Trennlinie___________ */

#trennung{
position:fixed;
top:11vh;
width:100vw;
height:1vw;
border-top:0.3vw solid white;
border-bottom:0.2vw solid white;
}

/* _______________________________________________ANREISSER___________ */

#anreisser{
background-image:url("img/Anreisser2.png");
background-repeat:no-repeat;
background-size:50vh;
background-position-x:25vw;
background-position-y:0vw;
position:fixed;
width:100vw;
height:15vw;
}

/* _____________________________________________NAV 1_________________ */

#navigation1{
position:fixed;
top:19vw;
right:2vw;
height:5.7vh;
}

#navigation1 *{
width:8vw;
height:5.7vh;
margin-right:5vw;
float:left;
background-repeat:no-repeat;
text-indent:-9999px;
}

#start{
background-image:url("img/Start.png");
background-size:5.7vh;
}

#termine{
background-image:url("img/Termine.png");
background-size:5.7vh;
}

#galerie{
background-image:url("img/Galerie.png");
background-size:5.7vh;
}


#chronik{
background-image:url("img/Chronik.png");
background-size:5.7vh;
}

#downloads{
background-image:url("img/Downloads.png");
background-size:5.7vh;
}

#infos{
background-image:url("img/Info.png");
background-size:5.7vh;
}

#facebook{
background-image:url("img/Facebook.png");
background-size:5.7vh;
}

#navigation1 a:hover, #navigation1 a:focus {
border-bottom:0.15vw solid white;

}
/* _____________________________________________NAV 2________________ */

#navigation2{
position:fixed;
top:45vh;
left:0;
}

#navigation2 ul{
padding-left:0;
list-style:none;
width:35vw;
height:50vw;
margin-top:5vw;
}

#navigation2 ul li{
margin-bottom:0.1vh;
heigth:10vw;
width:35vw;
}

#navigation2 ul li a{
display:block;
color:white;
text-decoration:none;
padding-right:5vw;
padding-top:1vw;
padding-bottom:1vw;
background:black;
border-top-right-radius:5vw;
border-bottom-right-radius:5vw;
font-size:2.4vh;
text-align:right;
heigth:10vw;
width:35vw;
}

/* _____________________________________________KATZE________________ 

#katze{
position:fixed;
width:10vw;
height:10vw;
top:80vw;
left:3vw;
background-image:url("img/Katze.png");
background-repeat:no-repeat;
background-size:10vw;
}*/

/* _____________________________________________CONTENT HEADLINE______ */

#content_headline{
position:fixed;
top:20vh;
left:2vw;
width:96vw;
height:5vh;
font-size:4.5vh;
display:block;
background-color:FireBrick;
text-align:center;
border-top-left-radius:2vw;
border-top-right-radius:2vw;
color:white;
opacity:0.8;
border-top:0.05vw solid pink;
border-left:0.05vw solid pink;
border-right:0.05vw solid firebrick;
}

/* _____________________________________________CONTENT________________ */

#content{
position:fixed;
top:25vh;
left:2vw;
width:96vw;
height:23.5vh;
border-bottom:0.05vw solid FireBrick;
border-left:0.05vw solid pink;
border-right:0.05vw solid firebrick;
}

#content_bottom{
position:absolute;
width:96vw;
height:23.5vh;
background-color:darkred;
opacity:0.1;
}

#content_top{
position:absolute;
left:0vw;
top:0vw;
width:92vw;
height:20vh;
background-color:transparent;
font-size:2.5vh;
overflow-y:auto;
color:black;
white-space:pre-wrap;
padding:2vw;
}

#content_top h1{
font-size:4vw;
margin:0;
}

a {
text-decoration:none;
color:white;
}

.download{
background-image:url("img/pdf.png");
background-size:15vw;
background-repeat:no-repeat;
background-position:center;
display:block;
margin-left:5vw;
margin-bottom:1vw;
width:22vw;
color:white;
text-decoration:none;
text-align:center;
padding-top:20vw;
font-size:3.5vw;
float:left;
}

#zitat{
font-style:italic;
width:45vw;
color:white;
font-size:5vw;
float:left;
margin-right:2vw;
}

.start{
max-width:30vw;
max-height:45vw;
min-width:30vw;
}

#content_top .termine{
width:25vw;
height:25vw;
margin-left:4vw;
margin-bottom:2vw;
float:left;
}

#content_top .termine div{
text-align:center;
width:30vw;
color:white;
margin-left:-5vw;
font-size:4vw;
}

#content_top .frameholder{
width:22vw;
height:20vw;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
}

#content_top iframe{
width:22vw;
height:20vw;
border:none;
}

#kontakt{
position:absolute;
font-size:3.5vw;
left:2vw;
top:0vw;
}

#impressum{
position:absolute;
font-size:3.5vw;
margin-left:50vw;
top:0vw;
}

#website{
position:absolute;
font-size:3.5vw;
left:2vw;
top:65vw;
}

#ort{
position:absolute;
font-size:3.5vw;
left:2vw;
top:35vw;
}

#video{
float:left;
padding-left:1vw;
}

.galerie img{
display:block;
margin:1vw auto;
max-height:50vw;
max-width:70vw;
}

/* _____________________________________________SIDEBAR HEADLINE______ */

#sidebar_headline{
position:fixed;
top:49vh;
right:2vw;
width:50vw;
height:4.5vh;
font-size:3.5vh;
display:block;
background-color:FireBrick;
text-align:center;
border-top-left-radius:2vw;
border-top-right-radius:2vw;
color:white;
opacity:0.8;
border-top:0.05vw solid pink;
border-left:0.05vw solid pink;
border-right:0.05vw solid firebrick;
}

#sidebar_headline *{
margin:0.5vw;
}      

/* _____________________________________________SIDEBAR________________ */

#sidebar{
position:fixed;
top:53.5vh;
right:2vw;
width:50vw;
height:31vh;
border-bottom:0.05vw solid FireBrick;
border-left:0.05vw solid pink;
border-right:0.05vw solid firebrick;
}

#sidebar_bottom{
position:absolute;
width:50vw;
height:31vh;
background-color:darkred;
opacity:0.1;
}

#sidebar_top{
position:absolute;
top:0.5vh;
width:46vw;
height:27vh;
background-color:transparent;
color:black;
font-size:2.5vh;
overflow-y:auto;
white-space:pre-wrap;
padding:2vw;
}

#sidebar_top ul{
white-space:normal;
list-style:none;
padding:0;
margin-top:0;
}

#sidebar_top ul li a{
text-decoration:none;
color:black;
margin-left:2vw;
}

#sidebar_top ul li a:hover{
text-decoration:underline;
color:white;
}

#sidebar_top iframe{
border:none;
white-space:pre-line;
width:22vw;
height:25vw;
margin-left:12vw;

}

#sidebar_top img{
max-width:25vw;
display:block;
margin:0 auto;
}

#party img{
max-width:80vw;
}