/*#### CSS EKM ###*/

/* allgemein ===========================================================================*/
img {
    max-width: 100%;
    height: auto;
}

/* Header ===============================================================================*/
.clear {clear:both;}
#headerLogo {width: 21%;float:left;position:relative;z-index:999;}
#headerMenu {height:40px;background-color:#505050;width:77.6%;float:left;margin-left:13px;margin-top:31px;}
#headerMenu ul {margin:0 !important;padding:0 !important;}
.image {margin: 0;}
#header_image{margin-top:-35px;float:right;}
#headerInnerWrapper {max-width:980px;margin:0 auto;}
#headerWrapper {background: #7b7d7f;
background: -moz-linear-gradient(top, #7b7d7f 0%, #ececec 31%);
background: -webkit-linear-gradient(top, #7b7d7f 0%,#ececec 31%);
background: linear-gradient(to bottom, #7b7d7f 0%,#ececec 31%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7d7f', endColorstr='#ececec',GradientType=0 );}
#langMenu{text-align:right;height:15px;}
#langMenu img {height:15px !important;width:25px !important;}

/* ##### Menu #####*/
/* menu header============================================================================*/
div.menu_header li {
  padding:0px;
  margin:0px;
  float:left;
  margin-right:0px;
  border-right:1px solid #ccc;
  list-style-type:none !important;
}
div.menu_header li:last-child {border:none;}
div.menu_header li a{
  color:#fff;
  font-family: 'Arial', sans-serif;
  font-weight:normal;
  font-size:16px;
  text-decoration:none;
  display:block;
  padding:9px 19px 9px 19px;
  line-height:22px;
  background-color:#555555;
}
div.menu_header li div.menu_header_no a,
div.menu_header li div.menu_header_act a {
  cursor:pointer;
}

div.menu_header li div.menu_header_act a,
div.menu_header li div.menu_header_actifsub a,
div.menu_header li:hover div.menu_header_no a {
  background-color:#ececec;
  color:#333;
}
div.menu_header li:hover div.menu_header_no a,
div.menu_header li:hover div.menu_header_ifsub a,
div.menu_header li:hover div.menu_header_actifsub a {
  background-color:white;
}
div.menu_header li:hover div.menu_header_no a,
div.menu_header li:hover div.menu_header_ifsub a {
  color:#363f4e;
}

/**** level 2 popup ********/
div.menu_header li ul {
  display:none;
  position:absolute;
  padding:10px 0px;
  width:200px;
  background-color:white;

  /* box-shadow: h-shadow v-shadow blur spread color inset; */
  box-shadow: 0px 4px 4px -1px #404040;
  -ms-box-shadow: 0px 4px 4px -1px #404040;
  -moz-box-shadow: 0px 4px 4px -1px #404040;
  -webkit-box-shadow: 0px 4px 4px -1px #404040;

  border-bottom-left-radius:6px 6px;
  border-bottom-right-radius:6px 6px;
  z-index:1000;
}
div.menu_header li ul li {
  float:none;
  margin:0px;
  background-color:white;
}
div.menu_header li ul li a:hover,
div.menu_header li ul li div.menu_sub_act a {
  background-color:#999;
}
div.menu_header li ul li div.menu_sub_act {
  background-color:white;
}
div.menu_header li ul li a {
  color:#363f4e;
  font-size:14px;
  font-weight:normal;
  cursor:pointer;
  padding:4px 14px;
  background-color:white;
}
div.menu_header li:hover ul {
  display:block;
}
div.menu_header li:hover ul li {
  background-image:none;
}

/* Mobile Menu ==================================*/
@media (max-width:980px){

div#content_menu {
    display: none;
    width: 250px;
    position: absolute;
    top: 115px;
    left: 0px;
    background-color: white;
    padding: 10px;
    border-right: 1px solid #4e4f5d;
    border-bottom: 1px solid #4e4f5d;
  z-index:99;
}



.menu_left a {
    display: block;
    margin: 0px;
    padding: 7px 0px;
    line-height: 16px;
    background-color: white;
    color:#505050!important;
}

.menu_left a:hover {color:#000 !important;}

.menu_left ul {padding-left:0 !important;}

.menu_left ul ul {padding-left:2% !important;}

.menu_left li {list-style-type:none;}

.menu_left li a {
  font-weight:bold;
  font-size:1.2em
}

.menu_left li li a {
  font-weight:500;
  font-size:1.1em;
}

}

@media (min-width:981px) {
div#content_menu {display:none !important;}

#contentColumnRightWrapper .ce-gallery .image {
    float: left;
    padding-right: 1%;
  display:inline-table;
}
}

@media (max-width:980px) {

#contentColumnRightWrapper .ce-column {
  display:inline-block;
  margin-right:10px;
}
#c35 {
    height: 100px;
}
#c107 {
    height: 214px;
}
.image-caption {text-align:center;}
#c107 .ce-column {height: 105px;}
}
@media (min-width:480px) AND (max-width:785px) {
  #c35 {height:214px;}
  #c107 {height:442px;}
  #contentColumnRightWrapper .ce-column {height: 105px;}
.image-caption {text-align:center;}
}

@media (max-width:479px) {
  #c35 {height:328px;}
  #c107 {height:673px;}
  #contentColumnRightWrapper .ce-column {height: 105px;}
.image-caption {text-align:center;}
}

/* Flex Slider =================================================*/

.flexslider {background:transparent !important;border:0 !important;margin:0 !important;}
.flex-control-nav.flex-control-paging {display:none;}
.flexslider .caption-text {
    width: 150px !important;
    float: left;
    background: transparent !important;
    max-height: 222px;
    color: #fff;
}

.tx-ws-flexslider .caption-align-left .caption-text {left:0 !important;}

/* Footer ================================================ */

#footerWrapper {max-width:980px;background-color:#505050;margin:0 auto;min-height:250px;}
#footer {display:flow-root;margin-top:10px;padding:15px;}

#footer a:link,#footer a:visited,#footer a:active  {color:#fff; text-decoration:none;}
#footer h2 {color:#fff;}

div#footer_left {
  float:left;
  width:32%;
}
div#footer_right {
  float:left;
  width:32%;
  color:#fff;
}

#footer_middle {
    width: 32%;
    float: left;
}

#footer ul {padding:0 !important;}
#footer li {list-style-type:none !important;}

#footer .bodytext {background-color:transparent !important; color:#fff;padding:10px;}

/* Content ============================================*/
.contentColumnWrapper {
  float:left;
}
#contentColumnLeftWrapper {
  width:21%;
}

#contentColumnLeftWrapper h2 {background-image:url(https://www.theilen.de/fileadmin/sitedesign/images/bg_h1_left.png);background-repeat:no-repeat;color:#000;margin-top:10px;padding-left:10px;}

#contentColumnRightWrapper {
  width:77.5%;
  margin-left:14px;
  float:right;
}

#contentColumnRightWrapper .frame {background-color:#ECECEC;margin-bottom:10px;padding:10px;display:flow-root;}

.spalte_1 {
    width: 50%;
    float: left;
}

.spalte_2 {
    width: 50%;
    float: right;
}

#spalten h3 {margin:0;paddting-top:0;}
#spalten p {margin:0;}
#spalten a {float:right;color:#8E9D33;}
#spalten a:hover {color:#000;}

.spalte1,
.spalte2 {width:37%;padding-right:2%;float:left;}
.spalte3 {background-image: url("https://www.theilen.de/fileadmin/user_upload/images/bg_Qualitaet2.jpg");width:20%;float:left;padding:5px;background-repeat:no-repeat;}

.spalte3 b {padding-top:5px !important;color:#8E9D33;padding-left:5px;}
.spalte3 p {margin-bottom:9px !important;padding-left:5px;}

/*###### Altes CSS #####*/
body {margin:0 !important;}

* {
  font-family: arial;
  font-size:12px;
  line-height:150%;
}

a:link, a:visited, a:active  {color:#8E9D33; text-decoration:none;}
a:hover  {color:#000; text-decoration:none;}


h1 {
  font-size:120%;
  color:#8E9D33;
  background-color: #ECECEC;
  padding-left:10px;
  padding-top:10px;
  margin:0 !important;
}

h2 {
  font-family:arial;
  font-size:12px;
  color:#8E9D33;
}

h3 {
  font-family:arial;
  font-size:12px;
  color:#8E9D33;
  background-color: #ECECEC;
  padding-left:10px;
  padding-top:5px;
  padding-bottom:10px;
}
h4 {
  font-family:arial;
  font-size:12px;
  color:#fff;
  margin-top:10px;
  margin-left:10px;
}
h5 {
  font-family:arial;
  font-weight:bold;
  font-size:24px;
  text-align:right;
  color:#B4B4B4;
  background-color:#ECECEC;
  padding-right:10px;
  margin-top:-10px;
  text-decoration: none;
}

#contentWrapper .bodytext {
  background-color: #ECECEC;
  padding:10px;
  margin:0 !important;
}

#allSiteWrapper {}

#contentWrapper{
  max-width:980px;
  margin:0 auto;
  padding-top:10px;
}


#contentColumnLeftWrapper a:link, a:visited, a:active {text-decoration:none; font-size:14px;font-weight:bold;color:#000;}
#contentColumnLeftWrapper a:hover  {color:#8E9D33; text-decoration:none;}


/* accordion =============================*/

 .panel img {
    max-width: 250px;
    float: left;
    padding: 20px 50px 20px 0px;
}

/* media styles =======================================*/

@media (max-width:979px) {
#contentColumnRightWrapper {width:100%;margin:0 !important;float:none !important;clear:both;}
#contentColumnRight {padding:1%;}
.contentColumnWrapper {float:none !important;}
#headerMenu {display:none;position:absolute;}
div#footer_left {width:100%; float:none;text-align:center;} 
div#footer_middle {width:100%; float:none;text-align:center;}
div#footer_right {width:100%; float:none;text-align:center;}
#header_image {margin-top:0;}
#headerMenu {background-color:transparent !important;}
.menu_header.menu_ul {width:150px;z-index:99999999;margin-top:-31px;}
#headerLogo {float:none;}
#header_mobile {background-color:#505050;display:block;}
#header_mobile img {width:30px;}
div.menu_header li {float:none;}
#header_image {float:none;}
#contentColumnLeftWrapper {width:100%;}
#contentColumnLeftWrapper .frame {width:250px;float:left;}
#header_imageMobile {display:none;}
.spalte_1 {width: 100%;float: none;}
.spalte_2 {width: 100%;float: none;}
.spalte1,
.spalte2,
.spalte3 {width:48%;float:left;}
.ce-column {margin-bottom: 10px;display: table;}

.image-caption {margin-top: -100px;}

}

@media (max-width:860px) {
.caption-text {margin-top:-138px;float:none !important;padding-top:0 !important;}
.caption-text p {font-size:10px;}
#header_imageMobile {display:none;}
}

@media (max-width:740px) {
.caption-text {display:none !important;}
#contentColumnLeftWrapper .frame {float:none !important;margin:0 auto;}
#header_image {display:none;}
#header_imageMobile {display:block;}
}

@media (max-width:564px) {
.spalte1,
.spalte2,
.spalte3 {width:100%;float:none inherit;padding-bottom:10px;padding-top:10px;}

.spalte1 {border-bottom:1px solid;}
.spalte2 {border-bottom:1px solid;}

}


@media (min-width:980px){
#header_mobile {display:none;}
#contentColumnRightWrapper .image-caption {margin-top:-100px;margin-bottom:100px;text-align:center;}
#header_imageMobile {display:none;}
}

.agb ol {
  counter-reset: item
}
.agb li {
  display: block;
  padding-bottom: 10px;
}
.agb li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  margin-left: -21px;
}
.agb li li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}
.agb a {text-decoration:underline;font-size:1.2em;}

@media (min-width:450px) {
.listleft,.listright {float:left;width:200px;}
.listleft {margin-right:40px;}
}

@media (max-width:979px) {
#contentColumnLeftWrapper h2 {
    background-image: none;
    background-color: #cbe14a;
}

#contentColumnLeftWrapper .frame {
    width: 60%;
  float:none;
  margin:0 auto;
}

#contentColumnLeftWrapper {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px dotted;
    margin-bottom: 30px;
}
}

@media (max-width:576px) {
#contentColumnLeftWrapper h2 {
    background-image: none;
    background-color: #cbe14a;
}

#contentColumnLeftWrapper .frame {
    width: 98%;
}

#contentColumnLeftWrapper {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px dotted;
    margin-bottom: 30px;
}
}
.temp_del {display:none;}