@import url('https://fonts.googleapis.com/css?family=Rum+Raisin');
@import url('https://fonts.googleapis.com/css?family=Lakki+Reddy');

@media screen {

/* Grunddefinition body */

	body {
		height: 100%;
		background-color: gray;
		color: white;
		font-family: 'Rum Raisin', serif;
		color: white;
		font-size: 1.2em;
		text-align: center;
	}
	header {
		margin: 0;
		padding: 0;
	}

	img.centered {
		display: block;
		margin: 0px auto;
		padding: 15px;
	}
	nav {
		padding: 10px;
		margin: 0;
	}
	main {
		margin: 0;
		padding: 0px;
		font-family: 'Georgia', serif;
		font-size: 1.1em;
		text-align: left;
	}
	inhalt {
		margin: 0px;
		padding: 0px;
		background-color: black;
	}
	footer {
		margin: 0;
		padding: 0;
	}

/* Klassen und IDs */

	img.scaling {
		display: inline-block;
		max-width: 85%;
		height: auto;
}
	}

	.flt-left {
		float: left;
	}
	.flt-right {
		float: right;
	}
	.flt-clear {
		clear: both;
	}




/* Styles der Layoutbereiche */

	#header {
		left: 10px;
		top: 10px;
		right: 10px;
		height: 100px;
		text-align: right;
	}

	#navibereich {
		top: 100px;
		right: 10px;
		left: 10px;
		height: 50px;
		background: black;
	}

	ul.navmain {
		padding: 0;
		margin: 0;
	}
	ul.navmain li{
		float: left;
		width: 15%;
		min-width: 80px;
		list-style: none;
		line-height: 1;
		border-radius: 8px;
		box-shadow: inset -5px -5px 20px -5px #999999;
		padding: 0;
		margin-left: 5%;
		margin-right: 5%;
	}
	#main {
		top: 150px;
		right: 10px;
		left: 10px
	}
	#main h2 {
		padding-top: 50px;
		font-family: 'Lakki Reddy', serif;
		font-weight: bold;
		font-size: 2em;
		font color: #FFD700;
		text-align: center;
		margin-top: 0px;
	}
	#main h3 {
		font-family: 'Lakki Reddy', serif;
		font-weight: bold;
		font-size: 1.2em;
		padding: 10px;
	}

	#main img {
		margin: 0px 10px 15px 25px;
	} 

	#main span {
		float: left;
		width: 10em;
		text-align: left;
		color: #FFD700;
	}


	#inhalt.galerie div {
		border: none;
		min-width: 16.35%;
		height: 25em;
		margin: 0;
		float: left;
		text-align: center;
		color: white;
	}
	
	#inhalt.galerie .bg_black {
		margin: 0;
		padding: 25px;
		background: black;
 		height: 160px;
	}

	#inhalt.galerie .bg_gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,595959+14,666666+25,474747+39,2c2c2c+50,111111+60,000000+68,000000+68,2b2b2b+76,1c1c1c+91,131313+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #595959 14%, #666666 25%, #474747 39%, #2c2c2c 50%, #111111 60%, #000000 68%, #000000 68%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#595959 14%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#000000 68%,#000000 68%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#595959 14%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#000000 68%,#000000 68%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
	}

	#inhalt.galerie div span, #inhalt.galerie div small {
		display: block;
	}

	#inhalt.galerie img {
		max-width: 100%;
		max-height: 66%;
	}


	#inhalt.galerie .title {
		font-size: 1.6em;
	}

	#footer {
		border: none;
		background-color: #A0522D;
		left: 10px;
		bottom: 10px;
		height: 25px;
		right: 10px;
		text-align: center;
	}
		

	/* Hyperlink definieren */

	ul.navmain a {
		display: block;
		color: white;
		text-decoration: none;
		padding: 7px 13px 7px 10px;
	}

	/* Zustaende definieren */

	ul.navmain a.ausgewaehlt {
		background: #32CD32;
		border-radius: 8px;
		box-shadow: inset -5px -5px 20px -5px #999999;
		font-family: 'Rum Raisin', serif;
		font-size: 1.2em;
		color: white;
	}

	ul.navmain a:hover, ul.navmain a:focus {
		background: green;
		border-radius: 8px;
		box-shadow: inset -5px -5px 20px -5px #999999;
		box-shadow: 3px 2px 3px #33FFFF, 5px 4px 6px #FFFF99;
		font-family: 'Rum Raisin', serif;
		font-weight: bold;
		font-size: 1.2em;
		color: white;
		text-decoration: underline;
	}

	ul.navmain a:active {
		background: #7CFC00;
		border-radius: 8px;
		box-shadow: inset -5px -5px 20px -5px #999999;
		font-family: 'Rum Raisin', serif;
		font-size: 1.2em;
		color: white;
	}

}