/* General */
html {height:100.2%;}
body {margin:0; font-family:Verdana,Arial,sans-serif; background-color:#fff;}
img {border:none;}
div, p, li, th, td, dt, dd {font-size:12px; line-height:18px; color:#5b646a;}
th, td {vertical-align:top;}
hr {height:0; border-style:none none solid none; border-width:1px; border-color:#999;}
.blue-highlight {color:#289fcf;}

/* RTE alignment overrides layout defaults. */
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}

/* Overall layout */
div#wrapper1 {text-align:center;}
div#wrapper2 {max-width:920px; margin:10px auto 0 auto; text-align:left; overflow:hidden;}
ul#skipnav {display:none;}
div#topbox {width:100%; overflow:hidden; margin-bottom:15px;}
div#topnav {float:right; margin-top:49px; overflow:hidden;}
div#leftbox {clear:left; float:left; width:25%; padding-top:75px; overflow:hidden;}
div#breadcrumb {display:none; width:495px; height:40px; overflow:hidden;}
div#contentbox {float:left; width:75%; min-height:520px; margin:8px 0 0 0; padding-bottom:50px; overflow:hidden;}
div#topslider {margin:15px 0; width:100%; height:auto; overflow:hidden;}
div#content {padding:15px 10px 20px 35px; overflow:hidden;}
div#rightbox {display:none; float:left; width:25%; padding-top:15px; overflow:hidden;}
div#right {padding:10px 10px 10px 10px;}
div#footerwrapper {text-align:center; background-color:#e5e5e5;}
div#footerbox {max-width:920px; margin:0 auto 0 auto; text-align:left; overflow:hidden;}
div#footer {width:100%; padding:20px 0 20px 0; overflow:hidden;}

/* Top box */
div#topbox img {clear:none; float:left; margin:0; padding:0;}
div#topbox a#homelink {display:block; float:left; width:250px; height:118px; text-decoration:none;}
div#topbox h1 {float:right; margin:0; padding-top:5px; font-size:24px; font-weight:normal; color:#289fcf;}

div#topnav ul#firstlvl {overflow:hidden; display:inline; list-style:none; margin:0; padding:0;}
div#topnav ul li {display:inline;}
div#topnav ul li a {display:block; height:40px; float:left; margin-left:11px; padding:0 16px; line-height:40px; text-align:center;
  font-size:14px; font-weight:bold; text-decoration:none; color:#fff; background-color:#289fcf;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #000000;
}
div#topnav ul li a:hover {background-color:#76c8ea; color:#fff;}
div#topnav ul li.act a {background-color:#76c8ea; color:#fff;}
div#topnav ul li ul.topnavsub {display:none;}
div#topnav ul li ul li ul.topnavsubsub {display:none;}
div#topnavmobil {display:none;}


/* Slider/Picture */
div#topslider img {width:100%; height:auto; border-radius:10px;}


/* Left menu */
div#subnav ul {list-style:none; margin:0 15px 0 0; padding:0;}
div#subnav ul li {margin:0; padding:0;}
div#subnav ul li:hover {}
div#subnav ul li a {display:block; margin:0 0 0 0; padding:5px 0; font-size:13px; color:#555; text-decoration:none; border-bottom:solid 1px #555;}
div#subnav ul li a:hover {color:#4ac;}
div#subnav ul li.act {color:#4ac;}
div#subnav ul li.act a {font-weight:bold;}

div#subnav ul li.act ul {margin:0 0 0 20px;}
div#subnav ul li.act ul li {margin:0; padding:0; background:none;}
div#subnav ul li.act ul li:hover {}
div#subnav ul li.act ul li a {display:block; margin:0; padding:0; line-height:20px; font-size:12px; font-weight:normal; color:#555; text-decoration:none; border-bottom:none;}
div#subnav ul li.act ul li a:hover {color:#4ac;}
div#subnav ul li.act ul li.act {background-image:none;}
div#subnav ul li.act ul li.act a {font-weight:bold;}


/* Breadcrumb*/
div#breadcrumb {padding:0 0 0 10px; font-size:11px; line-height:40px; color:#555;}
div#breadcrumb a {font-size:11px; color:#555; text-decoration:none;}
div#breadcrumb a:hover {text-decoration:underline;}


/* Content */
div#content h1 {margin:0 0 20px 0; font-size:28px; line-height:38px; font-weight:normal; color:#666;}
div#content h2 {margin:20px 0 15px 0; font-size:18px; line-height:22px; font-weight:normal; color:#666;}
div#content h3 {font-size:12px;}
div#content p {margin:0 0 10px 0; font-size:12px; line-height:18px;}
div#content p.bodytext {margin:0 0 10px 0;}
div#content li {font-size:12px; line-height:16px; /*list-style-image:url(../img/ff-leftmenu-dot_ro.gif);*/}
div#content th, div#content td {font-size:12px;}
div#content dd, div#content dt {font-size:12px;}

div#content a {color:#289fcf; text-decoration:none;}
div#content a:hover {text-decoration:underline;}
div#content .image {padding:0 15px 2px 0;}
div#content .image img {max-width:100%; height:auto;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
}
div#content div.csc-frame-indent3366 {margin-left:165px;}
div#content div.csc-frame-rulerBefore {height:10px; border-top:solid 1px #555;}
div#content div.csc-frame-rulerAfter {height:10px; border-bottom:solid 1px #555;}
div#content span.Anmerkung {font-size:9px; color:#999;}

/* Footer */
div#footer h2 {margin:0; font-size:14px; color:#555;}
div#footer a {color:#289fcf; text-decoration:none;}
div#footer a:hover {text-decoration:underline;}

div#footer div.frame-default {float:left; width:25.7%;}
div#footer div.frame-default a {font-size:12px; font-family:Arial,sans-serif;}
div#footer div.frame-default:last-child {float:right; width:23%;}
div#footer nav.csc-frame-frame1 {float:left; margin:0; width:25.7%;}
div#footer div#info {overflow:hidden; margin-bottom:15px; width:100%; height:auto;}
div#footer img {max-width: 100%; height:auto;}

div#footer ul.csc-menu {list-style:none; margin:10px 0 0 0; padding:0;}
div#footer ul.csc-menu li {}
div#footer ul.csc-menu li a {padding:0; font-size:12px; text-decoration:none; color:#555;}
div#footer ul.csc-menu li a:hover {text-decoration:underline;}

div#footer div.shariffwrapper {float:left; width:23%;}
div#footer div.shariff {margin:15px 0;}
div#footer div.shariff a {color:#fff;}
div#footer div.shariff ul li.shariff-button {width:33%; max-width:33%;}
div#footer div.shariff ul li.shariff-button.info {display:none;}
.div#footer div.shariff ul li.shariff-button.facebook a {color:#3b5998; background-color:transparent; border:solid 1px #3b5998;}

div#footer iframe {margin-top:15px;}

div#metanav {float:left;}
div#metanav ul {display:inline; list-style:none; margin:0; padding:0;}
div#metanav ul li {display:inline;}
div#metanav ul li a {padding:0 8px; font-size:12px; text-decoration:none; color:#555; border-left:1px solid #555;}
div#metanav ul li.first a {border:none; padding-left:0;}
div#metanav ul li a:hover {text-decoration:underline;}


/* Media queries */

/* tablets etc */
@media only screen and
(max-width : 1024px) {
  div#wrapper1 {background-image:none;}
  div#wrapper2 {max-width:100%; width:100%;}
  div#topbox {width:100%; height:auto; overflow:hidden;}

  div#topbox {padding:0 3%; box-sizing:border-box;}
  div#topbox a#homelink {}
  div#topnav {float:left; width:100%; margin-top:4%;}
  div#topnav ul li a {padding:0.3% 2%;}
  div#topslider {padding:0 3%; width:94%;}

  div#contentbox {float:none; width:72%;}
  .csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left:18px;}

  div#leftbox {padding-left:3%;}
  div#leftbox div#subnav ul li a {padding:2% 0;}
  div#footer {padding:3%;}


  .responsiveContainer {position: relative; padding-bottom: 56%; height: 0; overflow: hidden;}
  .responsiveContainer iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

}

/* smartphones */
@media only screen and
(max-width:767px) {
  body {}
  div#content p {font-size:14px;}
  div#leftbox p {font-size:14px;}
  div#rightbox p {font-size:14px;}

  div#wrapper1 {width:100%; background:none;}
  div#wrapper2 {width:100%;}

  div#topbox {width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:2% 3%;}
  div#topbox a#homelink {position:static; margin:0; width:25%; height:auto; overflow:hidden;}
  div#topbox a#homelink img {position:static; width:100%; height:auto;}
  div#topbox h1 {display:inline-block; font-size:18px; padding:1.5% 0 0 2%;}

  div#topslider {padding:0 3%; width:94%;}

  div#topnav {display:none;}
  div#topnavmobil {display:inline; clear:both; margin:0 0 0 0; padding:0; width:100%;}
  div#topnavmobil div.menuopen {clear:both; display:block; float:right; padding: 6px 0; width:100px; background-color:#76c8ea; text-decoration:none; color:#fff; text-align:center; line-height:30px; font-size:18px; cursor:pointer;}
  div#topnavmobil ul#firstlvlmobil {display:none; clear:both; padding:3% 0 0 0; list-style:none; margin:0;}
  div#topnavmobil ul#firstlvlmobil li {display:block;}
  div#topnavmobil ul#firstlvlmobil li a {float:none; display:block; padding:3% 0; border-bottom:solid 1px #555; text-align:center; font-size:16px; font-weight:bold; text-decoration:none; color:#777;}
  div#topnavmobil ul#firstlvlmobil li a:hover {background-color:#76c8ea; color:#fff;}
  div#topnavmobil ul#firstlvlmobil li.act a {background-color:#76c8ea; color:#fff;}
  div#topnavmobil ul#firstlvlmobil li ul.topnavsub {display:none;}
  div#topnavmobil ul#firstlvlmobil li ul.topnavsub li a {font-size:14px; font-weight:normal; background-color:transparent; color:#777;}
  div#topnavmobil ul#firstlvlmobil li ul.topnavsub li a:hover {background-color:#76c8ea; color:#fff;}
  div#topnavmobil ul#firstlvlmobil li ul.topnavsub li.act a {background-color:#76c8ea; color:#fff;}
  div#topnavmobil ul#firstlvlmobil li ul li ul.topnavsubsub {display:none;}
  div#topnavmobil ul#firstlvlmobil li ul.topnavsub {padding:0;}
  div#subnav{display:none;}

  div#contentbox {width:100%; height:auto; margin-right:0; margin-left:0;}
  div#breadcrumb {display:none;}
  div#content {padding:3%;}
  div#content h1 {font-size:24px;}
  div#content h2 {font-size:18px; margin-top:15px;}
  div#content p {font-size:14px; line-height:20px;}
  div#content a {font-size:14px;}

  div#content li {font-size:14px;}

  div#content form fieldset {width:85%;}
  div#content form div.csc-mailform-field input {width:100%; line-height:1.6em;}
  div#content form div.csc-mailform-field textarea {width:100%;}

  div#leftbox {display:none;}

  div#footerwrapper {width:100%;}
  div#footerbox {width:100%;}
  div#footer {padding:5% 3%; width:auto;}
  div#footer div.frame-default {float:none; clear:both; width:100%; max-width:100%; margin:4% 0 0 0;}
  div#footer div.frame-default:last-child {float:none; width:100%;}
  div#footer nav.csc-frame-frame1 {float:none; width:100%; max-width:100%; margin:4% 0 0 0;}
  div#footer div.shariffwrapper {width:100%;}
  .shariff .orientation-horizontal {display:block;}
  .shariff .orientation-horizontal li .share_text {display: inline;}
  div#footer div.shariff ul li.shariff-button {width:50%; max-width: none; min-width: 0;}

  div#metanav {float:none;}
  div#metanav ul li {display:block; color:#e5e5e5; text-align:center;}
  div#metanav ul li a {display:block; border:none; padding:0; width:100%; text-align:center; padding:3% 0; border-bottom:1px solid #c1c1c1;}
  div#metanav ul li.first a {border-bottom:1px solid #c1c1c1;}
}


@media only screen and
(max-width : 480px) {
  div#topbox a#homelink {position:static; margin:0; width:40%; height:auto; overflow:hidden;}
  div#topbox h1 {display:none;}
  div#topnavmobil div.menuopen {clear:none;}
  div#footer div.shariff ul li.shariff-button {width:100%;}

  .ce-right.ce-intext .ce-gallery,
  .ce-left.ce-intext .ce-gallery {float:none; margin-right:0; margin-left:0;}
}

@media only screen and
(max-width : 320px) {

}