body {
	font-family:"century gothic",verdana,sans-serif;
	margin-top:0px;
	color: #999999;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
	}

#logo img {
	width:295px;
	height:auto;
	display: block;
	margin-top:2em;
	margin-bottom:2em;
	padding-top: 0;
	margin-left: auto;	
	margin-right: auto;
	}
#logo {
	width: 100%;
	z-index: 300;
	position:fixed;
	top: 0px;
	padding-bottom:0.5%;
	}

#header {
	border-bottom: 1px solid white;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	}
	
#headline {
	width: 100%;
	}

#navi {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.5em;
	width:100%;
	overflow: hidden;
	position: fixed;
	z-index:100;
	background-color: white;
	padding-top: 8em;
	top: 0px;
 	}	
 	
#menu, #headline {

 	display: block;
 	margin-left: auto;
 	margin-right: auto;
	font-size:1em;
	}
#untermenu, #nomenu {
	font-size:0.7em;
/*	margin-left:0.71428571em;*/
	padding-bottom:0.5em;
	}
#menu li,  #untermenu li, #nomenu li, #headline li{
	display:inline;
	list-style-type:none;
	}
#untermenu, #nomenu{
	margin-bottom:1em;
	}

#content {
	position:relative;
	margin:12.5em auto 0.5em;
	background:#fff none repeat scroll 0% 0%;
	padding-top:0.5em;
	max-width: 100%;
 	}

#box {
	overflow:hidden;
	}	
	
#mediatext {
	clear: both;
	text-align: justify;
	margin:0 1em;
	}

#media_l {
	float: left;
	width: 30%;
	height: auto;
	margin-left:3%;
	}
	
#media {
	float: left;
	width: 30%;
	height: auto;
	margin-left:2%;
	margin-right:2%;

	}	
		
#media_r {
	float: left;
	width: 30%;
	height: auto;
	margin-right:3%;
	}	
	

	
#bild img, #about, #mainpic, #gallery{
	
	width: 100%;
	margin-top: 1em;
	}	

#copyright{
	clear:both;
	text-align:center;
	font-size:0.7em;
	padding-top:0em;
	margin-bottom:0.5em;
	min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	
#impressum{
	clear:both;
	text-align:center;
	font-size:0.7em;
	margin-top:1em;
	min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	
#buttons{
	clear:both;
	text-align:center;
	font-size:0.7em;
	padding-top:5em;
	min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
	}	

#button{
	width: 25px;
	height: auto;
	margin: 0 5px;
}

hr{
	color:#dedede;
	}

a{
	text-decoration:none;
	color: #999999;
}

img:hover {
	display: invisible;
}

a title:hover {
	display: none;
}

a .fancybox {
	height: 0;
	}

.aktiv {
	color: black;
	font-size: 100%;
}

a .aktiv {
	color: black;
		font-size: 100%;
}

#headline .aktiv {
	color: #999999;
}

#headline  a .aktiv {
	color: #999999;
}

#headline a{
	text-decoration:none;
	color: #ddd;
}

a:hover, #headline a:hover{
	color: black;
	}

#headline ul {
	padding-left:0;
}


#headline li a {

    display: inline-block;
    padding: 8px 30px 8px 30px;
    margin: 0px -3px 15px -3px;
    font-size: 15px;
}

.hidden {
    display: none;
}	

.now {
	color: red;
	}
	
.julia {
	float: left;
	font-size: 2em;
	}	

#text {
	clear: both;
	text-align: center;
	}

#headline {
	clear: both;
	text-align: center;
	}

.headline_mittig {
	width:100%;
	display:block;
	position:relative;
	padding:0px;
	margin:0 auto !important;
	text-align: center;
	line-height:19px !important;
	max-width: 900px;
	text-align: center;
	}

.headline_mittig .rmm-main-list, .headline_mittig .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.headline_mittig ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}


/*

Responsive Mobile Menu v1.0
Plugin URI: responsivemobilemenu.com

Author: Sergio Vitov
Author URI: http://xmacros.com

License: CC BY 3.0 http://creativecommons.org/licenses/by/3.0/

*/

.rmm { /* width = Menübreite */ 
	width:100%;
	display:block;
	position:relative;
	padding:0px;
	margin:0 auto !important;
	text-align: center;
	line-height:19px !important;
	max-width: 900px;
	text-align: center;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	/*font-family:Arial;*/
}
.rmm a {
	color:#999999;
	text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.rmm ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}


/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
	display:none !important;
	height:0px !important;
	width:0px !important;
}
/* */


.rmm .rmm-main-list li {
	display:inline;
	padding:0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;
}


/* MINIMAL STYLE */

.rmm.minimal a {
	color:#999999;
}
.rmm.minimal a:hover {
	color: black;
}
.rmm.minimal .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
}
.rmm.minimal .rmm-toggled {
	width:95%;
	min-height:36px;
}
.rmm.minimal .rmm-toggled-controls {
	display:block;
	height:36px;
	color:#999999;
	text-align:left;
	position:relative;
}
.rmm.minimal .rmm-toggled-title {
	position:relative;
	top:9px;
	left:9px;
	font-size:16px;
	color:#999999;
}
.rmm.minimal .rmm-button {
	display:block;
	position:absolute;
	right:9px;
	top:7px;
}

.rmm.minimal .rmm-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:#999999;
	width:25px;
}
.rmm.minimal .rmm-toggled ul li a { /*Textausrichtung im Dropdown*/
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0px 10px 0px;
	/*border-bottom:1px solid #dedede;*/
	color:#999999;
}
.rmm.minimal .rmm-toggled ul li:last-child a {
	/*border-top:1px solid #dedede;*/
}

a .aktiv {
	color: black;
	}
}



	
@media only screen and (min-width:565px){



	
}
 	
 @media only screen and (min-width:565px){
 
 #social {
	display: none;
	}
	
#content {
	margin-top: 12.5em;
	}	
 }
 
 
 
@media only screen and (max-width:565px) {
 
 #navi {
	
	width: 100%;
	float: right;
	margin-right:6.5%;
	padding-top: 3em;
	
 	}	
 
 #logo img {
	width:70%;
	height:auto;
	display: block;
	margin-top:2em;
	float: left;
	}
#logo {
	width:50%;
	margin-left: 6.5%;
	float: left;
	top: 0px;
	}	
	
#content {
	margin:8em auto 0.5em;
 	}	

 }

@media only screen and (max-width:565px) { 

	
	#navi {
	
	width: 100%;
	float: right;
	margin-right:2%;
	padding-top: 3em;
	
 	}	
 
 #logo img {
	width:90%;
	height:auto;
	display: block;
	margin-top:2em;
	float: left;
	}
#logo {
	width:50%;
	margin-left: 2%;
	float: left;
	}	
	
#content {
	margin:8em auto 0.5em;
 	}	
	
	
}

@media only screen and (max-width:480px) {

#button{
	width: 20px;
	height: auto;
	margin: 0 2px;
}


}