html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

html {
  font-family: Arial, Helvetica, sans-serif;
  font-size:  76%;
  height: 100%;
}
body {
  color: #000;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  background: #2D4262;
}

body ul.ui-widget {
  text-align: left;
  font-size:  86%;
  height: 200px;
  overflow: auto;
}

a, a:link {
  /*  color: #2D4262; */
  color: #4C6D9E;
  text-decoration: none;
}

/*
a:visited {
  color: #000;
}
*/
a:hover {
  color: #5275AA;
  text-decoration: underline;
}

a:focus {
  color: #000;
}

a:active {
  color: #000;
}
.clear {
  clear:both;
}
.right {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
}
.left {
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
}
.arrow {
  background: url(/app/i/arrow.gif) no-repeat left top;
  padding-left: 15px;
  margin-top: 8px;
}
/* ---------- Page Structure CSS ---------- */

#header {
  text-align: left;
  height: 75px;
  padding-left: 30px;
}
#title {
  float:left;
  font-size: 60px;
  color: #FFF;
  letter-spacing: -1px;
}
#title a, #title a:link, #title a:visited {
  color: #FFF;
  text-decoration:none;
}
#title a:hover {
  color: #A8BDD5;
  text-decoration: none;
}
#headlinks {
  float:right;
  width:600px;
  text-align:right;
  color: #C1D0E1;
  padding:30px 30px 0 0;
}
#headlinks a, #headlinks a:link, #headlinks a:visited, #headlinks a:active {
  color: #C1D0E1;
  text-decoration:none;
}
#headlinks a:hover {
  color: #FFF;
  text-decoration:none;
}

#outerWrapper {
  margin: 0 auto 0 auto;
  text-align: left;
  width: 920px;
}

#oneColumn, #twoColumnleft, #threeColumns, #twoColumnright{
  overflow: hidden;
  background: #FFF url(/app/i/content-fill.gif) repeat-y left;
  width: 920px;
}

#oneColumn #content {
  margin: 0 30px 0 15px;
  padding: 25px 10px 20px 10px;
  width: 860px;
}



#threeColumns #leftColumn {
  float: left;
  padding: 15px 0px 10px 25px;
  width: 180px;
}
#threeColumns #rightColumn {
  float: right;
  padding: 15px 30px 10px 0px;
  width: 200px;
}

#threeColumns #content {
  margin: 0 205px 0 215px;
  padding: 20px 0px 30px;
  width: 470px;
}

#twoColumnleft #content, #twoColumnright #content {
  width:640px;
}
#twoColumnleft #leftColumn {
  float: left;
  padding: 15px 10px 10px 25px;
  width: 180px;
}
#twoColumnleft #rightColumn {
  display:none;
}

#twoColumnleft #content {
  margin: 0 15px 0 215px;
  padding: 20px 10px 30px;
}

#twoColumnright #leftColumn {
  display:none;
}
#twoColumnright #rightColumn {
  float: right;
  padding: 25px 35px 10px 10px;
  width: 200px;
}

#twoColumnright #content {
  margin: 0 0px 0 15px;
  padding: 25px 0px 20px 10px;
}



#footer {
  padding: 25px 10px 10px 30px;
  background: url(/app/i/footer.gif) no-repeat left top;
  height: 48px;
  color: #C1D0E1;
  clear: both;
}
#credit {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 8px;
  font-size: 11px;
  color: #456290;
  width: 920px;
  margin-right: auto;
  margin-left: auto;
}
#credit a, #credit a:hover, #credit a:visited, #credit a:active, #credit a:focus {
  color: #456290;
  font-weight: normal;
  text-decoration: none;
}
/* ---------- Navigation CSS ---------- */

#navcontainer {
  position:relative;
  height:40px;
  width:100%;
  font-family: Arial, Helvetica, Verdana, sans-serif;
}
#nav {
  position:relative;
  height:50px;
  text-transform:uppercase;
  background:url(/app/i/nav-container-bg.gif) no-repeat left top;
  padding:0 0 0 23px;
  font-size: 11px;
  font-weight: bold;
}
#nav ul {
  margin:0;
  padding:25px 0px 0px 15px;
  list-style-type:none;
}
#nav ul li {
  display:inline;
  margin:0px;
  padding-right: 20px;
  width: auto;
}
#nav ul li a {
  color:#C1D0E1;
  text-decoration:none;
}
#nav ul li a:hover {
  color:#FFF;
}

#nav ul li a.active {
  color:#FFCC66;
}

/* ---------- Typography CSS ---------- */

h1 {
  margin-top: 0em;
  margin-bottom: 0em;
  font-size: 1.7em;
}
h2 {
  margin: .5em 0em;
  color: #4C6D9E;
  font-size: 1.3em;
}
h3 {
  font-size: 1.2em;
  margin: .5em 0em;
  font-weight: bold;
}
h4 {
  font-size: 1.1em;
  margin: .5em 0em;
  font-weight: bold;
  color: #5275AA;
}
h5 {
  font-size: 1.0em;
  margin: .5em 0em;
  font-weight: bold;
}
h6 {
  font-size: 0.8em;
  margin: .5em 0em;
  font-weight: bold;
}
img {
  border: 0;
}

p {
  font-size: 1.0em;
  line-height: 1.5em;
  margin: 1.2em 0em 1.2em 0em;
}
/**
   der stört im infowindow der map
*/
#gmap p{
  margin: 0px;
}

pre {
  font-family: monospace;
  font-size: 1.2em;
  background: #F4F4F4;
  margin: 15px;
  padding: 10px;
  border: 1px dotted #CCC;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
  color: #C1D0E1;
}
#footer a:hover {
  color: #FFF;
}


#sky {
  position:absolute;
  top:85px;
  margin-left:910px;
  width:200px;
  color: #C1D0E1;
  text-decoration: none;
  font-size: 70%;

}
#sky div {
  padding:3px;
}
#sky ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;
}

#sky ul li {
  margin-bottom: 10px;
}

#sky .grey {
  background-color: #ddd;
  color: #444;
}



/* ---------- Two Column CSS ---------- */

.csscolumns {
  overflow:hidden;
  width: 100%;
}
/* Note: adding larger margins or padding to columns requires that you decrease the width setting proportionally. If you add padding to the container, the same applies. */

#col_one_2 {
  margin: 0;
  float: left;
  width:48%;
}
#col_two_2 {
  margin: 0 0 0 12px; /* Puts a 12 pixel space between columns (left side) */
  float: left;
  width:48%;
}
/* ---------- Three Column CSS ---------- */

/* Note: adding larger margins or padding to columns requires that you decrease the width setting proportionally. If you add padding to the container, the same applies. */

#col_one_3 {
  margin: 0;
  float: left;
  width:31%;
}
#col_two_3 {
  margin: 0 0 0 12px; /* Puts a 12 pixel space between columns (left side) */
  float: left;
  width:31%;
}
#col_three_3 {
  margin: 0 0 0 12px; /* Puts a 12 pixel space between columns (left side) */
  float: left;
  width:31%;
}
/* ---------- Four Column CSS ---------- */

/* Note: adding larger margins or padding to columns requires that you decrease the width setting proportionally. If you add padding to the container, the same applies. */

#col_one_4 {
  margin: 0;
  float: left;
  width:23%;
}
#col_two_4 {
  margin: 0 0 0 12px; /* Puts a 12 pixel space between columns (left side) */
  float: left;
  width:23%;
}
#col_three_4 {
  margin: 0 0 0 12px; /* Puts a 12 pixel space between columns (left side) */
  float: left;
  width:23%;
}
#col_four_4 {
  margin: 0 0 0 12px; /* Puts a 12 pixel space between columns (left side) */
  float: left;
  width:23%;
}
/* ---------- Side column menu styles ---------- */

.styledmenu {
  width: 100%; /*width of menu*/
}
.styledmenu .headerbar {
  font: bold 13px Verdana;
  color: white;
  background: #2D4262 url(/app/i/menubg.jpg) no-repeat right top; /*last 2 values are the x and y coordinates of bullet image*/
  margin-bottom: 2px; /*bottom spacing between header and rest of content*/
  margin-top:0px;
  text-transform: uppercase;
  padding: 7px 0 7px 8px; /*31px is left indentation of header text*/
}
.styledmenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0; /*bottom spacing between each UL and rest of content*/
}
.styledmenu ul li {
  padding-bottom: 2px; /*bottom spacing between menu items*/
  margin: 0px;
}
.styledmenu ul li a {
  color: black;
  background: #E2E9F1;
  display: block;
  padding: 5px 0;
  line-height: 17px;
  padding-left: 8px; /*link text is indented 8px*/
  text-decoration: none;
}
.styledmenu ul li a:visited {
  color: black;
}
.styledmenu ul li a:hover { /*hover state CSS*/
  color: white;
  background: #5A7EB4;
  text-decoration: none;
}
.styledmenu ul li a.active {
  font-weight: bold;
}

.simplemenu {
  width: 100%; /*width of menu*/
}
.simplemenu .headerbar {
  font: bold 13px Verdana;
  color: #000; /*last 2 values are the x and y coordinates of bullet image*/
  margin-bottom: 0px; /*bottom spacing between header and rest of content*/
  margin-top:0px;
  text-transform: uppercase;
  padding: 7px 0 7px 0px; /*31px is left indentation of header text*/
}
.simplemenu ul {
  list-style-type: none;
  padding: 0 0 20px; /*bottom spacing between each UL and rest of content*/
  margin: 0;
}
.simplemenu ul li {
  margin: 0px;
  padding-bottom: 2px;
}
.simplemenu ul li a {
  font: normal 12px Arial;
  color: black;
  background: #FFF;
  display: block;
  padding: 4px 0 4px 5px;
  line-height: 17px; /*link text is indented 8px*/
  text-decoration: none;
  border-bottom: 1px solid #E2E9F1;
}
.simplemenu ul li a:visited {
  color: black;
}
.simplemenu ul li a:hover { /*hover state CSS*/
  color: #000;
  background: #E2E9F1;
  text-decoration: none;
}
/* ---------- Common styles shared between both left and right columns ---------- */

.sidebarlt {
  padding: 6px;
  border: 1px solid #9CB1D1;
  background: #E2E9F1 url(/app/i/sidebarlt-bg.gif) no-repeat right top;
  margin-bottom:10px;
}
.sidebardk {
  color: #FFFFFF;
  border: 1px solid #131D2B;
  padding: 6px;
  background-color: #2D4262;
}
.sidebardk a, .sidebardk a:hover, .sidebardk a:visited, sidebardk a:active {
  color: #FFFFFF;
  text-decoration:underline;
}

ol.ulcompact{
  padding-left: 7px;
}

ol.ulcompact ol{
  padding-left: 15px;
}


/* durchnummerieren */
ol {
  counter-reset: section;
  list-style-type: none;
}
ol li:before {
  counter-increment: section;
  content: counters(section, ".") " ";
}



ul.tags li {
  display: inline;
  content: "\00BB \0020";
}

ul.tags li:before {
  content: "\00BB \0020";
}

ul.tags li:first-child {
  display: inline;
}


ul.ulcompact, ul.ulcompact ul {
  padding-left: 7px;
  margin-left: 0px;
  text-indent: 0px;
  list-style-type: circle;
}
/*
ul.ulcompact li:before, ul.ulcompact ul li:before{ 
  content: "» ";
}
*/
ul.ulcompact ul {
  padding-left: 15px;
}

ul.nobullet {
  padding-left: 7px;
  margin-left: 0px;
  text-indent: 0px;
  list-style-type: none;
}

ul.nobullet ul {
  padding-left: 63px;
  margin-left: 0px;
  text-indent: -40px;
  list-style-type: none;
}

ul.spacerul li {
  padding-bottom:3px;
}


#modalDialog {
  z-index: 1000;
  position: absolute;
  top: 200px;
  width: 530px;
  /* die wird im js überschrieben */
}



#overlay {
  z-index: 999;
  background-color: #F0F8FF;
  position: absolute;
  top: 0;
  left: 0;
}

.rounded {
  border-radius: 5px 5px 5px 5px;
}


.modalWrapper {
}


.closerModal {
  position:relative;
  float:right;
  margin-top: 13px;
  margin-right:10px;
  height:25px;
  width:25px;
  cursor:pointer;
}
.closerModal a {
  text-decoration: none;
  font-weight:bold;
}

.modalWrapper .modalHead {
  height:38px;
  background: url(/app/i/header_popup.png) no-repeat scroll center top transparent;
  cursor: move;
}
.modalWrapper .modalFoot {
  height:10px;
  background: url(/app/i/footer_popup.png) no-repeat scroll center top transparent;
}
.modalWrapper .modalHead h3 {
  color: #FFF;
  padding-top: 13px;
  font-size: 14px;
  text-transform:uppercase;
  font-weight:bold;
}
.modalWrapper .modalBody {
  background: url(/app/i/dialog_bg.png) repeat-y scroll center top transparent;
  padding:10px;
  text-align:left;
  border-bottom: 1px solid #000;
}




div.tabnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.tabnav ul li {
  display:inline;
  font-weight: bold;
  color: #8B0000;
  margin-right:8px;
}

div.tabnav li.active:before {
  content: "| ";
}

div.tabnav li.active:after {
  content: " |";
}

/*
div.tabnav li.active:before { 
  content: "»| ";
}

div.tabnav li.active:after { 
  content: " |«";
}

*/
table.data {
  border-collapse: collapse;
  margin: 5px;
  width: 100%;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 90%;
}

table.datamini {
  font-size: 70%;
}


table.data th {
  vertical-align: top;
  border: 1px solid #666;
  font-weight: bold;
  color: #2D4262;
  background-color:  #cdcdcd;
}


table.data td {
  vertical-align: top;
  border: 1px solid #666;
  padding:2px;
}

table.data th.wd6 {
  background-color:  #f3f3f3;
}
table.data th.wd7 {
  background-color:  #E5E5E5;
}

table.data td.wd6 {
  background-color:  #f3f3f3;
}
table.data td.wd7 {
  background-color:  #e5e5e5;
}



table.data td.online {
  background-color:  #00ff00;
}
table.data td.offer1 {
  background-color:  #FFFFCC;
}
table.data td.offer2 {
  background-color:  #ffff00;
}
table.data td.prospecting {
  background-color:  #ffff00;
}
table.data td.offer3 {
  background-color:  #FFCC00;
}
table.data td.belegt {
  background-color:  #ff0000;
}
table.data td.zuschlag {
  background-color:  #ff0000;
}
table.data td.archive {
  background-color:  #afafaf;
}
table.data td.grey {
  background-color:  #cdcdcd;
}







table.data td.s0 {
  background-color:  #00FF00;
}
table.data td.s1 {
  background-color:  #33CC33;
}
table.data td.s2 {
  background-color:  #33CC66;
}
table.data td.s3 {
  background-color:  #CCFF00;
}
table.data td.s4 {
  background-color:  #FFFF99;
}
table.data td.s5 {
  background-color:  #FFFF00;
}
table.data td.s6 {
  background-color:  #FFCC00;
}
table.data td.s7 {
  background-color:  #FF9900;
}
table.data td.s8 {
  background-color:  #FF6600;
}
table.data td.s9 {
  background-color:  #FF3300;
}
table.data td.s10 {
  background-color:  #FF0000;
}
table.data td.s11 {
  background-color:  #CC0000;
  color: #fff;
}
table.data td.s12 {
  background-color:  #990000;
  color: #fff;
}
table.data td.s13 {
  background-color:  #660000;
  color: #fff;
}
table.data td.s14 {
  background-color:  #330000;
  color: #fff;
}
table.data td.s15 {
  background-color:  #cc0000;
  color: #fff;
}








/* sonderlocken startseite */
div.startseite_textbox_links {
  width:256px;
  float:left;
  padding:10px;
  border: 1px dotted #CCC;
  margin-bottom:10px;
}

div.startseite_textbox_mitte {
  width:287px;
  /*  height:182px; */
  overflow:hidden;
  margin-bottom:10px;
}

div.startseite_textbox_links h2, div.startseite_textbox_mitte h2, div.startseite_textbox_unten h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:10pt;
  font-weight:bold;
}

iframe.tags {
  padding-left: 170px;
  width: 432px;
  height: 300px;
}


div.eieruhr {
  opacity: 0.2;
}

div.teaser {
  font-style:oblique;
  padding:10px;
}


div.teaser-item {
  clear:both;
  margin-bottom:20px;
  cursor:pointer;
  padding:5px;
}
div.teaser-item:hover {
  background-color: #ececec;
}

div.upload-wrapper {
  margin-top:5px;
  clear:both;
}

.cookie-consent-banner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483645;
  box-sizing: border-box;
  width: 100%;

  background-color: #F1F6F4;
}

.cookie-consent-banner-close{
  float:right;
  margin-right: 1rem;
}
.cookie-consent-banner-close > a {
  font-size: 200%;
}
.cookie-consent-banner-close > a:hover {
  text-decoration: none;
}
.cookie-consent-banner__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 0;
}

.cookie-consent-banner__copy {
  margin-bottom: 16px;
}

.cookie-consent-banner__actions {
}

.cookie-consent-banner__header {
  margin-bottom: 8px;

  font-family: "CeraPRO-Bold", sans-serif, arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

.cookie-consent-banner__description {
  font-family: "CeraPRO-Regular", sans-serif, arial;
  font-weight: normal;
  color: #838F93;
  font-size: 16px;
  line-height: 24px;
}

.cookie-consent-banner__cta {
  box-sizing: border-box;
  display: inline-block;
  min-width: 164px;
  padding: 11px 13px;

  border-radius: 2px;

  background-color: #2CE080;

  color: #FFF;
  text-decoration: none;
  text-align: center;
  font-family: "CeraPRO-Regular", sans-serif, arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}

.cookie-consent-banner__cta--secondary {
  padding: 9px 13px;

  border: 2px solid #3A4649;

  background-color: transparent;

  color: #2CE080;
}

.cookie-consent-banner__cta:hover {
  background-color: #20BA68;
}

.cookie-consent-banner__cta--secondary:hover {
  border-color: #838F93;

  background-color: transparent;

  color: #22C870;
}

.cookie-consent-banner__cta:last-child {
  margin-left: 16px;
}
.cookie-consent-banner__cta:nth-child(2) {
  margin-left: 16px;
}