/* ==|== primary styles =====================================================
   Aedu
   ========================================================================== */

/*   
@font-face {
    font-family: "OpelSansCondensed";
    src: 	url('../fonts/OpelSansW01-Condensed.eot');
    src: 	url("../fonts/OpelSansW01-Condensed.eot?#iefix") format("embedded-opentype"), 
			url("../fonts/OpelSansW01-Condensed.woff") format("woff"),
			url("../fonts/OpelSansW01-Condensed.ttf") format("truetype"), 
			url("../fonts/OpelSansW01-Condensed.svg#OpelSansW01-Condensed") format("svg");
}
@font-face {
    font-family: "OpelSansCondensed-Bd";
    src: 	url('../fonts/OpelSansW01-BoldCondensed.eot');
    src: 	url("../fonts/OpelSansW01-BoldCondensed.eot?#iefix") format("embedded-opentype"), 
			url("../fonts/OpelSansW01-BoldCondensed.woff") format("woff"), 
			url("../fonts/OpelSansW01-BoldCondensed.ttf") format("truetype"), 
			url("../fonts/OpelSansW01-BoldCondensed.svg#OpelSansW01-BoldCondensed") format("svg");
}

*/

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'OpelNext';
  src: url('../fonts/OpelNextW01-Regular.woff2') format('woff2'),
       url('../fonts/OpelNextW01-Regular.woff') format('woff'),
       url('../fonts/OpelNext.ttf') format('truetype');
}

@font-face {
  font-family: 'OpelNextBold';
  src: url('../fonts/OpelNextW01-Bold.woff2') format('woff2'),
       url('../fonts/OpelNextW01-Bold.woff') format('woff'),
       url('../fonts/OpelNextBold.ttf') format('truetype');
}
@font-face {
  font-family: 'OpelNextW01-Bold';
  src: url('../fonts/OpelNextW01-Bold.woff2') format('woff2'),
       url('../fonts/OpelNextW01-Bold.woff') format('woff')
}

@font-face {
  font-family: 'OpelNextW02-Bold';
  src: url('../fonts/OpelNextW02-Bold.woff2') format('woff2'),
       url('../fonts/OpelNextW02-Bold.woff') format('woff')
}

@font-face {
  font-family: 'OpelNextW05-Bold';
  src: url('../fonts/OpelNextW05-Bold.woff2') format('woff2'),
       url('../fonts/OpelNextW05-Bold.woff') format('woff')
}

@font-face {
  font-family: 'OpelNextW07-Bold';
  src: url('../fonts/OpelNextW07-Bold.woff2') format('woff2'),
       url('../fonts/OpelNextW07-Bold.woff') format('woff')
}

@font-face {
  font-family: 'OpelNextW010-Bold';
  src: url('../fonts/OpelNextW10-Bold.woff2') format('woff2'),
       url('../fonts/OpelNextW10-Bold.woff') format('woff')
}

@font-face {
  font-family: 'OpelNextW15-Bold';
  src: url('../fonts/OpelNextW15-Bold.woff2') format('woff2'),
       url('../fonts/OpelNextW15-Bold.woff') format('woff')
}





/* typography */
body{
	color:#999999;
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px; line-height:normal;
	z-index:1000;
	background: url(../images/bg.png);
	background-repeat:repeat-x;
	background-color:#0b0a0b;
	}
	
#innerBody{
	display:block;
	position:absolute;
	width:100%;
	left:0;
	transition: left 0.3s linear;
	z-index:20;
	min-width:320px;
}
#innerBody.moveleft{
	left:50%;
}
	

h1 {
	font-weight:bold;
	font-family: 'OpelNextBold';
	line-height:100%;
	margin:0;
	color:#000;
	font-size:1.625em;
} 
	
h2{
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height:120%;
	margin:0;
	color:#000;
	font-size:1.167em;
}

h3{
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height:120%;
	margin:0;
	color:#000;
	font-size:1.0em;
} 

h4, h5, h6{
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height:100%;
	margin:0;
	color:#000;
	font-size:1.0em;
} 

h4 {
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height:100%;
	color:#000;
	padding:5px;
	font-size:1.0em;
    margin-top:20px;
	margin-bottom:20px;
} 

h4 a:link, h4 a:visited, .powermail_form .powermail_submit{
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 18px;
	margin:0;
	color:#000;
	background-color:#f7d900;
	padding: 7px 16px;
	font-size:1.0em;
	text-decoration:none;
	border-bottom: 1px solid #939393;
    border-right: 1px solid #939393;
	min-width: 127px;
	box-shadow: 1px 1px 0 0 rgba(0,0,0,0.2);
}

h4 a:hover, .powermail_form .powermail_submit:hover{
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 18px;
	margin:0;
	color:#000;
	background-color:#f7d900;
	padding: 7px 16px;
	font-size:1.0em;
	min-width: 127px;
	text-decoration:none;
	box-shadow: 1px 1px 0 0 rgba(0,0,0,0.2);
} 


h5 {
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height:100%;
	margin:0;
	color:#000;
	font-size:1.0em;
	margin-bottom:10px;
} 

h5 a:link, h5 a:visited{
	background: url("../images/icon_sprite.png") no-repeat scroll 0 -297px rgba(0, 0, 0, 0);
	padding-left:12px;
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height:120%;
	margin:0;
	color:#000;
	font-size:1.0em;
	text-decoration:none;
	display: inline-block;
} 
#teaser_links h5 a:link, #teaser_links h5 a:visited{
	font-weight:normal;
}

#teaser_links h5 b a:link, #teaser_links h5 b a:visited{
	font-weight:bold;
}

h5 a:hover{
	color:#ccc
} 

a:link, a:visited{
	color: #f7d900;
    font-weight: bold;
    text-decoration: none; 
}

a:hover{
	color: #f7d900;
	text-decoration:underline;
}



#spalte_links h1, #spalte_mitte h1, #spalte_rechts h1 {
	color:#000;
	margin-bottom:20px;
}

#spalte_links h2, #spalte_mitte h2, #spalte_rechts h2  {
	color:#000;
	font-size:1.0em;
}

/*
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
	float: none;
}
*/

.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
	overflow:hidden;
}

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap img {
	float: left;
	margin-right:30px;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap  img{
	float: right;
	margin-left:0px;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	margin-left:0px;
}

div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {
    /*overflow: visible;*/
}


div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: visible;
}

/*#spalte_rechts, #spalte_mitte, #spalte_links, #kontakt, #content_links, #content_rechts, a:link {
	color:#fff; text-decoration:none; background-color:#0059a5; box-shadow:2px 2px 2px #333333; padding:5px;}
#spalte_rechts, #spalte_mitte, #spalte_links, #kontakt, #content_links, #content_rechts, a:hover {
	color:#fff; text-decoration:none; background-color:#0059a5; box-shadow:2px 2px 5px #333333; padding:5px;}*/



.googleMapsScreen {
  position: relative;
  height: 600px;
  overflow: hidden;
  clear:left;
}

.googleMapsScreen iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/* structure */   
#container, #colophon{
	max-width: 1024px;
	margin: auto;
	}
#container {
	background: url(../images/bg_inhalt.png);
	margin-top:-30px;
}
#visual_ganz{
	margin-top:16px;
}

#content_visual {
	margin-left:16px;
	margin-right:6px;
	margin-top: 16px;
	font-size:14px;
	color:#000;
	line-height:18px;
}

#content_visual a:link, #content_visual a:visited{
	color:#FFF;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
}

#content_visual a:hover{
	color:#f7d900;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
}

#content_visual h3{ 
	 background-color: #f7d900;
    clear: both;
    color: #000;
    display: inline-table;
    float: left;
    font-family: 'OpelNextBold';
    font-size: 26px;
    font-weight: bold;
    margin-top: 0;
    padding: 3px 15px;
    text-transform: uppercase;
    width: auto;
}
#content_visual .flex-caption div{
	float:left;
	clear:left;
}

#teaser_aktuell {
	margin-top: 16px;
	margin-left:10px;
	margin-right:16px;
	font-size:12px;
	line-height:18px;
	color:#fff;
	text-align:left;
	padding-bottom:10px;
}

#teaser_aktuell p {
	margin-left:10px;
	margin-right:10px;
}

#teaser_aktuell th, td {
	
}

#teaser_aktuell table{
	margin-bottom:20px;
}

#teaser_aktuell a:link, #teaser_aktuell a:visited{
	color:#FFF;
	text-decoration:none;
}

#teaser_aktuell a:hover{
	color:#f7d900;
	text-decoration:none;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.fa-map-marker:before {
  content: "\f041";
}

.teaser-button-gross{
	width:100%;
}

.teaser-button-gross li{
display: inline-block;
width:100%;
overflow:hidden;
float:left;
}

.teaser-button-gross a{
	display: block;
    float: left;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
	background:#f7d900;
	height: 60px;
}
.teaser-button-gross .tb-first a{
	border-left:none;
}

.teaser-button-gross .btn-label {
    width: auto;
}

.teaser-button-gross i{
	clear:both;
	color: #000;
    font-size: 38px;
    font-weight: normal;
    text-align: center;
	vertical-align:top;
	line-height:60px;
	margin-right:4px;
}

.teaser-button-gross span{
	clear:both;
	color: #000;
    font-family: 'OpelSansCondensed-Bd';
    font-size: 26px;
	line-height:60px;
    font-weight: normal;
    text-align: center;
	text-transform:uppercase;
}

.teaser-buttons{
	width:100%;
}

.teaser-buttons li{
display: inline-block;
width:50%;
overflow:hidden;
float:left;
}

.teaser-buttons a{
	display: block;
    float: left;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
	background:#f7d900;
	border-left: 1px solid #000;
	height: 80px;
}
.teaser-buttons .tb-first a{
	border-left:none;
}

.teaser-buttons .btn-label {
    height: 60px;
    left: 50%;
    margin-left: -50px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 100px;
}

.teaser-buttons img{
	position:relative;
	width:auto !important;
	height:auto !important;
}
.teaser-buttons img.button-bg{
	float: left;
    height: 80px !important;
    margin-top: 0;
    position: relative;
    width: 100% !important;
}
.teaser-buttons span{
	clear:both;
	display:block;
	color: #000;
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    width: 100%;
}
#slider_teaser {
	margin-left:16px;
	margin-right:6px;
	line-height:20px;
	background-color:#000;
	padding-bottom:10px;
	color:#FFF;
}

#slider_teaser a:link, #slider_teaser a:visited{
	color:#FFF;
	text-decoration:none;
	font-size: 12px;
    font-weight: bold;
}

#slider_teaser a:hover{
	color:#f7d900;
	text-decoration:none;
}
#slider_teaser .es-carousel{
	margin-left:20px;
	margin-right:20px;
	padding-top:20px;
}
#slider_teaser .csc-textpic-text{
	padding:0;
	margin:0;
}
.captionLink{
	margin-left:15px;
	margin-top:8px;
	cursor:pointer;
}
.captionLink:before{
	background: url("../images/icon_sprite.png") no-repeat scroll 0 -295px rgba(0, 0, 0, 0);
    content: " ";
    float: left;
    height: 18px;
    margin-left: -15px;
    width: 15px;

}
#slider_teaser h1{ 
	margin-top:0px;
	color:#fff;
    font-family:Verdana;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:16px;
	font-weight:bold;
}

#teaser_links {
	margin-top:10px;
	color:#000;

}

#teaser_links > div h1{
	font-weight:bold;
	color:#000;
	font-size:16px;
	font-family: Verdana, Geneva, sans-serif;
	text-transform:none;
}

#teaser_links > div h2{
	font-weight:bold;
	color:#000;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
}


#teaser_links > div{
	border: 1px solid #E1E1E2;
	margin-left:10px;
	margin-right:10px;
	background-color:#fff;
	padding-left:10px;
}

#content_oben {
	margin-left:10px;
	margin-right:10px;
	color:#000;
	line-height:21px;
}

#content_oben h1 {
	background-color:#f7d900;
	color:#000 !important;
	padding:5px;
	font-weight:bold !important;
}

#content_oben h2 {
	font-weight:bold;
	color:#000;
	margin-top:20px
}

#content_oben li {
	margin-left:16px;
}

#teaser_rechts {
	margin-top:10px;
	color:#000;
}

#teaser_rechts > div{
	border: 1px solid #E1E1E2;
	margin-left:23px;
	background-color:#fff;
	color:#000;
	margin-bottom:20px;
	line-height:18px;
}

#teaser_rechts > div > div{
	margin-bottom:0;
}

#teaser_rechts div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{
	margin-bottom: -1px;
}

#teaser_rechts a:link{
	text-decoration:none;
}

#teaser_rechts h1{
	font-weight:bold;
	color:#000;
}

#teaser_rechts h2 {
	font-weight:bold;
	color:#000;
	margin-top:10px
}

#teaser_rechts .captionLink {
	margin-top:-20px;
	color:#000;
	font-weight:bold;
	padding-left:10px;
}



#content_unten {
	color:#000;
	float:right;
	line-height:21px;
}

#content_unten > div{
	border-top:2px dotted #E1E1E2;
	margin-right:10px;
	padding-top:20px;
}


#content_unten h3 {
	color:#000;
	font-weight:bold;
}

#content_unten, .csc-textpic-text li{
	margin-left:16px;
}

#content_unten a:link {
	color:#000;
	font-weight:bold;
	list-style:none;
	text-decoration:none;
}
#content_unten .csc-textpic-text a:link {
	background: url("../images/icon_sprite.png") no-repeat scroll 0 -296px rgba(0, 0, 0, 0);
	padding-left:12px;
}
#content_unten a:hover {
	color:#000;
	font-weight:bold;
	list-style:none;
	text-decoration:underline;
}

#content_unten .csc-textpic-text a:before{
	display:inline-block;
}

#inhalt_oben_links, #inhalt_oben_mitte, #inhalt_oben_rechts {
	margin-left:5.8%;
	width:91%;
	line-height:20px;
	background-color:#FFF;
	box-shadow: none;
	padding:0px;
	color:#000;
}

#inhalt_oben_mitte, #inhalt_oben_rechts {
	margin-left:4.6%;
	line-height:20px;
}

#inhalt_oben_rechts {
	margin-left:3.6%;
	line-height:20px;
}

#inhalt_unten_links, #inhalt_unten_mitte, #inhalt_unten_rechts {
	margin-left:5.8%;
	width:91%;
	line-height:20px;
	background-color:#FFF;
	box-shadow: none;
	padding:0px;
	color:#000;
}

#inhalt_unten_mitte, #inhalt_unten_rechts {
	margin-left:4.6%;
	line-height:20px;
}

#inhalt_unten_rechts {
	margin-left:3.6%;
	line-height:20px;
}

#inhalt_oben_links > div, #inhalt_oben_mitte > div, #inhalt_oben_rechts > div, #inhalt_unten_links > div, #inhalt_unten_mitte > div, #inhalt_unten_rechts > div{ 
	border:solid 1px #ccc;
}

#inhalt_oben_links h1, #inhalt_oben_mitte h1, #inhalt_oben_rechts h1, #inhalt_unten_links h1, #inhalt_unten_mitte h1, #inhalt_unten_rechts h1 {
	color:#000 !important;
}

#inhalt_oben_links a:link, #inhalt_oben_mitte a:link, #inhalt_oben_rechts a:link, #inhalt_unten_links a:link, #inhalt_unten_mitte a:link, #inhalt_unten_rechts a:link {
	font-weight:bold;
}


#inhalt_oben_links, #inhalt_oben_mitte, #inhalt_oben_rechts, #inhalt_unten_links, #inhalt_unten_mitte, #inhalt_unten_rechts, .csc-textpic-text {
	margin-left:10px;
	margin-right:10px;
	font-size:12px;
	padding-bottom: 20px;
    padding-top: 10px;
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}


#inhalt_oben_links, #inhalt_oben_mitte, #inhalt_oben_rechts, #inhalt_unten_links, #inhalt_unten_mitte, #inhalt_unten_rechts, h1 {
	margin-top:10px !important;
}

#inhalt_unten_links {
	clear:left !important;
}

#inhalt_gross_oben header{
	float:left;
	width:100%;
}

#inhalt_gross_oben h1 {
	color:#000 !important;
	background-color:#F7FF14;
	padding:5px 20px 5px 8px;
	float:left;
	width:auto;
	margin-bottom:10px;
}

#inhalt_gross_oben {
	margin-left:16px;
	margin-right:6px;
	margin-right:16px;
	font-size:13px;
	color:#000;
	line-height:18px;
	background-color:#fff;
}

#inhalt_gross {
	margin-top:16px;
	margin-left:16px;
	margin-right:16px;
	font-size:12px;
	color:#000;
	line-height:18px;
	background-color:#fff;
}

#inhalt_gross h1 {
	color:#000 !important;
}
#inhalt_3spalten_unten{
	padding: 0 0 0 5px;
	color:#000;
}
#inhalt_3spalten_unten > div,
.inhalt_3spalten_unten_parent > div{
	width:33%;
	float:left;
}
#inhalt_3spalten_unten .inhalt_3spalten_unten_parent{
	width:100%;
}
#inhalt_3spalten_unten > div:nth-child(3n+1),
.inhalt_3spalten_unten_parent > div:nth-child(3n+1){
	clear:left;
}
#inhalt_3spalten_unten >div > div,
.inhalt_3spalten_unten_parent > div > div{
	border: 1px solid #CCCCCC;
	margin: 0 10px 16px;
}
#inhalt_3spalten_unten .inhalt_3spalten_unten_parent > div{
	border: none;
	margin: 0;
}
#inhalt_3spalten_unten img{
	max-width:100%;
	width:100%;
	height:auto;
	
}

#inhalt_3spalten_unten h1 {
	color:#000 !important;
	font-size:14px !important;
	line-height:normal;
	font-weight:bold;
    text-transform: none !important;
	font-family:Verdana, Geneva, sans-serif !important;
	text-decoration:none;
}
#inhalt_3spalten_unten a{
	text-decoration:none;
}

#inhalt_3spalten_unten a:link, #inhalt_3spalten_unten a:visited{
	color:#000;
}
#inhalt_3spalten_unten a:hover{
	color:#f7d900;
}

#inhalt_3spalten_unten p, #inhalt_3spalten_unten h5 a{
	line-height:20px;
	background-position: 0 -295px;
}

#inhalt_3spalten_unten2{
	padding: 0 0 0 5px;
	color:#000;
}

#inhalt_3spalten_unten2 > div,
.inhalt_3spalten_unten2_parent > div{
	width:25%;
	float:left;
}

#inhalt_3spalten_unten2 .inhalt_3spalten_unten2_parent{
	width:100%;
}

#inhalt_3spalten_unten2 > div:nth-child(4n+1),
.inhalt_3spalten_unten2_parent > div:nth-child(4n+1){
	clear:left;
}

#inhalt_3spalten_unten2 >div > div,
.inhalt_3spalten_unten2_parent> div > div{
	border: 1px solid #CCCCCC;
	margin: 0 10px 16px;
	padding-bottom:10px;
}

#inhalt_3spalten_unten2 .inhalt_3spalten_unten2_parent > div{
	border: none;
	margin: 0;
}

#inhalt_3spalten_unten2 img{
	max-width:100%;
	width:100%;
	height:auto;
	
}
#inhalt_3spalten_unten2 .csc-textpic-text{
	margin:0;
	float:none;
	padding:0;
}

#inhalt_3spalten_unten2 h1{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0px, #b7b7b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#ffffff), color-stop(100%,#b7b7b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0px,#b7b7b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0px,#b7b7b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0px,#b7b7b7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0px,#b7b7b7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */
	margin-top:0px !important;
	padding: 10px;
	min-height:75px;
	margin-bottom:0px !important;
}

#inhalt_3spalten_unten2 h1 a:link, #inhalt_3spalten_unten2 h1 a:visited{
	color:#000;
	font-size:18px;
	line-height:normal;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

#inhalt_3spalten_unten2 h2 {
	color:#fff;
	background: #5b5b5b; /* Old browsers */
	background: -moz-linear-gradient(top,  #5b5b5b 0px, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#5b5b5b), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5b5b5b 0px,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5b5b5b 0px,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5b5b5b 0px,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5b5b5b 0px,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
	padding: 10px;
}
#inhalt_3spalten_unten2 h4 {
	margin:20px 5px;
}
#inhalt_3spalten_unten2 h5 {
	margin:10px;
}

#inhalt_3spalten_unten2 .mobile{
	display:none;
}

#links_1, #rechts_1, #links_2, #rechts_2, #links_3, #rechts_3, #links_4, #rechts_4, #links_5, #rechts_5, #links_6, #rechts_6 {
	background-color:#FFF;
	color:#000;
	
}

#links_1, #links_2, #links_3, #links_4, #links_5, #links_6 {
	background: url(../images/bg_teaser_2.jpg);
	background-repeat:no-repeat;
	background-position:bottom !important;
}

#rechts_1, #rechts_2, #rechts_3, #rechts_4, #rechts_5, #rechts_6 {
	margin-right:16px;
}

#links_1 h1, #rechts_1 h1, #links_2 h1, #rechts_2 h1, #links_3 h1, #rechts_3 h1, #links_4 h1, #rechts_4 h1, #links_5 h1, #rechts_5 h1, #links_6 h1, #rechts_6 h1 {
	color:#000 !important;
	font-size:20px !important;
	line-height:20px !important;
	font-weight:bold !important;
	margin-top:-0px !important;
}

#trenner{
	border-top:solid 1px #000;
	margin-left:16px;
	margin-right:16px;
}

#background {
	clear:both;
	background-color:#FFF;
	margin-left:16px !important;
	margin-right:6px !important;
}

#background2 {
	clear:both;
	background-color:#f8f8f8;
	margin-left:16px !important;
	margin-right:16px !important;
}

#background li, #background2 li{
	/*
	margin-left: 18px;
    padding-left: 6px;
    padding-top: 4px;
	*/
}

#background2_2 {
	display:none;
}

header hgroup h1 {
margin-left: 20px;
}

hgroup {
	float:right;
	margin-right:20px;
	margin-top:0px;
}

header{ 
	margin: 0 0 0px 0;}
header, header nav, #main, #banner{
	width:100%;}


#navigation{
	display:inline  !important;
}

#navigation-container {
	background-color:#000;
	/*height:148px;*/
}

#mobileMenu{
	position:absolute;
	overflow:hidden;
	height:auto;
	padding-left: 30%;
    padding-top: 10px;
    width: 46%;
	display:none;
	z-index:0;
}

#closeButton{
	float:right;
	cursor: pointer;
	margin-top:5px;
	margin-right:10px;
	width:14px;
	height:16px;
	background: url(../images/Close_Phone.png);
}

#top_navigation {
	display:none;
}

/*#top_navigation {
	float:left;
	position:relative;
	top:30px;
	height:30px;
	width:760px;
}*/

#bg_subnav {
	background: url(../images/Menu_Unten/BG_Subnav.jpg);
	height:75px;
	position: fixed !important;
	bottom:0px;
	z-index:99999;
	width:100%;
	left:0;
	background-size:contain;
}





/*.langnav{
	float:left;
	position:relative;
	color:#FFF;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
}

.langnav a:link, #langnav a:visited{
	color:#FFF;
	list-style:none;
	text-decoration:none;
}

.langnav li{
	line-height:30px;
	display:inline;
	list-style:none;
	font-size:12px;
	padding-right:7px;
}*/


.langnav{
	display:none;
}



#home {
	position:relative;
	float:left;
	width:20px !important; 
	height:18px !important; 
	z-index:500;
	margin-right:10px;
	line-height:24px;
}
#home a:link {
	border:none;
}
#home a:hover {
	border:none;
}

#logo {
	position:relative;
	float:left;
	width:160px;
	height:96px;
	margin-top:45px;
	margin-bottom:15px;
	margin-left:16px;
	z-index:500;
	}
	
#logo a{
	display:block;
	height:100%;
}
#logo a img{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto 0;
}
#logo a:link {
	border:none;
}
#logo a:hover {
	border:none;
}
#logo2 {
	position:relative;
	float:right;
	width:74px;
	height:59px;
	margin-top:55px;
	margin-right:16px;
	z-index:500;
	}
#logo2 a:link {
	border:none;
}
#logo2 a:hover {
	border:none;
}


/* Background Hänlder Logo Start */
#c40 {
	background-color:#fff;
}
/* Background Hänlder Logo Ende */	
	
	
	
header{
	padding:0px 0 0px 0;}
header h1{ 
	font-size:2em;
	margin-right: 30px;
	margin-top:20px;
}
.content h1{ 
	margin-top:0px;
	color:#fff;
	font-weight:bold;
    font-family: 'OpelNextBold';
	font-size:24px;
	text-transform:uppercase;
	margin-bottom: 25px;
}
#main, footer{ 
	font-size: 12px;
    line-height: 16px;}
#main{ 
	min-height: 200px;
	width: 100%;
	
		}
#main p{ 
	margin:0; clear:left}
#main dd p{
	margin: 0;
}

.content {  
	margin:0 0 20px 0;}
.content ul, .content ol {
	margin: 0 0;
	padding: 0 0 0 0px; }
.content dd {
	float: right;
    width: 130px;}
.content dt {
	clear:both;
	float:left;
}
.content dl {
	margin-bottom:16px;
	float:left;
	width:100%;

}

.content dl p {
	margin:0;
}
#background {  
	margin:0 0 20px 0;
	padding-top:15px}
#background ul, #background ol {
	margin: 0 0;
	padding: 0 0 0 0px; }
#background dd {
	margin: 0 0 0 40px; }



#content_visual img, #teaser_aktuell img, #slider_teaser img, #labels img, #logo img, footer img, #inhalt_unten_links img, #inhalt_unten_mitte img, #inhalt_unten_rechts img, #inhalt_oben_links img, #inhalt_oben_mitte img, #inhalt_oben_rechts img, #teaser_links img, #content_oben img, #teaser_rechts img, #content_unten img, #visual_ganz img, .slides img, #linie img, embed, object, video, .video {
  max-width: 100%;
  width:100%;
  height: auto;
}



#formhandler_contact_form label {
width:100%;
display:block;
float:left;
}

#formhandler_contact_form input {
border: 1px solid #9c9c9c;
padding:5px;
width:95%;
}

#formhandler_contact_form select {
border: 1px solid #9c9c9c;
padding:5px;
width:97%;
}

#formhandler_contact_form checkbox {
border: 1px solid #9c9c9c;
padding:5px;
width:97%;
}

#formhandler_contact_form div.row {
	margin-bottom:3px;
}

#formhandler_contact_form textarea {
width:95%;
height:100px;
border: 1px solid #9c9c9c;
margin-bottom:5px;
margin-top:4px;
padding:5px;
}

#formhandler_contact_form textarea, #formhandler_contact_form input {
	font-size:12px;
}
#formhandler_contact_form .error {
	margin-left:0px;
}

#formhandler_contact_form span.red a {
	color:red;
}



#adresse1 {
	float:left;
	width:50%;
	min-width:35%;
}


#adresse2 {
	float:left;
	width:50%;
	min-width:35%;
}

/***** Powermail Formular Extension *****/

.powermail_form h3{
	display:none;
}

.powermail_form .powermail_legend{
	display:none;
}

.powermail_form .powermail_label {
    display: block;
    float: left;
    padding-bottom: 2px;
    padding-top: 5px;
	width:100%;
}

.powermail_form .powermail_label.powermail_check_legend {
    margin-bottom: 10px;
}

.powermail_form .powermail_input, .powermail_form .powermail_textarea, .powermail_form .powermail_date{
    border: 1px solid #9c9c9c;
    padding: 5px;
    width: 95%;
	font-size: 12px;
}

.powermail_form ul.parsley-errors-list{
	list-style:none;
	color:#ff0000;
	padding: 0;
}
.powermail_form ul.parsley-errors-list li{
	padding: 4px 0 6px;
}

.powermail_form .powermail_fieldwrap{
	margin-top:5px;
	clear:left;
}
.powermail_form .mandatory{
	padding-left:5px;
}

.powermail_form input:invalid, .powermail_form textarea:invalid{
	background-color:#fff;
}

.powermail_form .powermail_select{
    padding: 0 12px 0 2px;
	border: 1px solid #9c9c9c;
}
.powermail_form .powermail_select option{
    padding: 3px 0 3px 4px;
}

.powermail_form .powermail_submit, .powermail_form .powermail_submit:hover{
	margin-top:15px;
}

.powermail_form .powermail_fieldset{
    display: table-cell;

}


/* Suchformular */
#tx-indexedsearch-searchbox-button-submit_top {
	display:none;
}

#tx-indexedsearch-searchbox-sword_top {
	width:250px;
	height:30px;
}

.tx-indexedsearch-searchbox-sword {
	-moz-box-shadow: inset 2px 2px 2px #999;
    -webkit-box-shadow: inset 2px 2px 2px #999;
    box-shadow: inset 2px 2px 5px #999;
	margin-left:5px;
}

.tx-indexedsearch-searchbox-button {
	color:#fff; text-decoration:none; background-color:#0059a5; box-shadow:2px 2px 2px #333333; padding:5px;
	width:4em;
	margin-top:5px;
	margin-left:5px;
}



.tx-indexedsearch-rules {
	display:none;
}


#main .csc-textpic-above .flexslider {
    float: left;
	width:auto;
}

/* Youtube */
.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
z-index:1;
}

.video iframe, .video object, .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:1;
}

.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {
max-width: 100%;
z-index:1;
}

.content a.cboxElement{
	background:none;
	padding-left:0;
}
.frontEndEditIcons{
	width: auto !important;
	float:right;
}

.frontEndEditIconLinks{
	background:transparent !important;
	box-shadow:none !important;
} 
.content > div{
	position:relative;
}
.fe-edit-panel{
	position:relative;
	z-index:100;
	border:medium none !important;
	margin-top:-10px;
	background:rgba(0,0,0,0.6);
	width:100%;
	line-height:25px;
	margin-bottom:-25px;
	float:left;
}
.fe-edit-panel form{
	float:right;
	padding: 2px;
}
.fe-edit-panel > br{
	display:none;
}
.fe-edit-panel > table{
	display:none;
}
.typo3-editPanel{
	margin-bottom:0 !important;
}
.typo3-editPanel img{
	width:auto !important;
}



img[src*="clear.gif"] {
	display:none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#content_visual img, #teaser_aktuell img, #slider_teaser img, #labels img, #logo img, footer img, #inhalt_unten_links img, #inhalt_unten_mitte img, #inhalt_unten_rechts img, #inhalt_oben_links img, #inhalt_oben_mitte img, #inhalt_oben_rechts img, #teaser_links img, #content_oben img, #teaser_rechts img, #content_unten img, #visual_ganz img, .slides img, #linie img, embed, object, video, .video {
        max-width: 100%;
        height: auto;
        width: auto;
    }
}

@media \0screen {
#content_visual img, #teaser_aktuell img, #slider_teaser img, #labels img, footer img, #inhalt_unten_links img, #inhalt_unten_mitte img, #inhalt_unten_rechts img, #inhalt_oben_links img, #inhalt_oben_mitte img, #inhalt_oben_rechts img, #teaser_links img, #content_oben img, #teaser_rechts img, #content_unten img, #visual_ganz img, .slides img, #linie img, embed, object, video, .video { 
  	width: auto\9; /* for ie 8 */
  }
}

aside { 
	float:left;
	margin:0 0 40px 0;
	}
.flexslider {width:100%;}

#banner {
	text-align:left;
}


/*colors and bgs*/
body{}

#linie {
	margin-bottom:16px;
}

footer{ 
	clear:both;
	margin-right:16px !important;
}



a.bluelink{ 
	background:#fff; 
	border-radius:7px; 
	color:#fff;
	display:block;
	float:left; 
	margin:10px 16px 10px 0; 
	padding:15px;}


#copy {
	font-size:11px;
	padding-left:0px;
	/*background: url(../images/wir_leben.png);*/
	/*background-repeat: no-repeat;*/
	width:120px;
	height:16px;
	margin-left:16px;
	margin-top:4px;
	color:#F7FF14;
	font-weight:bold;
	font-family: "OpelNextBold";
}


#footernavigation {
	font-size:12px;
	padding: 0 16px;
}
#footernavigation a{
	color:#fff;
	text-decoration:none;
	padding-right:35px;
	line-height: 22px;
}

#footernavigation a:hover{
	color:#fff;
	text-decoration:underline;
}
/*
#footer_text {
	font-size:10px;
	padding-left:20px;
	margin-bottom:68px;
}*/

#footer_text {
	font-size:10px;
	padding-left:20px;
	margin-bottom:68px;
}
#footer_text a{
	color:#fff;
	text-decoration:none;
	padding-left:20px;
}

#footer_text a:hover{
	color:#fff;
	text-decoration:underline;
}

.newsAngebote {
    margin-top: 25px;
	line-height: 21px;
}
.newsAngebote img{
	max-width:100%;
	height:auto;
}
.newsAngebote .news_image a{
	float:left;
	max-width:92%;
}
.newsAngebote li:before {
    background: url("../images/icon_sprite.png") repeat-x scroll 0 -800px rgba(0, 0, 0, 0);
    border: 0 none;
    content: "";
    display: block;
    height: 25px;
    margin: 0;
    width: 100%;
}
.newsAngebote li:first-child:before {
    background: none;
    height: 0px;
}
.newsAngebote li{
	list-style:none;
	width:100%;
	float:left;
	margin-bottom: 25px;
}
.newsAngebote .news_image{
	float:left;
	width:34%;
}
.newsAngebote .news_content{
	float:left;
	width:43.3%;
}
.newsAngebote .news_content.angebote{
	float:left;
	width:66%;
}
.newsAngebote .news_date{
	float:left;
	width:22.7%;
	text-align:right;
}

.newsAngebote a:link, .newsAngebote a:visited {
	color:#000;
	text-decoration:none;
}
.newsAngebote a:hover{
	color:#7d868b;
	text-decoration:none;
}

.newsAngebote h3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	margin-bottom:10px;
}

.newsAngebote h3 a:link, .newsAngebote h3 a:visited {
	color:#000;
	text-decoration:none;
}
.newsAngebote h3 a:hover{
	color:#000;
	text-decoration:none;
}

.newsAngebote h4{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#989898;
	margin:0;
}

.newsAngebote h4.news_date_s{
	display:none;
}

.newsAngebote a.angebote{
	background: url("../images/icon_sprite.png") no-repeat scroll 0 -293px rgba(0, 0, 0, 0);
    display: inline-block;
    padding-left: 16px;
}

.newsAngebote a.mobile{
	display:none;
}

/***** HTML 5 Video Anpassungen *****/
.vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level {
    background: #f7d900;
}

.vjs-default-skin .vjs-load-progress {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
}
.vjs-default-skin .vjs-progress-control .vjs-slider-handle:before {
    display: none;
    font-size: 1.3em;
    left: 20%;
    margin-top: -0.1em;
    padding-top: 0;
    transform: rotate(0deg);
}

.vjs-default-skin:hover .vjs-progress-control .vjs-slider-handle:before{
    display:block;
}
.vjs-default-skin .vjs-big-play-button:before {
    left: 2px;
    line-height: 2em;
}
.vjs-default-skin .vjs-big-play-button {
    border: 0.1em solid #fff;
    border-radius: 1.6em;
    height: 2em;
    left: 0;
    margin: -1em auto 0;
    position: relative;
    top: 50%;
    width: 2em;
}
.video-js-box {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

.video-js {
    position: relative;
	float:left;
	max-width:100%;
}


#map-canvas .gm-style{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

#map-canvas .gm-style .transparent{
	color:#fff;
}

/* ==|== non-semantic helper classes ========================================
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.csc-default:before, .csc-default:after { content: ""; display: table; }
.csc-default:after { clear: both; }
.csc-default { zoom: 1; }

.csc-space-after-8 {
    margin-bottom: 16px !important;
}


/* ==|== media queries ======================================================
only screen and min-device-width
   ========================================================================== */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
#container, #colophon{width:95%; s}

.grid_10{
	width:70%;
}
.grid_3{
	width:30%;
}
footer .grid_2{
	width:auto;
}
footer .grid_9{
	width:auto;
	padding-left:16px;
}

#logo {
	margin-right:16px;
}

#inhalt_3spalten_unten2 > div,
.inhalt_3spalten_unten2_parent > div{
	width:33%;
	float:left;
}

#inhalt_3spalten_unten2 .inhalt_3spalten_unten2_parent{
	width:100%;
}

#inhalt_3spalten_unten2 > div:nth-child(4n+1),
.inhalt_3spalten_unten2_parent > div:nth-child(4n+1){
	clear:none;
}

#inhalt_3spalten_unten2 > div:nth-child(3n+1),
.inhalt_3spalten_unten2_parent > div:nth-child(3n+1){
	clear:left;
}

.newsAngebote .news_image{
	float:left;
	width:40%;
}
.newsAngebote .news_content, .newsAngebote .news_content.angebote{
	float:left;
	width:60%;
}
.newsAngebote .news_date{
	display:none;
}
.newsAngebote h4.news_date_s {
    display: block;
    margin-bottom: 12px;
    text-align: right;
    width: 100%;
}

.flex-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    margin: 0 0 0px;
    padding: 2%;
    position: absolute;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width: 96%;
}

}

@media  (max-width: 768px) {
#container, #colophon{width:95%;}

#container {
	margin-top:0px;
}

#background2_2 {
	clear:both;
	display:block;
	background-color:#f8f8f8 !important;
	margin-left:16px !important;
	margin-right:16px !important;
}

#background2 {
	display:none;
}

.grid_3_2{
	width:50%;
}

.grid_6_2 {
	width:100%;
}

.grid_10{
	width:100%;
}
.grid_10_2{
	width:100%;
}
.grid_3{
	width:100%;
}
.grid_4{
	width:50%;
}
footer .grid_2{
	width:auto;
}

footer .grid_9{
	width:auto;
	padding-left:16px;
}

#innerBody.moveleft{
	left:75%;
}

#logo{
	margin-top:60px;
}

#logo2{
	margin-top:78px;
}

#navigation-container {
	width:100%;
}

#mobileMenu{
	position:absolute;
	overflow:hidden;
	height:auto;
	padding-left: 10%;
    width: 60%;
	display:none;
	z-index:0;
}

.navigation{
	display:none;
}

.navigation{

}

.nav > ul > li > a {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    height: auto;
    padding: 2px 30px 3px 6px;
	display:block;
}

.nav li ul a {
    font-size: 14px;
	color:#fff;
}

#slider_teaser {
	margin-right:16px;
}

#content_visual {
	margin-right:16px;
}

#teaser_aktuell {
margin-right:16px;
margin-left:16px;
}

#teaser_rechts {
	margin-right:16px;
}

#content_oben {
    margin-right:16px;
}

#content_unten {
	
}



#content_unten > div{
	border-top:2px dotted #E1E1E2;
	margin-right:16px;
	margin-left:16px;
}

#content_unten .csc-textpic-text {
	margin-left:0px;
}
#background {
	margin-right:16px !important;
}

#inhalt_3spalten_unten > div,
.inhalt_3spalten_unten_parent > div{
	width:50%;
	float:left;
}
#inhalt_3spalten_unten .inhalt_3spalten_unten_parent{
	width:100%;
}
#inhalt_3spalten_unten > div:nth-child(3n+1),
.inhalt_3spalten_unten_parent > div:nth-child(3n+1){
	clear:none;
}
#inhalt_3spalten_unten > div:nth-child(2n+1),
.inhalt_3spalten_unten_parent > div:nth-child(2n+1){
	clear:left;
}

#inhalt_3spalten_unten2 > div,
.inhalt_3spalten_unten2_parent > div{
	width:50%;
	float:left;
}
#inhalt_3spalten_unten2 .inhalt_3spalten_unten2_parent{
	width:100%;
}
#inhalt_3spalten_unten2 > div:nth-child(3n+1),
.inhalt_3spalten_unten2_parent > div:nth-child(3n+1){
	clear:none;
}

#inhalt_3spalten_unten2 > div:nth-child(2n+1),
.inhalt_3spalten_unten2_parent > div:nth-child(2n+1){
	clear:left;
}



.newsAngebote .news_image{
	float:left;
	width:40%;
}
.newsAngebote .news_content, .newsAngebote .news_content.angebote{
	float:left;
	width:60%;
}
.newsAngebote .news_date{
	display:none;
}
.newsAngebote h4.news_date_s {
    display: block;
    margin-bottom: 12px;
    text-align: right;
    width: 100%;
}


.flex-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    margin: 0 0 -8px;
    padding: 2%;
    position: absolute;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width: 96%;
}

#content_visual h3 {
    background-color: #f7d900;
    clear: both;
    color: #000;
    display: inline-table;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
    padding: 3px 15px;
    text-transform: uppercase;
    width: auto;
}

#content_visual h5 {
	display:none;
}

#content_visual h6 {
	display:none;
}

#bg_subnav {
	height:auto;
	position: relative !important;
 	background:none;
	padding-left:16px;
	z-index:0;
	width:auto;
}

}

@media (max-width: 600px) {
#container, #colophon{width:95%;}



.grid_10{
	width:100%;
}
.grid_3{
	width:100%;
}

.grid_9{
	width:100%;
}

#slider_teaser {
	margin-right:16px;
}

#content_visual {
	margin-right:16px;
}

#teaser_aktuell {
margin-right:16px;
margin-left:16px;
}

#logo {
	margin-right:16px;
}

.navigation{
	display:none;
    
}

.navigation{

}

.nav > ul > li > a {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    height: auto;
    padding: 8px 30px 8px 15px;
	display:block;
}

.nav li ul a {
    font-size: 14px;
	color:#fff;
}

#content_unten .csc-textpic-text {
	margin-top:170px;
}

#background {
	margin-right:16px !important;
}



#footernavigation {
	margin-left:0px;
}

#content_visual h5 {
	display:none;
}

#content_visual h6 {
	display:none;
}

footer .grid_9{
	display:block;
	width:100%;	
}
footer .grid_9 a{
	display:block;
	
}

}

@media (max-width: 480px) {
#container, #colophon{width:95%;}

.grid_10{
	width:100%;
}
.grid_3{
	width:100%;
}
.grid_4{
	width:100%;
}

#content_unten .csc-textpic-text {
	margin-top:170px;
}
#inhalt_3spalten_unten > div, 
.inhalt_3spalten_unten_parent > div{
	width:100%;
	float:left;
}
.inhalt_3spalten_unten_parent > div:nth-child(3n+1){
	clear:none;
}
.inhalt_3spalten_unten_parent > div:nth-child(2n+1){
	clear:none;
}

#inhalt_3spalten_unten2 > div,
.inhalt_3spalten_unten2_parent > div{
	width:100%;
	float:left;
}

#inhalt_3spalten_unten2 > div:nth-child(3n+1),
.inhalt_3spalten_unten2_parent > div:nth-child(3n+1){
	clear:none;
}

#inhalt_3spalten_unten2 > div:nth-child(2n+1),
.inhalt_3spalten_unten2_parent > div:nth-child(2n+1){
	clear:none;
}
#inhalt_3spalten_unten2 .mobile{
	display:block;
} 
#inhalt_3spalten_unten2 .large{
	display:none;
} 


#footernavigation a{
	color:#fff;
	text-decoration:none;
	padding-right:5px;
}

.newsAngebote .news_image{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.newsAngebote .news_image a{
	float:none;
}
.newsAngebote .news_content, .newsAngebote .news_content.angebote{
	float:left;
	width:100%;
}
.newsAngebote a.large{
	display:none;
}
.newsAngebote a.mobile{
	display:block;
}
#content_visual h3 {
    background-color: #f7d900;
    clear: both;
    color: #000;
    display: inline-table;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-top: 0;
    padding: 3px 15px;
    text-transform: uppercase;
    width: auto;
}

.flex-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    margin: 0 0 -12px;
    padding: 2%;
    position: absolute;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width: 96%;
}

#logo{
}

#logo2{
	
}

}

@media (max-width: 320px) {
#container, #colophon{width:95%;}
	

}