* {margin:0;padding:0;}
html,body {height:100%;}

#content ul  {margin-left: 15px;}

body {
    font-family: comic sans ms, sans-serif;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 1.8;
    color: #313131;
}

body{font-family: sans-serif;color:#333333;background:#fff;}
a:link, a:visited {color:#333;text-decoration:none;}
a:active {color:#000;text-decoration:none;}
a:hover {color:#7dccea;text-decoration:none;}
a img {border-width:0;}


p {margin:10px 0;}
h1 {color:#313131;font-size:28px;font-family: ' comic sans ms', sans-serif;text-transform:uppercase;letter-spacing:0.5px;font-weight:bold;margin:0 0 30px;}

h1 span {width:65px;height:9px;background:#7dceeb;display:block;}

h2 {color:#313131;font-size:22px;font-family: ' comic sans ms', sans-serif;text-transform:uppercase;letter-spacing:1px;font-weight:normal;margin:0 0 10px;}
#line {width:65px;height:9px;background:#7dceeb;display:block; margin-top: 0px; margin-bottom: 30px;}



*::-moz-selection {background-color: #7dccea;color:#FFFFFF;}
*::selection {background-color: #7dccea;color:#FFFFFF;}


.clearingItem {clear:both;float:none;}
.ofRow {left:0;top:0;position:absolute;text-align:center;z-index:50;height:25px;background:transparent url('http://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;width:100%}
.Success {color:#1a1;margin-bottom:10px;}

.width_1 {margin:0;}
.width_2 {float:left;width:50%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:33.333%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 20px 0 0;}
.width_2.rightColumn {padding:0 0 0 10px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}

/* ERRORPAGE */
#errorContainer {width:400px;margin:auto;margin-top:10px;border:1px solid rgb(207,217,227);background-color:#999;text-align:center;}
#errorContainer h1 {background:rgb(207,216,226);color:#142F5D;text-align:center;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;}
.error, .Error {color:#C41029;margin:15px;font-weight:bold;font-size:small;}
.errorText {color:#C41029;font-weight:bold;}

/* BODY-CONTAINERS */
#mainContainer {position:relative;width:100%;max-width:980px;padding:0 10px;margin:0 auto;background:#fff;box-sizing:border-box;}
#header {position:relative;padding-top:25px;height:344px;}
#headerContent {position:relative;margin:0 auto;width:100%;max-width:980px;padding:0 10px;box-sizing:border-box;}
#logo {position:relative;display:inline-block;margin-top:5px;}
#headerBoxes {position:absolute;top:73px;right:10px;font-family: 'Asap', sans-serif;}
#headerBoxes div, #headerBoxes a {position:relative;display:block;background:#eee;text-transform:uppercase;width:290px;height:50px;line-height:50px;font-size:20px;text-align:center;}
#headerBoxes a {background:#7dccea;border-bottom:4px solid #62a4bc;box-sizing:border-box;cursor:pointer;color:#fff;margin-top:20px;}
#headerpic {height:550px;background:no-repeat center center;background-size:cover;}
#headerpicBoxes {position:relative; width: 730px; max-width:960px;height:275px;margin:0 auto;margin-top:-147px;}
#headerpicBoxes .box {float:left;width:350px;height:275px;color:#fff !important;text-align:center;box-sizing:border-box;font-size:14px;padding:12px;}
#headerpicBoxes .box * {color:#fff !important;}
#headerpicBoxes .box.box1 {background:#7dccea;}
#headerpicBoxes .box.box2 {width:350px;background:#62a4bc; margin-right: 7px;}
#headerpicBoxes .box.box3 {background:#4b7c8d; margin-left: 8px;}
#content {padding:50px 0;}
#footer {position:relative;width:100%;height:124px; margin: 0 auto;background:#eeeeee;}
#footerContent {position:relative;width:100%;max-width:980px;padding:0 10px;margin:0 auto;box-sizing:border-box;}
#footerlogo {position:absolute;right:10px;top:20px;}

#homenews {padding:25px 40px 20px;position:relative;margin:50px 0;}
#homenewsBg {position:absolute;left:0;top:0;bottom:0;width:80px;z-index:0;background:#f7f7f7;font-style:italic;}
#homenewsBg span {position:absolute;margin-top:-27px;height:50px;font-size:130px;font-family:Georgia, serif;line-height:1;color:#dcdcdc;}
#homenews a {position:relative;z-index:1;font-style:italic;font-size:20px;line-height:1.5;}

#slider {height:240px;position:relative;margin:0 35px;}
#slider div a {display:block;width:240px;height:240px;background:no-repeat center center;background-size:cover;outline:0; margin: 0 5px;}
.slick-arrow {position:absolute;width:30px!important;height:60px!important;background:no-repeat center center;top:90px;}
.slick-prev {background-image:url('../../images/arrowP.png')!important;left:-35px!important;cursor:pointer;}
.slick-next {background-image:url('../../images/arrowN.png')!important;right:-35px!important;cursor:pointer;}



/* NAVIGATIONS */
#naviButton {display:none;}
.rightColNavi { display:none;}
#navi { background:#7dccea; width:100%; height:90px; position:absolute; bottom:0;left:0;}
#root {list-style-type:none;height:90px; width:100%;max-width:960px; margin:0 auto;position:relative;}
#root li {float:left;height:90px;line-height:90px;}
#root li a {position:relative;height:90px;line-height:90px;display:block;color:#fff;font-size:18px;padding:0 8px;margin:0 7px 0 0;font-weight:normal;letter-spacing: 0.1em; text-transform:uppercase; }
#root li:hover > a, #root li.active > a  {color:#434343;}



#root li ul {position:absolute;background:#7dccea;list-style-type:none;margin:0;padding:0;display:none; z-index: 50;}
#root li:hover > ul {display:block;}
#root li ul li {display:block;float:none;height:auto;line-height:45px;}
#root li ul li a {height:auto;line-height:45px;color:#fff;}

#footernav {list-style:none;position:relative;padding-top:55px;}
#footernav li { list-style-type:none;}
#footernav li a { text-transform:uppercase;font-family: 'Asap', sans-serif;font-weight:bold; }
#footernav li a:hover {color: #7dccea;}

#root li a:hover ul {display: block;}

/* NEWS */
.newsContainer {margin-bottom:30px;}
.newsContainer h1 {margin-bottom:10px;}
.newsContainer .newsThumbnail {float:left;margin:0 10px 10px 0;}

.newsLink {text-align:right;display:block;color:#30488E!important;margin-top:10px;}
.newsLink:hover {text-align:right;display:block;color:#F79720!important;}

/* FORMS */
div.formRow {height:20px;}
div.formRow label {float:left;width:100px;font-weight:bold;}
#content input, textarea, #content button, select {border:1px solid #d3d3d3;background:#fafafa;width: 160px;}
input:focus, textarea:focus, button:focus, select:focus {border:1px solid #F79720;background:#fff;}
div.buttonRow input, div.buttonRow button {color:#202020;width:130px;font-weight:bold;cursor:pointer;}
div.buttonRow input:hover, div.buttonRow button:hover {color:#F79720;width:130px;}

/* CONTACT FORM */
#cmsContactForm div.left    {float:left;width:280px;}
#cmsContactForm div.left p  {font-weight:bold;}
#cmsContactForm div.right   {float:left;width:250px;}
#cmsContactForm div.right p {font-weight:bold;}
#cmsContactForm #textArea   {width:250px;height:206px;}

.newsContentThumbnail {display: none;}
.newsDate {display: none;}
.details {float: right;}

#lol {display: none;  height: 100px; width: 100%; background: orange;}
.headerslider {height: 550px;position:relative;text-align:center;}
.sliderpic {text-align:center;height: 550px!important;}

.headerSliderOverlay {position:absolute;width:100%;text-align:center;margin-top:-280px;}
a.headerSliderButton {background:#7dccea;text-decoration:none;color:#fff;text-transform:uppercase;letter-spacing:0.1em;font-size:22px;display:inline-block;padding:10px 15px;line-height:1.5;}
a.headerSliderButton:hover {background:grey;}

    /* COOKIE BANNER */
#cmsCookieChoiceBannerModal {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.01);opacity:0.01;z-index:9999;}
#cmsCookieChoiceBanner {position:fixed;top:0;left:0;right:0;background:rgba(240,240,240,0.9);color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;z-index:10000;box-shadow:0 0 15px rgba(0,0,0,0.2);max-height:300px;overflow:auto;}
#cmsCookieChoiceBannerInner {position:relative;margin:0 auto;max-width:1500px;padding:20px 10px 10px 10px;box-sizing:border-box;text-align:left;}
#cmsCookieChoiceBannerTitle {font-size:18px;font-weight:bold;margin-bottom:3px;}
#cmsCookieChoiceBannerText {margin-bottom:5px;}
#cmsCookieChoiceBanner  {-webkit-filter:unset;filter:unset;}

.cmsCookieChoiceBannerToolbox {color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;}
.cmsCookieChoiceBannerGroup {float:left;margin:10px 20px 10px 0;width:220px;}
.cmsCookieChoiceBannerGroupTitle {font-weight:bold;margin-bottom:5px;}
.cmsCookieChoiceBannerChoice {margin:5px 0 0;}
.cmsCookieChoiceBannerChoice input[type=checkbox] {margin:0 5px 0 0;background:unset;padding:unset;vertical-align:middle;}
.cmsCookieChoiceBannerChoice label {vertical-align:middle;}
.cmsCookieChoiceBannerChoice label.marked {font-weight:bold;}
.cmsCookieChoiceBannerChoiceInfoIcon {display:inline-block;margin:0 0 0 5px;opacity:0.6;cursor:pointer;padding:0 2px;vertical-align:middle;}
.cmsCookieChoiceBannerChoiceInfo {margin:3px 0 0;font-size:12px;opacity:0.8;}
.cmsCookieChoiceBannerToolboxButtons {margin:10px 0 0;}
.cmsCookieChoiceBannerToolboxButtons button {border:0;background:#999;color:#fff;margin:0 5px 5px 0;padding:5px 10px;font-size:14px;line-height:1.2;border-radius:0;-webkit-appearance:none;cursor:pointer;outline:0;}
.cmsCookieChoiceBannerToolboxButtons button.default {background: #7dccea;color: #fff;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #fff;color: #7dccea}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#000000;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}

.cmsCookieChoiceBannerGroup {margin: 3px 20px 10px 0!important; width: 150px!important;}
#cmsCookieChoiceBannerTitle {position: absolute;}
#cmsCookieChoiceBannerText {max-width: 450px!important; position: relative; float: left; margin-right: 30px; margin-top: 25px;}
.cmsCookieChoiceBannerToolboxButtons {right: 70px!important; top: 25px!important; position: absolute; }


@media screen and (max-width: 1550px) {
    #cmsCookieChoiceBannerInner {width: 1250px!important;}
}


@media screen and (max-width: 1280px) {
    .cmsCookieChoiceBannerToolboxButtons {width: 300px; }
    #cmsCookieChoiceBannerInner {width: 80%!important;}
}
@media screen and (max-width: 1105px) {
    #cmsCookieChoiceBannerInner {width: 90%!important;}
}
@media screen and (max-width: 975px) {
    .cmsCookieChoiceBannerToolboxButtons {right: unset; top: unset; position: unset; }
}

.inhaltmit { max-height: 830px; overflow: hidden }
.inhaltbild { width:43%; padding-right:5%; height:auto; float:left; }