/* _______________________________________________ALLGEMEIN____________ */

.page .entry-title {
display: none;
}


@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:2vw;
}

/* _______________________________________________VERLAUF____________ */

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

/* _______________________________________________LOGO_________________ */

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

/* _______________________________________________ANREISSER___________ */

#anreisser{
background-image:url("img/Anreisser.png");
background-repeat:no-repeat;
background-size:70vw;
background-position-x:18vw;
position:fixed;
width:100vw;
height:5vw;
}

/* _______________________________________________Trennlinie___________ */

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

/* _____________________________________________NAV 1_________________ */

#navigation1{
position:fixed;
top:14vh;
right:0vw;
height:10vh;
}

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

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

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

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


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

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

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

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

#navigation1 a:hover, #navigation1 a:focus {
border-bottom:0.15vw solid white;
}
/* _____________________________________________NAV 2________________ */

#navigation2{
position:fixed;
top:15vh;
left:0;
width:13vw;
height:7vh;
background-image:url("img/Tanzmenue.png");
background-repeat:no-repeat;
background-size:7vw;
background-position:center;
}

#navigation2 ul{
padding-left:0;
list-style:none;
width:12vw;
height:25vh;
margin-top:9vh;
display:none;
}

#navigation2 ul li{
margin-bottom:0.08vw;
heigth:7vh;
width:15vw;
display:none;
}

#navigation2 ul li a{
display:block;
color:white;
text-decoration:none;
padding-right:2vw;
padding-top:0.7vw;
padding-bottom:0.7vw;
background:black;
border-top-right-radius:10vw;
border-bottom-right-radius:10vw;
font-size:3.5vh;
text-align:right;
heigth:7vh;
width:16vw;
}

#navigation2:hover, #navigation2:focus, #navigation2:active{
z-index:100;
}

#navigation2:hover > ul li, #navigation2:focus > ul li, #navigation2:active > ul li{
display:block;
}

#navigation2:hover > ul,#navigation2:focus > ul, #navigation2:active > ul {
display:block;
}

/* _____________________________________________KATZE________________ */

#katze{
position:fixed;
width:10vw;
height:10vw;
top:39vw;
left:3vw;

background-repeat:no-repeat;
background-size:10vw;
}

/* _____________________________________________CONTENT HEADLINE______ */

#content_headline{
position:fixed;
top:25vh;
left:2vw;
width:70vw;
height:10vh;
font-size:7vh;
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:35vh;
left:2vw;
width:70vw;
height:47vh;
border-bottom:0.05vw solid FireBrick;
border-left:0.05vw solid pink;
border-right:0.05vw solid firebrick;
}

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

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

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

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

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

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

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

#content_top .termine{
width:18vw;
height:12vw;
margin-left:3vw;
margin-bottom:2vw;
float:left;
}

#content_top .headline{
text-align:center;
width:18vw;
color:white;
margin-left:-3vw;
font-size:2.5vw;
}

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

#content_top iframe{
width:11vw;
height:10vw;
border:none;
}

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

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

#website{
position:absolute;
font-size:1.8vw;
left:50vw;
top:0vw;
}

#ort{
position:absolute;
font-size:1.8vw;
left:2vw;
top:17vw;
}

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

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

/* _____________________________________________SIDEBAR HEADLINE______ */

#sidebar_headline{
position:fixed;
top:25vh;
left:74vw;
width:24vw;
height:10vh;
font-size: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:35vh;
left:74vw;
width:24vw;
height:47vh;
border-bottom:0.05vw solid FireBrick;
border-left:0.05vw solid pink;
border-right:0.05vw solid firebrick;
}

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

#sidebar_top{
position:absolute;
width:20vw;
height:38vh;
background-color:transparent;
color:black;
font-size:2vw;
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:11vw;
height:18vw;
margin-left:3vw;
}


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


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