/* i45 */
@import url(https://fonts.googleapis.com/css?family=Ropa+Sans);
html {
	height: 100%;
	width: 100%;
	background-color: #b6da46;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: 'Ropa Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.5px;
	color: #000;
}
body {
	width: 1200px;
	margin: 0 auto 0 auto;
	padding-bottom: 20px;
}
manu, ul, ol, li{
	-webkit-padding-start: 0;
	-moz-padding-start: 0;
	-ms-padding-start: 0;
}
a {
	color: #fff;
}
a.noline {
	text-decoration: none;
}
a[href$=".pdf"], a[href$=".zip"] { 
  background-image: url(/bilder/pdf.png);
  background-repeat: no-repeat;
  background-size: 30px;
  padding: 8px 0 5px 40px;
  line-height: 30px;
}
a[href$=".zip"] { 
  background-image: url(/bilder/zip.png);
}
#head {
	position: relative;
	width: 100%;
	color: #fff;
}
#head h1 a {
	position: absolute;
	top: -65px;
	display: block;
	width: 238px;
	height: 64px;
	background-image: url(bilder/industrie45.png);
	background-repeat: no-repeat;
	background-size: 238px;
}
#head h1 span, #head h2 {
	position: absolute;
	top: -200px;
}
a.homebutton {
	display: none;
	position: absolute;
	top: -75px;
	right: 10px;
	width: 40px;
	padding: 7px 5px 4px 5px;
	background-color: #000;
	opacity: 0.5;
}
#navigation {
	overflow: auto;
	list-style: none;
	color: #fff;
}
#navigation li {
	float: left;
}
#socialmedia {
	position: absolute;
	list-style: none;
	top: -55px;
	right: 0;
}
#socialmedia a, #content a.facebook, #content a.whatsapp {
	display: block;
	width: 35px;
	height: 35px;
	background-color: rgba(255,255,255,0.2);
	background-image: url(bilder/socialmedia.png);
	background-repeat: no-repeat;
	background-size: 307.5px;
	box-shadow: 1px 1px 30px rgba(255,255,255,0.5);
	opacity: 0.7;
}
#socialmedia a:hover {
	opacity: 0.6;
}

#socialmedia li {
	float: left;
	margin-left: 10px;
}
a.facebook { }
a.twitter {
	background-position: -45px 0;
}
a.instagram {
	background-position: -90px 0;
}
a.google {
	background-position: -136px 0;
}
a.youtube {
	background-position: -181px 0;
}
a.rss {
	background-position: -227px 0;
}
#headBack, #navBack {
	position: absolute;
	top: 0;
	left: 0;
	height: 125px;
	background-color: rgba(20,20,20,0.4);
	width: 100%;
}
#navBack {
	top: 75px;
	height: 50px;
	background-color: rgba(0,0,0,0.4);
}
#navigation {
	margin-top: 75px;
	font-size: 28px;
	line-height: 50px;
}
#navigation a, #smallnav a {
	text-decoration: none;
}
#navigation li {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #fff;
}
#navigation li.contact {
	float: right;
}
#navigation li:first-child, #navigation li.contact {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
#navigation li ul {
	display: none;
}
#navigation div.active, #navigation div.path {
	position: absolute;
	top: 50px;
	background-image: url(bilder/pfeil.png);
	background-repeat: no-repeat;
	background-size: 55px;
	height: 35px;
	width: 55px;
	opacity: 0.75;
}
#navigation div.path {
	opacity: 0.3;
}
#wrapper {
	overflow: auto;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
}
p {
	margin-bottom: 15px;
}
h1 { font-size: 34px; }
h2 { font-size: 20px; margin-top: 15px; }
h3 { font-size: 16px; color: #fff; text-shadow: 0px 0px 8px #666; margin-top: 20px;}
h4 { font-size: 11px; color: rgba(0,0,0,0.3); }
h5 { font-size: 16px; font-style: oblique; font-weight:bold;}
p { font-size: 16px; line-height: 1.3;}
hr {
	border: 0;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	display: block;
	overflow: auto;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	width: 100%;
}
.stats {
	margin-bottom: 5px;
	border-bottom: 1px solid #666;
}
.stats span, .close span {
	float: right;
}
.stats div {
	border-bottom: 4px solid #944;
}
.expand {
	display: none;
}
.expand .close{
	display: block;
	margin: 15px 0 0 0;
	padding: 5px;
	background-color: rgba(255,255,255,0.3);
	border-radius: 2px;
	font-size: 10px;
	text-decoration: none;
}
.tokens {
	display: inline-block;
	background-color: rgba(0,0,0,0.3);
	text-shadow: 0px 0px 2px #000;
	padding: 2px 10px 2px 10px;
	margin: 0 5px 5px 0;
	color: #fff;
	border-radius: 2px;
	line-height: 20px;
}
#content ul, #content ol {
	margin: 0;
	padding: 0;
}
#content ul li, #content ol li{
	margin: 0 0 10px 16px;
	padding: 0;
}
#content a.tokens {
	color: #fff;
}
#content a.tokens:hover {
	background-color: rgba(100,100,100,0.3);
}
#content a.mehr, #content a.archiv, a.ort{
	padding: 5px 10px 4px 10px;
	background-color: #777;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	float: left;
	border-radius: 2px;
}
#content a.vor{
	background-color: #f05a00;
}
#content a.archiv {
	font-size: 20px;
	float: right;
}
#content a.facebook, #content a.whatsapp {
	position: relative;
	display: inline-block;
	margin: 0 0 0 10px;
	background-size: 200px;
	opacity: 0.9;
	width: 25px;
	height: 25px;
	text-decoration: none;
	opacity: 0.6;
}
#content a.whatsapp {
	display: none;
	margin: 0 0 0 5px;
	background-position: -175px 0;
}
.hidde {
	display: none;
}
#logoPrint {
	display: none;
}

::-webkit-input-placeholder { color:#eee; }
::-moz-placeholder { color:#eee; } /* firefox 19+ */
:-ms-input-placeholder { color:#eee; } /* ie */
input:-moz-placeholder { color:#eee; }

#content form input, #content form textarea {
	width: 87%;
	background-color: rgba(50, 50, 50,0.2);
	color: #000;
	padding: 5px;
	font-size: 16px;
	margin-bottom: 20px;
	margin-left: 5%;
	margin-right: 5%;
	border: none;
	border-radius: 2px;
}
#content label p {
	margin-bottom: 0;
	padding-bottom: 0;
}
#content label .error{
	padding: 5px;
	border-radius: 2px;
	background-color: rgba(255, 255, 255,0.8);
	color: #000;
}
#content p#paging{
	background-color: rgba(50, 50, 50,0.2);
}
#content p#paging a{
	display: inline-block;
	width: 25px;
	line-height: 25px;
	text-decoration: none;
	text-align: center;
	background-color: rgba(255, 255, 255,0.2);
}
#content p#paging span{
	display: inline-block;
	width: 25px;
	line-height: 25px;
}
#content  p#paging a.pagingAct{
	background-color: rgba(255, 255, 255,0.6);
}
#content  p#paging a:hover{
	background-color: rgba(255, 255, 255,0.8);
}
.triRight, .triLeft {
	display: inline-block;
	border-color: transparent #fff;
	border-style: solid;
	border-width: 7px 0px 7px 7px;
	height: 0px;
	width: 0px;
}
.triLeft {
	border-width: 7px 7px 7px 0px;
}
.left {
	float: left;
	margin: 0 20px 15px 0;
	max-width: 450px;
	/* height: 100%; */
}
.right {
	float: right;
	margin: 0 0 15px 20px;
	max-width: 450px;
	/* height: 100%; */
}
.center {
	float: left;
	max-width: 450px;
	height: 100%;
	margin: 0 auto 15px auto;
}
div.left, div.right, div.center {
	overflow: hidden;
	max-width: 420px;
	margin: 0;
	margin-bottom: 0;
}
.vabox{
	display: inline-block;
	width: 225px;
}
.vawrap, .akwrap{
	width: 400px;
}
.akwrap{
	background-color: rgba(182, 218, 70, 0.2);
}
.vawrap h1, .vawrap h2, .vawrap h3, .akwrap h1, .akwrap h2, .akwrap h3  {
	margin-top: 0;
}
div.drittel{
	width: 33%;
	margin: 0 0 15px 0;
}
img.flyer{
	width: 400px;
	max-height: 570px;
}
.main{
	margin: 0 0 5px 20px;
}
#sidebar {
	float: right;
	margin: 50px 0 50px 0;
	right: 0;
	width: 262px;
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
	overflow: auto;
	color: #fff;
	padding: 25px 0 25px 0;
	min-height: 500px;
}
#sbcontent {
	padding: 0 20px 20px 20px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
#sbcontentU {
	padding: 40px 20px 0 20px;
}
#subnav {
	list-style: none;
}
#subnav div.active {
	float: left;
	position: relative;
	top: -20px;
	left: -20px;
	height: 57px;
	width: 5px;
	margin: 0 -15px 0 0;
	border-left: 10px solid rgba(255,255,255,0.2);
}
#subnav a {
	border-bottom: 1px solid rgba(255,255,255,0.3);
	display: block;
	padding: 20px 20px 20px 20px;
	text-decoration: none;
}
#subnav a:hover {
	background-color: rgba(255,255,255,0.1);
}
#content {
	float: left;
	min-height: 500px;
	width: 850px;
	padding: 25px;
	margin: 50px 0 50px 0;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	overflow: auto;
}
#content a {
	color: #000;
}
#copyright {
	padding: 25px;
	background-color: rgba(0,0,0,0.4);
	box-shadow: inset 0 5px 5px rgba(0,0,0,0.4);
	color: #fff;
}
#copyright a {
	text-decoration: none;
}
#copyright h3 {
	float: right;
	font-size: 11px;
}
#copyright h2 {
	float: left;
	font-size: 11px;
}
#smallnav {
	border-top: 10px solid rgba(0,0,0,0.5);
	margin: 60px -25px 0 -25px;
	padding: 10px 0 0 25px;
	overflow: auto;
}
#smallnav a {
	color: rgba(255,255,255,0.8);
}
#smallnav li {
	line-height: 25px;
	list-style: none;
	float: left;
	width: 230px;
}
.archivFlyerContainer{
	background-color: rgba(255,255,255,0.6); 
	padding: 20px 20px 0 20px;
	overflow: hidden;
}
.innerArchive{
	height: 190px;
}
a.archivFlyerLink, .VaPicture{
	overflow: hidden; 
	height: 200px; 
	display: block; 
	float: right; 
	margin-top: -20px; 
	margin-right: -20px;
}
.archivFlyer{
	width: 284px;
}
.archivFlyerTitle{
	font-size: 35px;
	text-shadow:	-1px -1px 2px #fff,
					 1px -1px 2px #fff,
					-1px  1px 2px #fff,
					 1px  1px 2px #fff;
}
.Veranstaltung{
	background-size: cover;
	overflow: auto;
	border-bottom: 20px solid rgba(90,90,90,0.6);
}
.Veranstaltung h2{
	margin-top: 0;
}
.Veranstaltung p.description{
	display: inline;
}
.VaPicture{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	line-height: 200px;
	height: 200px;
	width: 400px;
	margin-left: 20px;
}
.VaPicture img{
	max-width: 200px;
	max-height: 200px;
	width: auto !important;
	height: auto !important;
	vertical-align: middle;
}
.Veranstaltung.Top .VaPicture{
	line-height: 400px;
	height: 400px;
}
.Veranstaltung.Top .VaPicture img{
	max-width: 400px;
	max-height: 400px;
}
.Veranstaltung .endDate{
	font-size: 16px;
}
.Veranstaltung time .time{
	text-shadow:	-1px -1px 1px #fff,
					 1px -1px 1px #fff,
					-1px  1px 1px #fff,
					 1px  1px 1px #fff;
}
.Veranstaltung time .year{
	font-size: 16px;
}
.Veranstaltung .RichBar{
	overflow: auto;
	vertical-align: middle;
	line-height: 10px;
}
#content a.ort{
	background-color: rgba(136, 153, 187, .4);
	color: #fff;
}
#content .offers{
	display: inline;
}
.DispNo div{
	display: inline-block;
}
.DispNo{
	display: none;
}
#content .Veranstaltung .vor, #content .Veranstaltung .mehr, a.ort{
	margin-top: 2px;
	display: block;
	width: 100px;
	text-align: center;
	float: none;
}

[draggable=true] {
    cursor: move;
}

/* Smaller than standard 1200 (devices and browsers) */
@media(max-width: 1200px), print{
	body {width: 1000px;}
	#content {width: 650px;}
	.left {
		max-width: 300px;
		height: auto !important;
	}
	.right {
		max-width: 300px;
		height: auto !important;
	}
	div.left, div.right, div.center {
		max-width: 310px;
		margin: 0;
	}
	img.flyer{
		width: 310px;
		max-height: 440px;
	}
	.vabox{width: 315px;}
}
/* All Mobile Sizes (devices and browser) we start a little earlier */
@media(max-width: 768px){
		#socialmedia{margin: 57px 10px 0 0;}
		body {width: 100%;}
		#navBack, #navigation, #navigation div.active, #subnav {display: none;}
		a.homebutton {display: block;}
		#headBack {height: 80px}
		#wrapper {margin: 90px 0 0 0;}
		#content {
			margin: 50px 0 0 0;
			padding: 0;
			width: 100%;
			display: block;
		}
		.noMobile { display: none; }
		#sidebar {
			display: block;
			width: 100%;
			min-height: 0;
		}
		#head h1 a {top: -75px; left: 10px;}
		#navigation {
			display: block;
			position: absolute;
			z-index: 55;
			top: -76px;
			background-color: rgba(20,20,20,0.9);
			width: 100%;
		}
		#navigation li.contact, #navigation li, #navigation li:first-child {
			float: none;
			border: 0;
			padding: 0px;
			margin: 0;
			border-bottom: 1px solid rgba(255,255,255,0.3);
		}
		#navigation li a {
			border: 0;
			padding: 0 0 0 10px;
			margin: 0;
		}
		#navigation li ul {
			display: block;
			margin-left: 20px;
			list-style: none;
			border: none;
			margin-top: -10px;
			margin-bottom: 10px;
		}
		#head #navigation ul li, #navigation ul li a {
			border: none;
			font-size: 20px;
			line-height: 40px;
		}
		ul#smallnav li a{
			font-style: bold;
			font-weight: bold;
			margin: 0;
			padding: 0;
		}
		ul#smallnav li ul li a{
			font-style: normal;
			font-weight: normal;
			padding: 0;
			margin: 0;
		}
		h1, h2, h3, h4, h5, h6, p {
			margin-left: 10px;
			margin-right: 10px;
		}
		#content a.whatsapp {
			display: inline-block;
		}
		.archivFlyer{
			width: 200px;
		}
		.archivFlyerTitle{
			font-size: 30px;
		}
		#socialmedia a, #content a.facebook, #content a.whatsapp {
			opacity: 0.8;
		}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media(max-width: 479px){
	#content {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.left, .right, .center {
		float: left;
		max-width: 102%;
		width: 96%;
		position: relative;
		height: auto !important; 
	}
	div.left, div.right, div.center, div.drittel {
		width: 100%;
		max-width: 100%;
		height: 100%;
	}
	div.left {
		margin-bottom: 20px;
	}
	#content img{
		position: relative; left:-10px;
		max-width: 105%;
		height: 100%;
	}
	#content .archivFlyerContainer{
		padding: 0!important;
	}
	#content .archivFlyerContainer p{
		margin-left: 10px;
		display: block;
	}
	#content .VaPicture{
		width: 100%!important;
		max-width: none!important;
		padding: 0!important;
		margin: 0;
		margin-bottom: 10px;
	}
	#content .offers{
		margin-left: 10px;
		display: block;
	}
	p img{position: relative; left:-10px;}
	#content div img{
		left: 10px;
	}
	img.flyer{
		width: 103%;
		max-width: none;
		margin-left: -15px;
		height: auto !important;
	}
	#content .VaPicture img, #content .VaPicture img.flyer{
		margin-left: 0;
		width: 100%;
		left: 0;
	}
	#sidebar{margin-top: 20px;margin-bottom: 20px;}
	#copyright h3 {margin-top: -10px;}
	#copyright h2 {margin-bottom: 10px;margin-top: 5px;}
	.archivFlyer{
		width: 150px;
	}
	.archivFlyerTitle{
		font-size: 20px;
	}
	.archivFlyerContainer{
		padding: 10px 40px 0 10px; 
	}
	a.archivFlyerLink{
		height: 170px; 
		margin-top: -10px; 
		margin-right: -40px;
	}
	.innerArchive{
		height: 145px;
	}
}
@media print {
	h3 { font-size: 16px; color: #000; text-shadow: none;}
	.tokens, h4 {color: #000; text-shadow: none;}
	.mehr, .facebook, #navigation, #smallnav, #subnav {display: none;}
	#logoPrint {display: block; position: absolute; top: 10px;}
	#copyright{ box-shadow: none; }
}

/* All Mobile Sizes (devices and browser) we start a little earlier */

@media only screen and(device-width: 768px){
		body {width: 100%;}
		#navigation, #navigation div.active, #subnav {display: none;}
		a.homebutton {display: block;}
		#content {
			margin: 0;
			padding: 0;
			width: 100%;
			display: block;
		}
		#head, #headbg, #headabdeckung {
			height: 200px;
			margin: 0 0 20px 0;
		}
		#head h1 a {
			top: 130px; margin-left: 40px; 
			background-size: 300px;
			width: 300px;
			height: 30px;
		}
		#navigation {
			display: block;
			position: absolute;
			z-index: 55;
			top: 100px;
			background-color: rgba(20,20,20,0.9);
			width: 100%;
		}
		#navigation li.contact, #navigation li, #navigation li:first-child {
			float: none;
			border: 0;
			padding: 0px;
			margin: 0;
			border-bottom: 1px solid rgba(255,255,255,0.3);
		}
		#navigation li a {
			border: 0;
			padding: 0 0 0 10px;
			margin: 0;
		}
		#navigation li ul {
			display: block;
			margin-left: 20px;
			list-style: none;
			border: none;
		}
		#head #navigation ul li, #navigation ul li a {
			border: none;
		}
		ul#smallnav li a{
			font-style: bold;
			font-weight: bold;
		}
		ul#smallnav li ul li a{
			font-style: normal;
			font-weight: normal;
			margin-left: 10px;
		}
		h1, h2, h3, h4, h5, h6, p {
			margin-left: 10px;
			margin-right: 10px;
		}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media(max-width: 479px){
	#content {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.left, .right, .center {
		float: left;
		max-width: 102%;
		width: 96%;
		height: 100%;
		position: relative;
		height: auto !important;
	}
	div.left, div.right, div.center, div.drittel {
		width: 100%;
		max-width: 100%;
		height: 100%;
	}
	div.left {
		margin-bottom: 20px;
	}
	#content img{
		position: relative; left:-10px;
		max-width: 105%;
		height: 100%;
		height: auto !important;
	}
	p img{position: relative; left:-10px;}
	#content div img{
		left: 10px;
	}
	img.flyer{
		width: 103%;
		max-width: none;
		max-height: none;
		margin-left: -15px;
	}
	#sidebar{margin-top: 20px;margin-bottom: 20px;}
	#copyright h3 {margin-top: -10px;}
	#copyright h2 {margin-bottom: 10px;margin-top: 5px;}
}

/* NSB Box - Design - requires NSB Box Javascript (c) 2018 by Etienne Schorro */
#nsbbox{
	display: block;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(20,20,20,.6);
}
#nsbbox img, #nsbbox iframe{
	display: block;
	clear: both;
	max-width: 90%;
	max-height: 90%;
	width: auto;
	height: auto;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 3px;
    box-shadow: 0 0 50px #333;
}
#nsbbox iframe{
	width: 90%;
	height: 95%;
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
#nsbBOXText{
	display: block;
	position: fixed;
	z-index: 1001;
	bottom: 0;
	margin: 0;
	line-height: 30px;
	font-size: 16px;
	font-style: normal;
	width: 100%;
	background-color: rgba(0,0,0,.3);
	color: #fff;
	text-align: center;
}
a.pfeilLinks, a.pfeilRechts, a.closeBOX{
	display: block;
	position: fixed;
	z-index: 1001;
	top: 50%;
	margin-top: -60px;
	height: 120px;
	width: 50px;
	background-color: rgba(0,0,0,.3);
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid rgba(0,0,0,.3);
    border-radius: 3px;
}
#nsbbox a.pfeilLinks:hover, #nsbbox a.pfeilRechts:hover, a.closeBOX:hover{
	background-color: rgba(50,50,50,.3);
}
#nsbbox .pfeilLinks{
	left: 1%;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEuMDUxcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDExLjA1MSAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEuMDUxIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM5Mzk1OTgiIHBvaW50cz0iMTAuMDUxLDAuMTYxIDEwLjc1OCwwLjg2OCAxLjYxNCwxMC4wMTMgMTAuNzU4LDE5LjE1NyAxMC4wNTEsMTkuODY0IDAuMiwxMC4wMTMgIi8+DQo8L3N2Zz4NCg==');
}
#nsbbox .pfeilRechts{
	right: 1%;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEuMDUxcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDExLjA1MSAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEuMDUxIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJ0cmFuc3BhcmVudCIgc3Ryb2tlPSIjOTM5NTk4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMC41NTMsMC41MTUgMTAuMDUxLDEwLjAxMyAwLjU1MywxOS41MTEgIi8+DQo8L3N2Zz4=');
}
#nsbbox a.closeBOX{
	display: block;
	position: fixed;
	z-index: 1002;
	top: 9%;
	right: 1%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	font-style: normal;
	text-align: center;
	color: #fff;
}
.loader {
	#display:none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	border: 10px solid rgba(255,255,255, .6);
	border-radius: 50%;
	border-top: 10px solid rgba(100,100,100, .2);
	border-bottom: 10px solid rgba(100,100,100, .2);
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	box-shadow: 0 0 70px rgba(255,255,255, .4);
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media(max-width: 479px){
	#nsbbox a.pfeilLinks, #nsbbox a.pfeilRechts{
		top: -1000px;
	}
}