/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
*	{
    font-family: Open Sans, sans-serif;
	font-size: 12px;
}
   
body {
	color: #666;
	background-color:rgb(105,101,95);
	
}
body.subpage {
	
}

#wrapper {
	width:1020px;
	background-color:#fff;
	margin:0 auto;
}

.wrapper {
    width: 1020px;
    margin: 0 auto;
}


#wrap-container {
	background-color:#fff;
	margin:0 20px 50px 20px;
	position:relative;
}
/* ===================
    ALL: Orange Theme
   =================== */

.header-container {
   /* border-bottom: 20px solid #e44d26;*/

}

.header-container header{
   padding:20px 0 5px 0;
}


.header-container .topnav{
        float: right;
    }
	

.header-container .logo {
	width:210px;
	float:left;
	height:95px;
	overflow:hidden;
	margin-left:20px;
	margin-bottom:10px;
}


.header-container .title {
    color: white;
    float: left;
	margin-left:40px;
	width:510px;
}
	.header-container .title h1 {
		font-family: 'Open Sans', sans-serif;
		font-size:23px;
		font-weight:lighter;
		font-style:italic;
		margin: 0;
		color:rgb(0,0,0);
		padding:35px 0 0 0;
	}

.navi-container {
	margin:0 20px;
	border-bottom:12px solid rgb(237,109,15);
	background: linear-gradient(top, #999999 0%, #69655F 40%, #69655F 100%); 
	background: -moz-linear-gradient(top, #999999 0%, #69655F 40%, #69655F 100%); 
	background: -webkit-linear-gradient(top, #999999 0%, #69655F 40%, #69655F 100%); 
	background: -ms-linear-gradient(top, #999999 0%, #69655F 40%, #69655F 100%); 
	background: -o-linear-gradient(top, #999999 0%, #69655F 40%, #69655F 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999, endColorstr=#69655F,GradientType=1);
}


.slider-container {
	height:280px;
	padding:20px;
	overflow:hidden;
}

.subpage .slider-container {
	height:279px;
}

#logoslider {
	margin-left:20px;
	position:absolute;
	z-index: 999999;
}

#mobile-logo {
	display:none;
	position:absolute;
	top:8px;
	left:20px;
	z-index:99999999999;
	margin-bottom:20px;
}

#mobile-logo-leftbar {
	float:left; 
	margin-left:-12px; 
	width:35px;
}
#mobile-logo-rightbar {
	float:left; 
	width:230px;
}

#mobile-logo img {
	border-radius:5px;
	width:30px;
}
.mobile-logo-slogan-head {
	font-family:Open sans, sans-serif; 
	font-size:14px; 
	line-height:12px;
	letter-spacing:1.2px; 
	color:#fff; 
	font-weight:700;
	margin:6px 0 0 5px;
	vertical-align: bottom;
}
.mobile-logo-slogan-content {
	font-family:Open sans, sans-serif; 
	font-size:10px; 
	line-height:10px;
	letter-spacing:1px; 
	color:#fff; 
	margin:0 0 0 5px;
	vertical-align: bottom;
}

#sidebar {position:absolute; top:-11px; left:-100px; width:100px; overflow:hidden;}
#sidebar h2 {color:#fff;}
#sidebar ul, #sidebar li {margin:0; padding:0}
#sidebar li {list-style-type:none; margin-bottom:10px;}


#banner {height:280px; position:relative; overflow:hidden;}


.footer-container,
.main aside {
   margin-bottom:20px;
}

.header-container,
.footer-container,
.main aside {
   /* background: #f16529;*/
}

.main aside {
	text-align:left;
}

.main aside.blue {
	text-align:right;
}
.main aside.blue {
	background: rgb(237, 109, 15);
}

.main aside.blue a {
	color:#fff;
}

.main aside.grey {
	background: rgb(238, 237, 236);
}
.main aside.subnavi {
	text-align:left !important;
}
.main aside.subnavi ul {
	padding-left:0 !important;
}
.main aside .infoboximage-fullwidth {
	width:240px;
	margin-left:-25px;
}

.main aside.grey a {
	/*color:rgb(237, 109, 15);*/
	text-decoration: none;
	color:#000;
}

.main aside.grey p, .main aside.grey h3{
	color:#666;

}

.main aside h3 {
	margin:0;
	font-weight:bold;
	font-size:14px;
	color:rgb(102, 102, 102);
}

.main aside.blue h3  {
	color:#fff;
}

.main aside.bew {background-color:#fff; border:1px solid #e5e5e5;}
.main aside.bew h3 {color:#666 !important;}
.main aside.bew #hia_bew_ext_cont {margin-bottom:15px;}




/*		MOBILE MENU	*/
.slicknav_menu {
	display:none;
}








/* ==============
    MOBILE: Menu
   ============== */

.header-container nav ul {
    margin: 0;
    padding: 0;
}

.header-container nav ul li {
	border-right:1px solid #bebebe;
}

.header-container  a {
    padding:0;
    text-decoration: none;
	color:rgb(255,255,255);
}

.header-container nav a:hover {
    text-decoration: underline;
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    /*width: 940px !important;*/
	margin-bottom:25px !important;
}

article h1 {
    font-size: 22px;
	/*color:rgb(237, 109, 15);*/
	font-weight:bold;
}

article h1:first-child {
	margin-top:0;
}

article p, article a {
	line-height:1.5em;
}

.main aside {
    color: white;
    padding: 10px 5% 10px;
}

.main aside.video {
	width:240px;
	padding:0;
}

.footer-container footer {
	background: rgb(238, 237, 236); 
	padding: 20px;
	
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


.navi-container nav {
	text-align: left;
	margin:0;
	padding:0;
	height:47px;
}

.navi-container nav ul ul {
	display: none;
}

	.navi-container nav ul li:hover > ul {
		display: block;
	}


.navi-container nav ul {
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-table;
	width:980px;
	margin:0;
}

.navi-container nav ul:after {
	content: ""; clear: both; display: block;
}

.navi-container nav ul li {
	float: left;
}
.navi-container nav ul li:hover, .navi-container nav ul li.active a {
	background-color:#69655F;
	color: rgb(237, 109, 15);
}
	.navi-container nav ul li:hover a {
		color: rgb(255,255,255); 
	}

.navi-container nav ul li a {
	display: block; 
	padding: 15px 9px;
	text-decoration: none;
	text-transform:uppercase;
	white-space:nowrap;
	color: rgb(255,255,255); 	
	font-size:12px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}

.navi-container .clearfix {
	width:1020px;
}
		
	
.navi-container nav ul ul {
	background-color: #69655F;
	border-radius: 0px; 
	border-top:1px solid #fff;
	padding: 0;
	position: absolute;
	top: 47px;
	width:auto; 
	z-index:9999;
}

.navi-container nav ul ul li {
	float: none; 
	border-bottom: 1px solid #fff; 
	position: relative;
}

.navi-container nav ul ul li a {
	padding: 10px 60px 10px 10px;
	white-space:nowrap;
	min-width:175px;
	text-transform:uppercase;
	white-space:nowrap;
	color: rgb(0,0,0); 	
	font-size:12px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}	

.navi-container nav ul ul li a:hover {
	background: rgb(237, 109, 15);
}
	
.navi-container nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:-1px;
	width:auto;
}


.breadcrumb-container {
	background-color:rgb(254, 231, 209);
	padding:15px 10px;
}

.breadcrumb-container a {
	text-decoration:none;
}

.breadcrumb-container nav ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	padding: 15px 10px;
	list-style: none;
	position: relative;
	display: inline-table;
	width:980px;
	margin:0;
}

.breadcrumb-container nav ul li {
	float: left;
}

.breadcrumb-container nav ul li:first-child {
	margin: 0 0 0 15px
}

.breadcrumb-container nav ul li a:first-child {
	margin-left: 15px
}

.breadcrumb-container nav ul li a {
	text-decoration:none;
	color: rgb(237, 109, 15);
	margin:0px 5px;
}	


.footer-container .nav_perm {
	font-size:95%;
	margin:0 0 0 13px;
	padding:0;
	color:#000;
}

.footer-container a, .footer-container .nav_perm a {
	text-decoration:none;
	color:#000;
}


.footer-container dd {
	float:left; 
}

.footer-container h4 {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:2px;
	color:rgb (105, 101, 95);
}

.footer-container dl {
	margin:0;
	padding:0;
}

.footer-container .left {
	float:left;
	width:740px;
	margin-right:10px;
}

.footer-container .left dd{
	margin:0 0 20px 30px;
	width:200px;
	border-right:1px solid #fff;
}

.partner {
	padding-left:458px; 
}

.footer-container .right {
	float:right;
	width:160px;
}

.footer-container .right dd {
	margin:0 !important;
	width: 270px;
}

.footer-container .right .nav_perm {
	font-size:100%;
}

.footer-container .copyright {
	clear:both;
}
.footer-container .copyright p {
	font-size:125%;
	margin-left:30px;
}

/*	Allgemeine Einstellungen	*/
h1, h2, h3	{
	font-weight: lighter;
	/*color:rgb(237, 109, 15);*/
}

a {
	color:rgb(237, 109, 15);
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

table tr td p {
	margin:2px;
}


/*	STARTSEITE	*/
.intro	{margin-top:5px;}
.intro_sub {	text-align:right; width:100%; text-align:right;}
.intro_sub span{	font-family: 'Arizonia', cursive; font-size: 210%; margin-left:15px;}

#featured {
	width:980px;
	height:280px;
}

/*
	SLIDER
*/
.slider_inner {
	position:absolute;
	z-index:99; 
	top:50px;
	right:0px;
	padding:35px 25px;
	background-color:rgba(255,255,255,0.7);
	width:430px;
}

section.slider h2{
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	font-size: 28px;
	font-weight: lighter; 
	color:#000;
	text-transform:uppercase;
	margin:0;
}

section.slider p {
	margin:5px 0 15px 0;
	line-height:20px;
	color:#000;
}

section.slider a {
	background-color:#000;
	color:#fff;
	padding:10px 20px;
	text-transform:uppercase;
	margin-left:375px;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
}


section.slider img {
	width:980px;
	height:280px;
	position:absolute;
	top:0;
	left;0;
	z-index:5;
}
.anythingControls {
	z-index:99999;
}

.slider {
	display:none;
}


/*	SITEMAP	*/
#sitemap {
	margin:0;
	padding:0;
}

#sitemap li {
	list-style-type:none;
	background:url(../images/ul-blue.png) no-repeat scroll 4px 5.5px transparent;
	padding-left:15px;
}

#sitemap li.lvlone	{
	margin-left:0;
}

#sitemap li.lvltwo	{
	margin-left:15px;
}

#sitemap li.lvlthree	{
	margin-left:30px;
}



/*	Formatierung Content Elemente	*/
.main-container ul {
	margin:0;
	padding:0 0 0 30px;
	display:inline-block;	
}

.main-container ul li {
	list-style-type:none;
	background:url(../images/ul-block.png) no-repeat scroll 4px 5.5px transparent;
	padding-left:15px;
}





blockquote {
    background: url("../images/quotes.gif") no-repeat scroll left top transparent;
    border-left: 3px solid #E5E5E5;
    color: #666666;
    font-size: 110%;
    line-height: 1.5em;
    margin: 0 0 10px 20px;
    padding: 10px 0 0 20px;
}

.txt {
	float:left;
	width:100%;
}
#m1 img, #m2 img, #m3 img, #m4 img, #m5 img, #m6 img, #m7 img, #m8 img, #m9 img, #m10 img {
	max-width:100%;
}

.alignnone, .alignleft {
    display: inline;
    float: left;
    margin: 20px 30px 20px 0;
	width:255px;
	overflow:hidden;
}

.alignright {
    display: inline;
    float: right;
    margin: 20px 0px 20px 30px;
	width:255px;
	overflow:hidden;
}


/*	TEASERLISTEN	*/
/*#teaser 					{background-color: #f9f9f9; margin-bottom: 25px; padding:5px 0 0 5px;}	*/
#news_startseite, #teaser 					{margin-bottom: 25px;}	
#news_startseite h2 {font-size: 16px; text-transform: uppercase;}

.box 			{float: left; width: 300px; padding:10px 15px 10px 0; margin:0; }
.box_inner		{background-color:#d6d6d5;min-height:80px; padding:5px 10px;}
.box:nth-child(even) {margin-right:0px;}
.box h3			{margin:0 0 5px 0; font-size:14px;color:rgb(237, 109, 15); font-weight:bold; margin-bottom:5px;}
.box_img 		{float: left; height: 65px; margin-right: 10px; padding: 5px 0 0 0;width: 95px; overflow:hidden;}
.box_co 			{float: left; padding:10px 0 0 0; text-align: left; width: 175px;}
.box_co p 		{margin:0}
.box_co a		{text-decoration:none; font-weight:bold;}
.box_img img 	{min-height:65px;}
ul.gallery li a div.image img {width:100px;}
.intro_sub span {font-family:'Herr Von Muellerhoff',cursive;}




/*	NEUES BOXMODELL 2015 */
.boxgf 					{float:left; padding:0; margin:0 12px 22px 0; background-color: #fff; width: 214px; min-height: 214px; position: relative;}
.boxgf:hover 			{background-color: #fff;}
.boxgf h3 				{margin:0; font-size: 13px; text-transform:uppercase; position: absolute; bottom: 0px; left: 0; background-color:rgba(255, 255, 255, 0.7); color: #000; padding: 10px 10px; width: 93%; font-weight: bold; height:35px;}

.boxgf_img 				{height: 214px; width: 214px; overflow: hidden; position: absolute; border-bottom:10px solid rgb(237, 109, 15)}
.boxgf_img img 			{/*height: 214px;*/}

#news				{margin-bottom: 25px;}	
.entry 				{background-color: #EFEFEF; float: left; margin: 5px; width: 620px; padding:5px 10px 10px 5px;}
.entry:hover		{background-color:#f5f5f5;}
.entry:nth-child(even) {margin-right:0px;}
.entry h3			{margin:0 0 5px 0; font-size:14px;}
.entry_img 			{float: left; height: 65px; margin-right: 10px; width: 95px; overflow:hidden;}
.entry_co 			{float: left; padding:0; text-align: left; width: 510px;}
.entry_co p 			{margin:0}
.entry_img img 		{min-height:65px;}


/*	FOTOSTREAM	*/
ul.gallery { 
	list-style: none;
	width:100%;
}
ul.gallery li {
	background:none;
}
ul.gallery li a {
	position: relative;
	float: left;
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #333;
}

ul.gallery li a:hover {
	z-index:999 !important;
}


ul.gallery li a div.image {
	height:75px;
	overflow:hidden;

}

ul.gallery li a {
	/*-webkit-backface-visibility:hidden;*/
}


/*	TOPLINK	*/
#toTopHover {
    background: url("../images/ui.totop.png") no-repeat scroll left -51px transparent;
    display: block;
    float: left;
    height: 51px;
    opacity: 0;
    overflow: hidden;
    width: 51px;
}

#toTop {
	text-indent:100%;
}


#toTop {
    background: url("../images/ui.totop.png") no-repeat scroll left top transparent;
    border: medium none;
    bottom: 10px;
    display: none;
    height: 51px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    text-indent: 100%;
    width: 51px;
}



/*	DOWNLOADS	*/
#downloadtable {
    border-spacing: 2px;
    width: 100%;
	margin-bottom:25px;
}

#downloadtable tr {
    border-bottom: 1px solid #C6CCCE;
}


#downloadtable th, #downloadtable td {
    padding: 6px;
    text-align: left;
}

#downloadtable td {
    padding: 6px;
    text-align: left;
}

#downloadtable tbody tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #F2F2F2;
}
#downloadtable tr {
    border-bottom: 1px solid #C6CCCE;
}


/*	SWIPER	*/
.swiper-container {
    width: 100%;
    height: 460px;
}   

.swiper-container .swiper-slide img {
	cursor: move;
}

.swiper-title {background-color:rgba(237,109,15, 0.7); position:absolute; bottom:0; right:0; width:480px; padding:12.5px 20px; color:#000;}




/*
	TIMELINER
	*/
	#timeline {
		width: 100%;
		height: 600px;
		overflow: hidden;
		margin: 20px 0;
		position: relative;
		background: url('../images/dot.gif') 3px top repeat-y;
	}
		#dates {
			width: 25%;
			height: 600px;
			overflow: hidden;
			float: left;
		}
			#dates li {
				list-style: none;
				width: 100%;
				height: 80px;
				line-height: 80px;
				font-size: 24px;
				padding-left: 10px;
				background: url('../images/biggerdot.png') left center no-repeat;
			}
				#dates a {
					line-height: 38px;
					padding-bottom: 10px;
				}
				#dates .selected {
			        font-size: 38px;
				}
		
		#issues {
			width:75%;
			height: 600px;
			overflow: hidden;
			float: left;
		}	
			#issues li {
				width: 100%;
				height: 600px;
				list-style: none;
				background:none;
				padding:0;
				text-align:center;
			}
				#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}
				#issues li img {
					margin: 70px 30px 10px 50px;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
				}
				#issues li h1 {
					color: rgb(237, 109, 15);
					font-size: 34px;
					text-align: center;
					text-shadow: #000 1px 1px 2px;
				}
				#issues li p {
					margin: 10px 20px;
					font-weight: normal;
					line-height: 22px;
					text-align:left;
				}
		
		#grad_top,
		#grad_bottom {
			width: 100%;
			height: 80px;
			position: absolute;
		}
			#grad_top {
		        top: 0;
		        background: url('../images/grad_top.png') repeat-x;
			}
			#grad_bottom {
		        bottom: 0;
		        background: url('../images/grad_bottom.png') repeat-x;
			}
		
		#next,
		#prev {
			position: absolute;
			left: 60%;
			font-size: 70px;
			width: 38px;
			height: 22px;
			background-position: 0 -44px;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position:  0 0;
			}
			#next {
				bottom: 0;
				background-image: url('../images/next_v.png');
			}
			#prev {
				top: 0;
				background-image: url('../images/prev_v.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}






/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */

    .header-container nav li {
        float: left;
        margin-bottom: 0;
		padding:0 10px;
    }

    .header-container nav li:last-child {
        border-right: 0;
    }


/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    .header-container nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
}

@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

    .header-container,
    .main aside {
       /* -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;*/
    }

/* ============
    WIDE: Menu
   ============ */



/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 680px;
		min-height:600px;
		padding:0 20px 0 0;
		margin-top:20px;
    }

    .main aside {
        float: right;
        width: 190px;
		margin: 25px 0 0 30px;
		padding:10px 25px 20px 25px;
		margin-top:25px;
    }
	

}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */


}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}




@media only screen and (max-width: 768px) {
	/* BODY	*/
	body, body.subpage {
		background:none;
	}

	#wrapper {
		width:100%;
		margin:0;
	}
	.wrapper {
		width:100%;
		margin:0;
	}
	
	.navi-container {
		width:100%;
	}	
	.navi-container .clearfix {
		width:100%
	}
		
	.swiper-title, .swiper-button-next, .swiper-button-prev {display:none;}

	/*	HEADER	*/
	.header-container {
		height:auto;
	}
	
	.header-container .clearfix {
		width:100%;
	}
	
	.header-container .logo {
		float:none;
	}
	article h1 {
		font-size:18px;
	}
	
	#mobile-logo {
		display:block;
	}
	.header-container .title {
		display:none;
	}
	.header-container nav ul li {
		display:inline-block;
		padding:0 20px;
	}
	.header-container .topnav {
		float:none;
		margin:20px 0 20px 0;
		width:auto;
	}		
	.header-container ul li:first-child {
		padding-left:0;
	}
	
	#wrap-container {
	width:auto;
	}
	
	
	.slider-container, .slider_inner {
		display:none;
	}

	#primary-nav {
		margin-top:10px;
	}
	.topnav, #jq_ez_bg {
		display:none;
	}
	
	/*
		SIDEBAR
	*/
	.main aside {
		margin-bottom:20px;
	}	
	
	.main aside {
		width:90%
	}
	.main aside.blue {
		text-align:left;
	}

	.main aside.video {
		width:100%
	}
	
	.main aside.blue h3{
		color:#fff;
	}

	/* SLIDER	*/
	#banner, .slider-container {
		/*display:none;*/
	}

	.swiper-container {
		width: 100%;
		height: auto;
	}   

	.alignright, .alignleft {
		margin:0;
	}	
	
	.main aside img, article img , .main aside .infoboximage-fullwidth {width:100%; margin:0;}
	#downloadtable img {width:auto;}
	.newicon {width:40px !important;}
	

	/*	BREADCRUMB	*/
	.breadcrumb-container {
		display:none;
	}
	
	#sidebar {
	display:none;
	}
	

	/*	NAVIGATION	*/
	.navi-container, #primary-nav ul{
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}




	/*	CONTENT	*/
	.box 	{width:90%; margin:0 0 10px 0; border:1px solid #e5e5e5;}
	.box_img {width:25%;}
	.box_co	{width:70%;}
	.alignleft, .alignnone, .alignright {float:none;}
	.txt {float:none;}
	
	
	.boxgf 					{float:none; width: 100%; min-height: 214px; position: relative;}
	.boxgf h3				{width:98%;}
	.boxgf_img 				{height: 214px; width: 100%; }
	.boxgf_img img 			{height: 214;}

	
	
	
	#txt1, #txt2, #txt3, #txt4, #txt5, #txt6, #txt7, #txt8, #txt9, #txt10 {
		margin-bottom:25px;
	}
	
	/*	FOOTER	*/
	.partner {padding:20px 0 20px 0;}
	.footer-container .left dd, .footer-container .right dd{
		width:99%;
		margin:0 0 0 30px !important;
		float:none;
		border-right:0;
	}
	
	.footer-container .left dd, .footer-container .right dd {
		min-height:20px;
	}
	
	.footer-container .left , .footer-container .right {
		width:99%;
		float:none;
	}
	.footer-container .right {
		margin-top:25px;
		margin-left:25px;
	}
	.footer-container .copyright {
		margin-top:25px;
	}
	
	/*	TIMELINE	*/
	#issues li p, #issues li img {
		margin:5px 10px;
	}
	#issues li h1 {
		margin:0.35em 0;
	}
	
	#next, #prev  {left:57%;}

}

/* ==========================================================================
   Formulare
   ========================================================================== */
#kontaktfrm tr td {
	padding:4px 0;
}
#kontaktfrm input {
	padding: 2px 0;
}
#kontaktfrm input, #kontaktfrm textarea {
	width:100%;
	border:1px solid #999;
}
.button {
	float:left; 
	width:48% !important;
}
.button:nth-child(2) {
	float:right;
}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.button:active {
	position:relative;
	top:1px;
}
#error {
	border: 1px dashed rgb(237, 109, 15);
	color: rgb(237, 109, 15);
	display: none;
	font-weight: bold;
	margin: 10px 0;
	padding: 10px;
}
#kontaktfrm .error {
	background-color: rgb(237, 109, 15) !important;
	color:#fff;
}
/* ==========================================================================
   Archive
   ========================================================================== */

#archiv ul {
	margin: 0;
	padding: 0;
}
#archiv .pagination_year ul li {
	background-color: #E5E5E5;
	background-image: none;
	display: block;
	float: left;
	margin-right: 4px;
	margin-top: 10px;
	padding: 2px 6px;
}
#archiv .pagination_year ul li.active {
	border-bottom: 3px solid rgb(237, 109, 15);
}
#archiv .pagination_year ul li a {
	display: block;
	font-weight: bold;
}
#archiv .pagination_ss {
	margin-bottom: 1em;
}
#archiv .pagination_ss ul li {
	background-color: #E5E5E5;
	background-image: none;
	display: block;
	float: left;
	margin-right: 4px;
	margin-top: 10px;
	padding: 2px 6px;
}
#archiv .pagination_ss ul li.active {
	border-bottom: 3px solid rgb(237, 109, 15);
}
#archiv .pagination_ss ul li a {
	display: block;
	font-weight: bold;
}

#archiv_content {
	margin-top: 20px;
	width: 100%;
}
#archiv_content thead tr th {
	background-color: #E5E5E5;
	color: #666666;
	font-size: 116.67%;
	padding: 5px 0 5px 10px;
	text-align: left;
	text-transform: uppercase;
	vertical-align: middle;
}
#archiv_content .head1 {
	border-bottom: 2px solid #FFFFFF;
}
#archiv_content .head2 {
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}
#archiv_content h2 {
	color: #33A54E;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 5px;
}
#archiv_content tbody tr td {
	padding: 3px 10px;
}
#archiv_content .cell1 {
	vertical-align: top;
}
#archiv_content .cell1 img {
	max-width: 166px;
}
#archiv_content .cell2 {
	border-left: 2px solid #FFFFFF;
}
#archiv_content .cell2 p {
	margin-bottom: 15px;
}
#archiv_content .colored {
	background-color: #EFF0F2;
}
#archiv_content .colored .cell2 {
	background-color: #EFF0F2;
	font-weight: bold;
}
#archiv_content .colored .cell1 {
	background-color: #EFF0F2;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
		font-weight:normal;
    }
}

/**
Overlay CSS
 */
#overlay {
    z-index:999;
    display:none;
    width:100%;
    position:fixed;
    border-bottom:10px solid #ee6d0e;
    bottom:0;
}
#overlay-wrapper .img {margin: 7% auto; width:90%;}
#overlay-wrapper {
    position:fixed;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 920px;
    padding:25px 40px;
    background-color: #fff;
    border: 10px solid #ee6d0e;
    border-bottom:0;
    z-index: 10000;
    -webkit-box-shadow: 2px -1px 16px 0px rgba(51,51,51,1);
    -moz-box-shadow: 2px -1px 16px 0px rgba(51,51,51,1);
    box-shadow: 2px -1px 16px 0px rgba(51,51,51,1);
    text-align: center;
}
#overlay-wrapper p,
#overlay-wrapper strong,
#overlay-wrapper a {
    font-size:100%;
}

@media screen and (max-width: 991px) {
    #overlay-wrapper {
        width: calc(100% - 40px);
        left: 0;
        transform: translate(0, 0);
        padding: 10px;
        text-align: center;
    }
    #logo {
        width:100px;
    }
}
#overlay-wrapper span.fa {
    color:#fff;
    font-size:24px;
}
#overlay-wrapper .overlayclose span {color: #ee6d0e;}
.overlayclose {
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}
.slide-top {
    -webkit-animation: slide-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


/*
    Minimalistic GRID layout
 */
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

[class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.col-xs-12 {
    width: 100%;
}

@media (min-width: 768px) {
    .col-md-6 {
        width: 50%;
    }
}

.responsive-image {
    width: 100%;
    height: auto;
    max-width: 100%;
}

@media (min-width: 768px) {
    .responsive-image {
        max-width: 350px;
    }
}