body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/**
 * Global TinyMCE style sheet
 * 
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 * 
 *   tl_files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 * 
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 * 
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 * 
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (tl_files/tinymce.css).
 */
.PundLgruen {color:#9ca46b;}
.FotoLinks {float:left; margin-right:6px;}
.FotoRechts {float:right; margin-left:6px;}
/* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen <http://iaian7.com>, MIT-style license */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline}
.cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}.cookiebar__analytics{margin-right:1.5em}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px}
html {
    height:100%;
    margin:0;
    padding:0;
}

body {
    height:100%;
    margin:0;
    padding:0;
    background-color:#CCC;
    font:13px Arial,Verdana,Helvetica,sans-serif;
}

#wrapper {
    min-height:100%;
    background-color:#FFF;
}

#container {
    margin-right:37px;
    margin-left:37px;
    background-color:#FFF;
}

.header_wrapper {background-color: #9b9f6c; padding-left: 24px;}

#aktuell, #suche {
    margin-right:15px;
    margin-left:15px;
}

#impressum,
#pack-und-log,
#newsletter-anmeldung,
#newsletter-abmeldung {
    margin-left:15px;
}

#bericht {
    margin-right:15px;
}

.mod_newsreader,
.mod_newslist {
    margin-left:15px;
}

.mod_newsreader img {
    max-width:300px;
    height:auto;
}

h1 {
    margin:0 0 7px;
    font-size:16px;
    color:#9ca46b;
}

h2 {
    margin:0 0 7px;
    padding:2px 5px;
    background-color:#9CA46B;
    font-size:13px;
    color:#FFF;
}

p,
form,
table {
    margin:0 0 7px;
}

a {
    color:#9ca46b;
}

a:hover {
    text-decoration:none;
    color: grey;
}

.mod_navigation li {
    display:inline;
    margin:10px 0 0;
    padding:0 12px 0 0;
    font-size:16px;
    text-transform:uppercase;
    list-style: none;
}

.mod_navigation ul {
    margin:0 0 0 37px;
    padding:7px 0 0;
}

.mod_navigation a {
    text-decoration:none;
    color:#9ca46b;
}

.mod_navigation a:hover {
    text-decoration:none;
    color: grey;
}

.mod_navigation a:focus {
    text-decoration:none;
    color: grey;
}

.mod_navigation .active {
    font-weight:bold;
    color: grey;
}

.image_container {
    text-align:center;
}

#firmen-partner .image_container {
    text-align:left;
}

.formbody .text {
    width:300px;
    background-color:#E1E1E1;
}

input {
    margin-bottom:7px;
}

textarea {
    margin-bottom:7px;
    background-color:#E1E1E1;
}

.messedatum {
    margin:0;
}

.event.even {
    padding:2px 8px;
    background-color:#9CA46B;
    color:#FFF;
}

.event.odd {
    padding:2px 8px;
    background-color: lightgrey;
    color: black;
}

.even.odd a {color: #000 !important;}

.mod_eventlist {
    margin-bottom:20px;
}

.ce_ce_lightbox4ward {
    width:200px;
    float:left;
    margin-right:5px;
    padding-bottom:25px;
}

#online-archiv .ce_image {
    width:200px;
    float:left;
    margin-right:5px;
    padding-bottom:25px;
}

#online-archiv .ce_image .caption {
    width:200px !important;
}

label {
    padding-right:7px;
}

.factbox {
    padding:15px 10px 10px 20px;
    border:1px solid;
}

.mediaplan {
    float:left;
    margin-left:150px;
}

.verzeichniseintrag {
    margin:0 50px 20px;
    padding:0 0 5px;
    border:3px solid #9CA46B;
}

.verzeichniseintrag h1 {
    padding:5px 0;
    text-align:center;
    background-color:#9CA46B;
    color:#FFF;
}

.verzeichniseintrag p {
    padding:5px 20px 0;
}

.letter {
    padding-top:10px;
    font-size:16px;
}

.firmenindex {
    margin:0 50px;
}

.firmenindexueberschr {
    margin-left:50px;
}

.banner {
    margin-bottom:12px;
}

.confirm {
    font-weight:bold;
    color:red;
}

#ctrl_email_13 {
    width:100%;
}

#ctrl_email_18 {
    width:390px;
}

.skyscraper {
    top:170px;
    position:absolute;
    left:1007px;
    min-width:160px;
}

.skyscraper-left {
    top:170px;
    position:absolute;
    left:-160px;
    min-width:160px;
}

.toggler {
    cursor:pointer;
}

.ce_youtube {width: 234px; margin: 0 auto; padding-top:6px;}

#newsleft {
    width:340px;
    float:left;
    padding-right:18px;
    border-right:1px dotted #9ca46b;
}

#newsleftarchivlink {
    width:340px;
    float:left;
    margin-left:15px;
    padding-top:70px;
    padding-right:18px;
    border-right:1px dotted #9ca46b;
}

#newsrightone,
#newsrighttwo {
    padding-left:18px;
}

#newsrighttwoarchivlink {
    width:340px;
    float:right;
}

.layout_latest {
    height:210px;
    margin-bottom:10px;
    border-bottom:1px dotted #9ca46b;
}

.layout_latest.last {
    border-bottom:none;
}

.layout_latest  a {
    text-decoration:none;
}

.layout_latest .more a {
    color:#9CA46B;
}

.layout_latest .image_container {
    margin-bottom:10px !important;
}

#newsrightone .image_container img,
#newsrighttwo .image_container img {
    width:100px !important;
    height:auto !important;
}

#newsleft .newsfoto-small img {
    width:100px !important;
    height:auto !important;
}

#news h1 {
    margin-bottom:10px;
    padding:5px;
    background-color:#9ca46b;
    color:#fff;
}

#news h2 {
    padding-top:0;
    padding-left:0;
    background-color:#fff;
    color:#9ca46b !important;
}

.teaser p {
    text-align:justify;
}

#news-archiv-unternehmen h1,
#news-archiv-produkte h1,
#news-archiv-personalia h1 {
    margin-left:15px;
}

.layout_short .info {
    margin-top:7px;
    padding:2px 5px;
    background-color:#9ca46b;
    color:#fff;
}

.layout_short h2 {
    padding:0;
    background-color:#fff;
}

.pagination {
    margin-top:15px;
    margin-bottom:15px;
}

.pagination li {
    float:left;
    padding-left:7px;
    list-style-type:none;
}

.pagination ul {
    margin:0;
}

.pagination p {
    width:100px;
    float:left;
}

.mehrabstand img {
    padding-bottom:20px;
}

#hc_mailchimp_subscribe_form_short input {
    width:98%;
    background-color:lightgrey;
}

#hc_mailchimp_subscribe_form_short label,
#hc_mailchimp_subscribe_form_short #reset,
#hc_mailchimp_unsubscribe_form label,
#hc_mailchimp_unsubscribe_form #reset {
    display:none;
}
.hc_mailchimp_error {color: red;}

.webadmin {margin-top:214px;}

form fieldset {border:2px solid #9ca46b; padding-top: 8px; padding-bottom: 4px;}

.main-navigation-mobile {display: none;}

.layout_latest.promotion {background-color: #efefef; padding:10px; height:215px; border: 1px dotted #9ca46b;}
.layout_latest.promotion h2 {background-color: transparent !important;}
/*.layout_latest.promotion .more {background: url("/files/packundlog/promotion-megaphon.png") no-repeat right;} */

.cookiebar {background-color: grey;}
.cookiebar__button {background-color: #9CA46B !important;}
a.cookiebar__link:hover {color: black !important;}


@media screen and (max-width: 599px) {
    .navi-standard, #newsleftarchivlink, .newsrightonearchivlink, #newsrighttwoarchivlink {display: none;}
    #header {width: auto; height: auto;}
    #container {width: auto; margin:0;}
    .main-navigation-mobile {display: block;width: 95%;background:white;margin:0 auto;margin-bottom: 10px;}
    #newsleft {width: auto;padding-right:15px;} .layout_latest {height: auto;}
    #newsrightone {margin-right:15px; padding-left:1px; }
    #newsrighttwo {padding-left:0px; margin-right:15px;}
    .mod_newsreader {margin-right:15px;}
    .ce_form .text {width: 170px !important;}
    .ce_form .textarea {width: 170px !important;}
    .ce_form .checkbox_container {width: 150px !important;}
    #banner {text-align: center;}
    .mediaplan {margin-left: 20%;}
    .mod_registration .text, .mod_login .text {width: 100%;}
    .mod_lostPassword .text {width: 84%;}
    #team, #kontakt, #online-archiv, #passwort-vergessen, #formular-bestaetigung, #aktivierungslink, .mod_login {margin: 0 15px;} 
    .gernot {margin-top: 20px;}
    .gernot figure {margin-left: 0 !important;}
    #impressum {margin-right: 15px;}
    .webadmin {margin-top: 30px; margin-bottom: 10px;}
    .skyscraper {top: auto; position: relative; left: auto; text-align: center; padding-bottom: 10px;}
    .skyscraper-left {top: auto; position: relative; left: auto; text-align:center; padding-bottom: 10px;}
}