* {
border:0px;
padding:0px 0px;
margin:0px 0px;
}

body {
background-color: #000;
}
.bild {
width:100%;
}


.bildlink {
margin:15px 50px;
background-color: #221;
border:1px solid #221;
width:15%;
display:block;
color:#ffffff;

text-decoration:none;
}



.bildlink:nth-child(even) {
float:left;
clear:both;
}

.bildlink:nth-child(odd) {
float:right;
clear:both;
}

.galbildlink {
margin:15px 50px;
background-color: #221;
border:1px solid #221;
width:15%;
display:block;
color:#ffffff;

text-decoration:none;
float:left;
}

.tutbildlink {
margin:10px 0px;
background-color: #221;
border:1px solid #221;
width:100%;
display:block;
color:#ffffff;

text-decoration:none;
}


div#menu {
	color:#eea;
	background-color:#221;
}


.menubtn{

	display:inline;
	border:1px solid #000;
	width:400px;
	padding:0px,10px;
	color:#eea;
	font-style:bold;
	font-family:"Strix",  Times, serif;
	font-size:20px;
}

.menubtn a{
	color:#eea;
	background-color:#221;	

}

div#smalltitle{
	display:none;
	border-top:0px;
	margin-top:0px;
}

div#bigtitle{
	border-top:0px;
	margin-top:0px;
	display:block;
}

div#menu{
	display:none;
}
div#menubar{
	display:block;
}
ul#realmenu{
	display:none;
}



.caption {
	background-color:#eea;
	width:100%;
	max-width:800px;
	margin:auto;
	padding-bottom:50px;	
	border-top:solid 2px #222;
	clear: both;	
	font-size:1.1em;
}

.title {
	background-color:#111;
	color:#eee;
	width:100%;
	
	margin:auto;
	border-top:solid 5px #111;
	border-bottom:solid 5px #222;
	clear: both;
	font-size:1em;	
}
.footer {
	background-color:#111;
	color:#eee;
	
	margin:auto;
	padding:50px 100px;
	
	border-top:solid 2px #222;
	clear: both;
	font-size:0.8em;	
}
.box {
	background-color:#cc9;
	padding:20px 50px;
}

hr {
	border-bottom:1px dashed #000;
	margin:30px;
}
	

h2{
	margin:30px 5px;	
}

h1{
	margin-left:5px;
	margin-right:5px;

	margin-bottom:10px;
	border-top:solid 1px #222;
	clear: both;
}


#kalender {
	background-color:#444;
	color:#eee;

}

	div.sidemenu {
		position:absolute;
		display:block;
		float:right;
		clear: both;
		right:0px;
		width:15%;
		border:1px solid #000;
		background-color:#eea;
		color:#111;
		margin:10px -10px 10px 30px;
		padding:5px 15px;
		font-size:0.9em;
		
	}

	div.sidemenu a {
		color:#131;
		margin:0px 10px;
	}
	div.sidemenu b {
		display:block;
		margin:10px;
		border-bottom:1px dashed #444;
	
	}

div.sidemenu small {
		display:block;
		color:#444;
		margin:0px 10px;
	
	}


	div.advancedsidemenu {
		display:block;
	}


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

	div.sidemenu {
		position:relative;
		display:none; //block
		float:none;
		width:auto;
		margin:10px 0px;
		border:0px solid #000;
	}
	div.advancedsidemenu {
		display:none;
	}
}


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

	div#menubar {
		display:none;
	}
	.menubtn{

		display:block;
		border:0px solid #000;
		border-bottom :1px solid #555;
		width:100%;
		height:60px;
		
	}

	div#bigtitle{ 
		display:none; 
	}
	div#smalltitle{ 
		display:block; 
	}

	div#menu{
		display:block;
	}
	.bildlink {
		width:100%;
		margin:0px;
	
	}
	.galbildlink {
		width:100%;
		margin:0px;
	
	}
}




img#togglemenu{
	display:block;
	width:40px;
	float:left;
	margin:0px 20px;
}

 #share-buttons {
 	text-decoration:none;
 }

 #share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}