* {
	margin: 0;
	padding: 0;
}
header, nav, section, article, aside, footer {
	display: block;
}
body {
	font: 12px Arial, Verdana, Tahoma, sans-serif;
	background-color:#000000;
	color:#ffffff;
}


/* WebFonts Defin */
/* STD 55 Roman (Navi) */
.HelveticaNeueLTStd-Roman { 
	font-family: HelveticaNeueLTStd-Roman;
	font-weight: normal;
	font-style: normal;
}
/* Black 95 (Logo) */
.HelveticaNeueLTStd-Blk { 
	font-family: HelveticaNeueLTStd-Blk;
	font-weight: normal;
	font-style: normal;
}


h1 {
font-size:1em;
}

table {
font-size:1em;
}
a {
	color: #919191;
	outline: none;
	text-decoration: none;
}
a:hover {
	color:#ffffff;
	text-decoration: none;
}

h2 {
font:1em Arial, Verdana, Tahoma, sans-serif;
text-transform: uppercase;
}

h3 {
color:#ffffff;
font:1em Arial, Verdana, Tahoma, sans-serif;
/* font-weight:bold; */
}

.content-hl {
	color: #919191;
}
.hl-underline {
width:100%;
height:8px;
margin-bottom:8px;
border-bottom:1px solid #919191;
}

img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
border:0px solid grey;
	min-width: 290px;
	max-width: 830px;
	margin: 0 auto;
}


/* Header
-----------------------------------------------------------------------------*/
#header {

	background: #FFE680;
}


/* Middle
-----------------------------------------------------------------------------*/
#content {
max-height:830px;
max-width:830px;
}

/* Menu */
.list_style_type_none {
list-style-type:none;
}
.menue {
text-transform: uppercase;
line-height:1.8em; /* TEST, groesserer Abstabd */
}
.uppercase {
text-transform: uppercase;
}

.lang-choice {
height:2em;
}
.mobile-lang-choice-left {
float:left;
}
.mobile-lang-choice-right {
float:right
}

#start-lang-choice {
display:block;
}
#mobile-start-lang-choice {
display:none
}


/* logo-box init */
#logo-inner {
display:block;
 margin-top:-10px; /* neu ab 21.08. */
}
#logo-mobile{
display:none;
}
#mobile-logo-sw{
display:none;
}


/* richtige WebFonts */
/* HelveticaNeueLTStd-Blk */

.logo-text {
display:block;
	  border: 0px solid red;
	  display: block;
	  font-family: HelveticaNeueLTStd-Blk, helvetica, arial, sans-serif;
	  font-size: 3.6em;
	  letter-spacing: -0.02em;
	  font-weight:normal; 
/*float:left;*/
width:330px;
	  
}


.logo-left, .logo-right {
display:block;
margin-top:0px;
}

.logo-left {
color:#919191;
float:left;
}

#start-lang-choice {
margin-top:49%;
}

#abstand-oben, #abstand-unten {
clear:both;
display:block;
width:100%;
border:0px solid grey;
}


/* menue standard */
#menue {
display:block;
font-family: HelveticaNeueLTStd-Roman, helvetica, arial, sans-serif;
}
/* menue standard */
#menue_select{
display:none;
}	

/* Titles at standphotos,  (portraits - hier vermutlich nicht benutzt) */
.flex-caption-standphotos {
width: 100%;
/* padding: 2%; */
padding:2px 0px 2px 0px;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
color: #fff;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
/*font-size: 14px;*/
line-height: 1.5em;
}
.opacity {
opacity: 0.7; /* modern browser */
-moz-opacity: 0.7; /* older Mozilla browser */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */
filter:alpha(opacity=70); /* IE5.x -7.0 */
} 
/* end titles */


/* Boxen 
-----------------------------------------------------------------------------*/
/* border*/
.border {
border:0px solid red;
}

.bg_white {
background-color:#ffffff;
}


#l-oben, #r-oben, #l-unten, #r-unten, #r-oben-inner {
display:block;
float:left; 
max-width: 410px;
max-height: 830px;
width:410px;
height:410px;
}
#l-oben {
/*overflow:hidden;*/
}
/* l-unten, r-unten jetzt extra! - da innerhalb von l+r-oben */
#l-unten, #r-unten {
max-width: 410px;
max-height:410px;
}



/* abstand 20px zu allen seiten; */
.inner-box {
margin:20px;
}

.inner-box-logo {
margin:0px;
}
.inner-box-menue {
margin:0px;
margin-top:20px;
}


#filme {
padding-bottom:40px;
color:#919191;
width:100%;
/*height:100%;*/
/*overflow:auto;*/
}

#teiler-vertical, #teiler-vertical-2 {
/* background-color:#ff8000; */
float:left;
width:10px;
height:410px;
}

#teiler-horizontal, #teiler-horizontal-2 {
/* background-color:#00ff00; */
clear:both;
float:left;
width:100%;
height:10px;
}


/* kleines sw-logo bei mobile */
#logo-sw-content {
border: 0px solid green;
max-height:5.4em;
max-width:5.4em;
margin-top:-23px;
}
#logo-sw-l-oben, #logo-sw-r-oben, #logo-sw-l-unten, #logo-sw-r-unten {
display:block;
float:left; 

max-width: 2.7em;
max-height: 2.7em;

width: 2.7em;
height: 2.7em;
}

.arrow-text, .title-text {
margin-right: 0px; 
padding-top: 1px; 
margin: 0 auto; 
width: 100%; 
/* text-align: center; */
padding:5px; 
}



/* Media Queries 
-----------------------------------------------------------------------------*/
	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {
		html #wrapper {
		max-width:830px;
		}
		html .inner-box {
		margin:20px 0px 20px 0px;
		}
		html #l-oben, #r-oben, #l-unten, #r-unten, #r-oben-inner {
		float:left; max-width: 410px; 
		}
	}

	/* boxen abschalten bei < 960 */
	@media only screen and (max-width: 959px) {
		
html #start-lang-choice {
display:none;
}
html #mobile-start-lang-choice {
display:inline;
}
		
		html #l-oben, #l-unten {
		display:none;
		}
		html #teiler-vertical, #teiler-vertical-2 {
		display:none;
		}
		

		#r-unten {
		/*overflow:visible;*/
		}
		
		
		/* logo-box tauschen */
		html #logo-inner {
		display:none;
		}
		/* logo-box tauschen */
		html #logo-mobile{
		display:block;
		}
#mobile-logo-sw{
display:block;
}
html .logo-text {
	float:left;
	}
		
		
		/* menue tauschen */
		html #menue {
		display:none;
		}
		/* menue tauschen */
		html #menue_select{
		display:block;
		margin-bottom:10px;
		}		
		
}

	/* boxen abschalten bei < 410 */
	@media only screen and (max-width: 440px) {
	html .logo-text {
		font-size:2.6em;
		width:240px;
	}

/* kleines sw-logo bei mobile */
html #logo-sw-content {
max-height:4.0em;
max-width:4.0em;
margin-top:-18px;
}
html #logo-sw-l-oben, #logo-sw-r-oben, #logo-sw-l-unten, #logo-sw-r-unten {
display:block;
float:left; 

max-width: 2.0em;
max-height: 2.0em;

width: 2.0em;
height: 2.0em;
}
	
	
	
}

/* pfeile bauen mit css */
.p-rechts {
    border-color:red Orange Yellow GreenYellow;
    border-style:solid;
    margin:0px; /* vorher 15px */
    float:left;    
}

.arrows {
    height: 0;
    width: 0;
    border-width:1.2em; /* vorher 45px, aendert pfeilgroesse */
}

#dreieck-links {
    border-left-width:0;
    border-color:transparent black transparent  transparent ;
}

#dreieck-rechts {
    border-right-width:0;
    border-color:transparent transparent transparent black;
}

.td_pfeil {
padding:8px 16px 8px 16px;
}

.bg_grey{
background:#919191;
}
.bg_white{
background:#ffffff;
}
	

/* neue pfeile up, down */
#pfeil-down {
    width: 50px;
    height: 50px;
    position: relative;
    margin-left: 0px;
}
#pfeil-down .shape1, #pfeil-down .shape2 {
    border-width: 25px; /* war 30px */
    border-style: solid;
    height: 0;
    width: 0;
    border-color: #919191 transparent transparent transparent;
    top: 5px;
    position: absolute;
}

#pfeil-down .shape2 {
    top: 0px;
    border-color: #000 transparent transparent transparent;
}
#pfeil-down:hover .shape1 {
    border-color: #fff transparent transparent transparent;
}

	
/* neue pfeile up, down */
#pfeil-up {
    width: 50px;
    height: 50px;
    position: relative;
    margin-left: 0px;
}
#pfeil-up .shape1, #pfeil-up .shape2 {
    border-width: 25px; /* war 30px */
    border-style: solid;
    height: 0;
    width: 0;
    border-color:  transparent transparent #000 transparent;
    top: 5px;
    position: absolute;
}

#pfeil-up .shape2 {
    top: 0px;
   border-color:  transparent transparent #919191 transparent;
}	
	
#pfeil-up:hover .shape2 {
    border-color:  transparent transparent #fff transparent;
}		

.pfeil-normal-up {
    border-color:  transparent transparent #919191 transparent;
}
.pfeil-hover-up {
    border-color:  transparent transparent #fff transparent;
}


/* aus inline-styles: 10.01.2014 */
#next-inner {
border:0px solid yellow; width:100%; height:67%;
}
#prev-inner {
border:0px solid yellow; width:100%; height:23%;
}
#pag {
border:0px solid #00f800; height:auto;width:100%; text-align:center; font-size:1.1em;
}
#arrow-up {
border:1px solid #000000; margin:0px auto; width:0px; height:50px;
}
#pfeil-up {
position:relative; margin:-30px; 
}
#arrow-down {
border:border:1px solid #000000; margin:0px auto; width:0px; height:50px;
}
#pfeil-down {
position:position:relative; margin:10px 0px 0px -30px;
}

/* Aenderungen 10.01.2014: pfeile kein 1/xx */
#pag {
display:none; /*zaehler abschalten*/
}
#arrow-up {
height:20px;
}