@import "slicknav.css";
/* TEMPLATE CSS
*********************************************/
html {
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll;
}

body {
	background-color:#000;
	color:#404040;
	font:normal normal normal 75%/125% 'Verdana',arial,sans-serif;
	height:100%;
	text-align:center;
	background-image: url(../images/tmpl/hintergrund.jpg);
	background-repeat:repeat;
	background-position: top left;
}

.cleaner {
	clear:both;
	height:0px;
	width:100%;
	font-size:0.1em;
	line-height:0px;
	background-color:black;
	border:none;
	overflow:auto;
	display:block;
	color:white;
	margin:0;
	padding:0;
}


/* LAYOUT
*********************************************/
#overall {
	height:100%;
	margin:15px auto;
	text-align:left;
	max-width:960px;
	width:100%;
	/*background-color:yellow;*/
}

	#header {
		width:100%;
		height:auto;
		/*background-color:red;*/
	}
		
		#inheader {
			width:100%;
			/*height:146px;*/
			background-color:#5a5a5a;
			-webkit-border-top-left-radius: 15px;
			-webkit-border-top-right-radius: 15px;
			-moz-border-radius-topleft: 15px;
			-moz-border-radius-topright: 15px;
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;			
		}
		
			.mod-custom.custom {
				/*height:130px;*/
				width:100%;
				padding-top:16px;
			}		
			
			
	
		#menu {
			width:100%;
			height:30px;
			background: #333333;
			background: -moz-linear-gradient(top,  #333333 0%, #656565 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#656565));
			background: -webkit-linear-gradient(top,  #333333 0%,#656565 100%);
			background: -o-linear-gradient(top,  #333333 0%,#656565 100%);
			background: -ms-linear-gradient(top,  #333333 0%,#656565 100%);
			background: linear-gradient(to bottom,  #333333 0%,#656565 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#656565',GradientType=0 );
			border-bottom: 2px solid #F90;
		}

		#bilderleiste {
			width:100%;
			background-color:black;
			height:auto;
			overflow:hidden;
			padding:9px 0;
		}
		
			#inbilderleiste {
				padding:0 9px;
				height:auto;
			}
		
			#bilder {
				height:auto;
				width:100%;
			}
			
				/*Zufallsbilder*/
				#bilder div {
					float:left;
					width:32%;
					margin-right:2%;
				}
				
				#bilder div.random-image+div.random-image+div.random-image {
					margin-right:0%;
				}
				
					#bilder div img {
						width:100%;
						display:block;
					}			
		
	
	#main {
		background-color: #CCC;
		padding:50px;
		/*background-color:lightblue;*/
	}
	
		#inhalt {
			
		}
	
	#footer {
		width:100%;
		height:130px;
	}	
	
		#footertop {
			width:100%;
			height:66px;
			background-color:#666;		
			-webkit-border-bottom-left-radius: 15px;
			-webkit-border-bottom-right-radius: 15px;
			-moz-border-radius-bottomleft: 15px;
			-moz-border-radius-bottomright: 15px;
			border-bottom-left-radius: 15px;
			border-bottom-right-radius: 15px;				
		}
		
		#footerbottom {
			width:100%;
			margin-top:15px;
			height:40px;
			-webkit-border-top-left-radius: 15px;
			-webkit-border-top-right-radius: 15px;
			-moz-border-radius-topleft: 15px;
			-moz-border-radius-topright: 15px;
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;	
			background: -moz-linear-gradient(top,  rgba(102,102,102,0.5) 0%, rgba(102,102,102,0.01) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,0.5)), color-stop(100%,rgba(102,102,102,0.01)));
			background: -webkit-linear-gradient(top,  rgba(102,102,102,0.5) 0%,rgba(102,102,102,0.01) 100%);
			background: -o-linear-gradient(top,  rgba(102,102,102,0.5) 0%,rgba(102,102,102,0.01) 100%);
			background: -ms-linear-gradient(top,  rgba(102,102,102,0.5) 0%,rgba(102,102,102,0.01) 100%);
			background: linear-gradient(to bottom,  rgba(102,102,102,0.5) 0%,rgba(102,102,102,0.01) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80666666', endColorstr='#03666666',GradientType=0 );
		}
	

/* Layout Classes */
	.in {
		padding:25px;
	}

/* Floats */
.float-left {float:left;}
.float-right {float:right;}
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.ie6 .group {zoom:1;}
.ie7 .group {zoom:1;}

/********/
/*Menues*/
/********/

/*Level 1*/
ul#mainmenu {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#mainmenu li {
	float:left;
}

ul#mainmenu li a {
	display:block;
	/*width:114px;*/
	padding:0 10px;
	height:30px;
	color:white;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	line-height:30px;
}

ul#mainmenu li a:hover {
	background-color:black;
}

/*********/
/*Inhalte*/
/*********/
.bildlinks {
	float:left;
	padding:0;				
	margin:0 25px 0 0;

}

.bildrechts {
	float:right;
	padding:0;				
	margin:0 0 0 25px;
}


h1 {
	display:block;
	font-size: 19px;
	vertical-align: baseline;
	line-height: 22px;
	color: #404040;
	font-weight:bold;
	padding:0 0 20px 0;	
}

h2 {
	display:block;
	font-size: 19px;
	vertical-align: baseline;
	line-height: 22px;
	color: #404040;
	font-weight:bold;
	padding:0 0 20px 0;
}

h3 {
	display:block;
	font-size:12pt;
	line-height:14pt;
	font-weight:bold;
	padding:10px 0;	
}

h4 {
	display:block;
	font-size:12pt;
	line-height:14pt;
	font-weight:bold;
	padding:10px 0;	
}

p, a, li, td {
	font-size:10pt;
	line-height:12pt;
}

p, ol, ul, table {
	padding:0 0 10px 0;
}

a {
	color:#58585a;
}

strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

sup {
	font-size:0.7em;
	vertical-align:top;
}

sub {
	font-size:0.7em;
}

ul {
	margin-left:18px;
	list-style-type:disc;
}

ul ul{
	margin:10px 0 0 18px;
	list-style-type: circle;
}

ol {
	margin-left:18px;
	list-style-type:decimal;
}

li {
	margin-bottom:0px;
}

table {
	border-collapse:collapse;
}

/*Exposeseiten*/
div.expose-rows {
	display:block;
	float:left;
	width:22%;
	margin-right:4%;
	margin-bottom:30px;
}

	div.expose-rows:nth-child(4n+0) {
		margin-right:0!important;
	}	

/*Bilder Exposeseiten*/
.expose-image {

}

	.expose-image a {
		display:block;
	}
	
		.expose-image img {
			width:100%;
			display:block;
		}



/*Responsive Youtube Video*/
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	width:100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
		
/*******************/
/*Mobile Navigation*/
/*******************/

.slicknav_menu {
	display:none;
}	

.moduletable._mobil {
	display:none;
}	

/*****************************************************************************************************************************************/
@media (max-width: 1024px) {
	
	
}

@media (max-width: 840px) {

	
	#menu {
		display:none;
	}
	
	
	#mobilnavi {
		display:block;
		margin:0;
		height:auto;
	}
	
	.slicknav_menu {
		display:block;
	}	
	
div.expose-rows {
	width:32%;
	margin-right:2%;
	margin-bottom:15px;
}

	div.expose-rows:nth-child(4n+0) {
		margin-right:2%!important;
	}	

	div.expose-rows:nth-child(3n+0) {
		margin-right:0!important;
	}		
	

}

/*Smartphones */
@media (max-width: 495px) {

	#overall {
		margin:0;
		
	}
	
	#inheader {
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;		
	}
	
	#main {
		padding:20px;
	}	
	
	#footertop {
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;			
	}

	#footerbottom {
		display:none;
	}
	
div.expose-rows {
	width:48%;
	margin-right:4%;
	margin-bottom:15px;
}

	div.expose-rows:nth-child(4n+0) {
		margin-right:4%!important;
	}	

	div.expose-rows:nth-child(3n+0) {
		margin-right:4%!important;
	}	
	
	div.expose-rows:nth-child(2n+0) {
		margin-right:0!important;
	}	
	
}