* {
	margin:0;
	padding:0;
} 

/* -------------------- BASICS -------------------- */

html {
	height:100%;
}

h1, .veranstaltung_headline {
	font-family: 'UnifrakturMaguntia', cursive;
	font-weight: 400;
	font-size: 170%;
	margin-top: 10px;
	margin-bottom: 10px;
}

body {
	background-image:url(/Frontend/Images/schrinner/hintergrund.png);
	background-repeat:repeat-y;
	background-position: 50% 0;
	background-color:#000;
	font-size: 100%;
	height:100%;
}

#menu_small {
	display: none;
}

.news_umblaettern {
	padding-top: 10px;
	text-align: right;
	color: #AAA;
}	

.news_umblaettern a {
	color: #AAA;
}	

#wrapper {
	min-height:100%;
	margin: 0 auto;
	max-width:990px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	padding-bottom: 50px;
}

#header {
	background-image:url(/Frontend/Images/schrinner/hammerfeuer.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	overflow:hidden;
	/*	position:relative; */
	z-index:10;
}

.logo {
	max-width:25%;
	height:auto;
	float:right;
	z-index:15;
	padding-right:5%;
	padding-top:4%;
	padding-bottom:6px;
}

#navigation_wrapper {
	max-width:100%;
	margin: 0 auto;
	background-image:url(/Frontend/Images/schrinner/eisenmenu.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	overflow:hidden;
	margin-right: 0.5050505%;
}

.navigation {
	height:80px;
}


.navigation {
	margin: 0 4.545454545%;
}

/*
nav a {
font-family: 'UnifrakturMaguntia', cursive;
color: white;
font-size: xx-large;
text-decoration: none;
}
nav {
text-align: center;
vertical-align: middle;
} */

#main_wrapper {
	margin: 0 auto;
}

#footer {
	margin: 0 auto;
}

.aside {
	/* background-color: green; */
	width: 35.35353535%;
	float: right;
}

#rand {
	/* background-color: orange; */
	margin-left: 1.010101%;
	margin-top: 5px;
	margin-bottom: 80px;
	width: 59.59595960%;
	height: 100%;
	padding-left: 1.010101%;
	padding-right: 1.010101%;
	border-top: 1px grey solid;
	border-right: 1px grey solid;
	border-bottom: 1px grey solid;
	border-left: 1px grey solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px grey;
	-webkit-box-shadow: 5px 5px 10px grey;
	box-shadow: 5px 5px 10px grey;
	background-image: url(/Frontend/Images/schrinner/durchsichtig10mal10.png);
	overflow: hidden;
	padding-bottom: 20px;
}

#rand_full {
	margin-left: 1.010101%;
	margin-top: 5px;
	margin-bottom: 80px;
	width: 96%;
	height: 100%;
	padding-left: 1.010101%;
	padding-right: 1.010101%;
	border-top: 1px grey solid;
	border-right: 1px grey solid;
	border-bottom: 1px grey solid;
	border-left: 1px grey solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px grey;
	-webkit-box-shadow: 5px 5px 10px grey;
	box-shadow: 5px 5px 10px grey;
	background-image: url(/Frontend/Images/schrinner/durchsichtig10mal10.png);
	overflow: hidden;
}

/*
#rand img {
	margin-right: 5px;
} */

#randrechts {
	/*  background-color: orange; */
	/*  width: 260px; */
	margin-right: 2.020202%;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 5px;
	border-top: 1px grey solid;
	border-right: 1px grey solid;
	border-bottom: 1px grey solid;
	border-left: 1px grey solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px grey;
	-webkit-box-shadow: 5px 5px 10px grey;
	box-shadow: 5px 5px 10px grey;
	background-image: url(/Frontend/Images/schrinner/durchsichtig10mal10.png);
}

#randrechts a, #rand a {
	font-family: 'UnifrakturMaguntia';
	font-size: 28px;
	text-decoration: none;
	color: #111;
}

#randrechts p, #rand p, #rand_full p {
	padding-top: 5px;
}

#menu {
	font-size:112.5%;
	position:absolute;
	font-family: 'UnifrakturMaguntia', cursive;
	vertical-align: middle;
}

#menu ul {
	list-style-type:none;
	list-style-image:none;
}

#menu li.hauptmenu {
	float:left;
	display:block;
	padding-left:13px;
	padding-right:13px;
	padding-top:20px;
}

.hauptmenu a {
	float:left;
	text-align:center;
}

.hauptmenu ul{
	display:none;
}

.hauptmenu a, .submenu a{
	font-size:170%;
	border-collapse:collapse;
	color:#ffffff;
	text-decoration:none;
	width:100%;
}

.submenu a{
	font-size:125%;
	position:relative;
	padding: 3px;
	background-image: url(/Frontend/Images/schrinner/button_black.png);
	background-size: 100% 30px;
	clear:both; /* special IE6 */
}

/*
#menu a:hover, .hauptmenu.on a {
background-image:url(/basic_images/eisenmenu_small.png);
background-size: 100% auto;
background-repeat:no-repeat;
} */

.hauptmenu:hover ul {
	display:block;  
	z-index:500;
	background-color: #AAA; 
}

.veranstaltung_datum {
	float: left;
}

.veranstaltung_name {
	float: left;
	margin-left: 5px;
	font-weight: bold;
}

.veranstaltung_ort {
	float: left;
	margin-left: 5px;
}

.veranstaltung_bild {
	clear: both;
}

.gallerie {
	width: 180px;
	height: 200px;
	list-style-type:none;
	text-align:center;
	background-color: #aaa;
	border-top: 1px grey solid;
	border-right: 1px grey solid;
	border-bottom: 1px grey solid;
	border-left: 1px grey solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px grey;
	-webkit-box-shadow: 5px 5px 10px grey;
	box-shadow: 5px 5px 10px grey;
	display:table-cell;
	vertical-align:middle;
    position:relative;
    text-align:center;
}

.floater {
	float:left;
		margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 20px;
		width: 180px;
	height: 180px;
	}

.gallerie img {
	border-top: 1px grey solid;
	border-right: 1px grey solid;
	border-bottom: 1px grey solid;
	border-left: 1px grey solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px grey;
	-webkit-box-shadow: 5px 5px 10px grey;
	box-shadow: 5px 5px 10px grey;
}

.bilder_schatten img {
	-moz-box-shadow: 5px 5px 10px grey;
	-webkit-box-shadow: 5px 5px 10px grey;
	box-shadow: 5px 5px 10px grey;
}

.bilder_schatten {
	height: 100%;
}

#footer {
	position:fixed;
	left:0px;
	bottom:0px;
	height:35px;
	width:100%;
	left:0;
}

#footer_innen {
	margin: 0 auto;
	max-width:990px;
	height:35px;
	font-size:100%;
	border-top: 1px grey solid;
	margin-top: 5px;
	background-color: #ddbc99;
	background-size:100% -10;
	overflow:hidden;
	text-align: center;
	font-family: 'UnifrakturMaguntia';
	font-size: 20px;
	text-decoration: none;
	color: #111;
	padding-top: 5px;
}

#footer_innen a {
	text-decoration: none;
	color: #111;
}

.button {
	font-family: 'UnifrakturMaguntia';
	font-size:130%;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #eeddcc;
}

@media only screen and (max-width: 860px) {
	
	#menu li.hauptmenu {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 17px;
	}
	
	.navigation {
		height: 40px;
		padding-top: 0.7%;
		padding-bottom: 2.7%;
	}
	
	#randrechts {
		display: none;
	}
	
	#rand {
		margin-right: 10px;
		width: 95.8%;
	}
	
	#rand	img {
		max-width: 100%;
		height: auto;
	}
	
	.hauptmenu a, .submenu a{
		font-size:114%;
	}	
	
	.submenu a{
		font-size:100%;
	}
}

@media only screen and (max-width: 595px) {
	
	.mm-list, .mm-list > li  {
		font-family: 'UnifrakturMaguntia', cursive;
		color: white;
		font-size: 14px;
		text-decoration: none;
		background-image:url(/Frontend/Images/schrinner//eisenmenu.png);
		background-repeat:no-repeat;
		background-size:100% 40px;
	}
	
	table {
		max-width:100%
	}
	
	.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
		border-color: #FFF; 
	}
	
	.mm-ismenu {
		background: none;
	}
	
	/* textfarbe */
	.mm-list {
		color:#FFF;
	}
	
	#menu {
		display: none;
	}
	
	#menu_small {
		display: inline;
	}
	
	.submenu a {
		background-image: none;
	}
	
	.mm-list > li > a, .mm-list > li > span {
		overflow: visible;
	}
	
	#randrechts {
		display: none;
	}
	#rand {
		width: 95.5%;
		margin-right:10px;
	}
	
	#rand	img {
		max-width: 100%;
		height: auto;
	}
	
	#navigation_wrapper {
		background-size: 100% 42px;
	}
	
	.navigation {
		padding-top: 1px;
		padding-left: 10px;
		height: 27px;
	}
	
	.hauptmenu a, .submenu a{
		font-size:130%;
		/*	width:100px; */
		float:none;
		text-align: left;
	}	
	
	
	.submenu a{
		font-size:100%;
		width:100px;
	}
	
	#footer_innen {
		font-size:80%;
	}
	
	#s_nav {
		float: left;
	}
	
	#s_call {
		float:right;
	}
	
	#s_contact {
		float: right;
	}
	
	#s_home {
		float: right;
	}
	
}