@charset "UTF-8";
html {
  -webkit-font-smoothing: antialiased; }

* {
  margin: 0;
  padding: 0; }


.footer_desc {
  padding: 30px 40px;
}

.foobox_logo {
  margin: 0 0 2em 0;
  width: 43%;
}

img {
  border: 0; }

body {
  line-height: 1.6em;
  background-color: #f0f6fb;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, 'Lucida Sans', Lucida, sans-serif;
  font-size: 12px;
  padding-bottom: 75px; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none;
  color: #006ab3; }

a:hover {
  color: #ff5b00; }

h1 {
  color: #4c4c4c;
  font-size: 16px;
  padding-bottom: 7px;
  border-bottom: 1px solid #d7d7d7;
  background: url(../grafik/back_header.png) no-repeat right bottom;
  margin-bottom: 15px; }

h2, h3 {
  color: #006ab3;
  font-size: 13px; }

h4 {
  color: #006ab3;
  font-size: 11px;
  margin-bottom: 3px; }

h2.orange {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 5px;
  color: #fb5b1d;
  margin-bottom: 10px; }

p {
  margin-bottom: 15px; }

/* ------ Header  */
#header {
  background: url(../grafik/back_head.png) no-repeat;
  height: 146px;
  z-index: 500;
  position: relative; }

div#logospace {
  position: relative;
  width: 575px;
  float: left; }
  div#logospace p {
    position: absolute;
    top: 67px;
    left: 300px;
    width: 450px;
    height: 30px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px; }

.logo {
  float: left;
  width: 240px;
  margin-left: 50px;
  margin-top: 42px; }

#servicenavi {
  background: #0f6cb1;
  font-size: 11px;
  text-decoration: none;
  line-height: 1;
  width: 960px;
  margin-right: 16px;
  border-bottom: 1px rgba(255, 255, 255, 0.5) solid; }
  #servicenavi ul {
    margin-top: 0px;
    height: 30px;
    border-left: 28px #fd5c20 solid; }
  #servicenavi li {
    margin-bottom: 3px;
    display: inline-block;
    margin-right: 0px; }
    #servicenavi li:first-child {
      margin-right: 0px; }

#servicenavi li.flag-de {
  background: url(flags/png/de.png) no-repeat 10px center; }

#servicenavi li.flag-ie {
  background: url(flags/png/ie.png) no-repeat 10px center; }

#servicenavi li.flag-es {
  background: url(flags/png/es.png) no-repeat 10px center; }

#servicenavi li.flag-fr {
  background: url(flags/png/fr.png) no-repeat 10px center; }

#servicenavi li.flag-si {
  background: url(flags/png/sl.png) no-repeat 10px center; }

#servicenavi li.flag-gr {
  background: url(flags/png/gr.png) no-repeat 10px center; }

#servicenavi li.flag-ba {
  background: url(flags/png/ba.png) no-repeat 10px center; }

  #servicenavi li.flag-se {
  background: url(flags/png/se.png) no-repeat 10px center; }

#servicenavi a {
    display: inline-block;
    /* 	width: 100px; */
    height: 20px;
    padding-top: 10px;
    /* 	padding-bottom: 6px; */
    padding-left: 40px;
    padding-right: 25px;
    color: white;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.2);
    background-repeat: no-repeat;
    vertical-align: top;
    border-right: 1px rgba(255, 255, 255, 0.5) solid;
    background-size: 18px; 
    background-position: left 10px center;
}









#servicenavi a.flag-eu {
  background-image:  url(/flags/europe.svg); 
}

#servicenavi a.flag-de {
    background-image: url('/flags/de.svg');
}

#servicenavi a.flag-ie {
    background-image: url('/flags/gb.svg');
}

#servicenavi a.flag-es {
    background-image: url(/flags/es.svg);
}

#servicenavi a.flag-fr {
    background-image: url(/flags/fr.svg);
}

#servicenavi a.flag-si {
    background-image: url('/flags/si.svg');
}

#servicenavi a.flag-gr {
    background-image: url('/flags/gr.svg');
}

#servicenavi a.flag-ba {
    background-image: url('flags/ba.svg');
}

#servicenavi a.flag-se {
    background-image: url('/flags/se.svg');
}

#servicenavi a.portalhome {
    background-image: url(./ikons/iko-home.svg);
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    padding: 0;
    width: 40px;
    height: 30px;
    background-color: #003399;
    border-left: 1px rgba(255, 255, 255, 0.5) solid; 
}



#servicenavi a.flag-eu {
  padding: 0;
  width: 44px;
  height: 30px;
  margin-right: 0px;
  background-color: #0f6cb1;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
/*   border-left: 1px rgba(255, 255, 255, 0.5) solid; */
  border-right: 1px rgba(255, 255, 255, 0.5) solid; 
  }



#servicenavi a.snvnormal:hover {
  background-color: #fd5c20; }

#servicenavi a.snvaktiv {
  background-color: #fd5c20; }

/* ------ COVER  */
#cover {
  margin-top: -20px;
  background-color: #6e6e6e;
  width: 100%;
  height: 130px;
  overflow: hidden;
  /* 	border: 1px solid red; */ }

#teaser {
  width: 230px;
  float: left; }

#portfolio {
  width: 730px;
  float: left; }

/* ---| Homepage :: Comboteaser |-----------*/
#combobox {
  margin-top: -20px;
  background-color: #e5f0f7;
  height: 282px;
  width: 960px;
  position: relative;
  overflow: hidden;
  /*   margin-bottom: 25px; */
  }

#combo-show {
  float: left;
  width: 830px;
  height: 282px; }

.combo-image {
  float: left;
  width: 342px;
  height: 282px; }

.combo-text {
  float: left;
  width: 488px;
  height: 282px;
  background: url(../grafik/teaser_combo_pfeil.png) no-repeat 20px 80px; }

#combo-teaser {
  position: absolute;
  top: 0;
  left: 830px;
  width: 130px;
  height: 282px;
  background-color: black; }

#combo-teaser ul, #combo-teaser li {
  margin: 0;
  padding: 0; }

.ui-state-default {
  height: 94px;
  opacity: 0.75; }

.ui-state-default:hover {
  opacity: 1.0; }

.ui-state-active {
  opacity: 1.0; }

.combo-text-teaser {
  font-size: 14px !important;
  color: #2b2b2b;
  padding-left: 70px;
  padding-top: 82px;
  padding-right: 45px;
  padding-bottom: 15px; }

#combobox .ui-tabs-hide {
  display: none; }

/* ------ PAGE  */
#page {
  display: block;
  overflow: auto; }

#colLeft {
  float: left;
  width: 240px; }

#colRight {
  float: left; }

/*---| PAGE :: Homepage | ---------*/
#teaserblock {
  margin-bottom: 25px !important;
  zoom: 1; }

.teaserblue_left {
  float: left;
  width: 700px; }

.tbl_blue_left {
  position: relative;
  width: 690px;
  height: 200px;
  background-color: #e5f0f7;
  -webkit-border-radius: 0px 8px 8px 0px;
  -moz-border-radius: 0px 8px 8px 0px;
  border-radius: 0px 8px 8px 0px;
  zoom: 1;
  behavior: url(css/PIE.htc); }

.tbl_blue_right {
  position: relative;
  width: 245px;
  height: 200px;
  min-height: 100px;
  margin-left: 15px;
  background-color: #e5f0f7;
  -webkit-border-radius: 8px 0px 0px 8px;
  -moz-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;
  behavior: url(css/PIE.htc); }

.tbl_darkblue_right {
  position: relative;
  width: 245px;
  height: 200px;
  min-height: 100px;
  margin-left: 15px;
  background-color: #006ab3;
  -webkit-border-radius: 8px 0px 0px 8px;
  -moz-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;
  behavior: url(css/PIE.htc); }

ul#newslist li {
  height: 66px;
  display: block; }

ul#newslist li a {
  color: #0f456b;
  padding-left: 15px;
  padding-right: 8px;
  padding-top: 15px;
  text-decoration: none;
  font-size: 12px;
  display: block; }

li.nwl1, li.nwl2 {
  border-bottom: 1px solid white; }

.h1_gray {
  font-size: 15px;
  color: gray;
  margin-left: 30px;
  margin-bottom: 10px; }

ul#tbl_content_left li {
  valign: top;
  float: left;
  display: inline; }

a.homelink {
  background: url(../grafik/home_link_back.png) no-repeat;
  /*height: 27px;*/
  padding-left: 40px;
  padding-top: 5px;
  padding-bottom: 8px;
  display: block;
  color: #2b2b2b;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  text-decoration: none; }

a.homelink:hover {
  color: #ff5b00; }

.tbl-1 {
  width: 224px;
  height: 165px;
  border-right: 2px solid white;
  padding-top: 23px;
  padding-left: 30px; }

.tbl-2 {
  width: 185px;
  height: 170px;
  text-align: center;
  padding: 15px;
  font-size: 13px;
  border-right: 2px solid white; }

.tbl-3 {
  width: 185px;
  height: 170px;
  text-align: center;
  padding: 15px;
  font-size: 13px; }

.teaserblue_right {
  float: left;
  width: 260px; }

/* ---| Home :: Info | -------*/
#home_info {
  margin-bottom: 25px;
  font-size: 12px;
  border-top: 1px solid white; }

.homeinfo1 {
  padding-left: 20px;
  padding-right: 20px; }

.homeinfo1 h2 {
  color: #006ab3;
  font-size: 14px; }

.strongblue {
  color: #006ab3; }

.homelangblock {
  margin-bottom: 4em; }

ul.langtype {
  display: table;
  width: 100%;
  background: #e5f0f7;
  border-top: 1px solid white; }
  ul.langtype li {
    display: table-cell;
    table-layout: fixed;
    border-spacing: 5px;
    border-right: 1px solid white;
    text-align: center;
    padding: 10px;
    width: 25%; }
    ul.langtype li:last-child {
      border-right: none; }

/* ------ Navigation  */
#navigation {
  background: url(../grafik/back_navigation.png) repeat-y;
  min-height: 250px;
  padding-top: 25px; }

#navFooter {
  background: url(../grafik/back_navfooter.png) no-repeat;
  height: 23px;
  width: 238px; }

ul.rex-navi1 {
  border-bottom: 1px solid white;
  width: 230px;
  margin-bottom: 40px; }

ul.rex-navi1 li.rex-normal, ul.rex-navi1 li.rex-current {
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 1px solid white; }

ul.rex-navi1 li.rex-normal a {
  display: block;
  text-decoration: none;
  background: url(../grafik/back_anker_normal.png) no-repeat;
  padding-left: 30px;
  padding-top: 4px;
  height: 23px;
  color: #2b2b2b; }

ul.rex-navi1 li.rex-current a.rex-current {
  display: block;
  text-decoration: none;
  background: url(../grafik/back_anker_aktiv.png) no-repeat;
  padding-left: 30px;
  padding-top: 4px;
  height: 23px;
  color: #fb5b1d; }

ul.rex-navi1 li.rex-active {
  border-top: 1px solid white;
  padding-top: 3px; }

ul.rex-navi1 li.rex-active a.rex-active {
  display: block;
  text-decoration: none;
  background: url(../grafik/back_anker_aktiv.png) no-repeat;
  padding-left: 30px;
  padding-top: 4px;
  height: 23px;
  color: #fb5b1d; }

ul.rex-navi2 {
  width: 230px;
  margin-top: 3px; }

ul.rex-navi2 li.rex-normal, ul.rex-navi2 li.rex-current {
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 1px solid white; }

ul.rex-navi2 li.rex-normal a {
  display: block;
  text-decoration: none;
  background: url(../grafik/back_anker_subnormal.png) no-repeat;
  padding-left: 30px;
  padding-top: 4px;
  height: 23px;
  color: #2b2b2b; }

ul.rex-navi2 li.rex-current a.rex-current, ul.rex-navi2 li.rex-active a.rex-active {
  display: block;
  text-decoration: none;
  background: url(../grafik/back_anker_subaktiv.png) no-repeat;
  padding-left: 30px;
  padding-top: 4px;
  height: 23px;
  color: #fb5b1d; }

/* ------ CONTENT  */
#content {
  width: 600px;
  padding-top: 36px;
  padding-left: 40px;
  padding-bottom: 50px; }

#content_left {
  float: left;
  width: 450px;
  padding-top: 36px;
  padding-left: 40px;
  padding-bottom: 50px; }

#marginalspalte {
  float: left;
  width: 180px;
  margin-top: 85px;
  margin-left: 20px;
  padding-left: 10px;
  border-left: 1px dotted #ccc;
  color: #595959;
  font-size: 11px; }

#marginalspalte p {
  font-size: 11px;
  color: #595959; }

.margteaser {
  padding-bottom: 10px;
  margin-bottom: 25px; }

.marg_rand {
  border: 5px solid #eee;
  padding: 8px 8px 0; }

/* ------ FOOTER  */
#footer {
  width: 960px;
  min-height: 150px;
  background: url(../grafik/back_footer.png) repeat-y;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

#footerBottom {
  width: 960px;
  height: 30px;
  background: url(../grafik/back_footer_abschluss.png) no-repeat;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.pfooter {
  margin-left: 20px; }

.foobox {
  border-right: 1px solid #d8d8d8; }

div#footer div.c00 div.c14 {
  min-height: 150px;
  width: 219px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 11px; }

/* ------ TOOLS Helper class  */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.clearfix {
  display: inline-block; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

.maleft10 {
  margin-left: 10px; }

.maleft15 {
  margin-left: 15px; }

.maleft20 {
  margin-left: 20px; }

.maleft25 {
  margin-left: 25px; }

.maleft30 {
  margin-left: 30px; }

.mabottom10 {
  margin-bottom: 10px; }

.mabottom15 {
  margin-bottom: 15px; }

.mabottom20 {
  margin-bottom: 20px; }

.mabottom25 {
  margin-bottom: 25px; }

.mabottom30 {
  margin-bottom: 30px; }

.typoblue13 {
  color: #006ab3;
  font-size: 13px; }

.typoblue14 {
  color: #006ab3;
  font-size: 14px; }

.typoblue15 {
  color: #006ab3;
  font-size: 15px; }

.typoblue18 {
  color: #006ab3;
  font-size: 18px; }

.tyopgray11 {
  color: #919191;
  font-size: 18px;
  line-height: 1.3em; }

/* ------ TYPO  */
#content ul, #content ol {
  margin-bottom: 15px; }

#content ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none; }

#content ul li {
  padding-left: 24px;
  background-image: url(../grafik/list_ikon.png);
  background-repeat: no-repeat;
  background-position: 0 2px; }

.homeinfo1 ul {
  padding-bottom: 12px; }

.homeinfo1 ul li {
  padding-left: 24px;
  background-image: url(../grafik/list_ikon.png);
  background-repeat: no-repeat;
  background-position: 0 2px; }

#content_left ul, #content ol {
  margin-bottom: 15px; }

#content_left ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none; }

#content_left li {
  padding-left: 24px;
  background-image: url(../grafik/list_ikon.png);
  background-repeat: no-repeat;
  background-position: 0 2px; }

#content a {
  color: #ff5b00;
  text-decoration: none; }

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

.bcss-rechts {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px; }

.bcss-links {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }

.bildcaption p {
  margin-top: 10px;
  font-size: 11px; }

.download {
  border: 10px solid #eeeeee;
  padding: 10px 70px 0 15px;
  margin-bottom: 15px;
  background: url(../grafik/back_download.png) no-repeat 530px; }

.infobox {
  padding: 15px 25px 5px;
  border: 10px solid #eeeeee;
  margin-bottom: 15px; }

.infobox h2 {
  padding-left: 45px;
  height: 30px;
  padding-top: 5px;
  /*	background: url(../grafik/back_download.png) no-repeat; */
  font-size: 15px; }

h2.iko-leer {
  padding-left: 0px !important; }

h2.iko-tipp {
  background: url(../grafik/iko-tipp.png) no-repeat; }

h2.iko-termin {
  background: url(../grafik/iko-termin.png) no-repeat; }

h2.iko-kontakt {
  background: url(../grafik/iko-kontakt.png) no-repeat; }

h2.iko-dokument {
  background: url(../grafik/iko-dokument.png) no-repeat; }

h2.iko-plus {
  background: url(../grafik/iko-plus.png) no-repeat; }

h2.iko-frage {
  background: url(../grafik/iko-frage.png) no-repeat; }

h2.iko-anmerkung {
  background: url(../grafik/iko-anmerkung.png) no-repeat; }

h2.iko-uhrzeit {
  background: url(../grafik/iko-uhrzeit.png) no-repeat; }

h2.iko-haken {
  background: url(../grafik/iko-haken.png) no-repeat; }

/*--- MINI GRID ---------*/
/* nmini∙grid 0.1.0 Small grid CSS framework http://nmini.com/web/grid/ */
/* nmini∙grid 0.1.0 Small grid CSS framework http://nmini.com/web/grid/ */
.c00 {
  width: 960px;
  zoom: 1;
  clear: both; }

@media screen {
  .c00 {
    overflow: hidden; } }
.c11,
.c12, .c22,
.c13, .c23, .c33,
.c14, .c24, .c34, .c44 {
  margin: 0 10px;
  float: left; }

.c11, .c22, .c33, .c44, .c55 {
  width: 940px; }

.c12 {
  width: 460px; }

.c13 {
  width: 300px; }

.c23 {
  width: 620px; }

.c14 {
  width: 220px; }

.c24 {
  width: 460px; }

.c34 {
  width: 700px; }

/* Formular Beratersuche */
#formadr_basisblock {
  position: relative;
  height: 285px; }

#formadr_abfrage {
  position: relative;
  background-color: #e5f0f7 !important;
  padding: 25px;
  margin-bottom: 15px;
  zoom: 1;
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  behavior: url(css/PIE.htc); }

.formadr_karte {
  position: absolute;
  width: 192px;
  left: 400px;
  top: 10px;
  z-index: 1000; }

div#formadr_abfrage label {
  color: #024c7f; }

a#formadr_submit {
  -webkit-border-radius: 8px 0px 0px 8px;
  -moz-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;
  behavior: url(css/PIE.htc);
  background-color: #006ab3 !important;
  display: inline-block;
  padding: 4px 8px;
  color: white;
  width: 110px;
  text-align: center;
  text-transform: uppercase;
  behavior: url(css/PIE.htc); }

#formadr_dialog {
  -webkit-border-radius: 0px 8px 8px 0px;
  -moz-border-radius: 0px 8px 8px 0px;
  border-radius: 0px 8px 8px 0px;
  behavior: url(css/PIE.htc);
  background-color: #e5f0f7 !important;
  display: inline-block;
  padding: 4px 20px;
  behavior: url(css/PIE.htc); }

.formadr_infokursiv {
  color: #6d6d6d; }

/*--- | Kalender | ---------*/
.REXCAL_block {
  margin-bottom: 15px;
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted silver;
  border-top: 1px dotted silver; }

.REXCAL_dwl {
  display: block;
  background: url(../grafik/download.png) no-repeat 0 3px;
  padding-left: 20px; }

.REXCAL_dwl em {
  font-size: 11px;
  color: gray; }

h3.REXCAL_ort {
  background: url(../grafik/termin.png) no-repeat 0 3px;
  padding-left: 20px; }

/* --- | NEWS | -----------*/
.newsblock {
  border-bottom: 1px dotted silver;
  padding-bottom: 15px;
  padding-top: 15px; }

.newsdate {
  color: gray;
  font-size: 11px;
  font-weight: normal;
  font-style: normal; }

.newsblock h2 {
  margin-bottom: 10px; }

img.newsteaserbild {
  float: right;
  margin-left: 8px;
  margin-bottom: 8px; }

.newscover {
  margin-bottom: 12px; }

/*--- | Adressen Beratungsangebote */
table#adressliste {
  width: 100%; }

table#adressliste th {
  text-align: left;
  padding-top: 20px;
  padding-bottom: 6px;
  color: #006ab3;
  border-bottom: 1px solid silver; }

table#adressliste td {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-right: 10px;
  border-bottom: 1px dotted silver;
  width: 50%; }

td.tdaktiv {
  background-color: #f1f1f1; }

td.tdpadding {
  padding-left: 10px; }

/*--- | FORMBLATT | ---------------------*/
#content_left label {
  width: 160px;
  display: block; }

/* Suche Termindatenbank Marginalspalte */
.event_form {
  margin: 10px 0px 20px 0px; }

.event_form .text {
  border: 1px solid #9d9d9d;
  padding: 3px;
  width: 134px; }

.event_form .text.def {
  color: #888;
  font-style: italic; }

.event_form .date_select {
  margin: 10px 0px 15px 0px; }

.date_select select {
  border: 1px solid #9d9d9d; }

.date_select .month1, .date_select .month2 {
  width: 65px; }

.date_select .month2 {
  margin-left: 10px; }

.date_select .year {
  display: inline-block;
  margin: 15px 0px 0px 0px;
  width: 140px; }

.event_form .submit {
  border: 1px solid #9d9d9d;
  background-color: transparent;
  padding: 3px 6px;
  width: 140px;
  cursor: pointer; }

.event_form .buttons {
  margin: 10px 0px; }

.eppikon {
  margin-top: 25px; }

/* Beratersuche erweitertest Formular */
.form-options {
  margin: 0px 0px 25px !important;
  background-color: #e4eff7;
  width: 60%;
  z-index: 2000;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px; }

.form-option-label {
  vertical-align: top;
  border-radius: 8px 0px 0px 8px;
  /*	background-color: #006ab3;*/
  display: inline-block;
  padding: 4px 8px;
  color: black;
  width: 110px;
  text-align: right;
  /*	text-transform: uppercase;*/
  margin-bottom: 5px; }

a.suchbutton {
  background-color: #0068b5;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  color: white;
  padding: 6px 40px;
  text-decoration: none;
  font: bold 13px arial;
  margin-left: 140px; }

.suchbutton:hover {
  background-color: #fe5b00;
  color: white !important;
  text-decoration: none !important; }

.form-option-left {
  vertical-align: top;
  border-radius: 8px 0px 0px 8px;
  background-color: #006ab3;
  display: inline-block;
  padding: 4px 8px;
  color: white;
  width: 110px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px; }

.form-option-right {
  vertical-align: top;
  border-radius: 0px 8px 8px 0px;
  background-color: #e5f0f7;
  display: inline-block;
  padding: 4px 20px;
  width: 127px; }

.form-option-right select {
  width: 130px; }

#content .ang a {
  color: #000; }

.ang_titel {
  display: inline-block;
  font-weight: bold; }

table#adressliste td.w_ang {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-right: 10px;
  border-bottom: none;
  width: 50%; }

table#adressliste td.ang {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-right: 10px;
  border-top: none;
  border-bottom: 1px dotted silver;
  width: 50%; }

/* Diverses Neues*/
.one_picture img {
  display: inline-block;
  line-height: 1; }

.one_picture + .tinymcewysiwyg {
  margin-top: 25px; }

/*  */
/* ------ WRAPPER  */
#wrapper {
  width: 960px;
  min-height: 700px;
  background: url(../grafik/back_wrapper.png) repeat-y;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }




.downlodbanner {
   width: 100%;
   height: 2.2em;
   background-color: #0F6CB1;
   box-sizing: border-box;
   line-height: 2.2em;
   color: white;
   border-radius: 0 0 6px 6px;
   margin-bottom: 30px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   font-size: 18px;
   background-repeat: no-repeat;
   background-position: 14px center;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGQ9Ik0xMiAxcTAuMjgxIDAgMC40MjIgMC4wMDggMS40NTMgMC4wNTUgMi44MjQgMC40OHQyLjUzNSAxLjE0NSAyLjEzNyAxLjczIDEuNjQ4IDIuMTk5IDEuMDU1IDIuNTgyIDAuMzc5IDIuODU1LTAuMzc5IDIuODU1LTEuMDU1IDIuNTgyLTEuNjQ4IDIuMTk5LTIuMTM3IDEuNzMtMi41MzUgMS4xNDUtMi44MjQgMC40OHEtMC4xNDEgMC4wMDgtMC40MjIgMC4wMDh0LTAuNDIyLTAuMDA4cS0xLjQ1My0wLjA1NS0yLjgyNC0wLjQ4dC0yLjUzNS0xLjE0NS0yLjEzNy0xLjczLTEuNjQ4LTIuMTk5LTEuMDU1LTIuNTgyLTAuMzc5LTIuODU1IDAuMzc5LTIuODU1IDEuMDU1LTIuNTgyIDEuNjQ4LTIuMTk5IDIuMTM3LTEuNzMgMi41MzUtMS4xNDUgMi44MjQtMC40OHEwLjE0MS0wLjAwOCAwLjQyMi0wLjAwOHpNNy4wMzkgMTNoLTMuOTg0cTAuMzEyIDIuNzg5IDIuMTQ4IDQuODk4dDQuNTE2IDIuODEzcS0xLjAxNi0xLjUzOS0xLjc3LTMuNDg4dC0wLjkxLTQuMjIzek0xNC45NjEgMTNoLTUuOTIycTAuMDc4IDEgMC4zMjQgMnQwLjU1MSAxLjc3IDAuNzAzIDEuNTIgMC43MTkgMS4yMzQgMC42NjQgMC45M3EwLjM0NC0wLjQ0NSAwLjY2NC0wLjkzNHQwLjcxOS0xLjIzOCAwLjcwMy0xLjUyIDAuNTUxLTEuNzY2IDAuMzI0LTEuOTk2ek05LjcxOSAzLjI4OXEtMi42OCAwLjcwMy00LjUxNiAyLjgxMnQtMi4xNDggNC44OThoMy45ODRxMC4yNzMtNC4wNzggMi42OC03LjcxMXpNMjAuOTQ1IDEzaC0zLjk3N3EtMC4yODkgNC4wODYtMi42ODggNy43MTEgMi42OC0wLjcwMyA0LjUxNi0yLjgxM3QyLjE0OC00Ljg5OHpNMTIgMy41NDdxLTAuMzQ0IDAuNDQ1LTAuNjYgMC45MzR0LTAuNzE5IDEuMjM4LTAuNzA3IDEuNTItMC41NTEgMS43NjYtMC4zMjQgMS45OTZoNS45MjJxLTAuMDc4LTEtMC4zMjQtMnQtMC41NTEtMS43Ny0wLjcwMy0xLjUyLTAuNzE5LTEuMjM0LTAuNjY0LTAuOTN6TTE0LjI4MSAzLjI4OXEyLjM5OCAzLjYyNSAyLjY4OCA3LjcxMWgzLjk3N3EtMC4zMTItMi43ODktMi4xNDgtNC44OTh0LTQuNTE2LTIuODEzeiI+PC9wYXRoPgo8L3N2Zz4K");
   
}

.downlodbanner__link { 
   display: block;
   padding-left: 3em;
   color: white;
   text-decoration: none;
   text-align: right;
   line-height: 2.2em;
   padding-right: 45px;
   padding-top: 2px;
   background-repeat: no-repeat;
   background-position: right 10px center;
   background-size: 20px;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjRkZGIj4KPHBhdGggZD0iTTE1IDRoNHExLjI0MiAwIDIuMTIxIDAuODc5dDAuODc5IDIuMTIxdjE0cTAgMS4yNDItMC44NzkgMi4xMjF0LTIuMTIxIDAuODc5aC0xNHEtMS4yNDIgMC0yLjEyMS0wLjg3OXQtMC44NzktMi4xMjF2LTE0cTAtMS4yNDIgMC44NzktMi4xMjF0Mi4xMjEtMC44NzloNHYyaC00cS0wLjQxNCAwLTAuNzA3IDAuMjkzdC0wLjI5MyAwLjcwN3YxNHEwIDAuNDE0IDAuMjkzIDAuNzA3dDAuNzA3IDAuMjkzaDE0cTAuNDE0IDAgMC43MDctMC4yOTN0MC4yOTMtMC43MDd2LTE0cTAtMC40MTQtMC4yOTMtMC43MDd0LTAuNzA3LTAuMjkzaC00di0yek0xMiAwcTAuNDE0IDAgMC43MDcgMC4yOTN0MC4yOTMgMC43MDd2MTIuNTg2bDIuMjg5LTIuMjk3cTAuMjg5LTAuMjg5IDAuNzExLTAuMjg5IDAuNDMgMCAwLjcxNSAwLjI4NXQwLjI4NSAwLjcxNXEwIDAuNDIyLTAuMjg5IDAuNzExbC00IDRxLTAuMjg5IDAuMjg5LTAuNzExIDAuMjg5dC0wLjcxMS0wLjI4OWwtNC00cS0wLjI4OS0wLjMwNS0wLjI4OS0wLjcxMSAwLTAuNDE0IDAuMjkzLTAuNzA3dDAuNzA3LTAuMjkzcTAuNDIyIDAgMC43MTEgMC4yODlsMi4yODkgMi4yOTd2LTEyLjU4NnEwLTAuNDE0IDAuMjkzLTAuNzA3dDAuNzA3LTAuMjkzeiI+PC9wYXRoPgo8L3N2Zz4K");
   
}

.downlodbanner__link:hover { color: white; }
.downlodbanner:hover {
   background-color: #FC5C1F;
}


/* -----------------------------------------
     Footer NOTE
-------------------------------------------- */

.pnote {
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.66);
        color: white;
        width: 100%;
        height: auto;
        padding: 20px;
        z-index: 1002 !important;
        box-sizing: border-box;
        
}

.pnote #okaycookie {
        float:right;
        border:white solid 1px;
        color:white;
        font-size:16px;
        margin:0 20px 0 10px;
        padding: 10px 20px;
        text-decoration: none;
    transition: all 0.33s;
}

.pnote #okaycookie:hover {
    background-color: #ff5b00;
}

.pnote a {
    text-decoration: underline;
    color: white;
}



@media (max-width: 800px) {
    #cookienote #okaycookie { margin:0;}
    #cookienote .susy-10  {  --span: 9/12; font-size: 12px; }
    #cookienote .susy-2  {  --span: 3/12; }         
}




/* -----------------------------
    SUSY-GRID System
   ----------------------------- */

/* Float or flex… */
.susy {  display: flex; }

/* Setup… */
.susy-item {
  --span: initial; /* avoid inheritance */
  --percentage: calc(var(--span) * 100%);
  width: var(--percentage, initial);
}

/* Items… */
.susy-1  {  --span: 1/12; }
.susy-2  {  --span: 2/12; }
.susy-3  {  --span: 3/12; }
.susy-4  {  --span: 4/12; }
.susy-5  {  --span: 5/12; }
.susy-6  {  --span: 6/12; }
.susy-7  {  --span: 7/12; }
.susy-8  {  --span: 8/12; }
.susy-9  {  --span: 9/12; }
.susy-10 {  --span: 10/12; }
.susy-11 {  --span: 11/12; }
.susy-12 {  --span: 12/12; }

@media (max-width: 400px) {
   .susy {  display: block; }
   .susy-item { width: 100%; }
}

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