/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* !CSS RESET */


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #666;
}
body {
    font-family: Helvetica,Arial,"Lucida Grande",sans-serif;   
    /*background: url("../img/bg.gif") repeat-x scroll 0 0 #ececec;*/
  background: #ececec;
    color: #444444;
  font-size: 16px;
    font-weight: lighter;
}

p {
     
    color: #444444;
    font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: lighter;
  font-size: 0.875em;
  line-height:1.4em;
}

a {
  text-decoration: none;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #ececec;
    text-shadow: none;
}
::selection {
    background: #ececec;
    text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dotted #ccc;
    margin: 25px 10px 10px 0;
    padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
    vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
    /*background: url("../img/nav-left.gif") repeat-y scroll 0 0 transparent;
    width: 1000px;*/
}


/******************************ECOVIS Style***************************************/

/* set some elements responsive*/
img, object, embed, video {
  height: auto;
  max-width: 100%;
}

/*and the hack for IE8*/
@media \0screen {
  img, object, embed, video {
    width: auto; /* for ie 8 */
  }
}

ul li {
  list-style:none;
}

b {
    font-weight: bold;
}

#ecovis {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 5px 10px 2px #999999;
    margin: 2px auto;
    min-width:1010px;
    max-width: 1010px;
    z-index: 99;
}

#header {
    width: 100%;
    border-top: 1px solid #DDDDDD;
    min-height: 135px;
}

#start {
    width: 90%;
    margin: 0 auto;
}

/* Startseite */
#start_neu {
    width: 90%;
    margin: 0 auto 20px;
}


#wrapper {
    width: 90%;
    margin: 0 auto;
}

#frame {
    width: 99%;
    margin: 0 auto 30px;
}

#feature, #produkte {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    font-size: 0.750em;
    line-height: 1.0em;
    overflow: hidden;
    padding-bottom: 35px;
    position: relative;
    width: 100%;
}

/**********************************Navigation top / Header / Logo*************************************/

#hnavi {
    background: none repeat scroll 0 0 #E8E9EA;
    height: 30px;
    width: 100%;
}

#logo {
    left: 3%;
    position: relative;
    top: 23px;
}

#berufsgruppe {
    width: 65%;
    margin-left: 7.6%;
  position: relative;
    top: 28px;
}

#berufsgruppe a:link, #berufsgruppe a:visited, #berufsgruppe a:link, #berufsgruppe a:active {
    background: url("../img/pfeil.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #666;
    font-size: 12px;
    line-height: 0.875em;
    padding: 0 6px 0 14px;
    text-decoration: none;
}


/************************************MainNavigation***********************************************/

#navioben {
    background: #C1373D;
    width: 100%;
  margin: 0 0 1px;
}

#menu {
    list-style: none;
    height: 30px;
  width:98%;
  padding-left: 2%;
}

#menu li {
    float: left;
    padding: 6px 0;
  color: #fff;
}

#navioben #menu li a {
  color:#ffffff;
  font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    margin: 0 6px 0 4px;
    text-decoration: none !important;
    font-weight:300;
    line-height: 1.125em;
}

#navioben #menu li a:after {
  content:"|";
  font-size: 1.3em;
    font-weight: 100;
  padding-left: 10px;
  color:#fff;
}

#navioben #menu li.last a:after {
  content:"";
  padding-left: 0;
}

#navioben #menu li a:hover {
    color:#dddddd !important;
}

#navioben #menu li a.active {
    color:#111;
    font-family: Helvetica,Arial,"Lucida Grande",sans-serif;   
    text-decoration: none !important;
    
}

/************************************subNavigation left*********************************************/

#leftnavi {
    min-height: 300px;
    overflow: hidden;
    padding: 0 0px 0 0;
    width: 90.9%;
    background: url("../img/nav-left.gif") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
}

#leftnavi a {
    font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
    color: #585858 !important;
    text-decoration:none !important;
    /*font-size: 13px;*/
}

#leftnavi a:hover {
    color: #D62B3A !important;
}


/************************************content / columns*********************************************/

#ecovis a {
    color: #D62B3A;
}

#ecovis a:hover {
    color: #444;
}

#hnavi a {
    color: #3E3E3E;
    font-size: 0.688em;
    line-height: 2.625em;
    padding: 15px 10px;
    text-decoration: none;
}

#hnavi a:hover {
    color: #D62B3A;
}
#hnavi a.active {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #D62B3A;
}
#hnavi a.active:hover {
    color: #3E3E3E;
}

#social {
  float:right; 
  margin: 3px 5px 0 0;
}

.ie8 #social {
  width: 102px;
}

#social_bottom {
  display: none;
  margin: 3px 5px 0 0;
}

#maincontent {
    width: 92%;
    /*font-size: 1.18em;*/
    letter-spacing: 0;
    /*line-height: 21px;*/
    padding-bottom: 40px;
    word-spacing: 2px;
}

#mainsection h1,
#maincontent h1 {
    color: #D62B3A;
   /* font-size: 2em;
    font-weight: normal;
    line-height: 2.2em;*/
}

#mainsection a {
    font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
    /*font-size: 1.1em;
    font-weight: lighter;
    text-decoration: none !important;*/
}

.csc-menu-imagelink img {
  margin:0 0px 10px;
  box-shadow: 1px 4px 7px 0px #CCCCCC;
}

#maincontent h2 {
    color: #D62B3A;
    /*font-size: 1.2em;
    font-weight: bold;*/
    margin: 0 0 10px;
}

#maincontent ul, #start ul {
    list-style-type: none;
    margin: 0 0 25px;
    padding: 0;
}

#maincontent ul li {
    background: url("../img/pfeil.gif") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    padding-left: 19px;
}

#rand h1, #rand h2, #rand h3 {
    color: #D62B3A;
}

#rand a:link, #rand a:visited, #rand a:hover, #rand a:active {
    background: url("../img/pfeil2.gif") no-repeat scroll 0 -2px rgba(0, 0, 0, 0);
    color: #D62B3A;
  font-size: 0.750em;
    padding: 0 0 0 21px;
    text-decoration: none;
}

#rand li {
    background: url("../img/pfeil2.gif") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    list-style: none outside none;
    padding: 3px 0 2px 21px;
}

.content {
    width: 100%;   
}

.column {
    float: left;   
}

.col2_1 {
    width: 50%;   
}

.col2_2 {
    width: 50%;   
}

.col3_1 {
    width: 49.9%;
}

.col3_2,
.col3_3 {
    width: 24%;
    margin-left: 0.8%;
}

.column3_1,
.column3_2,
.column3_3 {
    width: 31%;
}

.column3_1,
.column3_2 {
    margin-right: 3.5%;
}

.column3_3 {
    margin-right: 0;
}

.column3_1 .csc-default,
.column3_2 .csc-default,
.column3_3 .csc-default {
  min-height: 270px;
}

.contentImg {
  float: left;
  margin: 0 20px 0 0;
  box-shadow: 1px 6px 7px 0 #CCCCCC;
}

.col4_1,
.col4_2,
.col4_3,
.col4_4 {
  width: 21%;
}

.col4_1,
.col4_2,
.col4_3 {
  margin-right: 5.3%;
}

#contentboxen .col4_1,
#contentboxen .col4_2,
#contentboxen .col4_3,
#contentboxen .col4_4 {
  width: 21%;
}

#contentboxen .col4_1,
#contentboxen .col4_2,
#contentboxen .col4_3 {
  margin-right: 5.3%;
}


#contentboxen .col4_1 .csc-default,
#contentboxen .col4_2 .csc-default,
#contentboxen .col4_3 .csc-default,
#contentboxen .col4_4 .csc-default {
  height: 230px;
  margin-bottom: 30px;
}

#contentboxen div.csc-textpic .csc-textpic-imagewrap img {
  box-shadow: 1px 4px 7px 0 #CCCCCC;
  margin-left: 2.4%;

}

#contentboxen div.column3_1 div.csc-textpic .csc-textpic-imagewrap img,
#contentboxen div.column3_2 div.csc-textpic .csc-textpic-imagewrap img,
#contentboxen div.column3_3 div.csc-textpic .csc-textpic-imagewrap img {
  /*box-shadow: 1px 4px 7px 0 #CCCCCC;*/
  margin-left: 1px;

}

#contentboxen div.csc-default h1,
#contentboxen div.csc-default h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #D62B3A;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0 3px;
    text-decoration: none;
}

/*#contentboxen div.csc-default h1:hover,
#contentboxen div.csc-default h2:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #444444;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0;
    text-decoration: none;
  cursor:pointer;
}*/

#content_top div.csc-default a:hover,
#contentboxen div.csc-default a:hover {
    color: #D62B3A;
    font-weight: lighter;
    text-decoration: none;
}

#contentboxen div.csc-default p {
    font-size: 0.8em;
  padding: 0 5px;
}

#contentboxen div.csc-default ul li {
  list-style-position: outside;
}

#contentboxen div.csc-default ul li a {
    font-size: 0.8em;
  line-height: 1.5em;
}


#contentboxen div.csc-menu .morelink a {
    background: url("../img/pfeil2.gif") no-repeat scroll 0 -2px rgba(0, 0, 0, 0);
    color: #444444;
    font-weight: lighter;
    padding: 0 0 0 21px;
}

#start h1 {
    color: #D62B3A;
    font-size: 1.500em;
    font-weight: normal;
    line-height: 1.500em;
    margin: 0 0 20px;
}

#start div.teaser {
  width: 100%;
  display:none;
}

.tspace {
    margin-top: 32px;
}

#maintop {
    width: 72%;
    float: left;
    background: url("../img/maintop-bg.gif") no-repeat scroll center bottom #FFFFFF;
    min-height: 274px;
    width: 560px;
}

#rand {
    float: left;
}
.rand-mitslider {
    background: url("../img/maintop-bg-rand_full.gif");
    background-size: contain;
    height: 259px;
    margin: 0 15px;
    padding: 13px 0 0 9px;
    width: 22%;
}

#rand li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #333333 !important;
    padding: 0 !important;
}

#brot {
  width: 90%;
    font-size: 0.750em;
    height: 30px;
    margin: 0 auto;
    padding: 15px 0 0;
}


#brot a, #brot a:link, #brot a:visited, #brot a:active {
    color: #666666;
    text-decoration: none;
}

#brot span {
  font-size: 1.1em;
  padding: 3px;
}

#brot a:hover {
    color: #D62B3A;
    text-decoration: none;
}

#mainstart {
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
}

#mainstart_teaser {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}

#startreihe h2 {
    color: #D62B3A;
   /* font-size: 13px;
    font-weight: bold;
    line-height: 20px;*/
    margin: 0;
    padding: 0;
}

#start_neu h1 {
    color: #D62B3A;
     font-size: 0.875em;
    font-weight: bold;
    line-height: 1.250em;
    margin: 0;
}

#start_neu h2 {
    color: #D62B3A;
     font-size: 0.875em;
    font-weight: bold;
    line-height: 1.250em;
    margin: 0;
    padding: 0;
}

#start_neu p {
     font-size: 0.875em;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
}

#frame h2 {
    color: #D62B3A;
     font-size: 0.9em;
    font-weight: bold;
    line-height: 2.6em;
    margin-left: 4.5%;
    padding: 0;
}

#startreihe a, .clicks a {
    background: url("../img/pfeil2.gif") no-repeat scroll 0 -2px rgba(0, 0, 0, 0);
    color: #444444;
     font-size: 0.813em;
    padding: 0 0 0 21px;
    text-decoration: none;
}

#start_neu a {
    background: url("../img/pfeil2.gif") no-repeat scroll 0 -1px rgba(0, 0, 0, 0);
    color: #444444;
    font-size: 1.0em;
    padding: 0 0 0 21px;
    text-decoration: none;
}

#start_neu .clicks a {
  background: url("../img/pfeil2.gif") no-repeat scroll 0 -2px rgba(0, 0, 0, 0);
    color: #444444;
    font-size: 0.8em;
    padding: 0 0 0 21px;
    text-decoration: none;
}

#start_neu .clicks a:hover {
  color: #D62B3A;
}

#contentboxen ul#ansprechpartner {
  margin-left: 30px;
}

#contentboxen ul#ansprechpartner li {
  list-style-image: url("../img/pfeil_neu.gif");
    list-style-position: outside;
}

#contentboxen ul#ansprechpartner li a {
  background: none;
  color: #444444;
  padding: 0;
  text-decoration: none;
  line-height: 1.4em;
}

#contentboxen ul#ansprechpartner li a:hover {
  color: #D62B3A;
}

#content_bottom .csc-header {
  margin-bottom: 5px;
}

#content_bottom ul {
    padding-left: 18px;
}

#content_bottom ul li {
    list-style-image: url("../img/pfeil.gif");
    list-style-position: outside;
}

#content_bottom ul li a.internal-link {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #444444;
    font-size: 0.875em;
    line-height: 1.6em;
    padding: 0;
    text-decoration: none;
}

#stellen {
  margin-bottom: 15px;
}

#news_start ul,
#stellen ul {
  padding-left: 18px;
}

#news_start ul li,
#stellen ul li {
  list-style-image:url("../img/pfeil.gif");
  list-style-position:outside;
}

#content_bottom .rechts .text ul li a,
#news_start ul li a,
#stellen ul li a {
  background: none;
  color: #444444;
  font-size: 0.875em;
  line-height: 1.6em;
  padding: 0;
  text-decoration: none;
}

#startreihe td.stripe {
    border-left: 1px solid #DDDDDD;
    width: 5px;
}
#startreihe td {
    padding: 0 3px 0 0;
    vertical-align: top;
}

#start_neu .border {
    border-right: 1px solid #DDDDDD;
}


#leistungen {
    width: 100%;
    margin: 20px auto;
}

#leistungen a {
    color: #444444;
    text-decoration: none;
}

#leistungen a:hover {
    color: #D62B3A;
    text-decoration: underline;
}

#herkunft {
    float: right;
    font-size: 15px;
    font-weight: 300;
    height: 40px;
    line-height: 18px;
    padding: 0 10px 0 0;
    text-align: right;
    width: 300px;
}

#herkunft a {
    color: #999999 !important;
    text-decoration: none !important;
}

#start_neu .content_text p {
  font-size: 0.8em;
}

.town {
  background: #fff;
  float: left;
  padding-bottom: 1px;
}

.footertown {
  float: left;
}

/****teasermenu***/

#content_teaser {
  width: 100%;
  margin-top: 30px;
}

#content_teaser .csc-menu-4 {
  width: 100%;
}

#content_teaser .csc-header {
  margin-bottom: 10px;
}

#content_teaser div.csc-menu-imagelink a {
    background: none;
    font-size: 1em;
    padding: 0;
    text-decoration: none;
}

#content_teaser div.csc-menu a {
    background: none;
  color: #D62B3A;
    font-size: 0.8em;
  font-weight: bold;
    padding: 0;
    text-decoration: none;
}

#content_teaser div.csc-menu a:hover {
    background: none;
  color: #444;
    font-size: 0.800em;
  font-weight: bold;
    padding: 0;
    text-decoration: none;
}

#content_teaser p.csc-abstract {
  font-size: 0.800em;
}


#start .csc-frame-frame1 {
  /*display: table;*/
    float: left;
    height: 250px;
    margin: 0 47px 10px 0;
    width: 19.8%;
}

/*  #content_bottom .csc-frame {
    display: block;
    float: none;
    height: auto;
    margin: 0;
    width: auto;
  }*/

#content_teaser .csc-frame-frame1,
#content_teaser .csc-frame-frame2 {
  float: left;
    margin: 0 63px 10px 0;
    height: 230px;
    width: 19.8%;
    display: table;
}

#content_teaser .csc-frame-frame3 {
  float: left;
    margin: 0 0 10px 0;
    height: 230px;
    width: 19.8%;
    display: table;
}

#content_teaser div.csc-menu .morelink a {
  background: url("../img/pfeil2.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #444;
  padding: 0 0 0 21px;
  font-weight: 100;
}

#content_teaser div.csc-menu .morelink a:hover {
  background: url("../img/pfeil2.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #D62B3A;
  padding: 0 0 0 21px;
  font-weight: 100;
}

#start .csc-frame-frame1 {
  /*display: table;*/
    float: left;
    height: 250px;
    margin: 0 47px 10px 0;
    width: 19.8%;
}

#start .csc-frame-frame-sub {
  /*display: table;*/
    float: left;
    height: 250px;
    margin: 0 47px 10px 0;
    width: 21.5%;
}

#start .csc-frame-frame-sub-last {
  margin: 0 0 10px 0;
}

/******************/

#start .indent ul.liste {
    margin-left: 20px;
}

#start h2 {
    color: #D62B3A;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1.25em;
    margin: 0;
    padding: 0;
}

#start ul.liste {
    margin-top: 25px;
}

#start ul.liste li {
    background: url("../img/pfeil.gif") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    font-size: 0.875em;
    line-height: 1.313em;
    padding-left: 19px;
}


#start a {
    font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
     font-size: 0.875em;
  line-height: 1.4em;
    font-weight: bolder !important;
    text-decoration: none !important;
}

p.csc-abstract {
  font-size: 0.750em;
    /*height: 50px;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

/*#content_teaser .csc-menu-imagelink img {
  margin:0 0px 10px 10px;
  box-shadow: 1px 4px 7px 0px #CCCCCC;
}*/

/***************Suche******************/

#hnavi .gs-title a.gs-title {
    line-height: 1.325em;
}

/*****************************tt_news******************************/

#start_neu .news-single-item,
#start_neu .news .news-list-container td {
  font-size: 0.875em;
}

#start_neu .news-single-item ul li a {
  font-size: 1.143em;
  line-height: 1.5em;
}

#start_neu .news-single-item p,
#start_neu .news-single-item h2 {
  font-size: 1.0em;
  line-height: 1.4em;
}

#start_neu .news .news-list-container p,
#start_neu .news .news-list-container a {
  font-size: 0.975em;
  line-height: 1.5em;
}

#start_neu .news-list-browse {
  margin-bottom: 15px;
}

/*******************2 Spalten Contentelemente*************************/

.newsbox {
  width: 45%;
}

.links {
  float: left;
  margin: 0 40px 20px 0;
}

.rechts {
  float: right;
  margin: 0 0 20px;
}


#content_bottom .newsbox ul li {
    list-style-image: url("../img/pfeil.gif");
    list-style-position: outside;
  color: #444444;
    font-size: 0.875em;
  line-height: 1.6em;
}

#content_bottom .newsbox ul {
    padding-left: 22px;
}

#content_bottom .newsbox ul li a {
    color: #444444;
}

#content_bottom .newsbox ul li a:hover {
    color: #444444;
}

#content_bottom .newsbox p {
  line-height: 1.6em;
}

#content_bottom .newsbox a:hover {
    color: #D62B3A;
}

#content_bottom .newsbox #stellen ul li a{
  font-size: 1.0em;
  line-height: 1.6em;
}

#content_bottom .newsbox ul.customstyle {
  padding-left: 0;
}

#content_bottom .newsbox ul.customstyle li {
  list-style: none;
}

#content_bottom .newsbox a {

  line-height: 1.6em;
}

/******************************Content-Element event********************************/
#content_top {
  width: 100%;
}

#start_neu .event {
  margin: 15px 0 20px;
  padding: 0 0 10px;
}
#start_neu .event div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: left;
  margin:0 20px 0 0;
}

#start_neu .event .csc-textpic-text {
    margin-right: 0;
}

#start_neu .event h2 {
    font-weight: bolder;
    margin: 0;
  font-size:0.875em;
}
#start_neu .event b {
  font-weight: bolder;
}

#start_neu .event a,
#start_neu .event p {
  line-height: 1.3em;
}

#start_neu .event a {
    background: none;
    color: #D62B3A;
    padding: 0;
}

#start_neu .event a:hover {
    color: #444;
    text-decoration: none;
}


#start_neu .event img {
   box-shadow: 0 4px 6px 0px #cccccc;
    margin: 2px;
}

/************************************feature*********************************************/

.topic {
    width: 90%;
    margin: 30px auto;
  font-size: 1.0em;
  line-height: 1.3em;
}

#feature h2, #produkte h2 {
    color: #D62B3A;
  font-size: 1.0em;
  line-height: 1.3em;
    font-weight: bolder;
    margin-top: 10px;
}

#feature a, #produkte a {
    color: #444444;
    font-size: 1.0em;
    text-decoration: none;
  line-height: 1.3em;
}

#feature img {
  border: 5px solid #FFFFFF;
}

#boxes {
    width: 90%;
    margin: 0 auto;
}

.box1,.box2,.box3,.box4,
.box5 {
    width: 19%;
    float: left;
}

.box1,.box2,.box3,.box4 {
    margin-right: 1.25%;
}

/***************************Ecovis Deutschland Standorte/Beratersuche**********************************/

#options a {
  font-size: 0.875em;
}

#acc h3 {
    color: #444444;
    cursor: pointer;
  font-size: 1.0em;
    font-weight: normal;
    margin-top: 3px;
    padding: 5px 0 0;
    width: auto;
}

#acc h3:hover {
    color: #D62B3A;
}
#acc .acc-section {
    overflow: hidden;
}
#acc .acc-content {
    margin-top: 2px;
    padding: 10px;
}
#acc li {
    background-position: 0 5px !important;
}
ul#acc {
    width: 100%;
}
.acc-content table {
    width: 100%;
}

#filters input[type="radio"] {
    cursor: pointer;
    margin: 1px 10px 0 0;
    vertical-align: text-top;
}
#filters label {
    cursor: pointer;
}

#personen h3,
#filters li h3 {
  color: #D62B3A;
  font-size: 0.875em;
  line-height: 1.5em;
    font-weight: bold;
    margin: 20px 0 0;
    padding: 0;
}

#filters li label{
  font-size: 0.875em;
  line-height: 1.5em;
    font-weight: 100;
    margin: 20px 0 0;
    padding: 0;
}

#personen .berater {
  color: #444;
  font-size: 0.875em;
  line-height: 1.5em;
    float: left;
    width: 200px;
}

#personen .berater2 a {
  font-size: 0.875em;
  line-height: 1.5em;
  font-weight: lighter !important;
}

/************************************navi.css*********************************************/

#position2 {
    float:left;
}

#position3 {

    float: right;
    padding: 0 10px 0 0;
    text-align: right;
    width: auto;
}

#position3 a {
    padding:0 4px 0 4px !important;
    margin:0 !important;
    border-right:1px solid #ccc;
}

#position4 {
    float: right;
    padding: 2px 10px 0 0;    
    width: auto;
}


/************************************slicknav navigation*********************************************/

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
*/

.slicknav_menu {
  font-size:16px;
}
/* Button */
#navioben .slicknav_btn {
  margin: 5px 5px 6px;  
  text-decoration:none;  
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;  
  background-color: #a22b30;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {  
  color: #FFF;
  font-weight: normal;  
  /*text-shadow: 0 1px 3px #000;*/  
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
  background:#C1373D;
  padding:2px;
}
.slicknav_nav {
  color:#fff;
  margin:0;  
  padding:0;
  font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
  list-style: none;
  overflow:hidden;
  margin-left: 20px;
}
.slicknav_nav ul {
  padding:0;
  margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
  padding:5px 10px;
  margin:2px 5px;
}

#navioben .slicknav_nav a{
    margin: 2px 0;
    padding: 5px 0;
  text-decoration:none;
  color:#fff;
  font-size: 1.0em;
  line-height: 1.25em;
}
.slicknav_nav .slicknav_item a {
  padding:0;
  margin:0;
}
.slicknav_nav .slicknav_item:hover {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background:#a22b30;
  color:#fff;  
}
.slicknav_nav a:hover{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background:#a22b30;
  color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

/************************************footer*********************************************/

#footer {
    width: 100%;
    background: none repeat scroll 0 0 #D62B3A;
    margin: 0 0 50px;
}


#service_menu {
    color: #FFFFFF;
    float: right;
    margin-bottom: 6px;
    margin-right: 1.5%;
    margin-top: 8px;
    width: auto;
}

#berufsgruppe_btm {
    display: none;
}

#berufsgruppe_btm {
    width: 98%;
    float: left; 
    margin-top: 8px;
    margin-bottom: 6px;
}

#berufsgruppe_btm ul {
    list-style: none;
}

#berufsgruppe_btm ul li {
    float: left;
}

#berufsgruppe_btm a:link, #berufsgruppe_btm a:visited, #berufsgruppe_btm a:link, #berufsgruppe_btm a:active {
    background: url("../img/pfeil_weiss.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 0.750em;
    line-height: 0.875em;
    padding: 0 5px 0 14px;
    text-decoration: none;
}

#footer p {
    color: #FFFFFF;
     font-size: 0.688em;
    line-height: 1.4em;
}

#service_menu a:link, #service_menu a:visited, #service_menu a:hover, #service_menu a:active {
    font-size: 1.0em;
    padding: 2px;
    color: #FFFFFF;
    text-decoration: none;
}

#position1_footer {
  display:none;
}

/***********************ie8-Hacks************************

.ie8 #slider .nivoSlider img {
    left: 0;
    max-width: 626.2px;
    position: absolute;
    top: 0;
}

.ie8 #slider .nivo-caption {
  left: 626.2px;
  width: 383.8px;
}
*/

/************************************responsive navigation & content*********************************************/

.slicknav_menu {
  display:none;
}

#submenu {
    display: none;   
}

@media screen and (max-width: 610px) {
  #ecovis {
    min-width:100px;
    max-width: 610px;
  }
  
  .js #menu {
    display:none;
  }
  
  .js .slicknav_menu {
    display:block;
  }

    #header {
        min-height: 100px;
    }
    
    #sidebar {
        display: none;
    }
    
    #container {
        background: none;   
    }

    #hnavi {
        display: none;
    }

    #berufsgruppe {
        display:none;
    }
    
    #start_neu .border {
        border: none;
    }
    #start_neu .event img {display:none;visibility:hidden;}
    #start_neu .event h2 {
  font-size:1em;font-weight:bold;}
   #start_neu .event div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin: 0;
    padding: 0;
}

  #navioben #menu li a:after {
    content:"";
  }

    .col2_1,
    .col2_2 {
        width: 100%;
    }
    .col3_1 {
        width: 50%;
    }

    .col3_2,
    .col3_3 {
        margin-left: 0;
        width: 50%;
    }

  div.col4_2:after {
    content:"<div style="claer: both"></div>"
  }

  /*.col4_1,
  .col4_2,
  .col4_3,
  .col4_4 {
    width: 46%;
    height: 220px;
  }
  
  .col4_1,
  .col4_3 {
    margin-right: 8%;
  }

  .col4_2,
  .col4_4 {
    margin-right: 0;
  }*/

    .tspace {
        margin-top: 0;
    }
    
    #maincontent {
        margin: 0 auto;  
    }
    
    #maintop {
        float: left;
        width: 100%;
    }

    #rand {
        display: none
    }
    
    #brot {
        padding: 15px 4% 0;
    }

    #wrapper #brot {
        padding: 15px 0 0;
    }

    #navioben a {
        margin: 0;
    }

    #position3 {
        float: none;
    }

    #position4 {
        padding: 10px 10px 0 0;
    }

  #content_teaser .csc-frame-frame3,
  #content_teaser .csc-frame-frame1,
  #content_teaser .csc-frame-frame2 {
    float: left;
    margin: 0 25px 10px 0;
    height: 230px;
    width: 28%;
    display: table;
  }

  #footer_content {
    width: 90%;
    margin: 0 auto;
  }
  
  .footertown {
    float: left;
    padding: 10px 15px 0 0;
  }

  #position1_footer {
    display: block;
    width: 100%;
  }

  #position1_footer ul {
    width: 90%;
  }

  #position1_footer ul li {
    float: left;
    padding: 10px 15px 0 0;
  }

  #position1_footer a {
    color: #FFFFFF;
    font-size: 0.775em;
  }
    
    #berufsgruppe_btm {
        display: block;
    margin-bottom: 30px;
    }

  #service_menu {
    color: #FFFFFF;
    float: none;
    margin-bottom: 6px;
    margin-top: 8px;
    width: 98%;
  }

    #leistungen {
        display:none;
    }

  #social {
    display: none;
  }

  #social_bottom {
    display:block;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .csc-frame-invisible {
    display: none;
  }
}


@media screen and (max-width: 600px) {
    
  #ecovis {
    min-width:100px;
    max-width: 600px;
  }

  #start_neu a {
      background: url("../img/pfeil2.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  }
  
    #hnavi a {
        padding: 7px;
    }

    #position2 {
        float: none;
    }

    #position4 {
        padding: 0 10px 0 0;
    }

    .col3_1,
    .col3_2 {
        display:none;
    }
    
    .col3_3 {
        width: 100%;
    }

  #contentboxen {
    margin-top: 20px;
  }

  #contentboxen .col4_1,
  #contentboxen .col4_2,
  #contentboxen .col4_3,
  #contentboxen .col4_4 {
    width: 100%;
    margin-bottom: 0;    
  }
  
  #contentboxen .col4_1 .csc-default,
  #contentboxen .col4_2 .csc-default,
  #contentboxen .col4_3 .csc-default,
  #contentboxen .col4_4 .csc-default {
    padding-bottom: 20px;
    border-bottom: 4px solid #F5F5F5;
    margin-bottom: 20px;
    height: auto;
  }

    #start_neu .column {
        float: none;
    }

    #leistungen {
        display:none;
    }

    .topic {
        width: 89%;
    }

    .box1,.box2,.box3,.box4,
    .box5 {
        width: 90%;
        margin-bottom: 20px;
    }
    
    #feature img{
        float: left;
        margin-left: 4%;
        margin-right: 2%;
    }

    #berufsgruppe_btm {
        display: block;
    }    

    #berufsgruppe_btm {
        float: none;
        margin-bottom: 30px;
        margin-left: 5%;
        margin-top: 10px;
        width: 90%;
    }

    #berufsgruppe_btm ul li {
        float: none;
    }

  #start_neu {
      margin: 0 auto 5px;
  }

  #content_top {
    width: 100%;
    border-bottom: 4px solid #F5F5F5;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }

  #content_teaser .csc-frame {
    border-bottom: 4px solid #F5F5F5;
    display: table;
    float: left;
    margin: 20px 20px 0 0;
    padding-bottom: 16px;
    height: auto;
    width: 100%;
  }

  #content_bottom {
    width: 100%;
    margin-top: 0;
  }
  
  #content_bottom div.text1,
  #content_bottom div.csc-default .tx-gkhrssimport-pi1,
  #content_bottom div.csc-default div.csc-default .tx-gkhrssimport-pi1 {
    border-bottom: 4px solid #F5F5F5;
    margin-bottom: 18px;
  }

  #content_bottom div.newsbox div.csc-default .tx-gkhrssimport-pi1,
  #content_bottom div.newsbox div.csc-default div.csc-default .tx-gkhrssimport-pi1 {
    border-bottom: none;
    margin-bottom: -15px;
  }

    .csc-frame {
        margin: 10px 10% 20px 0;
        width: 40%;
    }

  #content_bottom .csc-frame-rulerAfter {
    border-bottom: 4px solid #F5F5F5;
    margin: 0 0 18px 0;
    padding-bottom: 15px;
    width: 100%;
  }

  #start_neu h1 {
    font-size: 0.975em;
    line-height: 1.25em;
  }
  
  #contentboxen div.csc-default h1, #contentboxen div.csc-default h2,
  #start_neu h2 {
    font-size: 0.975em;
    line-height: 1.25em;
  }
  
  #content_teaser {
    margin-top: 0;
  }
  #content_teaser div.csc-menu a {
    font-size: 0.975em;
    line-height: 1.5em;
  }
  
  #content_teaser div.csc-menu a:hover {
      font-size: 0.975em;
  }

  #content_teaser p.csc-abstract {
    font-size: 0.975em;
    line-height: 1.5em;
  }
  
  #content_bottom ul li a.internal-link,
  #news_start ul li a,
  #stellen ul li a {
    font-size: 0.975em;
    line-height: 1.6em;

  }

  #contentboxen div.csc-default p,
  #start_neu p {
    font-size: 0.975em;
    line-height: 1.3em;

  }

  .newsbox {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 4px solid #F5F5F5;
  }
  
  .links {
    float: none;
    margin: 0 40px 20px 0;
  }
  
  .rechts {
    float: none;
    margin: 0 0 20px;
  }
  
  #contentboxen div.csc-default ul li a,
  #content_bottom .newsbox ul li {
    font-size: 0.975em;
    line-height: 1.6em;
  }
  
  #content_bottom .newsbox p {
    line-height: 1.6em;
  }
  
  #content_bottom .newsbox #stellen ul li a{
    font-size: 1.0em;
    line-height: 1.6em;
  }

  #herkunft {
   
    width: 60%;
    margin-top: 30px;
  }

  .column3_1, .column3_2, .column3_3 {
    width: 100%;
  }

  .column3_1 .csc-default, .column3_2 .csc-default, .column3_3 .csc-default {
    border-bottom: 4px solid #F5F5F5;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  #content_bottom .csc-space-before-50 {
    margin-top: 0 !important;
  }

  
}