@charset "UTF-8";
/* CSS Document */

html, 
html * {
	/* padding: 0;
	margin: 0; */
	box-sizing: border-box;
	font-family: Arial, Helvetica, Arial," sans-serif";
	font-size: 15px;
	color: #ffffff;
}


	
body {
background: #222223;
	}

.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png);display:none}
.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}
body.lb-disable-scrolling{overflow:hidden}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:1px}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:2px}
.lb-loader,.lb-nav{position:absolute;left:0}
.lb-outerContainer:after{display:table}
/* Bildrand */
.lb-container{padding:2px}

.lb-loader{top:43%;height:25%;width:100%}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(images/loading.gif) no-repeat}
.lb-nav{top:0;height:100%;width:100%;z-index:10}

.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{
width:34%;left:0;float:left;background:url(images/prev.png) left 48% no-repeat;
filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s
}
.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}
.lb-nav a.lb-next{width:64%;right:0;float:right;
background: url(images/next.png) right 48% no-repeat;
filter:alpha(Opacity=0);
opacity:0;-webkit-transition:opacity .6s;
-moz-transition:opacity .6s;
-o-transition:opacity .6s;
transition:opacity .6s}
.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);
opacity:1}
.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.lb-dataContainer:after{display:table}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:14px;font-weight:600;line-height:1em}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:8px;color:#000}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

img {
	
	max-width: 100%;
	height: auto;
	/*vertical-align: middle; */
	
	
}

.oben {
     position: absolute;
    top: 20px;
    left: 40px;
}

.unten {
    position: absolute;
    bottom: 5px;
    left: 5px;
}



.headerm {
    display: none;
} 

a.tra:link {  color:#2082c1; text-decoration:none; }
a.tra:hover {  color:#ec7c18; text-decoration:none; }
a.tra:visited {  color:#2082c1; text-decoration:none; }
a.tra:active { color:#2082c1; text-decoration:none; }

a.txl:link {  color:#f5bc88; text-decoration:none; }
a.txl:hover {  color:#ec7c18; text-decoration:none; }
a.txl:visited {  color:#f5bc88; text-decoration:none; }
a.txl:active { color:#f5bc88; text-decoration:none; }


h1 {
	font-size: 1.5em;
	margin-bottom: 1.5em;
		color: #ec7c18;
}

h2 {
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 0.8em;
	letter-spacing: 0.05em; 
	color: #2082c1;
	
}

h3 {
	font-size: 1.0em;
	margin-bottom: 1.0em;
	color: #ec7c18;
}

h4 {
	font-size: 0.8em;
	 
	
	
}

h5 {
	font-size: 0.9em;
	font-weight: 200;	
}

h6 {
	font-size: 0.8em;
	font-weight: 200;	
}

p {
	font-size: 15px;
	 /*font-weight: 400; 
	margin-bottom: 1.0em; */
}




/*Responsive Styles*/

@media screen and (max-width : 960px){

.unten {
    display: none;
}

.headerm  {
	display:block;
	
	}

}