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

body {
	top: 0;
	left: 0;
	background-color: #f4f4f4;
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
figure {
	margin: 0 0 0 0;
	max-width: 100%;
}
img {
	margin: 0 0 0 0;
	max-width: 100%;
	height: auto;
	width: auto;
	border: 0;
}
::selection {
	background: #bc1a1f;
	color: white;
	text-shadow: none;
}
.fixed {
	position: fixed;
	top: 0;
	margin: 0 10px 0 0;
	z-index: 999999;
	background-color: #FFF;
	border-bottom: 1px solid #474747;
}
.error_msg {margin:0; padding:5px; color:#FFAAAA;}


hr.clear {
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	border: 0;
	line-height: 0;
	font-size: 0;	
}

/* ------- ------- ------- ------- ------- -------- */


a.button_red {
	height: 24px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #FFF;
	white-space:nowrap;
	background: -webkit-linear-gradient(#990000,  #880000 90%);
	background: -moz-linear-gradient(#990000,  #880000 90%);
	background: -o-linear-gradient(#990000,  #880000 90%);
	background: linear-gradient(#990000,  #880000 90%);
}
a.button_red:hover {
	background: #f2b600;
	background: -webkit-linear-gradient(#f2b600,  #f2b600 90%);
	background: -moz-linear-gradient(#f2b600,  #f2b600 90%);
	background: -o-linear-gradient(#f2b600,  #f2b600 90%);
	background: linear-gradient(#f2b600,  #f2b600 90%);
	color: #FFF;
}
a.button_black_gross {
	background: #121212;
	height: 24px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 15px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #FFF;
	white-space:nowrap;
}
a.button_black_gross:hover {
	background: #f2b600;
	color: #FFF;
}
a.button_black {
	width: 90px;
	height: 24px;
	background-color: #121212;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 10px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FFF;
	white-space:nowrap;
}
a.button_blackarrow_mobile {
	width: 12px;
	height: 26px;
	padding: 13px 6px;
	background-image: url(../layout/more_button_mobile.png);
	background-repeat:no-repeat;
}
a.button_black:hover {
	background-color: #f2b600;
	color: #FFF;
}
a.button_white {
	width: 90px;
	height: 24px;
	background-color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 10px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #121212;
	white-space:nowrap;
}
a.button_white:hover {
	background-color: #f2b600;
	color: #FFF;
}

input.button_black {
	height: 24px;
	background-color: #121212;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 10px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FFF;
	border: 0;
	white-space:nowrap;
}
input.button_black:hover {
	background-color: #f2b600;
	color: #FFF;
}

.selectBox {
	width: 130px;
	padding: 6px;
	margin: 10px 1px 10px 10px;
	background-color: #1f1f1f;
	float: left;
}
.selectBox:hover { cursor: pointer; }
.selectBox input {
	width: 99%;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #1f1f1f;
	color: #ffffff;	
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	float: left;
	cursor: pointer;
}
.selectBoxArrow {
	padding: 14px 11px;
	margin: 10px 10px 10px 0;
	background-color: #1f1f1f;
	background-image: url(../layout/select_arrow_down.png);
	background-position: center;
	background-repeat: no-repeat;	
	display: inline-block;
	cursor: pointer;
}
.selectBoxOptions {
	display: none;
	background-color: #0F9;
	position: absolute;
	margin: 10px 0 0 -175px;	
}
.selectBoxOptions ul {
	list-style: none;
	background-color: #3FF;
	box-shadow: 2px 2px 4px #000000;
	padding: 0;
	margin: 0;
}
.selectBoxOptions li {
	width: 132px;
	padding: 6px;
	border: 0;
	/* background-color: #1f1f1f; */
	color: #ffffff;	
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	cursor: pointer;
}
/*
.selectBoxOptions li.selected {
	background-color: #f2b600;
}
.selectBoxOptions li:hover {
	background-color: #f2b600;
}
*/
/* ------- ------- ------- ------- ------- -------- */

#searchBox {
	width: 235px;
	right: 0;
	padding: 0px;
	margin: 58px 0 0 0;
	z-index: 100;
	position: absolute;
	background-color: #9a0000;
	overflow: hidden;
	height: 0px;
}
#searchBox .closeSearch {
	text-decoration: none;
	text-align: center;
	font-family: 'Cabin', sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #b1b1b1;
	margin: 0 0 0 0;
}
#searchBox input.button_black {
	margin: 5px 5px 5px 0;
	border: 0;
}
#searchBox input.text {
	margin: 5px 0 5px 5px;
	width: 150px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding: 3px 4px 3px 4px;
	border: 1px #474747 solid;
}

/* ------- ------- ------- ------- ------- -------- */
	
	header {
		top: 0;
		left: 0;
		height: 83px;
		width: 100%;
		background: #9a0000;
	}
	header .site {
		max-width: 960px;
		margin: 0 auto;
		position: relative;
	}
	header h1 {
		width: 215px;
		float: left;
		margin: 15px 10px 0 10px;
		float: left;
	}
	header h1 a {
		display: block;
		width: 215px;
		height: 53px;
		background: url(../layout/logo.png) no-repeat;
		text-indent: -9999em;
	}
	header nav {
		float: right;
	}
	
	#metanavigation {
		clear: both;
		position: relative;
	}
	#metanavigation ul {
		padding: 0;
		margin: 0 0 0 0;
		float: right;
		list-style: none;
		background-color: #474747;	
		border-bottom-left-radius: 2px;
		-moz-border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		-moz-border-bottom-right-radius: 2px;
	}
	#metanavigation li {
		float: left;	
	}
	#metanavigation li a {
		z-index: 1;
		height: 20px;
		text-decoration: none;
		color: white;
		padding: 5px 10px 0 10px;
		float: left;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		background-image: url("../layout/metaNav_trenner.png");
		background-repeat: no-repeat;
		background-position: 0px 8px;
	}
	#metanavigation li.first a {
		background-image: none;
	}
	#metanavigation li a:hover {
		color: #ffd200;
	}
	#metanavigation li a.active {
	color: #ffd200;
    }
    
	#menu {  
		clear: both;
		list-style:none;  
		margin: 0;	
		padding: 12px 0 0 0;  
		background: #9a0000; 
		height: 35px; 
	}
	
	#menu li {  
		display: inline-block;  
		text-align:center;  
		padding: 4px 10px 4px 10px;  
		margin: 0px;  
		border:none;
	}
	
	#menu li a {  
		font-size: 18px;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		color: #FFF;
	}
	#menu .desktopsearch {
		padding: 5px 10px 5px 5px;  
		margin: 0 0 0 0;
		border: 0;
		background-image: url("../layout/nav_searchButton.png");
		background-repeat: no-repeat;
		text-indent: -9999em;
	}
	
	#menu li:hover {  
		background: #1f1f1f;  
		padding-bottom: 10px;
	}  
	
	#menu li:hover a {  
		color:#ffd200;  
	}
    #menu li a.active {  
    	color:#ffd200;  
    }
    
	.dropdown {  
		width: 980px;
		position: absolute;
		display: block;
		top: 70px;
		left: 0;
        margin: 0 0 0 -10px;
		z-index: 9999;
		text-align: left;
	 
		opacity: 1;
		visibility: hidden;
		overflow: hidden;
	 
		background: #1f1f1f;
		color: #fff;
	 
		-webkit-transition: all .3s ease .15s;
		-moz-transition: all .3s ease .15s;
		-o-transition: all .3s ease .15s;
		-ms-transition: all .3s ease .15s;
		transition: all .3s ease .15s;
	}
	
	#menu li:hover .dropdown {  
		opacity: 1;
		visibility: visible;
		overflow: visible; 
	}
	#menu li .dropdown .hover_effect {  
		opacity: 1;
		visibility: visible;
		overflow: visible; 
	}
	
/* ----------------------------------------------------------------------- */

	#menu .dropdown ul {  
		width: 210px;
		float: left;
		margin: 25px 0 20px 20px;
		padding: 0;
	}
	#menu .dropdown ul.special {  
		width: 200px;
		float: left;
		margin: 25px 0 20px 20px;
		padding: 0 0 0 20px;
		border-left: 1px solid #b1b1b1;
	}
	.navTeaser { display: block; }
	
	#menu .dropdown li {  
		width: 210px;
		display: block;
		text-align:left;  
		padding: 0px;  
		margin: 0px;  
		border-bottom: 1px solid #b1b1b1;
	}
	#menu .dropdown li a {  
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: none;
		text-decoration: none;
		color: #b1b1b1;
		margin: 7px 0 0 0;
		padding: 0 0 7px 0;
		display: block;
		width: 210px;
	}
	#menu .dropdown li a span.subline {  
		font-size: 10px;
	}
	#menu .dropdown li:hover a {  
		color:#ffd200;  
	}
		
	#menu .dropdown li.headline {  
		margin-bottom: 15px;  
		border: none;
	}
	#menu .dropdown li.headline a {  
		font-size: 18px;
		font-family: Cabin, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #FFFFFF;
	}
	#menu .dropdown li.headline:hover a {  
		color:#ffd200;  
	}

	#menu .dropdown .search {
		margin: 5px 0 5px 5px;
		width: 80%;
		background-color: #ffffff;
		font-size: 24px;
		font-style: normal;
		font-weight: normal;
		padding: 0 0 0 45px;
		border: 1px #b1b1b1 solid;
		margin: 10px 0 10px 10px;
		background-image:url(../layout/search_icon.png);
		background-repeat: no-repeat;
		background-position: left;
		float: left;
	}
	#menu .dropdown .search input.searchtext {
		margin: 0;
		width: 97%;
		font-size: 24px;
		padding: 4px;
		text-transform: uppercase;
		font-family: Cabin, Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: normal;
		border: 0px;
	}
	#menu .dropdown .searchtext:focus { border: 0; outline: 0; }
	#menu .dropdown .searchtext:hover { border: 0; outline: 0; }
	#menu .dropdown .searchtext:active { border: 0; outline: 0; }
	.searchbutton {
		width: 100px;
		height: 40px;
		background-color: #9a0000;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		padding: 5px 10px;
		font-family: Arial, sans-serif;
		font-weight: normal;
		font-size: 12px;
		color: #FFF;
		white-space:nowrap;
		border: 0px;
		float: left;
		margin: 10px 15px 10px  15px;
	}

/* ---------- ] MMOBILE NAV [ ------------ */

	#mobileHeader { 
		height: 30px;
		width: 30px;
		float: right;
		margin: 25px 20px 0 0;
		display: none; 
	}
	#mobileNavigation {
		height: 0px;
		background-color: #191919;
		width: 100%;
		overflow: hidden;
		z-index: 9998;
	}

	#mobileNavigation ul.mobileMainNavContainer {
		padding: 0;
		margin: 0 0 0 0;
		list-style: none;	
	}
	#mobileNavigation li {
		text-align: center;
	}
	#mobileNavigation li.search {
		text-align: center;
		height: 46px;
		padding: 4px 0 0 0;
		background-color: #474747;
	}

	#mobileNavigation li a {
		width: 100%;
		height: 22px;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		color: white;
		padding: 10px 0 10px 0;
		margin: 0 0 0 0;
		display: block;
		font-size: 16px;
		font-style: normal;
		font-weight: normal;
		border-bottom: 1px #474747 solid;
	}
	#mobileNavigation li a:hover {
		color: #ffd200;
	}
	#mobileNavigation li.search input.text {
		width: 200px;
		font-size: 18px;
		font-style: normal;
		font-weight: normal;
		padding: 4px 4px 4px 4px;
		border: 1px #474747 solid;
	}
	#mobileNavigation li.search input.button_black {
		width: 44px;
		height: 32px;
		background-color: #121212;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		padding: 5px 10px;
		font-family: Arial, sans-serif;
		font-weight: normal;
		font-size: 12px;
		color: #FFF;
		border: 0;
	}
	#mobileNavigation li.search input.button_black:hover {
		background-color: #f2b600;
		color: #FFF;
	}
	
	
	#mobileNavigation .subnavi ul {
		padding: 0;
		margin: 0 5%;
		list-style: none;	
		test-align: left;
	}
	#mobileNavigation .subnavi li a {
		width: 100%;
		height: 18px;
		text-transform: inherit;
		text-decoration: none;
		text-align: center;
		color: white;
		padding: 10px 0 10px 0;
		margin: 0 0 0 0;
		display: block;
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		background-color: #2d2d2d;
		border-bottom: 1px #191919 solid;
	}
	#mobileNavigation .subnavi li a:hover {
		color: #ffd200;
	}
	
	
	#mobileNavigation li.metanav {
		text-align: left;
		background-color: #474747;
	}
	#mobileNavigation .metanav ul {
		padding: 0;
		margin: 0 5%;
		list-style: none;	
		test-align: left;
	}
	#mobileNavigation .metanav ul li {
		text-align: left;
		display: inline-block;
		width: 46%;
	}
	#mobileNavigation .metanav ul li a {
		width: 100%;
		height: 18px;
		text-transform: none;
		text-decoration: none;
		text-align: center;
		color: white;
		padding: 10px 0 10px 0;
		margin: 0 0 0 0;
		display: block;
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		border: 0;
	}
	#mobileNavigation .metanav ul li a:hover {
		color: #ffd200;
	}

@media only screen and (max-width: 1000px) {
    .dropdown {  width: 960px; }
}
@media only screen and (max-width: 970px) {

	.dropdown { max-width: 100%; text-align: center; }
	.navTeaser { display: none; }
	#menu .dropdown ul.special { width: 150px; margin: 25px 0 20px 10px; padding: 0 0 0 10px; }
	#menu .dropdown ul.special li.headline a { width: 150px; font-size: 14px; }
	#menu .dropdown .search { width: 80%; }

}
@media only screen and (max-width: 900px) {
	#menu .dropdown ul.special { clear: both; width: 95%; border: 0; }
	#menu .dropdown ul.special li { width: auto; float: left; padding: 0 15px; }
	#menu .dropdown ul.special li.headline a { width: auto; font-size: 14px; }
	#menu .dropdown .search { width: 76%; }
}
@media only screen and (max-width: 790px) {

	#menu li { padding: 5px 6px 4px 6px; }
	#menu li a { font-size: 16px; }
	#menu .dropdown ul { width: 190px; }
	#menu .dropdown li { width: 190px; }
	#menu .dropdown .search { width: 72%; }
}
@media only screen and (max-width: 690px) {

	#mobileHeader { display: block; }
	nav { display: none; }

}
@media only screen and (max-width: 350px) {

	header { height: 65px; }
	header h1 { width: 165px; height: 40px;  }
	header h1 a { width: 165px; heigth: 40px; background-size: contain; }
	#mobileHeader { margin: 18px 15px 0 0; }

}


/* ------- ------- ------ ------- ------- ------- ------- ------ */
/* LIGHT BOX METANAVI! */


.notruf_layer {
	max-width: 880px;
	margin: 0;
	background-color:#FFF;
	text-align:left;
	display:none;
}

.notruf_layer .tele {
	float: left;
	max-width: 320px;
	border-right: 1px solid #474747;
	margin: 15px 0;
}
.notruf_layer .faq {
	float: right;
	max-width: 470px;
	margin: 15px 0;
	padding: 0;
}
.notruf_layer h3 {
	font-family: 'Cabin', sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	padding: 0;
	margin: 0;
}
.notruf_layer .box {
	display: inline-block;
	width: 135px;
	vertical-align: top;
	margin: 15px 0 10px 0;
}
.notruf_layer .boxtrenner {
	border-right: 1px solid #b1b1b1;
}
.notruf_layer .box p {
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-transform: normal;
	color: #474747;
	margin: 0;
	text-align: center;
}
.notruf_layer .box p.number {
	font-family: 'Cabin', sans-serif;
	font-size: 65px;
	text-transform: uppercase;
	color: #9a0000;
	margin: 0;
}
.notruf_layer .box p.linked_number {
	display: none;
}
.notruf_layer .box p.linked_number a {
	font-family: 'Cabin', sans-serif;
	font-size: 60px;
	text-transform: uppercase;
	text-decoration: none;
	color: #9a0000;
	margin: 0;
}

.notruf_layer .faq ul {
	list-style: none;
	margin: 10px 15px;
	padding: 0;
}
.notruf_layer .faq ul li {
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-transform: normal;
	color: #474747;
	margin: 0;
	padding: 0;
}
.notruf_layer .faq span.hightlight {	
	color: #9a0000;
	font-weight: bold;
	line-height: 24px;
}

.notruf_layer .greybox {
	background-color: #b1b1b1;
}
.notruf_layer .greybox p.number {
	float: left;
	font-family: 'Cabin', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #000000;
	margin: 18px 20px;
	display: inline-block;
}
.notruf_layer .greybox p.number span {
	font-weight: bold;
	margin-left: 20px;
	white-space:nowrap;
}
.notruf_layer .greybox p.button {
	float: right;
	padding: 5px 15px;
}
.notruf_layer .greybox p.button span.zusatz {
	display: inline-block;
}

@media only screen and (max-width: 800px) {
	
	.notruf_layer .box { width: 120px; }
	.notruf_layer .box p.number { font-size: 60px; }

}
@media only screen and (max-width: 690px) {
	
	.notruf_layer .faq { clear: both; margin: 0; min-width: 100%; }
	.notruf_layer h3 { font-size: 18px; }
	.notruf_layer .greybox p.number { display: none; }
	.notruf_layer .greybox p.button { float: left; }
	.notruf_layer .tele { border-right: 0px; min-width: 100%; }
	.notruf_layer .box { width: 49%; }
	.notruf_layer .faq ul { padding: 0; margin: 10px 15px; }
	.notruf_layer { top: 0; }
	.notruf_layer .greybox p.button span.zusatz { display: none; }

}
@media only screen and (max-width: 420px) {
	
	.notruf_layer .box p.number { display: none; }
	.notruf_layer .box p.linked_number { display: block; }
	
}
@media only screen and (max-width: 350px) {
	.notruf_layer h3 { font-size: 14px; }
	.notruf_layer .faq ul li { font-size: 12px; margin: 0 0 0 0; }
	.notruf_layer .faq ul { margin: 5px 10px; }
	.notruf_layer .box { margin-top: 5px; }
	.notruf_layer .box p { font-size: 11px; }
	.notruf_layer .box p.linked_number a { font-size: 36px; }
	.notruf_layer .box { width: 47%; }
	.notruf_layer .greybox p.button { padding: 0px 10px; }
	.notruf_layer .greybox .button_red { font-size: 12px; }
}
@media only screen and (max-width: 300px) {
	
	.notruf_layer .greybox p.button { float: left; clear: both; }
	.notruf_layer { top: 0; }

}


/* ------- ------- ------ ------- ------- ------- ------- ------ */

#stage {
	width: 100%;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #000;
}
#stage #stagewrapper {
	max-width: 980px;	
	margin: 0 auto;
	position: relative;
}

#stage div.pictures {
	width: 100%;
	height: 720px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;	
	background-position: top, center;
	overflow: hidden;
}
#stage div.redBG {
	height: 600px;
	background: -webkit-radial-gradient(center, circle farthest-corner, #5b0000,  #7a0000 90%);
	background: -moz-radial-gradient(center, circle farthest-corner, #5b0000,  #7a0000 90%);
	background: -o-radial-gradient(center, circle farthest-corner, #5b0000,  #7a0000 90%);
	background: radial-gradient(center, circle farthest-corner, #5b0000,  #7a0000 90%);
}
#stage div.small {
	height: 600px;
}
#stage .stageQuoteRight {
	background-image: url(../layout/quote_bg.png);
	text-align: left;
	width: 280px;
	padding: 10px;
	position: relative;
	top: 220px;
	right: 0px;
	margin: 0 0 0 auto;
}
#stage .stageQuoteLeft {
	background-image: url(../layout/quote_bg.png);
	text-align: left;
	width: 280px;
	padding: 10px;
	position: relative;
	top: 220px;
	margin: 0 0 0 5%;
}
#stage .stageContentListen {
	text-align: left;
	padding: 10px;
	position: relative;
	top: 200px;
	margin: 0 0 0 0;
}
#stage .stageContentCar {
	background-image: url(../layout/quote_bg.png);
	text-align: left;
	width: 280px;
	padding: 10px;
	position: relative;
	top: 200px;
	margin: 0 0 0 0;
}
#stage .carRight {
	margin: 0 0 0 69%;
}
#stage .stageContentHeadline {
	width: auto;
	text-align: left;
	position: relative;
	top: 345px;
	margin: 0 0 0 0;
	padding: 0 0 10px 10px;
}
#stage .stageContentHeadlineTop {
	background-image: url(../layout/quote_bg.png);
	text-align: left;
	width: 280px;
	padding: 10px;
	position: relative;
	top: 200px;
	margin: 0 0 0 0;
}
#stage .stageContentHeadline figure {
	float: left;
	margin: 12px 15px 0 0;
}
#stage .blackBG {
	background-image: url(../layout/quote_bg.png);	
}
#stage .half_blackBG {
	width: 400px;
	background-image: url(../layout/quote_bg.png);	
}
#stage .smallstage {
	top: 300px;	
}

#stage h1 {
	margin: 0 10px 0 0;
	color: #FFF;
	font-family: 'Cabin', sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	color: #FFF;
}
#stage h2 {
	margin: 0 10px 0 0;
	color: #FFF;
	font-family: 'Cabin', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #FFF;
}
#stage p {
	margin: 30px 0 0 0;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}

#stage .quote {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Cabin', sans-serif;
	font-size: 30px;
	color: #FFF;
}
#stage .quotePerson {
	margin: 0 0 0 0;
	color: #FFF;
	text-transform: none;
	font-weight: normal;
	font-family: 'Cabin', sans-serif;
	font-size: 14px;
	color: #FFF;
}
#stage .button {
	margin: 10px 0 0 0;
}

#stage .stageContentHeadline h1 {	margin: 0 10px 0 77px; }
#stage .stageContentHeadline h2 {	margin: 0 10px 0 77px; }


@media only screen and (min-width: 1290px) {
	#stage div.pictures {
		align: center;
		width: 1250px;
		margin: 0 auto 0 auto;
	}
}
@media only screen and (max-width: 1000px) {
	#stage #stagewrapper { margin: 0 1%; }
}
@media only screen and (max-width: 750px) {
	#stage #stagewrapper { margin: 0 2%; }
	#stage .stageContentHeadline { top: 380px; }
	#stage .stageContentHeadline figure { width: 48px; margin-right: 10px; }	
	#stage h1 { font-size: 26px; padding: 5px 0 0 0; }	
	#stage h2 { font-size: 16px; }	
	#stage .stageContentListen h1 {	font-size: 40px; }
	#stage .stageContentListen h2 {	font-size: 18px; }
	#stage .stageContentHeadline h1 {	margin: 0 10px 0 62px; }
	#stage .stageContentHeadline h2 {	margin: 0 10px 0 62px; }
}
@media only screen and (max-width: 700px) {
	#stage .stageQuoteRight {
		margin: 0 40px 0 auto;
	}
}
@media only screen and (max-width: 525px) {
	
	#stage div.pictures {
		align: center;
		height: 300px;
		background-size: 525px;
	}
	#stage div.small {
		height: 260px;
	}
	#stage .stageQuoteRight {
		width: 200px;
		padding: 10px;
		top: 160px;
		margin: 0 0 0 auto;
	}
	#stage .stageQuoteLeft {
		width: 200px;
		padding: 10px;
		top: 160px;
		margin: 0 0 0 5%;
	}
	#stage .quote {
		font-size: 20px;
	}
	#stage .quotePerson {
		font-size: 11px;
	}
	
	#stage #stagewrapper { margin: 0 1%; }
	#stage .stageContentHeadline { top: 200px; }
	#stage .stageContentHeadline figure { width: 33px; }
	
	#stage .stageContentCar { width: auto; margin: 0 2% 20px 0; top: 160px; }
	#stage h1 { font-size: 18px; }
	#stage h2 { font-size: 12px; }
	#stage p { margin: 10px 0 0 0; font-size: 11px; }
	
	#stage .stageContentHeadline h1 { margin: 0 0 0 48px; }
	#stage .stageContentHeadline h2 { margin: 0 0 0 48px; }
	
	#stage .stageContentListen { top: 60px; }
	#stage .stageContentListen h1 { font-size: 30px; }
	#stage .stageContentListen h2 { font-size: 18px; }
	#stage div.redBG { height: 200px; }
	#stage .smallstage { top: 180px; }
	#stage .half_blackBG { width: 92%; margin: 0; }

	
}
@media only screen and (max-width: 275px) {

	#stage .stageContentCar { width: auto; margin: 0 2%; top: 220px; }
	#stage h1 { font-size: 18px; }
	#stage h2 { font-size: 12px; }
	#stage p { display: none; }
	#stage .stageQuoteRight { width: auto; margin: 0 auto; }
	#stage .stageQuoteLeft { width: auto; margin: 0 auto; }

}


/* ------- ------- ------ ------- ------- ------- ------- ------ */
/*   CONTENT!                                                    */
/* ------- ------- ------ ------- ------- ------- ------- ------ */

#content {
	width: 100%;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 10;
	margin-top: -250px;
	position: relative;
}

#content div.slidewrapper {
	max-width: 980px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;	
}
#content div.smallstage {
	margin-top: 100px;
}

#content #MainContent {
	width: 556px;
	margin-right: 20px;
	float: left;
}
#content #SidebarContent {
	width: 403px;
	background-color: #121212;	
	float: right;
}

#content .oneColumnBox {
	width: 980px;
	clear: both;
}
#content .BigBox {
	width: 646px;
}
#content .SmallBox {
	width: 313px;
}


#content .firstColumn {
	float: left; 
	margin-right: 20px;
}
#content .secondColumn {
	float: right; 
}

#content #map_canvas img { max-width: none; }


@media only screen and (max-width: 1000px) {
	
	#content .oneColumnBox {
		width: 98%;
		margin: 0 1% 0 1%;
	}
	#content .BigBox {
		width: 65%;
		margin-left: 1%;
	}
	#content .SmallBox {
		width: 30%;
		float: left;	
		min-width: 230px;
		margin-left: 1%;
	}
	#content .firstColumn {
		margin-right: 2%;
	}
	#content #MainContent {
		width: 63%;
		margin: 0 2% 0 1%;
		float: left;	
	}
	#content #SidebarContent {
		width: 33%;
		float: left;	
		margin: 0 1% 0 0;
	}

}

@media only screen and (max-width: 750px) {
	
	#content .oneColumnBox {
		width: 96%;
		margin-left: 2%;
	}
	#content .BigBox {
		width: 96%;
		margin-left: 2%;
	}
	#content .SmallBox {
		clear: both;
		width: 96%;
		margin-left: 2%;
	}
	#content #MainContent {
		width: 60%;
		margin: 0 3% 0 2%;
		float: left;	
	}
	#content #SidebarContent {
		width: 33%;
		float: left;	
		margin: 0 2% 0 0;
	}

}

@media only screen and (max-width: 560px) {
	
	#content #MainContent {
		width: 96%;
		margin-left: 2%;
		clear: both;
	}
	#content #SidebarContent {
		width: 96%;
		margin-left: 2%;
		clear: both;
	}

}
@media only screen and (max-width: 525px) {

	#content div.smallstage { margin: 10px 0 0 0; }

}

/* ------------] Übergeordnete Styles [--------------- */

#content h1.module {
	font-family: 'Cabin', sans-serif;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 24px;
	color: #121212;
	border-left: 4px #9a0000 solid;
	padding-left: 15px;
	margin: 40px 0 20px 0;
}
#content h1.module_white {
	font-family: 'Cabin', sans-serif;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 24px;
	color: #121212;
	border-left: 4px #9a0000 solid;
	padding: 5px 0 5px 15px;
	margin: 40px 0 20px 0;
	background-color: #FFF;
}

/* ------------] MainContent - Slider [--------------- */

#content #slider  {
	margin: 0 0 25px 0;
	padding-right: 15px;
	text-align: center;
}
#content #slider ul {
	list-style: none;	
	margin: 0 0 0 0;
}
#content #slider li  {
	list-style-type: none;
	display: inline-block;
}
#content #slider li a {
	width: 10px;
	height: 10px;
	border: 0;
	line-height: 0;
	font-size: 0;	
	list-style-type: none;
	display: inline-block;
	margin: 0 0 0 4px;
	background-color: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
#content #slider li a.active  {
	background-color: #9a0000;
	cursor: auto;
}
#content #slider li a.first  {
	margin: 0 0 0 0;
}

@media only screen and (max-width: 750px) {
	#content #slider li a { 
		width: 15px; 
		height: 15px; 
		margin: 0 0 0 10px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-ms-border-radius: 8px;
		-o-border-radius: 8px;
		border-radius: 8px;
	}
}

/* ------------] MainContent - Liste Einsätze [--------------- */

#content .listContent {
	width: 100%;
	height: auto;
	background-color:#FFF;
	margin: 0 0 0 0;	
	float: left;
	box-shadow: 1px 1px 2px #d9d9d9;
}
#content .listContent a {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	margin: 0;
	padding: 0;
}

#content .listContent .row {
	margin: 0 0 0 0;
	display: table-row;	
	border-bottom: solid 0px #a1a1a1;
}
#content .listContent .row:hover { background-color: #ebebeb; }

#content .listContent .number {
	margin: 0;
	padding: 10px 10px;
	border-bottom: solid 1px #a1a1a1;
	display: table-cell; 
}
#content .listContent .number a { color: #a1a1a1; }

#content .listContent .date {
	height: 26px;
	width: 195px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	border-bottom: solid 1px #a1a1a1;  
	display: table-cell;
	white-space: nowrap;
	margin: 0;
	padding: 10px 10px;
}
#content .listContent .date_small {
	height: 26px;
    width: 100px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	border-bottom: solid 1px #a1a1a1;  
	display: table-cell;
	white-space: nowrap;
	margin: 0;
	padding: 10px 10px;
}
#content .listContent .icon {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #a1a1a1;
	display: table-cell;  
}
#content .listContent .icon a {
	padding: 16px 18px;
	text-indent: -9999em;
	font-size: 0px;
	background-repeat: no-repeat; 
	background-position: center;
	background-size: 26px;
	background-position: top; 
}
#content .listContent .icon a.fire { background-image: url(../icons/fire_small.png); }
#content .listContent .icon a.saw { background-image: url(../icons/saw_small.png); }
#content .listContent .icon a.gas { background-image: url(../icons/gas_small.png); }
#content .listContent .icon a.false { background-image: url(../icons/false_small.png); }
#content .listContent .icon a.city { background-image: url(../icons/city_small.png); }

#content .listContent .size {
	margin: 5px 0 0 0;
	padding: 10px 10px;
	border-bottom: solid 1px #a1a1a1;
	display: table-cell; 
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #000000;
}
#content .listContent .size p {
	margin: 0;
	padding: 0;
}
#content .listContent p.bytes {
	font-size: 11px;
	white-space: nowrap;
}
#content .listContent .smallBoxHead {
	margin: 5px 0 0 0;
	padding: 10px 10px;
}
#content .listContent .headline {
	height: 26px;
	width: 565px;
	margin: 5px 0 0 0;
	padding: 10px 10px;
	border-bottom: solid 1px #a1a1a1;
	display: table-cell; 
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #9a0000;
}
#content .listContent .headline .medium {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}
#content .listContent .headline a {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #9a0000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#content .listContent .moreButton {
	height: auto;
	padding: 0 10px 0 10px;
	border-bottom: solid 1px #a1a1a1;
	display: table-cell;  
}
#content .listContent .moreButton_arrow {
	padding: 0 10px 0 10px;
	border-bottom: solid 1px #a1a1a1;
	display: table-cell;  
	width: 12px;
	padding: 13px 6px;
	background-image: url(../layout/more_button_mobile.png);
	background-repeat:no-repeat;
	background-position: center;
}
#content .listContent .moreButton_mobile {	
	height: auto;
	margin: 0 0 0 0;
	padding: 10px 10px 26px 10px;
	border-bottom: solid 1px #a1a1a1;
	display: none; 
}
#content .listContent .moreButton_mobile a {	
	padding: 10px 10px;
	text-indent: -9999em;
	font-size: 0;
}
#content .listContent .moreButton a { color: #FFFFFF; padding: 6px 15px; margin: 10px 0 0 0; } 
#content .listContent .trenner {
	background-image: url(../layout/listen_trenner.png);
	background-repeat: no-repeat;
	background-position: right; 
}
#content .listContent .inline_date { white-space:nowrap; }
#content .listContent .inline_time { white-space:nowrap; }
#content .listContent .inline_slash { display: inline; }

@media only screen and (max-width: 750px) {
	
	#content .listContent .number a { font-size: 12px; margin: 0; }
	#content .listContent .date a { font-size: 12px; }
	#content .listContent .date { width: 80px; white-space: normal; padding: 0 10px 10px 10px; }
	#content .listContent .inline_slash { display: none; }
	#content .listContent .icon a { background-position: center; }
	#content .listContent .moreButton_mobile {	display: inline; }
	#content .listContent .moreButton {	display: none; }
	
}

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

	#content .listContent .number a {  }
	#content .listContent .inline_slash { display: none; }
	#content .listContent .row { display: block; padding: 10px 0; border-bottom: solid 1px #a1a1a1; }
		
	#content .listContent .number { display: block; border: 0; float: left; margin: 0; padding: 0 5px; }
	#content .listContent .date { white-space: nowrap; display: block; border: 0; clear: right; margin: 0 0 0 40px; padding: 2px 5px 0 0; }
	#content .listContent .date_small { white-space: nowrap; display: block; float: left; border: 0; margin: 0 0 0 10px; padding: 2px 5px 0 0; }
	#content .listContent .size { white-space: nowrap; display: block; float: left; border: 0; margin: 0 0 0 10px; padding: 2px 5px 0 0; }
	#content .listContent .size p { white-space: nowrap; display: block; float: left; font-size: 12px; margin-left: 5px; }
	#content .listContent .size p.bytes { white-space: nowrap; display: block; float: left; font-size: 12px; }
	#content .listContent .icon { display: block; border: 0; float: left; margin: 0; padding: 0; }
	#content .listContent .headline { width: auto; height: auto; display: block; border: 0; clear: both; margin: 0 39px; padding: 0; }
	#content .listContent .smallBoxHead { margin: 0 10px; }
	#content .listContent .moreButton_arrow { display: block; border: 0; float: right; margin-top: -50px; }
	#content .listContent .moreButton_mobile { display: block; border: 0; float: right; margin-top: -50px; }
	
	#content .listContent .trenner { background-image: none; }
}

/* ------------] MainContent - ListContent - Termine [--------------- */

#content ul.terminListe {
	list-style: none;
	margin: 0;
	padding: 0;	
}
#content ul.terminListe li {
	background-color: #FFFFFF;
	border-bottom: solid 0px #a1a1a1;		
}
#content .terminListe a {
	font-family: Arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}
#content .terminListe .termin_date {
	min-width: 75px;
	text-align: center;
	background-color: #1f1f1f;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FFF;
	display: table-cell;
	border-bottom: solid 1px #a1a1a1; 
}
#content .terminListe .termin_details {
	display: none; 
}
#content .terminListe .red {
	background-color: #9a0000;
}
#content .terminListe .termin_date p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#content .terminListe .termin_date p.day {
	font-size: 24px;
	margin: 8px 0 0 0;
	padding: 0 0 0 0;
}

#content .terminListe .termin_headline {
	width: 100%;
	text-align: left;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	display: table-cell;
	padding: 0 15px; 
	border-bottom: solid 1px #a1a1a1;
}
#content .terminListe .termin_headline h1 {
	text-align: left;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 24px;
	margin: 12px 0 0 0;
	padding: 0 0 0 0;
}
#content .terminListe .termin_headline h2 {
	text-align: left;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#content .terminListe .termin_headline p {
	text-align: left;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

#content .terminListe .termin_headline .linkleiste {
	width: 100%;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
}
#content .terminListe .termin_headline .linkleiste p {
	width: 105px;
	background-repeat: no-repeat;
	background-position: right;
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
	display: none;
}
#content .terminListe .termin_headline .linkleiste p.link_open {
	background-image: url(../layout/link_arrow_down.png);
}
#content .terminListe .termin_headline .linkleiste p.link_close {
	background-image: url(../layout/link_arrow_up.png);
}

#content .terminListe .time {
	width: 350px;
	height: 70px;
	background-color: #ebebeb;
	display: inline-block;
	margin: 10px 20px 15px 0;
	background-image: url(../layout/termin_time.png);
	background-repeat: no-repeat;
	background-position: left;
}
#content .terminListe .time .datum {
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-transform: normal;
	font-size: 12px;
	margin: 10px 0 0 60px;
}
#content .terminListe .time .clock {
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-transform: normal;
	font-size: 24px;
	margin: 5px 0 10px 60px;
	white-space:nowrap;
}
#content .terminListe .time .clock .word {
	font-size: 14px;
}
#content .terminListe .loction {
	width: 350px;
	height: 70px;
	background-color: #ebebeb;
	display: inline-block;
	background-image: url(../layout/termin_location.png);
	background-repeat: no-repeat;
	background-position: left;
}
#content .terminListe .loction p {
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-transform: normal;
	font-size: 12px;
	margin: 10px 0 10px 60px;
}

#content .terminListe .termin_headline .active {
	display: block;	
}
#content .terminListe .termin_headline p.active {
	display: block;	
}
#content .terminListe .lastRow {
	border-bottom: solid 0px #a1a1a1;
}

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

	#content .terminListe .loction, #content .terminListe .time { width: 100%; height: auto; background-size: 35px; background-position: left 3px top 5px; }
	#content .terminListe .time .datum { margin: 5px 0 10px 40px; }
	#content .terminListe .time .clock { margin: 5px 0 10px 40px; }
	#content .terminListe .loction p { margin: 5px 0 10px 40px; }
	#content .terminListe .time .clock { white-space: normal; }
	#content .terminListe .time .clock span.trenner { display: none; }
		
}
/* ------------] MainContent - Filter [--------------- */

#content .filter {
	max-width: 980px;
	background-color:#FFF;
	margin: 0 0 20px 0;	
}
#content .jsplatzhalter {
	max-width: 980px;
	height: 55px;
	margin: 0 0 20px 0;
	display: none;
}

#content .filter .styled-select {
	margin: 10px 1px 10px 10px;
	float: left;
}
#content .filter select {
	background: transparent;
    width: 180px;
    padding: 3px 5px;
    border: 0;
    border-radius: 0;
    height: 28px;
	background-color: #1f1f1f;
	
	color: #FFFFFF;
	font-size: 14px;
}
#content .filter .backToTop {
	padding: 14px 11px;
	margin: 10px 10px 10px 0;
	background-color: #1f1f1f;
	background-image: url(../layout/select_arrow_up.png);
	background-position: center;
	background-repeat: no-repeat;	
	display: inline-block;
	cursor: pointer;
	float: right;
}
#content .filter .thirdnavi_button {
	float: left;
	margin: 15px 0 0 15px;
}

@media only screen and (max-width: 525px) {
	#content .filter { box-shadow: 1px 1px 2px #d9d9d9; }
	#content .filter .backToTop { display: none; }	
	#content .filter .thirdnavi_button { margin: 15px 0 15px 15px;	}
}
@media only screen and (max-width: 400px) {
	#content .filter .thirdnavi_button { margin: 12px 0; clear: both; width: 100%; text-align: center; }
}


/* ------------] MainContent - FactSheet [--------------- */

#content .factSheet {
	width: 100%;
	background-color:#FFF;
	margin: 0 0 20px 0;	
	float: left;
}
#content .factSheet .table {
	width: 280px;
	margin: 10px 0 0 0;
	padding: 0 15px;	
	float: left;
	display: table;
}
#content .factSheet .table .row {
	height: auto;
	margin: 0 0 0 0;
	display: table-row;
}
#content .factSheet .table .black {
	width: 85px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	display: table-cell;
	border-bottom: #ababab 1px solid;
}
#content .factSheet .table .red {
	width: 100%;
	margin: 0 0 0 3%;	
	padding: 5px 0 5px 10px;	
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #9a0000;
	display: table-cell;
	border-bottom: #ababab 1px solid;
}
#content .factSheet .table .lastRow {
	border-bottom: 0;
}

#content .factSheet .data {
	width: 110px;
	margin: 10px 0 10px 0;
	padding: 0;
	float: left;
	border-left: #ebebeb 1px solid;
}
#content .factSheet .data h1 {
	margin: 5px 10px 0 10px;
	padding: 0 0 5px 0;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px #000 solid;
}
#content .factSheet .data h2 {
	margin: 5px 10px 0 10px;
	padding: 0 0 5px 0;
	font-family: 'Cabin', sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #9a0000;
}
#content .factSheet .data .icon {
	margin: 5px 10px 0 10px;
	padding: 0 0 5px 0;
	font-family: 'Cabin', Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #474747;
}
#content .factSheet .data .icon span {
	float: right;
}

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

	#content .factSheet .data {
		width: 11%;
	}
	#content .factSheet .data h1 {
		margin: 5px 5px 0 5px;
	}
	#content .factSheet .data h2 {
		margin: 5px 5px 0 5px;
		font-size: 20px;
	}
	#content .factSheet .data .icon {
		margin: 5px 5px 0 5px;
		width: 80%;
	}
	#content .factSheet .data .icon img {
		float: left;
	}

}

@media only screen and (max-width: 960px) {
	
	#content .factSheet .table {
		margin: 10px 0;
		padding: 0 15px;	
		clear: both;
		border-right: 0px;
	}
	
	#content .factSheet .data {
		width: auto;
		float: left;
		border-left: #ebebeb 0px solid;
		margin: 5px 2% 10px 6%;
		border-bottom: 1px #ababab solid;
	}
	#content .factSheet .data h1 {
		width: 70px;
		float: left;
		margin: 10px 0 0 0;
		border-bottom: 0px #000 solid;
	}
	#content .factSheet .data h2 {
		width: 70px;
		margin: 5px 0 0 0;
		padding: 0;
		display: inline-block;
		float: right;
	}
	#content .factSheet .data .icon {
		margin: 5px 0 0 0;
		display: inline-block;
		float: left;
		width: 40px;
	}
	#content .factSheet .data .icon span {
		display: none;
	}
	#content .factSheet .data .icon img {
		float: left;
		width: 30px;
	}
	
}

@media only screen and (max-width: 840px) {
	
	#content .factSheet .data {
		margin: 5px 1% 10px 2%;
	}
	
}
@media only screen and (max-width: 760px) {

	#content .factSheet .data { margin: 10px 0 10px 2%; }
	#content .factSheet .data h1 { display: none; }

}
@media only screen and (max-width: 720px) { #content .factSheet .data { margin: 5px 0 10px 5%; } }
@media only screen and (max-width: 640px) { #content .factSheet .data { margin: 5px 0 10px 2%; } }
@media only screen and (max-width: 580px) { #content .factSheet .table { width: 94%; } #content .factSheet .data { margin: 5px 0 10px 4%; } }
@media only screen and (max-width: 525px) { #content .factSheet { box-shadow: 1px 1px 2px #d9d9d9; margin-top: 10px; } }
@media only screen and (max-width: 400px) { #content .factSheet .table { width: 90%; } #content .factSheet .data { margin: 5px 0 10px 10%; } }
@media only screen and (max-width: 315px) { 
	
	#content .factSheet .data { margin: 5px 0 10px 6%; }
	#content .factSheet .table { width: 88%; } 
	#content .factSheet .table .row { padding: 5px 0 20px 0; }
	#content .factSheet .table .red { width: auto; clear: both; }
}
@media only screen and (max-width: 265px) { 
	
	#content .factSheet .data { margin: 5px 0 10px 6%; width: 40%; }
	#content .factSheet .data .icon { width: 30px; margin: 0 0 0 0; }
	#content .factSheet .data h2 { font-size: 14px; width: 60%; }
}

/* ------------] MainContent - FactSheet EINSATZ [--------------- */

#content .factSheet_einsatz {
	width: 100%;
	background-color:#FFF;
	margin: 0 0 20px 0;	
	float: left;
}
#content .factSheet_einsatz .table {
	width: 330px;
	margin: 10px 0 10px 0;
	padding: 0 15px;	
	float: left;
	display: table;
}
#content .factSheet_einsatz .table .row {
	height: auto;
	margin: 0 0 0 0;
	display: table-row;
}
#content .factSheet_einsatz .table .black {
	width: 85px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	display: table-cell;
	border-bottom: #ababab 1px solid;
}
#content .factSheet_einsatz .table .red {
	width: 65%;
	margin: 0 0 0 3%;	
	padding: 5px 0 5px 10px;	
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #9a0000;
	display: table-cell;
	border-bottom: #ababab 1px solid;
}
#content .factSheet_einsatz .table .lastRow {
	border-bottom: 0;
}

#content .factSheet_einsatz .data {
	width: 120px;
	margin: 10px 0 10px 0;
	padding: 0;
	float: left;
	border-left: #ebebeb 1px solid;
}
#content .factSheet_einsatz .data h1 {
	margin: 5px 10px 0 10px;
	padding: 0 0 5px 0;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px #000 solid;
}
#content .factSheet_einsatz .data h2 {
	margin: 0;
	padding: 0 0 0 10px;
	font-family: 'Cabin', sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #9a0000;
	white-space:nowrap;
}
#content .factSheet_einsatz .data h3 {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #9a0000;
	white-space:nowrap;
}
#content .factSheet_einsatz .data h4 {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #474747;
	white-space:nowrap;
}
#content .factSheet_einsatz .data .icon {
	width: 30px;
	margin: 10px 0 0 10px;
	padding: 0 0 0 0;
	color: #474747;
	float: left;
}
#content .factSheet_einsatz .data .info {
	margin: 10px 0 0 0;
	width: 65px;
	padding: 0 0 0 0;
	color: #474747;
	float: left;
}
#content .factSheet_einsatz .showIcon { display: inline; }

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

	#content .factSheet_einsatz .table { width: 33%; }
	#content .factSheet_einsatz .data { width: 12%; }
	#content .factSheet_einsatz .data .info { width: 50%; }
	#content .factSheet_einsatz .showIcon { display: none; }
	#content .factSheet_einsatz .data .showInfo { margin: 10px 0 0 10px; }

}

@media only screen and (max-width: 800px) {
	
	#content .factSheet_einsatz .table { width: 95%; clear: both; }
	#content .factSheet_einsatz .data { width: 19%; }

}

@media only screen and (max-width: 525px) {
	
	#content .factSheet_einsatz .table { width: 93%; clear: both; }
	
	#content .factSheet_einsatz .data { width: 93%; clear: both; margin: 0 0 0 15px; border-left: 0; border-top: #ababab 1px solid; }
	#content .factSheet_einsatz .data h1  { float: left; width: 33%; border: 0; margin: 10px 0 10px 0; padding: 0; font-weight: normal; }
	#content .factSheet_einsatz .showIcon { display: inline; }
	#content .factSheet_einsatz .data .icon { margin: 5px 0 0 2%; }
	#content .factSheet_einsatz .data .info { width: 50%; margin: 0;  }
	#content .factSheet_einsatz .data .info h2 { float: left; padding: 3px 0 0 0; margin: 0 0 0 10px; } 
	#content .factSheet_einsatz .data .info h3 { float: left; padding: 10px 0 0 0; margin: 0 0 0 5px; }
	#content .factSheet_einsatz .data .info h4 { float: left; padding: 10px 0 0 0; margin: 0 0 0 10px; }

}

@media only screen and (max-width: 300px) {
	
	#content .factSheet_einsatz .table { width: 90%; }
	#content .factSheet_einsatz .data { width: 90%; }
	#content .factSheet_einsatz .data .info { width: 40%; margin: 0;  }
	#content .factSheet_einsatz .data h1 { width: 85px; }
	#content .factSheet_einsatz .data .info h2, #content .factSheet_einsatz .data .info h3, #content .factSheet_einsatz .data .info h4 { clear: both; padding: 0; margin: 0 0 0 10px; }
	
	
}

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

	#content .factSheet_einsatz .table .black { font-size: 11px; }
	#content .factSheet_einsatz .data .icon { display: none;  }
	#content .factSheet_einsatz .data h1  { width: 75px; font-size: 11px; }

}

/* ------------] MainContent - FactSheet EINSATZLISTE [--------------- */

#content .factSheet_einsatzListe {
	width: 100%;
	background-color:#FFF;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;	
	float: left;
}
#content .factBox {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;	
}
#content .factSheet_einsatzListe .row {
	margin: 0 0 0 44px;
	display: table-row;
	float: left;
}
#content .factSheet_einsatzListe .icon {
	padding: 18px 18px;;
	margin: 0;
	display: table-cell;
	border-bottom: #ababab 1px solid;
	overflow: hidden;
	text-indent: -9999em;
	font-size: 0px;
	background-repeat: no-repeat;
}
#content .factSheet_einsatzListe .fire { background-image: url(../icons/fire_small.png); }
#content .factSheet_einsatzListe .saw { background-image: url(../icons/saw_small.png); }
#content .factSheet_einsatzListe .gas { background-image: url(../icons/gas_small.png); }
#content .factSheet_einsatzListe .false { background-image: url(../icons/false_small.png); }
#content .factSheet_einsatzListe .city { background-image: url(../icons/city_small.png); }
#content .factSheet_einsatzListe .all { background-image: url(../icons/cars_small.png); }

#content .factSheet_einsatzListe .label {
	width: 180px;
	margin: 0 0 0 0;
	padding: 11px 0 0 10px;	
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	display: table-cell;
	border-bottom: #ababab 1px solid;
}
#content .factSheet_einsatzListe .red {
	width: 30px;
	margin: 0 0 0 0;	
	padding: 0 5px 0 0;	
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #9a0000;
	display: table-cell;
	border-bottom: #ababab 1px solid;
	text-align: right;
}
#content .factSheet_einsatz .table .lastRow {
	border-bottom: 0;
}

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

	#content .factBox { witdh: auto; margin: 0 2% 0 2%; }
	#content .factSheet_einsatzListe .label { width: 140px; }
	#content .factSheet_einsatzListe .row {	margin: 0 0 0 5%; }

}

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

	#content .factBox { witdh: auto; margin: 0 2% 0 4%; }
	#content .factSheet_einsatzListe .label { width: 130px; }
	#content .factSheet_einsatzListe .row {	margin: 0 0 0 4%; }

}
@media only screen and (max-width: 790px) {

	#content .factSheet_einsatzListe .row {	margin: 0 0 0 4%; }
	#content .factSheet_einsatzListe .label { width: 220px; }

}

@media only screen and (max-width: 750px) {
	
	#content .factBox { witdh: auto; margin: 0 0 0 0; }
	#content .factSheet_einsatzListe .label { width: 180px; }
	#content .factSheet_einsatzListe .row {	margin: 0 3% 0 5%; }

}
@media only screen and (max-width: 670px) {
	
	#content .factBox { witdh: auto; margin: 0 auto; }
	#content .factSheet_einsatzListe .label { width: 140px; }
	#content .factSheet_einsatzListe .row {	margin: 0 0 0 7%; }

}
@media only screen and (max-width: 560px) {
	
	#content .factBox { witdh: auto; margin: 0 0 0 0; }
	#content .factSheet_einsatzListe .label { width: 140px; }
	#content .factSheet_einsatzListe .row {	margin: 0 0 0 4%; }

}

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

	#content .factBox { witdh: auto; margin: 0 3% 0 3%; }
	#content .factSheet_einsatzListe .row {	margin: 0 4% 0 4%; width: 95%; clear:both; }
	#content .factSheet_einsatzListe .label { width: 100%; margin: 0 0 0 60px; }
	#content .factSheet_einsatzListe .icon { width: 36px; margin: 0 0 0 60px; }
		
}



/* ------------] MainContent - Googlemaps [--------------- */

#content .googlemaps {
	margin: 0 0 20px 0;
	width: auto;
	background-color:#FFF;
	padding: 10px;
	box-shadow: 1px 1px 2px #d9d9d9;
	clear: left;	
}
#content .Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

#content .Flexible-container iframe,   
#content .Flexible-container object,  
#content .Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------------] MainContent - Article [--------------- */

#content .article {
	margin: 0 0 20px 0;
	width: auto;
	background-color:#FFF;
	padding: 10px;
	box-shadow: 1px 1px 2px #d9d9d9;
	clear: left;	
}
#content .article h1 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #121212;
	margin: 25px 0 0 0;
}
#content .article h1.first {
	margin: 10px 0 0 0;
}
#content .article p {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #121212;
	margin: 10px 0 15px 0;
}
#content .article p.smallimages img {
	float: left;
	margin: 0 15px 0 0;
}
#content .article ul {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #121212;
	margin: 15px 0 15px 0;
	list-style: square;
}
#content .article ul li {
	margin: 5px 0 0 0;
}
#content .article h1.einsatzIcon_prefire {
	background-image: url(../icons/prefire_small.png);
	background-repeat: no-repeat;
	padding: 6px 0 4px 40px;
}
#content .article h1.einsatzIcon_fire {
	background-image: url(../icons/fire_small.png);
	background-repeat: no-repeat;
	padding: 6px 0 4px 40px;
}
#content .article h1.einsatzIcon_saw {
	background-image: url(../icons/saw_small.png);
	background-repeat: no-repeat;
	padding: 6px 0 4px 40px;
}
#content .article h1.einsatzIcon_tools {
	background-image: url(../icons/tools_small.png);
	background-repeat: no-repeat;
	padding: 6px 0 4px 40px;
}
#content .article h1.einsatzIcon_gas {
	background-image: url(../icons/gas_small.png);
	background-repeat: no-repeat;
	padding: 6px 0 4px 40px;
}

#content .article div.wappen {
	width: 40px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	text-align:center;
}
#content .article div.links {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	border-left: 1px solid #b1b1b1;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
}
#content .article div.links h2 {
	font-family: 'Cabin', Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
	margin: 0 0 10px 0;
	padding: 0;
}
#content .article ul.linktable_first {
	width: 265px;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	margin: 0 15px 0 0;
}
#content .article ul.linktable_second {
	width: 265px;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}
#content .article ul.linktable_big {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
}
#content .article .row {
	margin: 0 0 30px 0;
}
#content .article a {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	color: #000000;
}
#content .article a:hover {
	color: #ffd200;
}
#content .article a:active {
	color: #ffd200;
}

@media only screen and (max-width: 1000px) {
	
	#content .article ul.linktable_first { clear:both; width: 100%; }
	#content .article ul.linktable_second { clear:both; width: 100%; }
	
}
@media only screen and (max-width: 650px) {
	#content .article div.links { clear:left; }
}
@media only screen and (max-width: 570px) {
	
	#content .article div.links { float:left; clear:none; }
	
}
@media only screen and (max-width: 400px) {
	
	#content .article div.links { clear:both; }
	
}

/* ------------] MainContent - TAB-Box [--------------- */

#content .TabBox {
	width: auto;	
}

#content .TabBox .TabBoxMenue {
	height: 45px;
}
#content .TabBox ul {
	z-index: 15;
	margin: 0;
	padding: 0;
}
#content .TabBox li {
	list-style-type: none;
	display: inline-block;
	margin: 0 0 0 0;
}
#content .TabBox li a {
	display: block;
	padding: 12px;
	margin: 0 0 0 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	background-color: #b1b1b1;
}
#content .TabBox li a.active {
	background-color: #9a0000;
	color: #FFFFFF;
}
#content .TabBox li a:hover {
	background-color: #9a0000;
	color: #ffd200;
}


#content .TabBox .TabBoxContent {
	margin: 0 0 20px 0;
	width: auto;
	background-color:#FFF;
	padding: 10px;
	box-shadow: 1px 1px 2px #d9d9d9;
	clear: left;	
}
#content .TabBox .TabBoxContent h1 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #121212;
	margin: 10px 0 0 0;
}
#content .TabBox .TabBoxContent p {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #121212;
	margin: 15px 0 15px 0;
}
#content .TabBox .TabBoxContent ul {
	list-style: square;
}
#content .TabBox .TabBoxContent ul li {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #121212;
	margin: 0 0 10px 0;
}
#content .TabBox .TabBoxContent .facttable {
	clear: both;
	margin: 0 0 15px 0;
}
#content .TabBox .TabBoxContent .facttable .left {
	width: 45%;
	float: left;
}
#content .TabBox .TabBoxContent .facttable .right {
	width: 45%;
	float: right;
}

#content .TabBox .TabBoxContent .facttable h1 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #121212;
	margin: 20px 0 0 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #000000;
}
#content .TabBox .TabBoxContent .facttable ul {
	font-family: Arial, sans-serif;
	font-weight: normal;
	margin: 10px 0 0 0;
}
#content .TabBox .TabBoxContent .facttable ul li {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #9a0000;
	margin: 0 0 5px 0;
	clear: left;
}

#content .TabBox .TabBoxContent h1.reiter {
	display: block;
	position: relative;
	margin: 0 0 0 0;
	display: none;
	border-bottom: 1px #FFF solid;
}

#content .TabBoxContent h1.reiter a {
	display: block;
	padding: 12px;
	margin: 0 0 0 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	background-color: #b1b1b1;
}
#content .TabBoxContent h1.reiter a.active {
	background-color: #9a0000;
	color: #FFFFFF;
}


/* ------------] MainContent - MenueBox [--------------- */

#content .menueBox {
	margin-bottom: 20px;
	width: auto;
	background-color:#191919;
	padding: 15px;
}
#content .menueBox .subnavi_opener_mobile { display: none; }
#content .menueBox .subnavi_content_mobile { display: none; }
#content .menueBox h1 {
	text-align: center;
	font-family: 'Cabin', sans-serif;
	font-weight:bold;
	font-size: 18px;
	text-transform: uppercase;
	color: #FFFFFF;
	border-bottom: 2px #464646 solid;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
}
#content .menueBox ul {
	list-style-type: none;
	margin: 15px 15px 0 15px;
	padding: 0 0 0 0;
}
#content .menueBox ul li {
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
	border-bottom: 1px #464646 solid;
}
#content .menueBox ul li a.active {
	color: #ffd200;
}
#content .menueBox ul li.last {
	border-bottom: none;
}
#content .menueBox ul li a {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}
#content .menueBox ul li a span {
	color: #b1b1b1;
}
#content .menueBox ul li a:hover {
	color: #ffd200;
}


@media only screen and (max-width: 1000px) {
	
	#content .menueBox {
		padding: 1%;
		min-width: 230px;
	}
	#content .menueBox ul {
		height: auto;
	}
	#content .menueBox .subnavi_opener_mobile { display: none; }
	#content .menueBox .subnavi_content_mobile { display: none; }
}

@media only screen and (max-width: 750px) {
	
	#content .menueBox h1 { display: none; }
	#content .menueBox ul { display: none; }
	
	#content .menueBox h1.subnavi_opener_mobile {
		display: block;
		text-align: left;
		padding: 12px 0 0 40px;
		margin: 0 0 0 0;
		background-image: url(../layout/content_mobileButton.png);
		background-repeat: no-repeat;
		background-position: 0 8px;
		border-bottom: 0px;
	}
	#content .menueBox ul.subnavi_content_mobile {
		display: block;
		height: 0px;
		overflow: hidden;
	}
	
}

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

	#content .TabBox li {
		display: block;
		margin: 0 0 1px 0;
	}
	#content .menueBox h1.subnavi_opener_mobile {
		font-size: 14px;
	}
	#content .TabBox .tabNav_details { display: none; }
	#content .TabBox .TabBoxContent h1.reiter { display: block; }

}

/* ------------] MainContent - backtooverview [--------------- */

#content .backtooverview {
	width: 100%;
	background-color:#FFF;
	margin: 0 0 20px 0;
	padding: 8px 0;	
	float: left;
	box-shadow: 1px 1px 2px #d9d9d9;	
}
#content .backtooverview a.backlink {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	text-transform: normal;
	color: #000000;
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	background-image:url(../layout/link_arrow_left.png);
	background-repeat: no-repeat;
	background-position: 5px;
}

/* ------------] MainContent - DetailShow [--------------- */

#content .detailShow {
	width: 100%;
	background-color:#FFF;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;	
	float: left;
	box-shadow: 1px 1px 2px #d9d9d9;	
}
#content .detailShow ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .detailShow li {
	display: none;
}
#content .detailShow li.active {
	display: inline;
}

#content .detailShow .text {
	display: inline-block;
	width: 293px;
	padding: 15px 10px 0 10px; 
	margin: 0 0 0 0;
}
#content .detailShow figure {
	display: inline-block;
	float: right;
	width: 667px;
	height: 453px;
	margin: 0;
	padding: 0;
}

#content .detailShow .text h1 {
	font-family: 'Cabin', Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	text-decoration: none;
	text-transform: uppercase;
	color: #9a0000;
	margin: 0 0 0 0;
}
#content .detailShow .text h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	text-decoration: none;
	color: #000000;
	margin: 0 0 0 0;
}
#content .detailShow .text p {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
#content .detailShow .text ul {
	list-style-image: url(../layout/listenElement_white.png);
	margin: 20px 0 0 10px;
}
#content .detailShow .text ul li {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	margin: 5px 0 5px 0;
}

#content .detailShow .interactionBar {
	height: 30px;
	margin: 0 0 0 0;
	background-color: #191919; 
	border-top: 1px #FFF solid;
}
#content .detailShow .previous a {
	float: left;	
	width: 30px;
	height: 30px;
	border-right: 1px #FFF solid;
	background-image: url(../layout/button_detailShow_previous.png); 
	text-indent: -9999em;
}
#content .detailShow .tableofcontent {
	text-align: center;
	width: 920px; 
	margin: 0 0 0 30px;
}
#content .detailShow .tableofcontent ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#content .detailShow .tableofcontent ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#content .detailShow .tableofcontent ul li a {
	display: inline-block;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	margin: 0;
}
#content .detailShow .tableofcontent ul li a:hover {
	color: #FFFFFF;
	background-color: #9a0000;
}
#content .detailShow .tableofcontent ul li a.active {
	color: #FFFFFF;
	background-color: #9a0000;
}
#content .detailShow .next a {
	float: right;
	width: 30px;
	height: 30px;
	margin-top: -30px;
	border-left: 1px #FFF solid;
	background-image: url(../layout/button_detailShow_next.png); 
	text-indent: -9999em;
}

@media only screen and (max-width: 1000px) {
	
	#content .detailShow .text {
		width: 25%;
		padding: 15px 10px 0 10px; 
		margin: 0 0 0 0;
	}
	#content .detailShow figure {
		height: auto;
		width: 71%;
	}
	#content .detailShow .tableofcontent {
		text-align: center;
		width: 97%; 
		margin: 0 0 0 30px;
	}

}

@media only screen and (max-width: 525px) {
	
	#content .detailShow figure {
		height: auto;
		width: auto;
		clear: both;

	}
	#content .detailShow .text {
		width: 91%;
		padding: 15px 10px 0 10px; 
		margin: 0 0 0 0;
	}
	#content .detailShow .tableofcontent {
		display: none;
	}
	#content .detailShow .next a {
		clear: both;
	}
}

/* ------------] MainContent - Slideshow [--------------- */

#content .slideshow {
	background-color:#FFF;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;	
	box-shadow: 1px 1px 2px #d9d9d9;
	position: relative;
	text-align: center;
}
#content .slideshow ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;	
}
#content .slideshow li {
	display: none;
}
#content .slideshow li.active {
	display: inline;
}
#content .slideshow p {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	margin: 15px 10px 15px 10px;
	text-align: left;
}

#content .slideshow .prevPic {
	width: 30px;
	height: 30px;
	margin: 0 0 0 0;
	padding: 0;
	z-index: 99999999;
	left: 0;
	top: 40%;
	position: absolute;
}
#content .slideshow figure {
	position: relative;
}
#content .slideshow .nextPic {
	width: 30px;
	height: 30px;
	margin: 0 0 0 0;
	padding: 0;
	right: 0;
	top: 40%;
	z-index: 99999999;
	position: absolute;
}
#content .slideshow .zoom {
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0 0 0 0;
	right: 5px;
	bottom: 5px;
	z-index: 99999999;
	position: absolute;
}

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

	#content .slideshow .prevPic {
		top: 25%;
	}
	#content .slideshow .nextPic {
		top: 25%;
	}
	#content .slideshow .zoom {
		display: none;
	}

}

/* ------------] MainContent - Kontaktformular [--------------- */

#content .kontaktformularOpener {
	margin: 0;
	padding: 0 0 0 0;
	display: block;	
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
}
#content .kontaktformularOpener p.link_open {
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../layout/link_arrow_down.png);
	width: 200px;
	display: none;
}
#content .kontaktformularOpener p.link_close {
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../layout/link_arrow_up.png);
	width: 230px;
	display: none;
}

#content .kontaktformular {
	margin: 0 20px;
	padding: 0 0 0 0;
	display: none;
	border-top: 1px solid #b1b1b1;	
}
#content .kontaktformular p.label {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: #000000;
	margin: 0;
	padding: 5px 0 0 0;
}
#content .kontaktformular p.form {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: #000000;
	margin: 0 0 15px 0;
	padding: 0;
}
#content .kontaktformular p.button {
	text-align: center;
}
#content .kontaktformular input {
	width: 96%;
	border: 1px solid #b1b1b1;
	background-color: #ebebeb;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
}
#content .kontaktformular textarea {
	width: 96%;
	height: 120px;
	border: 1px solid #b1b1b1;
	background-color: #ebebeb;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
}
#content .kontaktformular input.submitButton {
	width: 185px;
	background-color: #191919;
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
	cursor: pointer;
}
#content .kontaktformularOpener p.active {
	display: block;	
}

/* ------------] MainContent - Dates [--------------- */

#content .dateBox {
	margin-bottom: 20px;
	min-width: 250px;
	background-color:#191919;
	padding: 15px;
}
#content .dateBox h1 {
	text-align: center;
	font-family: 'Cabin', sans-serif;
	font-weight:bold;
	font-size: 18px;
	text-transform: uppercase;
	color: #FFFFFF;
	border-bottom: 2px #464646 solid;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
}
#content .dateBox ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
}
#content .dateBox ul li {
	border-bottom: 1px #464646 solid;
	margin: 0;
	padding: 0;
}
#content .dateBox ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
#content .dateBox ul li a:hover {
	color: #ffd200;
}
#content .dateBox ul li h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #9a0000;
	margin: 10px 0 5px 0;
	padding: 0;
}
#content .dateBox ul li a p {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0 0 10px 0;
	padding: 0;
}
#content .dateBox ul li a:hover p {
	color: #ffd200;
}
#content .dateBox ul li a:hover h2 {
	color: #ffd200;
}

@media only screen and (max-width: 1000px) {
	
	#content .dateBox {
		padding: 1%;
		min-width: 230px;
	}
	#content .dateBox ul {
		height: auto;
	}
}

@media only screen and (max-width: 750px) {
	
	
}

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


}


/* ------------] MainContent - TeaserListe [--------------- */

#content ul.TeaserListe {
	list-style: none;
	padding: 0;
	margin: 0;
}
#content .TeaserListe li {
	width: 310px;
	background-color:#FFF;
	margin: 0 25px 20px 0;
	padding: 0 0 15px 0;	
	float: left;
	box-shadow: 1px 1px 2px #d9d9d9;
}
#content .TeaserListe li.third { margin: 0 0 20px 0; }
#content .TeaserListe li.text { height: 220px; }

#content .TeaserListe li .border {
	padding: 5px;
}

#content .TeaserListe a li:hover {
	background-color:#ffd200;
}

#content .TeaserListe li figure {
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin: 0px;
	position: relative;
}
#content .TeaserListe li h1 {
	margin: 10px 0 0 15px;
	padding: 0;
	text-decoration: none;
	font-family: 'Cabin', Arial, sans-serif;
	text-transform: uppercase;
	font-weight:bold;
	color: #121212;
	font-size: 18px;
}
#content .TeaserListe li h2 {
	margin: 0 0 15px 15px;
	padding: 0;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #121212;
}
#content .TeaserListe li p {
	margin: 0 15px 0 15px;
	padding: 0;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #474747;
}
#content .TeaserListe li .abzeichen {
	margin: -33px 0 0 5px;
	position: absolute;
	top: 92%;
	left: 0;
}


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

	#content .TeaserListe li { width: 32%; margin: 0 2% 20px 0; }
    #content .TeaserListe li.text { height: 240px; }

}

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

	#content .TeaserListe li { width: 48%; margin: 0 2% 20px 0; }
	#content .TeaserListe li.third { margin: 0 2% 20px 0; }

}
@media only screen and (max-width: 525px) {
	
	#content .TeaserListe {	margin-top: 30px; }
    #content .TeaserListe li.text { height: 200px; }
	#content .TeaserListe li h1 { font-size: 14px; }
	#content .TeaserListe li h2 { font-size: 11px; }
	#content .TeaserListe li .abzeichen { width: 40px; margin: -33px 0 0 5px; }
	#content .TeaserListe li .abzeichen { top: 100%; left: 1%; }
}

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

	#content .TeaserListe li .abzeichen { width: 50px; margin: -43px 0 0 5px; }
	#content .TeaserListe li { width: 100%; margin: 0 0 20px 0; }
    #content .TeaserListe li.text { height: auto; }
	#content .TeaserListe li h1 { font-size: 18px; }

}


/* ------------] MainContent - News Teaser [--------------- */

#content #MainContent .BildTextTeaser {
	width: 313px;
	background-color:#FFF;
	margin: 0 0px 0 0;	
	float: left;
	box-shadow: 1px 1px 2px #d9d9d9;	
}
#content #MainContent .first {
	margin: 0 20px 0 0;	
}

#content #MainContent ul.onlyList {
	margin: 0 0 0 0;
}

#content #MainContent .BildTextTeaser figure {
	text-align: center;
	margin: 10px;
}
#content #MainContent .BildTextTeaser h1 {
	text-align: center;
	margin: 10px;
	font-family: 'Cabin', sans-serif;
	font-weight:bold;
	font-size: 18px;
	color: #121212;
}
#content #MainContent .BildTextTeaser h2 {
	text-align: center;
	margin: -8px 0 15px 0;
	font-family: 'Cabin', sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #474747;
}
#content #MainContent .BildTextTeaser p {
	text-align: center;
	margin: 10px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #121212;
}
#content #MainContent .BildTextTeaser p.more {
	margin: 20px 0 20px 0;
}

/* -------] MainContent - News Box [--------- */

#content #MainContent ul.news {
	padding: 0;
	margin: 15px 0 0 0;
	list-style: none;	
}
#content #MainContent ul.news a {
	text-decoration: none;	
}
#content #MainContent ul.news li {
	padding: 10px;
	margin: 0 0 1px 0;
	width: auto;
	background-color: #FFF;
	box-shadow: 1px 1px 2px #d9d9d9;
    background-image: url(../layout/more_button_mobile.png);
    background-repeat:no-repeat;
    background-position: 98%;	
}
#content #MainContent ul.news li:hover { background-color: #ebebeb; }
#content #MainContent ul.news li h1 {
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 18px;
	color: #121212;
	margin: 5px 0 0 0;
}
#content #MainContent ul.news li h2 {
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 11px;
	color: #121212;
	margin: 0 0 0 0;
}
#content #MainContent ul.news li h2 .date {
	color: #9a0000;
	font-weight: bold;	
}
#content #MainContent ul.news li p {
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 12px;
	color: #121212;
    margin: 0 5% 0 0;
}

/* --------] SideBar - Statistic [-------- */

#content #SidebarContent h1 {
	text-align: center;
	font-family: 'Cabin', sans-serif;
	font-weight:bold;
	font-size: 18px;
	text-transform: uppercase;
	color: #FFFFFF;
	border-bottom: 2px #464646 solid;
	padding: 5px 0 10px 0;
	margin: 70px 15px 0 15px;
}
#content #SidebarContent h1.first {
	margin: 10px 15px 0 15px;
}

/* --------] SideBar - TextTeaser [-------- */

#content #SidebarContent .textTeaser {
	margin: 0 0 30px 0;
}
#content #SidebarContent .textTeaser p {
	text-align: center;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 20px;
}
#content #SidebarContent .textTeaser h2 {
	text-align: center;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
}
#content #SidebarContent .textTeaser a {
	text-align: center;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
}
#content #SidebarContent .textTeaser ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content #SidebarContent .textTeaser ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#content #SidebarContent .textTeaser ul li p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 12px;
	color: #b1b1b1;
}
#content #SidebarContent .textTeaser ul li p span.platzierung {
	color: #FFFFFF;
	font-weight: bold;
}
#content #SidebarContent .textTeaser ul li h2 {
	font-family: 'Cabin', Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 16px;
	margin: 15px 0 5px 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
}
#content #SidebarContent .textTeaser a:hover { color: #ffd200; }
#content #SidebarContent .textTeaser a:focus { color: #ffd200; }


/* --------] SideBar - Address [-------- */

#content #SidebarContent .address p {
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 30px;
}
#content #SidebarContent .address ul {
	list-style: none;
	margin: 0 30px;
	padding: 0;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
}
#content #SidebarContent .address ul li {
	height: 18px;
	background-repeat: no-repeat;	
	padding: 0 0 0 25px;
	margin: 4px 0 0 0;
}
#content #SidebarContent .address ul li.tel { background-image: url(../icons/tel_mini_white.png); }
#content #SidebarContent .address ul li.mail { background-image: url(../icons/mail_mini_white.png); }
#content #SidebarContent .address ul li.fax { background-image: url(../icons/fax_mini_white.png); }
#content #SidebarContent .address ul li.pdf { background-image: url(../icons/pdf_mini.png); }

#content #SidebarContent .address h2 {
	text-align: center;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
}

#content #SidebarContent .address a {
	text-align: center;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
}
#content #SidebarContent .address a:hover { color: #ffd200; }
#content #SidebarContent .address a:focus { color: #ffd200; }

/* --------] SideBar - Statistic [-------- */

#content #SidebarContent .statistic p {
	text-align: center;
}
#content #SidebarContent .statistic table {
	width: 265px;
	margin: 0 0 0 25px;
}
#content #SidebarContent .statistic td {
	width: 240px;
	text-align: left;
	border-bottom: 1px #464646 solid;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 0 5px 0;
	margin: 0;
}
#content #SidebarContent .statistic td.value {
	width: 25px;
	text-align: right;
	border-bottom: 1px #464646 solid;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 12px;
	color: #9a0000;
}

/* --------] SideBar - Dates [-------- */

#content #SidebarContent .dates {
	margin: 0 0 30px 0;
}
#content #SidebarContent .dates ul {
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
}
#content #SidebarContent .dates ul li {
	padding: 10px;
	margin: 0 0 0 25px;
	padding: 0;
	width: 265px;
	border-bottom: 1px #464646 solid;	
}
#content #SidebarContent .dates ul li h3 {
	text-align: center;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 11px;
	color: #b1b1b1;
	margin: 10px 0 0 0;
}
#content #SidebarContent .dates ul li h3 span.date {
	color: #9a0000;
}
#content #SidebarContent .dates ul li h2 {
	text-align: center;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 14px;
	color: #FFFFFF;
	margin: 5px 0 10px 0;
}
#content #SidebarContent .dates .more {
	text-align: center;
}

/* --------] SideBar - Fahrzeuge [-------- */

#content .SBfahrzeugListe {
	margin: 0 0 30px 0;
}
#content .SBfahrzeugListe ul {
	padding: 0;
	margin: 0 8%;
	list-style: none;
}
#content .SBfahrzeugListe ul li {
	padding: 10px;
	padding: 0;
	width: 100%;
	border-bottom: 1px #464646 solid;	
}

#content .SBfahrzeugListe figure {
	margin: 10px 0 0px 0;
	float: left;
	width: 45%;
}
#content .SBfahrzeugListe .info {
	margin: 0 0 0 5px;
	float: left;
}
#content .SBfahrzeugListe ul li h2 {
	font-family: 'Cabin', Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 20px;
	color: #FFFFFF;
	margin: 20px 0 0 0;
}
#content .SBfahrzeugListe ul li h3 {
	font-family: 'Cabin', Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	color: #b1b1b1;
	margin: 0 0 0 0;
}


/* --------] SideBar - Fahrzeuge [-------- */

#content .SBListe {
	margin: 0 0 30px 0;
}
#content .SBListe ul {
	padding: 0;
	margin: 0 10%;
	list-style: none;
}
#content .SBListe ul li {
	padding: 10px;
	margin: 10px 0;
	padding: 0 0 10px 0;
	width: 100%;
	border-bottom: 1px #464646 solid;	
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
}


/* --------] SideBar - Weather [-------- */

#content #SidebarContent .weather {
	margin: 0 0 30px 0;
}
#content #SidebarContent .weather .wrapper {
	width: 265px;
	text-align:center;
	margin: 10px 0 0 0;
}
#content #SidebarContent .weather div.icon {
	margin: 0 0 0 25px;
	float: left;
}
#content #SidebarContent .weather div.text {
	margin: 0 0 0 15px;
	float: left;
}
#content #SidebarContent .weather div.text p.grad {
	text-align: center;
	font-family: 'Cabin', sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 48px;
	color: #FFFFFF;
	margin: 5px 0 10px 0;
}
#content #SidebarContent .weather div.text p.grad span.celsius {
	text-align: center;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 18px;
	color: #FFFFFF;
	margin: 5px 0 10px 0;
}
#content #SidebarContent .weather div.text p.status {
	text-align: center;
	font-family: Arial, sans-serif;
	text-transform: normal;
	font-weight: normal;
	font-size: 14px;
	color: #9a0000;
	margin: 5px 0 10px 0;
}
#content #SidebarContent .weather .more {
	text-align: center;
}

/* ---------------- */


@media only screen and (max-width: 1000px) {
	#content #MainContent h1.module {
		margin: 40px 3% 20px 3%;
	}
	
	#content #MainContent .BildTextTeaser {
		width: 100%;
		clear: both;	
		margin: 0 0 20px 0;
	}
	#content #MainContent ul.news li {
		clear: both;	
	}

	#content #SidebarContent .statistic table {
		width: 90%;
		margin: 0 0 0 4%;
	}
	#content #SidebarContent .dates ul li {
		width: 90%;
		margin: 0 0 0 4%;
	}
	#content #SidebarContent .weather .wrapper {
		width: 90%;
		margin: 10px 0 0 4%;
	}
	#content .SBfahrzeugListe .info { margin: 0 0 0 1%; }
	#content .SBfahrzeugListe figure { width: 36%; }
	#content .SBfahrzeugListe ul li h2 { margin: 20px 0 0 0; }

}

@media only screen and (max-width: 810px) {
	#content .SBfahrzeugListe figure { width: 30%; }
	#content .SBfahrzeugListe ul li h2 { font-size: 18px; margin: 15px 0 0 0; }
	#content .SBfahrzeugListe ul li h3 { font-size: 11px; margin: 0 0 5px 0;}
}

@media only screen and (max-width: 730px) {
	#content .SBfahrzeugListe ul { text-align: center; }
	#content .SBfahrzeugListe ul li .info { width: 100%; }
	#content .SBfahrzeugListe figure { width: 100%; }
	#content .SBfahrzeugListe ul li h2 { margin: 5px 0 0 0; }
}


@media only screen and (max-width: 525px) {
	#content {
		width: 100%;	
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		position: static;
	}
	#content #slider li a  {
		background-color: #b1b1b1;	
	}
}


/* ---------------------------------------------------------- */
/*    FOOTER!                                                 */
/* ---------------------------------------------------------- */

#endOfPage {
	width: 100%;
	background-color: #191919;
	margin-top: 30px;
}

#endOfPage #share {
    width: 100%;
	text-align: center;
	border-bottom: 1px #464646 solid;
	background-color: #191919;
}

#endOfPage #shortlinks {
	width: 100%;
	/* border-bottom: 1px #464646 solid;*/
	background-color: #191919;
}
#endOfPage #shortlinks h1 {
	text-align: center;
	font-family: 'Cabin', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 24px;
	color: #FFFFFF;
	padding: 30px 0 0 0;
}

#endOfPage #shortlinks ul {
	height: 15px;
	padding: 0;
	margin: 15px auto 30px auto;
	list-style: none;	
	text-align: center;
}
#endOfPage #shortlinks ul li {
	border-left: 1px #FFF solid;
	display: inline-block;	
}
#endOfPage #shortlinks ul li.first {
	border-left: none;
}
#endOfPage #shortlinks ul li a {
	height: 16px;
	text-transform: normal;
	text-decoration: none;
	color: #9a0000;
	padding: 0 10px 0 10px;
	display: block;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
#endOfPage #shortlinks ul li a:hover {
	color: #ffd200;
}


#endOfPage #sitemap .completeSitemap {
	width: auto;
}
#endOfPage #sitemap .completeSitemap .sitemapBox {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}

#endOfPage #sitemap .smallSitemap {
	display: none;
}
#endOfPage #sitemap ul {
    padding: 0;
	margin: 0 25px 0 25px;
	list-style: none;	
	text-align: center;
	display: inline-block;
	vertical-align: top;

}
#endOfPage #sitemap ul li {
	margin: 0 0 3px 0;
}
#endOfPage #sitemap ul li.headline {
	margin: 30px 0 20px 0;
}
#endOfPage #sitemap ul li a {
	text-transform: normal;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0 10px 0 10px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
#endOfPage #sitemap ul li.headline a {
	text-transform: uppercase;
	color: #b1b1b1;
}
#endOfPage #sitemap ul li a:hover {
	color: #ffd200;
}



#endOfPage #copyright {
	padding: 30px 0 15px 0;
}

#endOfPage #copyright p {
	text-align: center;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #6b6b6b;
	padding: 0 10px 0 10px;
	margin: 0;
}


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

	#endOfPage #sitemap .completeSitemap {
		display: none;
	}
	#endOfPage #sitemap .smallSitemap {
		width: 100%;
		display: block;
		text-align:center;
		margin: 30px 0 0 0;
	}
	#endOfPage #sitemap .smallSitemap a {
		text-transform: uppercase;
		text-decoration: none;
		color: #b1b1b1;
		padding: 0 2% 0 2%;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
	}
	#endOfPage #sitemap .smallSitemap a:hover {
		color: #ffd200;
	}

}

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

	#endOfPage #shortlinks h1 {
		font-size: 18px;
	}

}

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

	
	#endOfPage #shortlinks ul {
		width: 100%;
        height: auto;
	}
	#endOfPage #shortlinks ul li {
		width: 100%;
		border: 0;
		text-align: center;
		margin: 0 auto 5px auto;
		clear: left;
	}
}
/* Settings/Info end */