*
{
	margin: 0;
	padding: 0;
}


html
{
	background: url("../images/connexx_bg.png") no-repeat scroll 50% -40px #eeeeee;
	font-size: 12px;
  line-height: 14px;
	font-family: "dejavu_sansbook", Arial, sans-serif;
}
body
{
	/* height: 100vh; */
	/*background: url("../images/wrapper-bg.gif") repeat-y center top transparent;*/
}
a
{
	text-decoration: none;
	color: #e40046;
}

/*
strong, b {
 font-family: "dejavu_sansbold", sans-serif;
 font-weight: bold;
}
*/





#wrapper
{
	background: url("../images/wrapper-bg.gif") repeat-y center top transparent;
  max-width: 980px;
  margin: 0 auto 50px;
}
#wrapper2
{
	
	width: auto;
	padding: 0 25px 30px;
	
}
#header
{
	position: relative;
	height: 210px;
	margin-bottom: 15px;
	background: url("../images/header_bg.png") no-repeat 270px 53px rgba(0, 0, 0, 0);
}
#header h1
{
	position: absolute;
	top: 35px;
	left: 0;
	width: 248px;
	height: 79px;
	background: url("../images/logo/logo.png") left top no-repeat;
	text-indent: -9999px;
}
#header h1 a
{
	display: block;
	width: 100%;
	height: 100%;
}
ul#navigation
{
	list-style: none;
	position: absolute;
	top: 35px;
	left: 270px;
	/* max-width: 645px; */
	height: 34px;
	padding-top: 140px;
	padding-left: 42px;
  background: url("../images/header_bg_tablet.png") left top no-repeat ;
}
ul#navigation > li
{
	display: block;
	float: left;
	height: 30px;
	/* font-weight: bold; */
	font-size: 16px;
	color: #FFF;
	border-right: 1px dotted #FFF;
  
  font-family: "dejavu_sanscondensed_bold", "dejavu_sansbold", sans-serif;
}
ul#navigation > li a
{
	display: inline-block;
	color: #FFF;
	padding: 1px 15px 10px;
	text-decoration: none;
	padding-bottom: 8px;
	text-align: center;
}
ul#navigation > li:last-child
{
	border-right: none;
}
ul#navigation > li.active a,
ul#navigation > li a:hover,
ul#navigation > li a:focus,
ul#navigation > li a:active
{
	border-bottom: 5px solid #E40046;
}

ul#navigation ul
{
	display: none;
}

ul#top-navigation
{
	list-style: none;
	position: absolute;
	top: 33px;
	left: 520px;
	color: #888;
}
ul#top-navigation li
{
	display: inline;
	padding: 0 7px 0 5px;
	border-right: 1px solid #888;
	font-size: 11px;
}
ul#top-navigation li a
{
	color: #888888;
}
ul#top-navigation li:last-child
{
	border-right: none;
}

#content
{
	background: transparent url("../images/content-bg.gif") left top repeat-y;
}


#sub-navigation
{
	height: 100%;
	width: 249px;
	float: left;
  /* border-right: 1px solid #7f9bad; */
}

#sub-navigation-list
{
	padding: 30px;
	background-color: #dfeaf8;
  margin-bottom: 20px;
}
#mobile_untermenue
{
	display: none;
	
	/* width: 588px; */
	margin-bottom: 20px;
  background-color: #dfeaf8;
}
#sub-navigation-list h6
{
	font-weight: bold;
	color: #00375B;
	font-size: 16px;
	margin-bottom: 11px;
}
#sub-navigation-list ul,
#mobile_untermenue ul
{
	list-style: none;
}
#mobile_untermenue ul
{
 padding: 0px 0px;
}

#sub-navigation-list li
{

}
#sub-navigation-list li a,
#mobile_untermenue li a
{
	display: block;
	padding: 6px 0 6px 15px;
	background: url("../images/bg-list-arrow.png") 0px 9px no-repeat;
	text-decoration: none;
	color: #000;
  line-height: 16px;
}
#mobile_untermenue li a
{
 padding: 9px 20px 9px 65px;
 background: url("../images/bg-list-arrow.png") 50px 11px no-repeat;
 line-height: 14px;
}
#sub-navigation-list li a:hover,
#sub-navigation-list li a:focus,
#sub-navigation-list li a:active
{
	background: url("../images/bg-list-arrow-active.png") 0px 9px no-repeat;
}
#mobile_untermenue li a:hover,
#mobile_untermenue li a:focus,
#mobile_untermenue li a:active,
#mobile_untermenue li a.active
{
	background: url("../images/bg-list-arrow-active.png") 50px 11px no-repeat;
}
#sub-navigation-list li.active > a,
#mobile_untermenue li.active > a
{
	font-weight: bold;
}
#sub-navigation-list li + li,
#mobile_untermenue li + li
{
	border-top: 1px dotted #295878;
}

#mobile_untermenue ul ul li
{
	border-top: none;
}

#sub-navigation-list ul ul
{
	margin-left: 18px;
}


#sub-navigation ul.banner
{
	list-style: none;
	margin-bottom: 20px;
}
#sub-navigation ul.banner li
{
	text-align: center;
  width: 226px;
  position: relative;
  line-height: 0px;
  min-height: 52px;
}
#sub-navigation ul.banner li + li
{
	margin-top: 10px;
}

#sub-navigation ul.banner a
{
 color: #FFFFFF;
 display: block;
}

#sub-navigation ul.banner li a > span.titel
{
	/* display: none; */
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 52px;
  width: 100%;
  display: block;
  text-align: right;
  background: url('../../bilder/banner_label.png') no-repeat scroll bottom left;
}

#sub-navigation ul.banner li a > span.titel span {
 display: block;
 padding: 37px 6px 0px 6px;
}


#sub-navigation #icon-list,
#mobile_footer #icon-list
{
	/* margin-top: 100px; */
	list-style: none;
}
#sub-navigation ul.banner + #icon-list
{
	margin-bottom: 20px;
}
#sub-navigation #icon-list li,
#mobile_footer #icon-list li
{
	margin-bottom: 8px;
	height: 26px;
	width: 226px;
}
#sub-navigation #icon-list a,
#mobile_footer #icon-list a
{
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #00375B;
	font-size: 10px;
	text-decoration: none;
	padding: 5px 0 7px 35px;
	font-weight: bold;
}

a.bg-tarifvertraege
{
	background: url("../images/banner-tarifvertraege.png") left top no-repeat;
}

a.bg-mitglied-werden
{
	background: url("../images/banner-mitglied-werden.png") left top no-repeat;
}

a.bg-newsletter
{
	background: url("../images/banner-newsletter.png") left top no-repeat;
}


#inhalt
{
	margin-left: 270px;
  line-height: 20px;
}

#inhalt header,
#inhalt h1
{
	margin-bottom: 10px;
}
#inhalt * + h1
{
	margin-top: 20px;
}

#inhalt header h1,
#inhalt h1
{
 font-weight: normal;
 line-height: 32px;
}

#inhalt header h2
{
 font-weight: normal;
 line-height: 26px;
}


#inhalt p + p,
#inhalt p + ul,
#inhalt ul + p,
#inhalt p + ol,
#inhalt ol + p,
#inhalt div.img-left + p,
#inhalt div.img-right + p,
#inhalt div.img-left + ul,
#inhalt div.img-right + ul,
#inhalt div.img-left + ol,
#inhalt div.img-right + ol
{
	margin-top: 8px;
}

#inhalt h2 + *,
#inhalt h3 + *,
#inhalt h4 + *,
#inhalt h5 + *,
#inhalt h6 + *
 {
	margin-top: 7px;
 }
#inhalt * + h2,
#inhalt * + h3,
#inhalt * + h4,
#inhalt * + h5,
#inhalt * + h6
 {
	margin-top: 18px;
	color: #E40046;
 }

#inhalt h2
{
	clear: right;
	padding: 0 0 3px;
	border-bottom: 1px dotted #808080;
}

#inhalt ul,
#inhalt ol
{
	margin-left: 20px;
}
#inhalt ul li + li,
#inhalt ol li + li
{
	margin-top: 6px;
}

#inhalt img.img-left,
#inhalt div.img-left
{
	float: left;
	margin: 0 10px 5px 0;
}
#inhalt img.img-right,
#inhalt div.img-right
{
	float: right;
	margin: 0 0 5px 10px;
}
#inhalt div.img-left,
#inhalt div.img-right
{
	width: auto;
	max-width: 30%;
	margin-top: 8px;
}
#inhalt div.img-left img,
#inhalt div.img-right img
{
	display: block;
	float: none;
	margin: 5px auto 8px;
}
#inhalt div.img-left p,
#inhalt div.img-right p
{
	width: auto !important;
	margin: 0 5px 5px;
}

#inhalt .small
{
	font-size: 80%;
}

#inhalt .d-block
{
	display: block;
}
#inhalt .marginTop { margin-top: 5px; }
#inhalt .marginRight { margin-right: 5px; }
#inhalt .marginBottom { margin-bottom: 5px; }
#inhalt .marginLeft { margin-left: 5px; }
#inhalt .marginTop2x { margin-top: 10px; }
#inhalt .marginRight2x { margin-right: 10px; }
#inhalt .marginBottom2x { margin-bottom: 10px; }
#inhalt .marginLeft2x { margin-left: 10px; }

#inhalt form .row
{
	margin: 0 0 4px 0;
	overflow: auto;
	border: none;
}
#inhalt form * + .row
{
	padding-top: 8px;
}
#inhalt form fieldset.controls
{
	border: none;
	padding-left: 130px;
}
#inhalt form label[for]
{
	float: left;
	display: inline-block;
	width: 130px;
	height: 20px;
	margin-top: 2px;
}
#inhalt form input
{
	height: 16px;
	padding: 2px;
}
#inhalt form label input
{
	padding-top: 5px;
}
#inhalt form span.controls
{
	display: inline-block;
}
#inhalt form span.controls label
{
	display: block;
	vertical-align: middle;
	height: 20px;
	margin-bottom: 3px;
	margin-top: 0px;
}
#inhalt form span.controls label input[type="checkbox"]
{
	height: 10px;
	margin-right: 5px;
}
#inhalt form input[type="submit"],
#inhalt form input[type="reset"],
#inhalt form input[type="button"],
#inhalt form fieldset.controls input
{
	height: auto;
}
#inhalt .c-error { color: red; }
#inhalt input.email { width: 250px; }

#inhalt p + div.linkbox,
#inhalt ol + div.linkbox,
#inhalt ul + div.linkbox
{
	margin-top: 15px;
}
#inhalt div.linkbox
{
	padding: 7px 9px;
	background-color: #EEE;
	border: 1px solid #CCC;
}
#inhalt div.linkbox h3
{
	color: #000;
}

#inhalt article
{
	margin-top: 25px;
}
#inhalt article header p + h2
{
	margin-top: 0px;
}

#inhalt article div.linkbox
{
	margin-top: 10px;
}

#inhalt article div.text * + ul,
#inhalt article div.text * + ol
{
	margin-top: 4px;
}

#inhalt article.broschuere
{
	
}

#inhalt article.broschuere + article.broschuere
{
	margin-top: 80px;
}

#inhalt article.broschuere img.cover
{
	float: left;
	width: 155px;
	margin: 0 10px 7px 0;
}

#inhalt article.broschuere header,
#inhalt article.broschuere div.text,
#inhalt article.broschuere p.controls
{
	margin-left: 165px;
}
#inhalt article.broschuere header h2
{
	border: none;
}

/* Design der Suchergebnisse */
div.ergebnisItem
{
	padding: 5px 7px;
	margin-bottom: 15px;
	border: 1px solid #EEE;
}
div.ergebnisItem span.type
{
	display: none;
}
#inhalt div.ergebnisItem * + h3
{
	margin-top: 4px;
}
div.ergebnisItem h3 span.ranking
{
	display: inline-block;
	width: 75px;
	height: 14px;
	float: left;
	margin-right: 10px;
	border: 1px solid #808080;
  line-height: 0px;
}
div.ergebnisItem h3 span.ranking span.progressbar
{
	display: inline-block;
	height: 100%;
	background-color: #295878;
}
div.ergebnisItem h3 + p.ranking
{
	margin: 0 0 8px 0 !important;
}
div.ergebnisItem p.ranking span.half-star-a,
div.ergebnisItem p.ranking span.half-star-b
{
	display: inline-block;
	width: 4px;
	height: 8px;
	background: url('../images/search_star-side-a.png') left top no-repeat;
}
div.ergebnisItem p.ranking span.half-star-b
{
	background: url('../images/search_star-side-b.png') left top no-repeat;
	margin-right: 4px;
}
div.ergebnisItem div.text
{
	
}

#inhalt .seitennavigation
{
	border-top: 1px solid #808080;
	padding-top: 4px;
	overflow: auto;
	text-align: center;
	list-style: none;
	margin: 20px 0 0;
}
#inhalt .seitennavigation li
{
	display: inline-block !important;
	*display: inline;
	margin: 3px 4px;
}
#inhalt .seitennavigation li a,
#inhalt .seitennavigation li span
{
	display: block;
	padding: 2px 6px;
	border: 1px solid #808080;
	cursor: pointer;
}
#inhalt .seitennavigation li a:hover,
#inhalt .seitennavigation li a:focus,
#inhalt .seitennavigation li a:active,
#inhalt .seitennavigation li.active span
{
	background-color: #00385b;
	color: #FFF;
	border-color: #E40046;
}
#inhalt article.volltext
{
	margin-top: 0;
}

#inhalt article.volltext h3
{
	color:#000;
}

/* Farbleitkategorien */
p.farbleitkategorie { height: 8px; margin: 0; line-height: 8px; }
#inhalt p.farbleitkategorie + p { margin-top: 2px; }
span.fls-rundfunk, span.fls-neue-medien, span.fls-film-und-fernsehen, span.fls-av-produktion
{
	display: inline-block;
	width: 30px;
	height: 8px;
	margin-right: 10px;
	text-indent: -9999px;
}
.fls-rundfunk { background-color: #E3005B; }
.fls-neue-medien { background-color: #BACE00; }
.fls-film-und-fernsehen { background-color: #F19111; }
.fls-av-produktion { background-color: #0090D1; }

/* Meldungen */
article.meldung + article.meldung
{
	margin-top: 9px;
}
article.meldung header h2
{
	padding-right: 90px;
}
article.meldung div.text
{
	text-align: justify;
}
article.meldung p.controls
{
	text-align: right;
}

div.termin_box
{
	
}

div.termin_box + div.termin_box
{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #CCC;
}

#inhalt div.termin_box div.termin_datum
{
	font-style: italic;
}

#inhalt div.termin_box h2.termin_titel
{
	margin-top: 4px;
}

#inhalt div.termin_box div.termin_text
{
	
}

#inhalt div.termin_box div.termin_text h2,
#inhalt div.termin_box div.termin_text h3,
#inhalt div.termin_box div.termin_text h4,
#inhalt div.termin_box div.termin_text h5,
#inhalt div.termin_box div.termin_text h6
{
	font-size: 14px;
	border: none;
	line-height: 14px;
}


#inhalt fieldset.filter
{
	padding: 5px 9px;
	margin: 15px 0 0;
}
#inhalt fieldset.filter label
{
	float: none;
	width: auto;
	margin-right: 9px;
	padding: 1px 5px;
}
#inhalt fieldset.filter label input
{
	display: inline;
	margin-right: 3px;
	vertical-align: text-bottom;
	padding-bottom: 2px;
}
#inhalt fieldset.filter input[type="submit"]
{
	float: right;
}

#inhalt form.bestellungsformular fieldset
{
	padding: 5px 9px;
}
#inhalt form.bestellungsformular fieldset legend
{
	padding: 0 5px;
}
#inhalt form.bestellungsformular fieldset + fieldset
{
	margin-top: 10px;
}
#inhalt form.bestellungsformular fieldset table tbody td
{
	min-width: 120px;
	vertical-align: top;
	padding-bottom: 4px;
}
#inhalt form.bestellungsformular fieldset table tr.noMinWidth td,
#inhalt form.bestellungsformular fieldset table td.noMinWidth
{
	min-width: 0;
}
#inhalt form.bestellungsformular fieldset label input
{
	vertical-align: text-top;
}
#inhalt form.bestellungsformular fieldset > label input
{
	vertical-align: text-bottom;
}
#inhalt form.bestellungsformular fieldset input.txtLarge
{
	width: 290px;
}


#inhalt ul.errors
{
	border: 1px solid darkred;
	margin: 9px 0;
	padding: 3px 7px;
	background-color: orange;
}

#inhalt ul.errors li
{
	margin: 1px 0 1px 20px;
}


/* Akkordion */
#inhalt ul.akkordeon
{
	list-style: none;
	margin-left: 0;
	margin-right: 0;
}
#inhalt ul.akkordeon > li
{
	border: 1px solid #ccc;
}
#inhalt ul.akkordeon > li + li
{
	border-top: 2px solid #bebcb9;
	margin-top: 0;
}
#inhalt ul.akkordeon > li > .title
{
	display: block;
	min-height: 34px;
	background: url("../images/akkordeon_arrow_oeffnen_inaktiv.png") right 4px no-repeat;
	font-weight: bold;
	cursor: pointer;
	vertical-align: middle;
	line-height: 34px;
	padding-left: 10px;
	padding-right: 45px;
}
#inhalt ul.akkordeon > li > .title:hover,
#inhalt ul.akkordeon > li > .aktiv.title
{
	background-image: url("../images/akkordeon_arrow_oeffnen_aktiv.png");
}
#inhalt ul.akkordeon > li > .aktiv.title:hover
{
	background-image: url("../images/akkordeon_arrow_schliessen_aktiv.png");
}
#inhalt ul.akkordeon > li > .content
{
	display: none;
	padding: 14px 27px 15px 18px;
	background-color: #e2e4e5;
	overflow: auto;
}

#inhalt ul.akkordeon > li > .content > * + *
{
	display: block;
	margin-top: 7px;
}
#inhalt ul.akkordeon > li > .content > div + div
{
	margin-top: 0px;
}
#inhalt ul.akkordeon > li > .content > * + a
{
	display: inline;
}
#inhalt ul.akkordeon > li > .content ul
{
	list-style: square;
}

#inhalt ul.akkordeon div.kontakt_bueroanschrift,
#inhalt ul.akkordeon div.kontakt_ansprechpartner
{
	float: left;
	width: 210px;
}
#inhalt ul.akkordeon div.kontakt_ansprechpartner
{
	margin-left: 10px;
	width: 260px;
}
#inhalt ul.akkordeon img.kontakt_ansprechpartner
{
	height: 128px;
}

#mobile-navigation
{
	display: none;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
}
#mobile-navigation > span
{
	display: block;
	text-indent: -9999px;
	background: url('../images/mobile-navigation-opener.png') center top no-repeat;
	height: 51px;
	cursor: pointer;
}

#mobile-navigation > span.close
{
 background: url('../images/mobile-navigation-opener-close.png') center top no-repeat;
}

#mobile-navigation > div
{
	display: none;
	background-color: #808080;
	padding-top: 20px;
}
#mobile-navigation div div.search
{
	position: relative;
	width: 227px;
	margin: 0 auto 10px;
	height: 31px;
	font-size: 16px;
	background: url('../images/mobile-navigation-search-bg.jpg') left top no-repeat;
	border-radius: 5px;
}
#mobile-navigation div div.search input
{
	margin-top: 7px;
	margin-left: 25px;
	border: none;
	background: transparent;
	width: 175px;
}
#mobile-navigation div div.search a
{
	text-indent: -9999px;
	position: absolute;
	top: 8px;
	left: 206px;
	width: 16px;
	height: 16px;
}
#mobile-navigation div ul
{
	display: block;
	padding-bottom: 4px;
}
#mobile-navigation div ul li
{
	display: block;
	text-align: center;
}
#mobile-navigation div ul li a
{
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
  display: block;
  padding: 8px 0;
}

#mobile_footer
{
	display: none;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 30px;
	border-top: 5px solid #E0E0E0;
}
#mobile_footer #icon-list
{
	margin: 0 25px;
	/* max-width: 645px; */
	width: auto;
}


/* Formulare */
#inhalt form.frmFrontend
{
	
}

#inhalt form.frmFrontend fieldset
{
	margin-top: 20px;
	padding: 7px;
	border: none;
	border-top: 1px solid #888;
}

#inhalt form.frmFrontend fieldset legend
{
	padding: 2px 7px 2px 7px;
	margin-left: 20px;
}

#inhalt form.frmFrontend table
{
	text-align: left;
}

#inhalt form.frmFrontend table th,
#inhalt form.frmFrontend table td
{
	vertical-align: top;
	padding-bottom: 5px;
}

#inhalt form.frmFrontend table th
{
	width: auto;
	padding-right: 14px;
}

#inhalt form.frmFrontend label[for]
{
	display: block !important;
	float: none !important;
	height: auto !important;
	width: auto;
}

#inhalt form.frmFrontend label[for] > input
{
	margin-right: 4px;
	vertical-align: text-top;
}

#inhalt form.frmFrontend table td textarea
{
	width: 100%;
}

form.frmFrontend span.text
{
	display: block;
}

form.frmFrontend span.smalltext
{
	font-size: 80%;
}

form.frmFrontend tr.frmbeitritt_beschaeftigungsstand label input[type="text"]
{
	margin-left: 5px;
}


#spot-newsletter br {
	margin:0;
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx)
{
 #header
 {
   background-image: url("../images/header_bg@2x.png");
   background-size: 659px 150px;
 }
 
 ul#navigation
 {
   background: url("../images/header_bg_tablet@2x.png") top left no-repeat;
   background-size: 1000px 204px;
 }
 
 #header h1 { background: url("../images/logo/logo@2x.png") no-repeat scroll left top rgba(0, 0, 0, 0); background-size: 248px 79px; }
}

/* Desktop */
@media screen and (min-width: 845px)
{
 ul#navigation { background: none; }
}

/* Tablet */
@media screen and (min-width: 697px) and (max-width: 845px)
{
	#wrapper2 { padding: 0; }
	#header { padding-top: 100px; height: auto; width: auto; margin: 0 auto; /* background: none; */ }
	#sub-navigation { display: none; }
	#mobile_footer { display: block; }
	#content { background: none; /* max-width: 645px; */ margin: 20px 25px 0; }
	#inhalt { margin-left: 0px; }
  
  #header { background: none; }
  
	/* ul#navigation { background: url("../images/header_bg_tablet.png") no-repeat left bottom; } */
	
  ul#top-navigation { left: 560px; }
	ul#top-navigation li { display: block; border-right: none; }
	ul#navigation { height: 28px; position: static; margin: 0 25px; background-position: left bottom; }
	/*ul#navigation li.active ul { display: block; }*/
	#header h1 { left: 50px; }
	#mobile_untermenue { display: block; margin: 0 25px; width: auto; /* max-width: 588px; */ }
	#mobile_untermenue ul ul li { padding-left: 20px }
}



/* Mobil */
@media screen and (max-width: 696px)
{
  #header { background: none; padding-top: 50px; height: auto; margin: 0 auto;  }
  #sub-navigation { display: none; }
  #content { background: none; max-width: 645px; margin: 20px 25px 0; width: auto; }
  #inhalt { margin-left: 0px; }
  #mobile_footer { display: block; }
  
	#wrapper2 { padding: 0; /* min-width: 336px; */ background-color: #FFF; }
	ul#top-navigation { display: none; }
	#mobile_untermenue { display: none; }
	#header, #content { width: auto; }
	#header h1 { left: 25px; width: 198px; background-image: url("../images/logo/logo_mobile.png"); background-size: 198px 63px; }
	ul#navigation { position: static; margin: 0 25px; }
	#header ul#navigation { width: auto; height: auto; background-position: 0px -55px; padding-top: 110px; padding-left: 0px; margin: 0 25px; }
	#header ul#navigation li { display: block; float: none; height: auto; /* padding: 3px 0 20px; */ text-align: center; border-right: none; background-color: #00375B; max-width: 658px; overflow: auto; }
	#header ul#navigation li a { display: block; width: auto; padding: 10px 0 10px; border-bottom: none; }
	#header ul#navigation li:first-child a { padding-top: 4px; }
	#header ul#navigation li:last-child a { padding-bottom: 20px; }
	ul#navigation > li.active, ul#navigation > li:hover { border: none; }
	ul#navigation > li.active ul { display: block; position: relative;/* top: 20px; */ /* margin-bottom: 20px; */ }
	#header ul#navigation li.active ul li { padding: 0px; text-align: left; background-color: #dfeaf8; color: #000; }
	#header ul#navigation li.active ul li a { font-weight: normal; text-align: left; padding-top: 10px; padding-bottom: 10px; padding-left: 12px; display: block; font-size: 80%; color: inherit; border-bottom: 1px dotted #ccc; }
  #header ul#navigation li.active ul li ul li a { padding-left: 22px; }
  
  
  #header ul#navigation > li.active > ul > li:last-child > a { border-bottom: none; }
  
  
  #header ul#navigation li.active ul li.active > a { font-weight: bold; }
  	
	#mobile-navigation { display: block; }
	#mobile_footer #icon-list { margin-left: 25px; width: auto; display: block; }
	
	#inhalt div.img-left,
	#inhalt div.img-right
	{
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
		overflow: auto;
		margin: 8px 0 5px 0;
	}
	#inhalt div.img-left img,
	#inhalt div.img-right img
	{
		float: left;
		margin: 5px 10px 5px 0;
	}
	#navigation ul ul
	{
		top: 0;
	}
  
  
  #inhalt div.img-left p, #inhalt div.img-right p {
   margin: 0px;
  }
  
  #inhalt div.img-left img, #inhalt div.img-right img {
   float: none;
   margin: 0px;
  }
  
	form.frmFrontend table th,
	form.frmFrontend table td
	 {
		display: block;
	 }

	#inhalt ul.akkordeon > li > .content > div + div
	{
		margin-top: 7px;
	}
	 
	#inhalt ul.akkordeon div.kontakt_bueroanschrift,
	#inhalt ul.akkordeon div.kontakt_ansprechpartner,
	#inhalt ul.akkordeon img.kontakt_ansprechpartner
	{
		width: auto;
		margin-left: 0;
		margin-right: 0;
		display: block;
		float: none;
	}
}





/* Retina-Devices */
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 696px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 696px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 696px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 696px),
only screen and (                min-resolution: 192dpi) and (max-width: 696px),
only screen and (                min-resolution: 2dppx) and (max-width: 696px)
{
	#mobile-navigation > span { background-image: url('../images/mobile-navigation-opener@2x.png'); background-size: 335px 51px; }
  #mobile-navigation > span.close { background-image: url('../images/mobile-navigation-opener-close@2x.png'); background-size: 335px 51px; }
	
	#mobile-navigation div div.search { background-image: url('../images/mobile-navigation-search-bg@2x.jpg'); background-size: 227px 31px; }
  
  #sub-navigation ul.banner li a > span.titel { background-image: url('../../bilder/banner_label@2x.png'); background-size: 226px 52px; }
  #header h1 { background-image: url("../images/logo/logo_mobile@2x.png"); }
}