body {  
	padding: 0;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
	color:#000; 
	font-size:100.01%;
	font-size:17px; 
	line-height:1.4em;
	background-color:#fff;
	text-align:justify;
}
a:link {color:black; text-decoration:underline;}
a:visited {color:black; text-decoration:underline;}
a:hover {text-decoration:none;}
#aktiv {font-weight:bold;text-decoration:none;}

#background {
	position: fixed; 
	top: 0; left: 0; 
	z-index:-2; 
	margin: 0; 
	padding: 0; 
	width: 100%; 	
	height: 100%;
}
#box {
	margin:50px auto 0 auto;
	padding:60px;
	background-color:#fff;
	width:60%; 
	-webkit-box-shadow: 0 0 7px rgba(200,200,200,.7); 
	-moz-box-shadow: 0 0 7px rgba(200,200,200,.7); 
	-o-box-shadow: 0 0 7px rgba(200,200,200,.7); 
	box-shadow: 0 0 7px rgba(200,200,200,.7);
}
#header {
	width:70%;
	display:block;
	margin:0 auto;
}

ul#navi {
	display:inline-block;
	padding:0;
	margin:70px auto 40px auto;
	text-align:left;
}
ul#navi li {
	list-style: none;
	display:inline;
	padding-right:8px;
	padding-bottom:10px;
}

h1 {
	font-size:1.4em;
	font-weight:normal;
}
h2 {
	font-size:1.2em;
	font-weight:normal;
	margin:25px 0 5px 0;
}
h3 {
	font-size:1.2em;
	font-weight:normal;
	margin:25px 0 5px 0;
}
.textlink {
	text-decoration:underline;
	cursor:pointer;
	font-weight:bold;
	font-style:italic;
	text-align:left !important;
}
.textlink:hover {
	text-decoration:none;
}
.fett {
	font-weight:bold;
}
.zitat {
	font-style:italic;
	margin-bottom:0px;
}
.zitator {
	margin:8px 0 25px 0;
	font-size:0.8em;
	text-align:left;
	line-height:1em;
}
#legende_unfold {
	display:none;
}
#karte_unfold {
	display:none;
}
#pvc_unfold {
	display:none;
}
#acryl_unfold {
	display:none;
}
#konzertsaal_unfold {
	display:none;
}
#buecherei_unfold {
	display:none;
}
#villa_unfold {
	display:none;
}
#philosopie_unfold {
	display:none;
}
#literatur_unfold {
	display:none;
}
#musik_unfold {
	display:none;
}
#malerei_unfold {
	display:none;
}
#synopse_unfold {
	display:none;
}

@media only screen 
	and (min-width : 769px) 
	and (max-width : 1024px)  {
	body {font-size:25px;}
	#box {margin:70px 50px;padding:40px;width:auto;}
}

@media only screen and (max-width: 768px) {
	body {font-size:30px; -webkit-text-size-adjust: none;}
	#box {margin:70px 30px;padding:30px;width:auto;}
	#header {width:100%;}
	
	ul#navi {
	display:block;
	padding:0 0 40px 0;
	margin:0 0 0 15px;
	}
	ul#navi li {
	display:block;
	padding:10px;
	}
}



/*! responsive-nav.js 1.0.32 by @viljamis */

.nav-collapse ul {
  margin: 0;
  padding: 0;  
  padding-bottom:30px;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  background: url("./burger.jpg") no-repeat;
  -webkit-background-size: 40px 40px !important;
  -moz-background-size: 40px 40px !important;
  -o-background-size: 40px 40px !important;
  background-size: 40px 40px !important;
	margin:50px 0;
}

@media screen and (min-width:769px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}