/*******************************
 *
 *  FARBCODES
 *  Textfarbe:          #163c63;
 *  Hintergrund blau:   #C0D1DC;
 *  blau 40%:           #D8DEE4;
 *  blau 70%:           #4C7B9B;
 *  blau 100%:          #004370;   
 *
 ********************************/ 

body {
  background: #C0D1DC;
  font-size: 1.2em;
  color: #163c63;
  text-align: center;
}


/***************************************
 *
 *  Formatierung Inhaltselemente
 *
 *
 ***************************************/     
div.contentblock {
  clear: both;
  margin-bottom: 10px;
}
div.contentblock ol li {
  margin-left: 10px;
}
div.contentblock ul{
  margin: 0px;
	padding: 0 15px;
  list-style: square;
  margin-left: 20px;
}

div.contentblock ul li {
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
}
div.csc-frame-rulerAfter {
	height: 2px;
	background-color: #cfcfcf;
	line-height: 1px;
	font-size: 1px;
	margin-top: 6px;
}

ol {
	padding-left: 15px !important;
}

/***************************
 *
 *  grundlegende Layoutelemente
 *
 *
 ***************************/
 
 
div#wrapper {
  width: 1000px;
  background: white;
  margin: auto;
  text-align: left;
}
div#logoarea {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: right;
}
div#wrapper div.marginwrap {
  margin: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div#sucharea {
  width: 242px;
  height: 130px;
  background: #D8DEE4;
  float: right;
}
div#sucharea form {
  margin: 15px;
}
div#headerbild {
  float: left;
  line-height: 0px;
  font-size: 0px;
  margin-bottom: 5px;
}




/***************************
 *
 *  Menüelemente
 *
 *
 ***************************/
div#menuleiste {
  width: 100%;
  clear: both;
  background: #004370;
  color: white;
  margin-bottom: 20px;
  height: 24px;
}
div#menuleiste a:link,
div#menuleiste a:visited {
  color: white;
  text-decoration: none;
}






/***************************
 *
 *  Servicemenu
 *
 *
 ***************************/
ul#servicemenu_left,
ul#servicemenu_right
{
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 450px;
  color: white;
  height: 24px;
}
ul#servicemenu_left {
  float: left;
}
ul#servicemenu_right {
  float: right;
  margin-right: 20px;
  -margin-right: 10px;
}
ul#servicemenu_left li {
  float: left;
  display: inline;
  color: white;
}

ul#servicemenu_right li {
  float: right;
  display: inline;
  color: white;
}
ul#servicemenu_left li a:link,
ul#servicemenu_left li a:visited {
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
  padding-right: 20px;
  background: url('../img/trennstrich.jpg') no-repeat right 50%;

}
ul#servicemenu_right li a:link,
ul#servicemenu_right li a:visited  {
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
  padding-right: 20px;
  background: url('../img/trennstrich.jpg') no-repeat left 50%;
}
ul#servicemenu_right li a:hover,
ul#servicemenu_left li a:hover,
ul#servicemenu_right li.act a:link,
ul#servicemenu_right li.act a:visited, 
ul#servicemenu_left li.act a:link,
ul#servicemenu_left li.act a:visited {
  background-color: #006AB3;
}





/***************************
 *
 *  Formatierung Hauptmenu
 *
 *   
 *****************************/ 
ul.nav {
  margin: 0px;
  padding: 0px; 
  list-style: none;
  width: 240px;
  padding-bottom: 4px; 
  float: left;
}
ul.nav li  {
  display: inline;
}
ul.nav li a:link,
ul.nav li a:visited {
  display: block;
  color: #004370;
  background: #6f94b0;
  border-left: 14px solid #6f94b0;
  margin-bottom: 2px;
  text-decoration: none;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
ul.nav li.first a:link,
ul.nav li.first a:visited {
  background: #004370;
  color: white;
  border-left: 14px solid #004370;
}
ul.nav li a:hover,
ul.nav li a.act:link,
ul.nav li a.act:visited {
  border-left: 14px solid #004370;
}
ul.nav li ul li a:link,
ul.nav li ul li a:visited {
  background:  #96b1c6;
  border-left: 14px solid #96b1c6;
  color: #004370;
  padding-left: 15px;
}
ul.nav li ul li a:hover {
  border-left-color: #004370;
}
ul.nav li ul li ul li a:link,
ul.nav li ul li ul li a:visited {
  padding-left: 30px;
  background:  #b5c8d7;
  border-left: 14px solid #b5c8d7;
}
ul.nav li ul li ul li ul li a:link,
ul.nav li ul li ul li ul li a:visited {
  background:  #d0dce5;
  border-left: 14px solid #d0dce5;
  padding-left: 45px;
}

/***************************
 *
 *  Farbbereiche hauptmenu
 *
 *
 ***************************/
     
ul.nav li.gruen a:link,
ul.nav li.gruen a:visited {
  border-left: 14px solid #56A249;
  background: #004370;
  color: white;
}
ul.nav li.blau a:link,
ul.nav li.blau a:visited {
  border-left: 14px solid #6DB0C7;
  background: #004370;
  color: white;
}
ul.nav li.rot a:link,
ul.nav li.rot a:visited {
  border-left: 14px solid #A94634;
  background: #004370;
  color: white;
}
ul.nav li.orange a:link,
ul.nav li.orange a:visited {
  border-left: 14px solid #EA6826;
  background: #004370;
  color: white;
}
ul.nav li.gelb a:link,
ul.nav li.gelb a:visited {
  border-left: 14px solid #FFCC00;
  background: #004370;
  color: white;
}


/***********
 *
 * Einstellung der Hoverfarben 
 *
 *****************************/    
ul.nav li.gruen a:hover {
  background: #56A249;
}
ul.nav li.blau a:hover {
  background: #6DB0C7;
}
ul.nav li.rot a:hover {
  background: #A94634;
}
ul.nav li.orange a:hover {
  background: #EA6826;
}
ul.nav li.gelb a:hover {
  background: #FFCC00;
  color: black;
}




/***************************
 *
 *  Inhaltsbereich
 *
 *
 ***************************/ 

div#maincontent  {
  width: 460px;
  margin-left: 20px;
  margin-right: 20px;
  float: left;
  margin-bottom: 20px;
}
div#vollebreite {
  width: 100%;
  margin-left: 20px;
  float: left;
}
div#ohnenews {
  width: 720px;
  float:right;
  margin-left: 20px;
  margin-bottom: 40px;
}
div#rightcontent {
  width: 240px;
  float: right;
  min-height: 100%;
}
div#leiste_bottom {
  width: 100%;
  clear: both;
  background: #004370;
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
  color: white;
  border-bottom: 10px solid white;
  position: relative;
}
div#leiste_bottom * {
  color: white;
}
.csc-linkToTop {
	margin-top: 10px;
}
/***************************
 *
 *  Tabelle
 *
 *
 ***************************/
.contenttable {
	clear: both;
	margin: 8px 0;
 	border: none;
}
.contenttable td {
	vertical-align: top;
	padding: 0 5px 8px 0;
}
.contenttable td h1 {
	font-size: 1em;
	text-transform: none;
	margin-bottom: 2px;
}
 
div#rightcontent {
  margin-bottom: 30px;
} 
 
/***************************
 *
 *  News
 *
 *
 ***************************/
.news h1 {
  font-size: 1.4em;
  margin-bottom: 6px;
}
.newsbody img {
	float: left;
	margin-right: 8px;
}
div#rightcontent .news h1 {
  font-size: 1.0em;
  background: #004370;
  color: white;
  padding: 6px;
  margin: 0px;
  text-transform: none;
}

div#rightcontent .news h1 a:link,
div#rightcontent .news h1 a:visited {
  color: white;
  text-decoration: none;
}
div#rightcontent div.newsbody {
  background: #D8DEE4;
  padding: 7px;
  margin-bottom: 10px;
  min-height: 90px;
}
div#rightcontent div.newsbody p {
  display: inline;
}
div#rightcontent div.newsbody img {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  margin: 0px;
}

div#rightcontent div.newsbody a {
    
}


div#rightcontent .news ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
div#rightcontent .news ul {
    background: #D8DEE4;
    padding: 7px;
}
div#rightcontent .news ul li {
    height: 1%;
}
div#rightcontent .news ul li a:link,
div#rightcontent .news ul li a:visited {
  background: url(../img/pfeil_transparent_blau.gif) no-repeat left;
  padding-left: 20px;
  display: block;
  color: #004370;
  padding-bottom: 3px;
}
/***************************
 *
 *  News Single
 *
 *
 ***************************/
 div.news-single-item h2 {
 	margin: 2px 0 10px 0;
 }
 .csc-textpic-caption {
 	font-style: italic;
	font-size: 0.9em;
 }
 .news-single-related,
 .news-single-files,
 .news-single-links {
	margin-bottom: 10px;
 }
 .news-single-related dt,
 .news-single-files dt,
 .news-single-links dt {
 	font-weight: bold;
	margin-bottom: 5px;
 }
 .news-single-author {
 	font-style: italic;
 }
 
 
 div.contentblock .news-single-item ul {
    overflow:hidden;
}
 
/***************************
 *
 *  Indexed Search
 *
 *
 ***************************/
div.contentblock ul.browsebox {
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-top: 10px; 
  list-style: none;
  
}
div.contentblock ul.browsebox li {
  float: left;
  margin-right: 10px; !important
  list-style: none;
  padding-right: 10px; !important
}
div.contentblock ul.browsebox li.tx-indexedsearch-browselist-currentPage a:link,
div.contentblock ul.browsebox li.tx-indexedsearch-browselist-currentPage a:visited{
  font-weight: bold;
}
div.contentblock ul.browsebox li.tx-indexedsearch-browselist-currentPage a:hover {
  text-decoration: underline;
}
h3 {
  clear: both;
}
p.resulttext {
  margin-bottom: 20px;
  width: 80%;
}
div.tx-indexedsearch-res {
  margin-top: 10px;
  padding-top: 20px;
  clear: both
}
div.tx-indexedsearch {
  padding-bottom: 20px;
}
h3 span.resultinfo {
  font-weight: normal;
}
div.tx-indexedsearch-whatis,
div.tx-indexedsearch-browsebox,
div.tx-indexedsearch-browsebox p {
  display: inline;
}
span.tx-indexedsearch-sw {
  font-weight: bold;
}
div.tx-indexedsearch-searchbox {
  margin-bottom: 20px;
}

div.extendedSearch label {
  display: block;
  float: left;
  width: 150px;
}
div.extendedSearch input {
  margin-bottom: 10px;
}
div.tx-indexedsearch-sec {
  margin: 10px 0;
}


/***************************
 *
 *  Kontaktformular
 *
 *
 ***************************/ 
.csc-mailform {
  margin-top: 20px;
}
.csc-mailform label {
  width: 150px;
  display: block;
  float:left;
  margin-right: 6px;
}
div.csc-mailform-field {
  margin-bottom: 7px;
}
.csc-mailform input,
.csc-mailform textarea {
  width: 250px;
}
input.csc-mailform-submit {
  width: 80px;
}

span.csc-mailform-radio input {
  text-align: left;
  width: auto;
  margin: 0px;
}
span.csc-mailform-radio label{
  display: inline;
  float: none;
  width: auto;
  margin: auto;
}

/* Ergänzungen AGB */
#mailform div.csc-mailform-field {
    clear:both;
    position:relative;
}

#mailformMit_dem_Abschicken_des_Formula {
    position:absolute;
    top:0;
    left:0;
    width:30px;
    height:60px;
    z-index:100;
}

.agb-label {
    position:absolute;
    top:0;
    left:155px;    
    width: 255px;
    height:60px;
    z-index:100;
}

#mailformformtype_mail {   
    margin-top:60px;
    width: auto;
}

/* end Ergänzungen AGB */

/***************************
 *
 *  Servicenavi rechts
 *
 *
 ***************************/
div#rightcontent h1 {
  font-size: 1.0em;
  background: #004370;
  padding: 6px;
  margin: 0px;
  color: white;
  text-transform: none;
}
div#rightcontent .box_rechts h1 {
  color: white;
}
div#rightcontent .box_rechts h1 a:link,
div#rightcontent .box_rechts h1 a:visited {
  color: white;
  text-decoration: none;
}
div#rightcontent .box_rechts ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
div#rightcontent .box_rechts ul {
    background: #D8DEE4;
    padding: 7px;
    margin-bottom: 5px;
}
div#rightcontent .box_rechts ul li a:link,
div#rightcontent .box_rechts ul li a:visited {
  background: url(../img/pfeil_transparent_schwarz.gif) no-repeat left;
  padding-left: 20px;
  display: block;
  color: black;
  padding-bottom: 3px;
}
div#rightcontent .box_rechts ul li.act a:link,
div#rightcontent .box_rechts ul li.act a:visited {
  font-weight: bold; 
}
div#rightcontent .box_rechts ul li.act ul {
  list-style: square;
  font-size: 0.9em;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  margin-left: 25px;
  margin-bottom: 10px;
}
div#rightcontent .box_rechts ul li.act ul li a:link,
div#rightcontent .box_rechts ul li.act ul li a:visited {
  font-weight: normal;
  background: none;
  margin: 0px;
  padding: 0px;

}



/******************************
 *
 *  Drucklink einfügen
 *
 *
 ******************************/     

div#drucklink {
  margin-bottom: 10px;
  margin-top: 20px;
  position: absolute;
  right: 0px;
  top: -45px;
}
div#drucklink img {
  padding-right: 5px;
}
div#drucklink a:link,
div#drucklink a:visited {
  text-decoration: underline;
  color: #004370;
}
div#drucklink a:hover {
  text-decoration: none;
}
/******************************
 *
 *  Formatierung Downloadliste
 *
 *
 ******************************/
div#rightcontent div.tx-damdownloadlist-pi1 {
  background: #D8DEE4;
  padding: 7px;
  padding-left: 10px;
  margin-bottom: 10px;
}
div#rightcontent div.tx-damdownloadlist-pi1 ul {
  list-style: none;
}
div#rightcontent div.tx-damdownloadlist-pi1 ul li{
  background: url('../img/square_download.jpg') no-repeat left 10px;
  padding-left: 10px;
}
div#rightcontent div.tx-damdownloadlist-pi1 ul li span {
  text-transform: uppercase;
} 
/***************************
 *
 *  Adressverwaltung
 *
 *
 ***************************/
div#rightcontent div.adressblock {
  border: 1px solid #004370;
  margin-bottom: 10px;
  padding: 10px;  
  margin-bottom: 6px;
  clear: both;
  height: 1%;
}
div#rightcontent div.adressblock h4 {
  font-weight: bold;
  display: block;
}
div#rightcontent div.adressblock h4 span {
  color: white;
}
div#rightcontent div.adressblock .photo {
  padding: 8px 0;
}


/********************************* Fomatierung für Hauptinhaltsbereich */
.contentblock div.adressblock {
  margin-top: 10px;
  margin-bottom: 10px;
}
.contentblock div.adressblock h4 {
}
.contentblock div.adressblock h4 span {
}
.contentblock div.adressblock .photo {
}

.contentblock .tx-ttaddress-pi1 {
	clear:left;
}

.contentblock div.adr-col-2 {
	width:49%;
	float:left;
	min-height:120px;
}

.adr-col .img {
	float:left;		
}
.adr-col .img>img {
	margin-right:10px;		
}
.adr-col .text>b {
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
/* end Adressverwaltung */

/* PLZ-Suche */
.tx-relziplinks-pi1 {
	margin: 20px 0;
}

.tx_relziplinks_pi1_text {
	float:left;
	padding-right:10px;
	line-height:30px;
	vertical-align:middle;
}

.tx_relziplinks_pi1_input {
	width:50px;
	padding:5px;
	height: 15px;
	font-size: 1.4rem;
	margin-right:10px;
	float:left;
}
.tx_relziplinks_pi1_submit {
	height: 28px;	
	width: 70px;
}

.tx_relziplinks_pi1_info {
	margin-top:10px;
	color: #a94634;
}
/* end PLZ-Suche */


/* AGB-Bestätigung Formular */
input.csc-mailform-check {
  width: auto;
}
.csc-mailform-radio fieldset legend {
  display: none;
}
/* end AGB-Bestätigung Formular */


/**************************
 *
 *  Formatierung Sitemap
 *
 **************************/
div.csc-sitemap {
  margin-bottom: 20px;
}
div.contentblock div.csc-sitemap div.listrow {
  clear: both;
  margin-bottom: 30px
  width: 1000px;
}
div.csc-sitemap div.listelem {
  float: left;
  margin-right: 30px;
}
div.listelem ul {  
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
  margin-top: 20px;
}
div.contentblock div.listelem ul li {
  margin: 0px;
  padding: 0px;
}
div.listelem ul li ul {
  margin-top: 0px;
}
div.listelem a:link,
div.listelem a:visited {
  font-weight: bold;
} 
div.contentblock div.listelem ul li {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
div.csc-sitemap div.listelem ul li a:link,
div.csc-sitemap div.listelem ul li a:visited {
  font-weight: normal;
  background: url('../img/pfeil_weiss.gif') no-repeat left 50%;
  padding-left: 16px;
}
div.csc-sitemap div.listelem ul li ul li a:link,
div.csc-sitemap div.listelem ul li ul li a:visited {
  background: none;
}


/**************************
 *
 *  Sitemap für technische Dokumentationen
 *
 **************************/   
div.techdokuSitemap ul {
  list-style: disc;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
div.techdokuSitemap ul li {
  margin: 0px;
  padding: 0px;
  padding-left: px;
  padding-bottom: 10px;
  font-size: 1.1em;
}
div.techdokuSitemap ul li ul li {
 padding-bottom: 0px;
 padding-left: 10px;
 font-size: 1.0em;
 background: url('../img/square_download.jpg') no-repeat 2px 7px;
}
div.techdokuSitemap ul li ul li a:link,
div.techdokuSitemap ul li ul li a:visited {
  background: none;
}
div.techdokuSitemap ul li ul li ul li {
  padding-left: 10px;
  list-style-type: none;
  background: none;
}
div.techdokuSitemap ul li ul li ul li a:link,
div.techdokuSitemap ul li ul li ul li a:visited {
  display: block;
  font-weight: normal;
  background: url('../img/file_acrobat.gif') no-repeat left 50%;
  padding-left: 20px;
  padding-bottom: 7px;
  padding-top: 7px;
}
div.techdokuSitemap ul li ul li ul li a:hover {
  text-decoration: none;
}
/**********************************
 *
 *  Formatierung Mailformplus
 *
 **********************************/
fieldset div.anreden {
  margin-left: 150px;
}
fieldset input {
  margin-bottom: 7px;
}
fieldset div.anreden label {
  display: inline;
  width: auto;
  float: none;  
}  
fieldset div.anreden input {
  width: auto;
  margin-bottom: 0px;
}
fieldset div.submit {
  margin-left: 150px;
}
fieldset div.submit input {
  width: auto;
}
fieldset div.recipents {
  margin-left: 150px;
}
fieldset textarea {
  margin-bottom: 7px;
}
fieldset div.recipents select {
  width: 250px;
}
div.fehler {
  font-weight: bold;
  color: red;
  padding: 5px;
  padding-left: 0px;
}


/****************************
 *
 *  INDEXED_SEARCH
 *
 ****************************/   
fieldset.suchformular label {
  display: block;
  float: left;
  width: 100px;
}
fieldset.suchformular select,
fieldset.suchformular input {
  margin-bottom: 10px;
}
fieldset.suchformular select#tx-indexedsearch-selectbox-sections {
  width: 200px;
}
.tx-indexedsearch-secHead {
	margin-bottom: 25px;
}



div.contentblock ul.csc-menu-3 {
  margin-bottom: 30px;
}

.transparento {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

li#langmenucontainer {
	display: block;
	height: 18px;
	overflow:hidden;
	z-index: 100px;
	position: relative;
}

li#langmenucontainer li {
	display:none;
	width: 120px;
}



li#langmenucontainer:hover li, li#langmenucontainer li.langmenu-active {
	display:block;
}

li#langmenucontainer:hover li.langmenu-active a {
	font-weight: bold;
}

li#langmenucontainer:hover {
	height: auto;
	overflow: auto;
	background-color: #004370;
}

ul#langmenu li {
	float:none;
	position: relative;
}

ul#langmenu li a {
	display: block;
	background-image: none !important;
}

ul#langmenu li a img {
	margin-right: 5px;
}

/* Anpassungen RL 2015 */

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}


/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	padding-left:3px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: none;
	background-color: white;
	padding: 0;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: #134f79;
}
fieldset.tx-powermail-pi1_fieldset label,
fieldset.tx-powermail-pi1_fieldset fieldset legend {
	/* label */
	display: block;
	width: 30%;
	float: left;
	font-weight: normal;
    color:#134f79;
    white-space:normal;
}
fieldset.tx-powermail-pi1_fieldset input {
	margin-left:0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset input.powermail_date,
fieldset.tx-powermail-pi1_fieldset input.powermail_datetime,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset input.powermail_captcha{
	/* Input and textarea */
	border:1px solid #ccc;
	background:white;
	-moz-box-shadow:0 0 5px #eee inset;
	-webkit-box-shadow:0 0 5px #eee inset;
    padding:2px;
	width:58%;
}

fieldset.tx-powermail-pi1_fieldset textarea:focus,
fieldset.tx-powermail-pi1_fieldset input:not([type="submit"]):focus {
	background:#fff none;
	border:1px solid #333;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 3px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 0 0 0.5em 0;
	clear:both;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 0;
    padding:5px;
	font-weight: normal;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title a{
	/* Description */
	cursor: help;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a dfn,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title a dfn{
	/* Description */
	display: none;
	text-decoration: none;
    position:absolute;
    z-index:1;
    width: auto;
    padding:3px 10px 5px 10px;
    background-color:#00559E;
    border:1px solid #00559E;
    font-size:11px;
    color:#fff;
    white-space: normal;
    /* CSS3 spicing for mozilla and webkit */
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    -moz-box-shadow:0 0 6px #ddd;
    -webkit-box-shadow:0 0 6px #ddd;
    box-shadow:0 0 6px #ddd;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title a:hover dfn{
	/* Description on mouseover */
	display: block;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}

fieldset.tx-powermail-pi1_fieldset fieldset {
	border: 0 none;
	padding: 0;
	margin: 0;
	position: relative;
}
fieldset.tx-powermail-pi1_fieldset fieldset legend {
	position: absolute;
	left: 0;
	padding: 0;
	margin: 0;
}
.powermail_mandatory {
	color: #f00;
}
.placeholder {
    color:#999;
}

.powermail_mandatory_helper{visibility:hidden;height:1px;position:absolute;}
fieldset.tx-powermail-pi1_fieldset .powermail_check_inner,
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
	margin-left: 30%;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset .powermail_check_inner label,
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner label {
	float: none;
	width: auto;
	display: inline;
	font-weight: normal;
	margin-left: 7px;
}
fieldset.tx-powermail-pi1_fieldset .powermail_check_inner input,
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner input {
	float: left;
	position: relative;
	clear: left;
}

        /* Multiple JS */
div.fieldsets {
    clear: both;
}
div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset legend,
div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset.ui-tabs-hide{
    display:none;
}
div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset {
    padding-top:15px;
}
div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset fieldset legend {
    display:block;
}
ul.powermail_multiplejs_tabs {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.powermail_multiplejs_tabs li {
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
    list-style-type: none;
}
ul.powermail_multiplejs_tabs li a {
    display: block;
    padding: 5px 10px;
    color: #666;
    font-weight: bold;
    text-decoration: none;
    background: #E0E0E0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    outline: none;
}
ul.powermail_multiplejs_tabs li a.act {
    background: #F0F0F0;
    color: #333;
    padding:5px 10px 6px 10px;
    position:relative;
    margin-bottom:-1px
}

input.tx_powermail_pi1_submitmultiple_forward,
input.tx_powermail_pi1_submitmultiple_back {margin-top:1em;}

input.tx_powermail_pi1_submitmultiple_forward {
    float: right;
}

.powermail_multiple_php form > div.tx_powermail_pi1_fieldwrap_html_submit {
    display: inline;
    float: right;
    margin-top:1em;
}

/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	background-color:#eb6944;
	border:1px solid #eb6944;
	font-size:11px;
	color:#fff;
	padding:3px 10px 5px 10px;
	margin-left:-2px;
    z-index:10;
    text-align:left;
    height:auto;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	box-shadow:0 0 6px #ddd;
}

.error p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* pure CSS arrow */
html:root .error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#eb6944 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-10px;
	left:5px;
	border-bottom:0 none;
}


/* the input field */
fieldset.tx-powermail-pi1_fieldset input.powermail_text.range {
	float:left;
	margin:0 0 0 15px;
	padding:3px 0;
	text-align:center;
	width:50px;
}

/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;
	
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
	box-shadow:0 0 15px #666;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#FA8800;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(../img/prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(../img/next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:18px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}


/* Powermail neu */
div.hidden-label>fieldset>legend,
div.fieldsets>fieldset>legend {
    display:none;
}

div.hidden-label .powermail_check_inner {
    margin-left: 0;   
}
div.hidden-label .powermail_check_inner label {
    margin-left: 30%;  
    display: block;    
}

div.hidden-label .powermail_check_inner label a {
    cursor:pointer;    
    text-decoration:underline;
}


/* Kundenumfrage */
#kundenbefragung-en,
#kundenbefragung {
    max-width: 500px;
}
#kundenbefragung-en div.fieldsets > fieldset > legend,
#kundenbefragung div.fieldsets > fieldset > legend {
    display:block;
    padding: 1% 0;
}

#kundenbefragung-en div.fieldsets > fieldset.hidden-label > legend,
#kundenbefragung-en div.hidden-label > fieldset > legend,
#kundenbefragung div.fieldsets > fieldset.hidden-label > legend,
#kundenbefragung div.hidden-label > fieldset > legend {
    display:none;
}

#kundenbefragung-en fieldset.tx-powermail-pi1_fieldset label, 
#kundenbefragung-en fieldset.tx-powermail-pi1_fieldset fieldset legend,
#kundenbefragung fieldset.tx-powermail-pi1_fieldset label, 
#kundenbefragung fieldset.tx-powermail-pi1_fieldset fieldset legend {
    width: 45%;
}

#kundenbefragung-en fieldset.tx-powermail-pi1_fieldset input.powermail_text, 
#kundenbefragung-en fieldset.tx-powermail-pi1_fieldset input.powermail_date, 
#kundenbefragung-en fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, 
#kundenbefragung-en fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, 
#kundenbefragung-en fieldset.tx-powermail-pi1_fieldset input.powermail_captcha,
#kundenbefragung fieldset.tx-powermail-pi1_fieldset input.powermail_text, 
#kundenbefragung fieldset.tx-powermail-pi1_fieldset input.powermail_date, 
#kundenbefragung fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, 
#kundenbefragung fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, 
#kundenbefragung fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
    width:43%;
}

#kundenbefragung-en .tx_powermail_pi1_fieldwrap_html,
#kundenbefragung .tx_powermail_pi1_fieldwrap_html {
    padding-bottom:1%;
}

/* end Kundenumfrage */

/* Nachrichtenumfrage */

#nachrichtenumfrage .no-mandatory .powermail_mandatory {
	display:none;	
}
#nachrichtenumfrage fieldset fieldset {
	padding-bottom:20px;
}

#nachrichtenumfrage .hidden-label>label {
	visibility:hidden;
}

#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset label, 
#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset fieldset legend {
    width: 49%;  
	padding-right:1%;	
}

#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, 
#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
	margin-left:52%;
}

#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset select, 
#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset input.powermail_text, 
#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea {
	width:46%;
	margin-left:2%;
}

#nachrichtenumfrage .powermail_radio_inner:not(.powermail_mandatory_helper),
#nachrichtenumfrage .powermail_check_inner:not(.powermail_mandatory_helper) {
	position:relative;
	padding-bottom:5px;
}

#nachrichtenumfrage .powermail_radio_inner input,
#nachrichtenumfrage .powermail_check_inner input {
	position:absolute;
	left:0;
}

#nachrichtenumfrage .powermail_radio_inner label,
#nachrichtenumfrage .powermail_check_inner label {
	display:inline-block;
	padding-left:15px;
    width: 100% !important;
}

#nachrichtenumfrage textarea {
	height:100px;
}

#nachrichtenumfrage #powermaildiv_uid1022 fieldset,
#nachrichtenumfrage #powermaildiv_uid1014 fieldset {
	padding-bottom:0;
}
#nachrichtenumfrage #powermaildiv_uid1023  {
	padding-bottom:20px;
}

@media screen and ( max-width: 1000px ) {		
	#nachrichtenumfrage .powermail_radio_inner label,
	#nachrichtenumfrage .powermail_check_inner label {
		width: auto !important;
	}
}
@media screen and ( max-width: 600px ) {		
	#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset label, 
	#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset fieldset legend {
		width: 100%;  
		padding-right:0;
		position:relative;
		padding-bottom:5px;
	}

	#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, 
	#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
		margin-left:0;
	}

	#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset select, 
	#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset input.powermail_text, 
	#nachrichtenumfrage fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea {
		width:100%;
		margin-left:0;
	}
}

/* end Nachrichtenumfrage */

.small-textarea textarea {
    height:45px;
}

/* end Powermail */

/* Sprachanpassungen */
ul#servicemenu_left {
	width:300px;
}

ul#servicemenu_left {
	width:auto;
}	


.lang_fr ul#servicemenu_left {
	width:260px;
} 

.lang_fr ul#servicemenu_right {
	width:auto;
	margin-right:0;
}

/* end Sprachanpassungen */


/* Footer AGB */
.leiste_bottom {
	position:relative;
}
.footer-agb {
	position:absolute;
	right:10px;
	top:5px;
}
/* end Footer AGB */


/* interner Bereich */
.page_2749 .tx-newloginbox-pi1 {
	margin:30px 0;
}
.tx-changepassword-pi1 fieldset legend,
.page_2749 .tx-newloginbox-pi1 h3 {
	display: none;
}

.tx-changepassword-pi1 form,
.page_2749 .tx-newloginbox-pi1 table {
	width:100%;
	max-width:400px;
}

.tx-changepassword-pi1 fieldset>p,
.page_2749 .tx-newloginbox-pi1 td {
	padding-top:10px;	
}

.tx-changepassword-pi1 label {
	padding-top:5px;
	float:left;
}
.tx-changepassword-pi1 label,
.page_2749 .tx-newloginbox-pi1 td:first-child {
	width: 30%;	
}

.page_2749 .tx-newloginbox-pi1 td:last-child {
	width: 58%;	
}

.tx-srfeuserregister-pi1 dt,
.tx-srfeuserregister-pi1 dd {
	margin-bottom:10px;
}
.tx-felogin-pi1 label,
.tx-srfeuserregister-pi1 label,
.tx-changepassword-pi1 label,
.page_2749 .tx-newloginbox-pi1 td>p {
	font-size: 1em;
	font-weight: normal;
	color: #134f79;
	white-space: normal;
	text-align:left;
	width: 100%;
	display: inline-block;
}

.tx-srfeuserregister-pi1 dt.rel-terms input {
	width: auto;
}
.tx-srfeuserregister-pi1 dd.rel-terms label {
	padding-left:0;	
}

.tx-srfeuserregister-pi1 a {
    padding-left: 0;
    background: none;
    text-decoration: underline;
}

.tx-srfeuserregister-pi1 legend,
.tx-srfeuserregister-pi1 h4,
.tx-srfeuserregister-pi1 p {
	padding:0;
}

.tx-srfeuserregister-pi1 legend {
	font-weight:normal;
}

.tx-felogin-pi1 input,
.tx-srfeuserregister-pi1 input,
.tx-changepassword-pi1 input:not(.tx-newloginbox-pi1-submit),
.page_2749 .tx-newloginbox-pi1 td input:not(.tx-newloginbox-pi1-submit) {
	border: 1px solid #ccc;
	background: white;
	-moz-box-shadow: 0 0 5px #eee inset;
	-webkit-box-shadow: 0 0 5px #eee inset;
	padding: 2px;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #134f79;
	width:100%;
}


.tx-changepassword-pi1 input:not(.tx-newloginbox-pi1-submit) {
	width:58%;
}

#rightcontent .csc-loginform .csc-mailform-label {
	display:none;
}

.tx-felogin-pi1 input[type="submit"],
.tx-srfeuserregister-pi1 input[type="submit"],
.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit,
#rightcontent .csc-loginform .csc-mailform-submit,
.tx-changepassword-pi1 .csc-mailform-submit,
.page_2749 .tx-newloginbox-pi1 td input.tx-newloginbox-pi1-submit {
	background: #FFFFFF;
	margin: 0px 0 10px 0;
	padding: 5px;
	font-weight: normal;
	width:150px;
	cursor:pointer;
}

.tx-changepassword-pi1 .csc-mailform-submit {
	width:100px !important;
	margin-left:30% !important;
	margin-top:20px !important;
}

.tx-felogin-pi1 h3 {
	font-weight: bold;
	padding: 0px;
	font-size: 1.8em;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.tx-felogin-pi1>div {
	margin-bottom:20px;
}
.tx-felogin-pi1>p {
	text-align:right;
}

.tx-felogin-pi1 legend {
	display:none;
}

.tx-felogin-pi1 label {
	width:100px;
}
.tx-felogin-pi1 input {
	max-width:300px;
	margin: 10px 0;
}

.tx-felogin-pi1 input[type="submit"] {
	margin-left:103px;
}

/* end interner Bereich */

/* RESPONSIVE */

#mobile-search,
#mobile-menu {
    display:none;
}

@media screen and ( max-width: 1000px ) {

    /* Layout */
    div#wrapper {
        max-width:1000px;
        width:100%;
    }
    
    div#headerbild {
        width:75%;
        margin-bottom: 0;
        border-right: 5px solid white;
    }    
    
    div#headerbild img {
        width:100%;
        height:auto;
    }
    
    div#sucharea {
        width:24%;
        height:auto;
    }
    
    .img-search-wrapper {
        background-color: #d8dee4;
        display: inline-block;
        height: 100%;
        width: 100%;
        margin-bottom:5px
    }    
    
    div#sucharea input[type="text"]{
        width:57%;
    }
    
    ul#servicemenu_left {
        width:37%;
    }	
    ul#servicemenu_right {
        width:57%;
    }
    
    ul.nav {
        position:absolute;
    }
    
    div#ohnenews,
    div#maincontent {
        margin-right: -270px;
        width: 100%;
        min-height: 400px;
    } 
    
    div#ohnenews {
        margin-right: 0;
    }   
    
    div#ohnenews>div.contentblock,
    div#maincontent>div.contentblock {
        margin-left: 240px;
        margin-right: 280px;    
    }
    
    div#ohnenews>div.contentblock {
        margin-left: 260px;
        margin-right: 0;    
    }
    
    
    /* Content */    
    div.contentblock .csc-textpic-imagewrap {
        width:auto !important;
    }
    div.contentblock .csc-textpic-imagewrap img {
        max-width:100%;
        width:auto;
        height:auto;
    }
        
    div#maincontent table,
    div#ohnenews table {
        width:100% !important;
        height:auto !important;        
    } 
    div#vollebreite table {
        width:90% !important;
        height:auto !important;        
    }  
    
    
}

@media screen and ( max-width: 880px ) {    
    h1 {
        font-size: 1.6em;
    }
    
    fieldset.tx-powermail-pi1_fieldset label, 
    fieldset.tx-powermail-pi1_fieldset fieldset legend {
        width: 40%;
    }
    
    fieldset.tx-powermail-pi1_fieldset input.powermail_text, 
    fieldset.tx-powermail-pi1_fieldset input.powermail_date, 
    fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, 
    fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, 
    fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
        width:48%;
    }
    
    fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
        margin-left: 40%;
	}
    
    div.hidden-label .powermail_check_inner label {
        margin-left: 40%;  
    }
}

@media screen and ( max-width: 880px ) {    
	ul#servicemenu_left {
		width:35%;
	}
	ul#servicemenu_right {
		width:auto;
		margin-right:0;
	}
}
@media screen and ( max-width: 820px ) {    
    .lang_fr div#menuleiste {
		height:50px;
	}
}

/* TABLET */
@media screen and ( max-width: 780px ) {
    
    /* Layout */
    
    div#headerbild {
        width:100%;
        border-right: none;
    } 
    
    div#wrapper div.marginwrap {
        position:relative;
    }
    
    div#sucharea {
        position:absolute;
        top:20px;
        left:0;
        width: 242px;
    }
    
    div#sucharea input[type="text"]{
        width:65%;
    }  
    
    div#sucharea input.button {
        text-align:center;
    }    
    
    ul.nav li,
    div#menuleiste {
        height:48px;
        line-height:48px;
        vertical-align:middle;
    }
	
	.lang_fr div#menuleiste {
		height:50px;
	    line-height:24px;
    
	}
	.lang_fr div#menuleiste>ul>li {
		z-index:10;
    
	}
    
    div#menuleiste>ul>li{
        height:48px;
    }
    
    ul#servicemenu_left li a:link, 
    ul#servicemenu_left li a:visited,
    ul#servicemenu_right li a:link, 
    ul#servicemenu_right li a:visited {
        padding-top:0;
        padding-bottom:0; 
		padding-left:15px;
		padding-right:15px;
    }
    
    li#langmenucontainer {
        height: 36px;   
    }
    
    ul.nav {
        position:relative;
    }
    
    .content-side-wrapper,
    div#ohnenews {
        margin-left: -240px;
        margin-right: 0;
        width: 100%;
        float: left;
    }  
    
    .content-side-wrapper{        
        margin-bottom:20px;
    }   
    
    .content-side-wrapper div#maincontent>div.contentblock,
    div#ohnenews>div.contentblock{
        margin-left: 260px;
        margin-right: 0;    
    }
    
    .content-side-wrapper div#maincontent {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    
    div.rightcontent-wrapper {
        margin-left: 250px;
    }
    
    div.rightcontent-wrapper>div>div {
        width:48%;
        margin-left:2%;
        float:left;
    }
    div#rightcontent {
        width:100%;
    }
    
    div#leiste_bottom {
        margin-top:30px;
    }
    
    
    /* Content */
    #vollebreite table {
        display: block;
        overflow-x: scroll;
    }
    
    
}


@media screen and ( max-width: 720px ) {
    /* Menüleiste enger */
    ul#servicemenu_left li a:link, 
    ul#servicemenu_left li a:visited,
    ul#servicemenu_right li a:link, 
    ul#servicemenu_right li a:visited {
        padding-left:15px;
        padding-right:15px; 
    }    
    ul#servicemenu_right {
        margin-right:5px;
    }
	
	div#menuleiste {
		height:50px;
	    line-height:24px;
    
	}
	div#menuleiste>ul>li {
		z-index:10;
    
	}
}

@media screen and ( max-width: 680px ) {
    /* Menüleiste noch enger */
    ul#servicemenu_left li a:link, 
    ul#servicemenu_left li a:visited,
    ul#servicemenu_right li a:link, 
    ul#servicemenu_right li a:visited {
        padding-left:10px;
        padding-right:10px; 
    }    
	/*
    ul#servicemenu_left {
        width:44%;
    }    
    ul#servicemenu_right {
        width:50%;
    }
    */
    li#langmenucontainer li {
        width:90px;
    }
    
    /* Sidebar-Content einspaltig */
    div.rightcontent-wrapper>div>div {
        width:98%;
    }
	
	
}

@media screen and ( max-width: 590px ) {	
    ul#servicemenu_left {
        width:100%;
    }    
    ul#servicemenu_right {
        width:100%;
    }
}

/* MOBILE */
@media screen and ( max-width: 540px ) {

    /* Layout */       
    body {
        background:white;
    }
    
    div.tx-macinasearchbox-pi1,
    #mobile-menu>.nav,
    #mainmenu,
    #menuleiste {
        display:none;
    }
    
    div#sucharea,
    .img-search-wrapper {
        background:transparent;
        margin-bottom:0;
    }
    
    #mobile-menu {
        display:block;
    }    
    
    .mobile-menu-icon {    
      position:absolute;
      top:30px;
      left:0;
      padding-right: 3em;
      font-size: 1.3em;
      text-transform: uppercase;
      text-decoration:none;
      font-weight:bold;
      line-height: 1.7;
    }
    .mobile-menu-icon:hover {
      font-weight:bold;
    
    }
    .mobile-menu-icon:after {
      content: "";
      position: absolute;      
      right: 0.25em;
      top: -0.075em;
      width: 0.9em;
      height: 0.15em;
      font-size: 2.2em;
      background: #134f79;
      box-shadow: 
        0 0.25em 0 0 #134f79,
        0 0.5em 0 0 #134f79;
    }
    
    #mobile-menu>ul {
        padding: 0 0 4px;
        width: 100%;
    }
    
    #mobile-menu>ul li {
        display: inline;
    }
    
    ul.nav>li>ul,
    ul.nav>li>ul>li>ul,
    ul.nav>li>ul>li>ul>li>ul {
        display:none;
    }
    
    ul.nav li a:link, 
    ul.nav li a:visited {
        background: #004370;
        color:white;
        border-left: 14px solid #004370;
        font-size:1.3em;
    }  
    
    ul.nav>li:hover>a,
    ul.nav>li.active>a {
        border-left: 14px solid #6f94b0;
    }    
    
    ul.nav>li.gruen:hover>a,
    ul.nav>li.gruen.active>a {
        background: #56A249;
    }    
    ul.nav>li.gruen li a:link, 
    ul.nav>li.gruen li a:visited {
      border-left: 14px solid #80b977;
      background: #80b977;
    }  
    ul.nav>li.gruen li a:hover {
      border-left: 14px solid #56A249;
      /*background: #56A249;*/
    }
    
    ul.nav>li.blau:hover>a,
    ul.nav>li.blau.active>a {
        background: #6DB0C7;
    }    
    ul.nav>li.blau li a:link, 
    ul.nav>li.blau li a:visited {
      border-left: 14px solid #92c4d5;
      background: #92c4d5;
    }  
    ul.nav>li.blau li a:hover {
      border-left: 14px solid #6DB0C7;
      /*background: #6DB0C7;*/
    }
    
    ul.nav>li.rot:hover>a,
    ul.nav>li.rot.active>a {
        background: #A94634;
    }    
    ul.nav>li.rot li a:link, 
    ul.nav>li.rot li a:visited {
      border-left: 14px solid #bf7467;
      background: #bf7467;
    }  
    ul.nav>li.rot li a:hover {
      border-left: 14px solid #A94634;
      /*background: #A94634;*/
    }
    
    ul.nav>li.gelb:hover>a,
    ul.nav>li.gelb.active>a {
        background: #FFCC00;
    }    
    ul.nav>li.gelb li a:link, 
    ul.nav>li.gelb li a:visited {
      border-left: 14px solid #ffd940;
      background: #ffd940;
      color:#004370;
    }  
    ul.nav>li.gelb li a:hover {
      border-left: 14px solid #FFCC00;
      /*background: #FFCC00;*/
    }
    
    ul.nav ul.hover {
        /*display:block;*/
    }
    
    
    ul.nav li.hassub>a:after {
        content: " »";
        display: inline;
        margin-left: 0.8rem;
        font-size: 1.3em;
    }
    
    #langmenu-mobile img {
        padding-right:10px;
    }
    
    div#sucharea {
        width:100%;
        margin-top:73px;
    }

    #mobile-search {
        display:block;
        background: url(../img/icon-lupe-weiss-gross.png) no-repeat center center;
        width:35px;
        height:35px;
        position:absolute;
        left:107px;
        top: -73px;
        text-decoration:none;
    }

    #mobile-search:hover,
    .with-mobile-search #mobile-search {
        /*
        background: url(../img/icon-lupe-blau-gross.png) no-repeat 50% 50%;
        */
    }
    
    .tx-macinasearchbox-pi1 {
        width:100%;
        background-color:#d8dee4;
        padding: 5px 0;
        margin-bottom:10px;
    }
    
    div#headerbild {
        margin-bottom:20px;
        overflow: hidden;
    }
    
    div#headerbild img {
        min-height:100px;
        width:auto;
        float:right;
    }
    
    .content-side-wrapper,
    div#ohnenews {
        margin-left: 0;
    }  
    
    .content-side-wrapper div#maincontent>div.contentblock,
    div#ohnenews>div.contentblock{
        margin-left: 0;
    }
    
    div.rightcontent-wrapper {
        margin-left: 0;
    }
    
    div.rightcontent-wrapper>div>div {
        width:100%;
        margin:0;
    }
    
    
    /* Content */
/*
    div#maincontent table,
    div#ohnenews table {
        width:100% !important;
        height:auto !important;
        border:none !important;
    }
    
    div#maincontent table, 
    div#ohnenews table, 
    div#maincontent tbody, 
    div#ohnenews tbody, 
    div#maincontent td, 
    div#ohnenews td, 
    div#maincontent tr, 
    div#ohnenews tr { 
		display: block; 
	}
    
    div#maincontent td,
    div#ohnenews td { 
		border: none;
		position: relative;
    }
    
    div#maincontent td:before,
    div#ohnenews td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 5%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
    */
    
    	/* CSS Responsive table 
        https://github.com/netgen/jquery.ngResponsiveTables
        */
    div#ohnenews table.contenttable,
	div#ohnenews table.contenttable thead,
	div#ohnenews table.contenttable tbody,
	div#ohnenews table.contenttable th,
	div#ohnenews table.contenttable td,
	div#ohnenews table.contenttable tr, 
	div#maincontent table.contenttable,
	div#maincontent table.contenttable thead,
	div#maincontent table.contenttable tbody,
	div#maincontent table.contenttable th,
	div#maincontent table.contenttable td,
	div#maincontent table.contenttable tr { display: block; }
	div#ohnenews table.contenttable thead tr,
    div#maincontent table.contenttable thead tr { position: absolute; top: -9999px; left: -9999px; }
	div#ohnenews table.contenttable tr,
    div#maincontent table.contenttable tr { border: 1px solid #ccc; margin-bottom: 10px; }
	div#ohnenews table.contenttable td,
    div#maincontent table.contenttable td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; min-height:20px; text-align:left; }
    div#ohnenews table.contenttable td>p,
    div#maincontent table.contenttable td>p {text-align:left;}
	div#ohnenews table.contenttable td:before,
    div#maincontent table.contenttable td:before {	position: absolute;	top: 6px; left: 6px; width: 40%; padding-right: 10px; text-align: left; word-wrap: break-word; }
	div#ohnenews table.contenttable tr:first-child,
    div#maincontent table.contenttable tr:first-child { position: absolute; top: -9999px; left: -9999px; }
	div#ohnenews table.contenttable td:before,
    div#maincontent table.contenttable td:before { content: attr(data-content); height: 50px; }
	div#ohnenews table.contenttable td.small-padding,
    div#maincontent table.contenttable td.small-padding { padding-top: 5px; padding-bottom: 5px; }
	div#ohnenews table.contenttable td.medium-padding,
    div#maincontent table.contenttable td.medium-padding { padding-top: 15px; padding-bottom: 15px; }
	div#ohnenews table.contenttable td.large-padding,
    div#maincontent table.contenttable td.large-padding { padding-top: 25px; padding-bottom: 25px; }
    
}

@media screen and ( max-width: 340px ) {
	div#logoarea {
		max-width:50%;
		float:right;
	}
	div#logoarea img {
		width:100%;
		height:auto;
	}
    
    #mobile-search {
        left:99px;
        top:-69px;
        width:30px;
        height:30px;
        background-position:center center;
        /*background-size:95% 95%;*/
    }
    #mobile-search:hover {
        /*background-size:95% 95%;*/
    }
    
    fieldset.tx-powermail-pi1_fieldset label, 
    fieldset.tx-powermail-pi1_fieldset fieldset legend {
        width: 100%;
        display:block;
        position: relative;
        float:none;
    }
    
    div.hidden-label>fieldset>legend {
        display:none;
    }
    
    fieldset.tx-powermail-pi1_fieldset input.powermail_text, 
    fieldset.tx-powermail-pi1_fieldset input.powermail_date, 
    fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, 
    fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, 
    fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
        width:100%;
    }
    
    fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
        margin-left: 0%;
	}
    
    div.hidden-label .powermail_check_inner label {
        margin-left: 10%;  
    }
    
}


.page_2744 .contentblock a {
	font-weight:bold;
}


.lang_en li.m_2730 {
	display:none;
}



#uc-privacy-button {
  display:none !important;
}

#usercentrics-button  #uc-btn-accept-banner {
	background-color: #004370 !important;
    color:white !important;
}
#usercentrics-button  #uc-banner-modal .uc-banner-content{
	background-color: #004370 !important;
}

#usercentrics-button #uc-banner-modal #uc-small-optin-description, #usercentrics-button #uc-banner-modal #uc-full-optin-description, #usercentrics-button #uc-central-banner-modal #uc-small-optin-description, #usercentrics-button #uc-central-banner-modal #uc-full-optin-description, #usercentrics-button #uc-banner-modal .uc-optin-description span, #usercentrics-button #uc-central-banner-modal .uc-banner-text span {
	color:white;
}