/* Reset - Hier werden gewisse Standard-Browsereinstellungen standardisiert
------------------------------------------------------------ */	
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
ol, ul { list-style: none; margin: 0;}
ul li lu { margin: 0; padding: 0;}

@font-face {
    font-family: SuisseIntl;
    font-weight: Regular;
    src: url('SuisseIntl-Regular-WebM.woff') format('woff');
}

.meinfont {
    font-family: 'SuisseIntl', sans-serif;

}

h {margin-bottom: 10px; color: white;}	
h1 { font-size: 10pt; margin-bottom: 10px; color: white;}	
img { outline: 1.5px; border:1.5px;}
p { margin: 0 0 10px; }
img { display: block;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}

html, body { 
	background-color:rgb(0, 0, 0);
	color:#b6b6b6;
	font-family: 'SuisseIntl Regular', sans-serif;
    font-size: 10pt;
    text-align: left;
    margin: 0;
    padding: 0;
	letter-spacing:0.02em;
	line-height: 12.8pt;
	font-weight: 100;
}

a {
    text-decoration:none;
    color:#b6b6b6;
}

a:hover {
    text-decoration:none;
	color: rgb(1, 254, 212);
}

#wrapper { 			
	width: 100%;			
	height: auto;
	margin: 0 auto; 	
} 

#main { /* Linke, breitere Spalte */
	width: 50%;
	float: left;
}		
		
aside { /* rechte Spalte */
	width: 50%;
	float: right;
	margin: 0;
}
	
.image-caption {
	margin-left:0;
	padding: 5px;
	float: left;
	display: inline;
}

.info-caption, h2 {
	font-weight: 400;
    line-height: 26px;
	font-size: 18pt; 

}


/* Nav */
header nav {
	background-color: #000000; 
	font-weight: 400;
    line-height: 25px;
	font-size: 18pt; 
}
	
header nav li {
	float: right;
	display: inline;
	text-align:right;
}

header nav lu {
	margin-left:0;
	width: 50.5%; 
	float: right;
	display: inline;
}

header nav la {
	margin-left:0;
	float: left;
	display: inline;
}

.boxmenu{
    width: 100%;
    float:left;
    position: fixed;
	padding: 5px;
	padding-bottom: 20;
	z-index: 30000;
	background-color: #000000; 
}

/* Bildbox */			
#poster {
	float: left; 
	margin-bottom: 0;
	width: 100%; 
	margin-top: 1%;
}
	
#poster img {
	width: 100%;
	float: inherit;	
	margin-left: 0;
}
	

	

/* Media Queries */
@media screen and (max-width: 800px) { 
	header nav li, header nav la, header nav lu, .info-caption, h2 {
        font-size: 17px;
        font-weight: 400;
        line-height: 20px;
	}
	html, body { 
		font-size: 8pt;
	}	
}


@media screen and (max-width: 600px) {   
	html, body { 
		background-color:rgb(0, 0, 0);
		color: #b6b6b6;
		font-family: 'SuisseIntl', sans-serif;
		font-size: 8pt;
	}

	.image-caption, .info-caption {
		margin-left:0px;
		padding-bottom: 0px;
	}
		
	.boxmenu {
		padding-bottom:5px;
	}

	header nav{
		float: left;
		clear: left;
		margin: 0 0 0px 0; 
		width: 100%;
	}	
	
		
	#main, aside, footer {
		float: left;
		clear: left;
		margin: 0 0 7px 0; 
		width: 100%;
	}	
			

	#poster img {
		width: 100%;
		float: inherit;	
		margin-left: 0;
	}
	
	#poster {
		padding-top: 4%;
		float: left; 
		width: 100%; 
		margin-bottom: 0;
	}
}