body	{
			background-image: url(../grafik/kachel1.jpg);
			text-align: center;
			color: #f8e9a1;
			font-family: sans-serif;
		}
		
a	{
		text-decoration: none;
		color: #EFF58E;
		font-weight: bold;
	}
			


a.dll:link		{ font-weight:bold;	color:#e8d694;		background-image: url(../grafik/kachel3.png);}
a.dll:visited	{ font-weight:bold;	color:#e8d694;}
a.dll:hover		{ font-weight:bold;		color: #dddddd;	background-image: none; background-color: #2c1b0c; border:0.075em dashed #000000;}
a.dll:active	{ font-weight:bold;		color:#ffffff}

a.mdll:link		{ color:#e8d694; background-color: #3b2410; }
a.mdll:visited	{ color:#e8d694;}
a.mdll:hover	{ color: #dddddd;	background-color: #2c1b0c; border:0.1em solid #aabbcc;}
a.mdll:active	{ color:#ffffff}

a.textlink:link		{  }
a.textlink:visited	{ }
a.textlink:hover	{ color: #dddddd;	background-color: #000000;}
a.textlink:active	{ color:#ffffff}

h1	{
		color: #e8d694;
		font-size: 1.7em;
		font-variant: small-caps;
		text-shadow: #666666 0.15em 0.1em;
	}

h2	{
		text-shadow: #000000 0.11em 0.11em;
	}
	
h3	{
		text-decoration: underline;
		font-size: 1.3em;
	}
	
img	{
			width: 100%;
		}

video {
		max-width:90%;
		height:auto
		}
		
#logo		{
				width:800px;
				max-width: 100%;
				text-align:center;
				padding-bottom:0.45em;
				margin: 2.7em auto;
			}
			
/*Menu*/		
ul#menu {
	list-style-type:none;
	margin:0;
	padding-bottom: 8px;
	padding-top: 6px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 2px outset #f8e9a1;
	background-image: url(../grafik/kachel7.png);
	text-align: center;
	z-index: 50;
}

ul#menu li {
	display:inline-block;
	margin:1px;
}

ul#menu li a {
	display:inline-block;
	min-width:100px;
	padding-left: 1em;
	padding-right: 1em;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #000;
	background-image: url(../grafik/kachel2.png);
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	border: 1px solid #f8e9a1;
}

ul#menu li:hover a {
	background-color: #000000;
	background-image: url(../grafik/kachel1c.png);
	color: #FFFFFF;
	border-style:outset;
}

.show-menu {
	text-decoration: none;
	background-color: #f8e9a1;
	text-align: center;
	text-shadow:2px 2px 2px #a0a0a0;
	padding: 8px 0;
	color: #000;
	display: none;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.3em;
}

input[type=checkbox]{
    display: none;
}

input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Player*/

.sm2-bar-ui {
 font-size: 16px;
}
.sm2-bar-ui .sm2-main-controls,
.sm2-bar-ui .sm2-playlist-drawer {
 background-color: #f9f9f9;
}
.sm2-bar-ui .sm2-inline-texture {
 background: transparent;
}
			
/*Inhalt*/

.fett {
	font-weight: bold;
}

.fotoraster	{
					width: 80%;
					margin: 0px auto;
					border-top: 0.15em solid #666666;
					border-bottom: 0.15em solid #ffffff;
					border-left: 0.15em solid #000000;
					border-right: 0.15em solid #aaaaaa;
					padding-top: 0.7em;
					padding-bottom: 0.7em;
					background-color: #000000;
				}

.foto_v	{
				width: 73px;
				padding: 0.225em;
				margin: 0.225em;
				border: 0.075em solid #dddddd;
				background-color: #000000;
				display: inline-block;
			}
			
#foto_i	{
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				position: absolute;
				display: table;
				background-color: #dedede;
			}	

.bild	{
			width: 900px;
			box-shadow: 0.45em 0.45em 0.9em black;
			border-top: 0.15em solid #aaaaaa;
			border-bottom: 0.15em solid #eeeeee;
			border-left: 0.15em solid #9a9a9a;
			border-right: 0.15em solid #a9a9a9;
		}
		
p.tgi	{
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
		
.imagel	{
				float:left;
				width: 400px;
				max-width: 49%;
				border:0.1em solid #000000;
			}

.imagelhist	{
					float:left;
					width: 400px;
					max-width: 50%;
					margin-right: 0.5em;
					margin-bottom: 0.5em;
					border:0.15em solid #000000;
				}

.imagerhist	{
					float:right;
					width: 400px;
					max-width: 50%;
					margin-left: 0.5em;
					margin-bottom: 0.5em;
					border:0.15em solid #000000;
				}
				
.hist	{
			text-align: justify;
			/*font-family: sans-serif;*/
			font-size: 1.1em;
			line-height: 1.4em;
		}
		
.textr	{
				float: right;
				width: 49%;
			}
			
.imager	{
				float:right;
				width: 400px;
				max-width: 49%;
				border:0.1em solid #000000;
			}
			
.imagec	{
				width: 400px;
				max-height: 564px;
				margin: 0px auto;
				max-width: 100%;
			}

.imaged {
	width: 600px;
	margin: 0px auto;
	max-width: 100%;
	border:1px solid #000000; 
}
			
.textl	{
				float: left;
				width: 49%;
			}
			
.line	{
			padding-top:1.125em;
			border-bottom: 0.15em solid #000000;
			clear: both;
		}
		
.line1	{
				border-top: 0.05em dotted #e8d699;
				clear: both;
			}
			
.line2	{
				border-bottom: 0.2em solid #898B61;
				width: 92%;
				margin: 0px auto;
			}

#inhalt	{		
				z-index:5;
				margin: 1em auto;
				margin-bottom: 3em;
				width:66%;
				text-align:center;
				padding:0em 0.2em;
				background-image: url(../grafik/kachel4.png);
				border: 0.225em solid #9a7e39;
			}

.item	{
			background-image: url(../grafik/kachel5.png);
			width: 90%;
			margin: auto;
			margin-bottom: 1em;
			border: 0.15em solid #336300;
			padding: 1em;
		}
		
.ltext	{
				float:  left;
				font-size: 1.2em;
			}
			
.rtext	{
				float:  right;
				font-size: 1.1em;
				font-weight: bold;
				/*font-family: sans-serif;*/
			}
			
.ltext1	{
				float:  left;
				font-size: 0.9em;
			}
			
.rtext1	{
				float:  right;
				font-size: 0.8em;
				font-weight: bold;
				/*font-family: sans-serif;*/
			}			
			
.rltext	{
				width: 85%;
				margin: auto;
				margin-top: 1.5em;
			}
		
.dll	{
				display: block;
				border-top: 0.075em solid #aaaaaa;
				border-bottom: 0.075em solid #eeeeee;
				border-left: 0.075em solid #9a9a9a;
				border-right: 0.075em solid #a9a9a9;
				padding: 0.15em;
				font-size: 1.1em;
			}

.mtext	{
				width: 60%;
				margin:auto;
				background-image: url(../grafik/kachel3.png);
				padding-left: 0.5em;
				padding-right: 0.25em;
				padding-top: 0.25em;
				padding-bottom: 0.15em;
				border:0.1em solid #a9a9a9;
			}	
					
.mtitel	{
				float:  left;
				font-weight: bold;
				font-size: 1.1em;
			}
			
.mdl	{
			float: right;
		}
		
.mdl a	{
				font-size: 0.8em;
				font-weight: bold;
				padding: 0.15em;
				border:0.1em solid #3b2410;
			}
			
#lizenz	{
				position: fixed;
				bottom: 0px;
				left: 0px;
				max-width: 80px;
				padding: 0.2em;
				background-image: url(../grafik/kachel6.png);
			}

#kontakt	{
				position: fixed;
				bottom: 0px;
				right: 0px;
				font-size: 1.05em;
				padding: 0.2em;
				background-image: url(../grafik/kachel6.png);
			}
			
#text	{
			font-size: 1.1em;
		}
		
.ul	{
			font-weight: bold;
			text-decoration: underline;
		}

ul.tracklist {
 list-style-type:none;
 margin:0px;
 padding:0px;
}

ul.tracklist li {
 position:relative;
 display:block;
 width:auto;
 max-width: 100%;
 font-family: sans-serif;
 font-size:1.1em;
 color:#666;
 padding:0.25em 0.5em 0.25em 0.5em;
 border:none;
 letter-spacing:-1px; /* ZOMG WEB X.0. ;) */
 background-color:#f9f9f9;
 border-top: 0.075em solid #aaaaaa;
 border-bottom: 0.075em solid #eeeeee;
 border-left: 0.075em solid #9a9a9a;
 border-right: 0.075em solid #a9a9a9;
}

ul.tracklist li a {
 display:block;
 text-decoration:none;
 font-weight:normal;
 color:#000;
 
 outline:none;
 position:relative;
 z-index:2;
}

ul.tracklist li:hover {
 background-color:#666666;
}

ul.tracklist li:hover a {
 color:#f0f000;
}

#fratze	{
				position: fixed;
				bottom: 2em;
				right: 0.3em;
				max-width: 50px;
				max-height: 50px;
				border:1px solid #000000;
			}
			
.textlink	{
					font-weight: bold;
					border-bottom: 0.1em dotted #ffffff;
					padding-left: 0.1em;
					padding-right: 0.1em;
				}

.centered	{
					width: 500px;
					max-width: 90%;
					margin: 0px auto;
					background-color: #ffffff;
				}

div[id^='pro-']	{
					width: 480px;
					height: 270px;
					max-width: 100%;
					margin: 0px auto;
					}
					
.smalltext	{
					font-size: 0.8em;
				}
				
@media screen and (max-width : 1200px){
	#inhalt	{
		width: 90%;
		margin-top: 3em;
	}
	#kontakt {
		position: static;
		clear: both;
	}
}										
@media screen and (max-width : 950px){
	
	body	{
		margin: 0;
	}
	
	@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }
		
	ul#menu {
		position: static;
		display: none;
		width: 100%;
		padding-left: 0;
	}

	ul#menu li {
		margin-bottom: 1px;
		font-size: 1.2em;
		line-height: 40px;
	}

	ul#menu li, li a {
		width: 95%;
	}

	.show-menu {
		display:block;
	}
	
	#inhalt	{
		width: auto;
		margin-top: 1em;
	}
	
	#logo {
		margin: 0px auto;
	}
	
	.item	{
		width: auto;
	}
	
	#fratze {
		position: static;
		float: right;
	}
	#lizenz {
		position: static;
		float: left;
	}
}

#swipebox-slider {
    -webkit-transition: none;
    transition: none;
}

#swipebox-slider .slide {
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

#swipebox-slider .slide:not(.current) {
    opacity: 0;
}