/* EDIT BY SASCHA BALKE 11-05-09
body {text-align: center; font-family: verdana;margin: 0px; padding: 0px; font-size: 12px;}
*/
body {text-align: center; font-family: Arial, Helvetica, verdana;margin: 0px; padding: 0px; font-size: 12px;}



h1 {font-size: 16px; margin: 0 0 16px 0;}
h2 {font-size: 16px; margin: 0 0 16px 0;}
h3 {font-size: 14px; margin: 0 0 16px 0;}
h4 {font-size: 12px; margin: 0 0 16px 0;}

a {color: #3d6a25; text-decoration: none;}

p {margin: 0 0 12px 0;}

img {border: 0px;}
p.imgmiddle img {vertical-align: middle;}


fieldset {border: 0px; padding: 0px; margin: 0px;}
.csc-mailform-field {padding: 5px;}
.csc-mailform-field label {width: 200px; display: inline; float: left; font-weight: bold;}
.csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea {border: #e2e2e2 1px solid;}
.csc-mailform-field input {width: 200px;}
.csc-mailform-field textarea {width: 350px;}

.csc-sitemap ul{color: #000; }

p.imgmiddle {vertical-align: middle;}
p.schrift14px {font-size: 14px;}
p.schrift13px {font-size: 13px;}
p.schrift12px {font-size: 12px;}
p.schrift11px {font-size: 11px;}
p.schrift10px {font-size: 10px;}
p.schrift9px {font-size: 9px;}
p.schrift8px {font-size: 8px;}

/* New BY SASCHA BALKE 11-05-09 */
p.schrift16px_h1 {font-size: 16px;}
p.content_headline_grey {font-size: 12px; font-weight: bold; color: #808080;}
p.content_headline_green {font-size: 12px; font-weight: bold; color: #676a55;}

span.imgmiddle {vertical-align: middle;}
.imgmiddle img { display: inline;vertical-align: middle; }

span.schrift14px {font-size: 14px;}
span.schrift13px {font-size: 13px;}
span.schrift12px {font-size: 12px;}
span.schrift11px {font-size: 11px;}
span.schrift10px {font-size: 10px;}
span.schrift9px {font-size: 9px;}
span.schrift8px {font-size: 8px;}

/* New BY SASCHA BALKE 11-05-09 */
span.content_headline_grey {font-size: 12px; font-weight: bold; color: #808080;}
span.content_headline_green {font-size: 12px; font-weight: bold; color: #676a55;}
span.schrift16px_h1 {font-size: 16px;}

.align-justify {text-align: justify;}
.align-center {text-align: center;}

ul {list-style-image:url(../img/listenpunkt_gruen.gif);}
li {margin-bottom: 5px;}

#leftcol ul {list-style-image:url(../img/listenpunkt_gruen.gif); padding-left: 20px;}

.csc-textpic-imagewrap {border: #e2e2e2 0px solid; padding: 2px!important; }
.csc-textpic-caption {padding: 2px 2px 0 2px; font-size: 10px; color: #666;}
.csc-textpic-image  {margin-bottom: 0px!important;}

.clear_float {clear: both;}

#page { margin:0 auto; position:relative; text-align:left; width:980px;}
#pagemargin {}

#head {border-bottom: #e2e2e2 2px solid; height: 78px; position: relative; margin-bottom: 5px;}
#logo {position: absolute; left: 15px; bottom: 10px; z-index: 3;}
#language {}
#topnavigation {background: url(../img/navi_verlauf_links.gif) no-repeat left bottom; padding-left: 0px; font-size: 12px; font-weight: bold; line-height: 37px; height: 37px; position: absolute; right: 0px; bottom: 0px; z-index:2;}
#topnavigation img {float: left; display: inline; padding: 0px; border: 0px; margin: 0px;}
#topnavigation .overcap {background: url(../img/navi_verlauf.gif) repeat-x bottom;}
#topnavigation .cap {float: left; margin: 0px; display: inline;}
#topnavigation .normal_state{padding: 11px 14px 12px 14px; background: url(../img/navi_verlauf.gif) repeat-x bottom; color: #000; text-decoration: none;}
#topnavigation .active_state{padding: 11px 14px 12px 14px; background: url(../img/navi_verlauf_aktiv.gif) repeat-x bottom; color: #9b9b9b; text-decoration: none;}
#topnavigation a:hover {background: url(../img/navi_verlauf_aktiv.gif) repeat-x bottom; color: #9b9b9b;}


#teaser {position: relative; width: 980px; height: 224px; margin-bottom: 5px;}


#teaser_navigation {position: absolute; left: 15px; top: 110px; font-size: 12px;}
#teaser_navigation a{color: #fff; text-decoration: none; font-weight: bold;}
#teaser_navigation img{border: 0px;}
.teasernav_cap {height: 27px; line-height: 27px; margin-bottom: 2px; padding-left: 18px;background: url(../img/listenpunkt_schwarz.gif) no-repeat left 11px}
.teasernav_cap img {float: left; margin: 8px 2px 0px 2px;}
#teaser_header {position: absolute; left: 280px; top: 31px;}
#teaser_header h1{margin: 0px; border: 0px; padding: 0px; color: #fff; font-size: 20px; font-weight: normal; font-family: verdana;}
#teaser_text {position: absolute; left: 280px; top: 125px; width: 440px;}
#teaser_text p{margin: 0px; color: #fff;font-size: 11px; font-family: verdana;}

#toolbar {position: relative; margin-bottom: 5px; border-top: #e2e2e2 2px solid; border-bottom: #e2e2e2 2px solid; height: 24px; padding: 0 0 0 8px;}
#path, #path a{font-size: 11px; color: #7c7c7c; margin-top: 7px; text-decoration: none;}



.pathdivider {margin: 0 7px 1px 7px;}
#search {}
#search .suche_submit{position: absolute; right: 0px; top: 2px; }
#search .suche_input{border: 1px solid #e2e2e2; position: absolute; right: 33px; top: 2px; width: 140px; color: #000; font-size: 11px; padding-left: 5px;height: 16px;}


#main {}
#leftcol {width: 240px; float: left;}
#leftcol .container{}
#leftcol {}

#leftnav {}
#leftnav .menucap {border: #e2e2e2 1px solid; margin-bottom: 45px; border-bottom: 0px; background: url(../img/content_verlauf.gif) repeat-x bottom;}
#leftnav a {color: #000; text-decoration: none; font-weight: bold; font-size: 12px; width: 240px;}
#leftnav .menucap .title {border-bottom: #e2e2e2 1px solid; line-height: 27px; padding-left: 15px; font-size: 16px; font-weight: bold;}
#leftnav .menucap .fst_lvl {border-bottom: #e2e2e2 1px solid; line-height: 27px; padding-left: 30px; }


/*------------------ Produkte ------------------------------ */
#leftnav .menucap .red_no {background: url(../img/bg_red_no.gif) repeat-y;}
#leftnav .menucap .red_title {background: url(../img/bg_red_title.gif) repeat-y;}
#leftnav .menucap .red_no:hover {background: url(../img/bg_red_act.gif) repeat-y; color: #990000; /*#de2c2a;*/}
#leftnav .menucap .red_no:hover a {color: #990000; /*#de2c2a;*/} 
#leftnav .menucap .red_act {background: url(../img/bg_red_act.gif) repeat-y; color: #990000; /*#de2c2a;*/}
#leftnav .menucap .red_act a, #leftnav .menucap .red_act_lvl a, #leftnav .menucap .red_sub_act, #leftnav .menucap .red_sub_act a{/*color: #de2c2a;*/color: #990000; /*#de2c2a;*/}
#leftnav .menucap .red_act_lvl {background: url(../img/bg_red_act.gif) repeat-y; border-bottom:0px; line-height: 18px; padding-top: 4px; color: #990000; /*#de2c2a;*/}
#leftnav .menucap .red:hover a, #leftnav .menucap .red:hover, #leftnav .menucap .red a:hover {color: #990000; /*#de2c2a;*/}

/*------------------ Lösungen / Services / Referenzen ------------------------------ */
#leftnav .menucap .green_no {background: url(../img/bg_green_no.gif) repeat-y;}
#leftnav .menucap .green_no:hover {background: url(../img/bg_green_act.gif) repeat-y; color: #5db32e;}
#leftnav .menucap .green_no:hover a {color: #5db32e;}
#leftnav .menucap .green_title {background: url(../img/bg_green_title.gif) repeat-y;}
#leftnav .menucap .green_act {background: url(../img/bg_green_act.gif) repeat-y; color: #5db32e;}
#leftnav .menucap .green_act a, #leftnav .menucap .green_act_lvl a, #leftnav .menucap .green_sub_act, #leftnav .menucap .green_sub_act a{color: #5db32e;}
#leftnav .menucap .green_act_lvl {background: url(../img/bg_green_act.gif) repeat-y; border-bottom:0px; line-height: 18px; padding-top: 4px; color: #5db32e;}
#leftnav .menucap .green:hover a, #leftnav .menucap .green:hover, #leftnav .menucap .green a:hover {color: #5db32e;}

/*------------------ Unternehmen ------------------------------ */
/* COLOR EDIT BY SASCHA BALKE 11-05-09*/
#leftnav .menucap .blue_no {background: url(../img/bg_blue_no.gif) repeat-y;}
#leftnav .menucap .blue_no:hover {background: url(../img/bg_blue_act.gif) repeat-y; color: #676a55; /*#6276bb;*/}
#leftnav .menucap .blue_no:hover a {color: #676a55; /*#6276bb;*/}
#leftnav .menucap .blue_title {background: url(../img/bg_blue_title.gif) repeat-y;}
#leftnav .menucap .blue_act {background: url(../img/bg_blue_act.gif) repeat-y; color: #676a55; /*#6276bb;*/}
#leftnav .menucap .blue_act a, #leftnav .menucap .blue_act_lvl a, #leftnav .menucap .blue_sub_act, #leftnav .menucap .blue_sub_act a{color: #676a55; /*#6276bb;*/}
#leftnav .menucap .blue_act_lvl {background: url(../img/bg_blue_act.gif) repeat-y; border-bottom:0px; line-height: 18px; padding-top: 4px; color: #676a55; /*#6276bb;*/}
#leftnav .menucap .blue:hover a, #leftnav .menucap .blue:hover, #leftnav .menucap .blue a:hover {color: #676a55; /*#6276bb;*/}

/*------------------ Partner ------------------------------ */
/* COLOR EDIT BY SASCHA BALKE 11-05-09*/
#leftnav .menucap .orange_no {background: url(../img/bg_orange_no.gif) repeat-y;}
#leftnav .menucap .orange_no:hover {background: url(../img/bg_orange_act.gif) repeat-y; color: #e78e1c; /*#ffa62e;*/}
#leftnav .menucap .orange_no:hover a {color: #e78e1c; /*#ffa62e;*/}
#leftnav .menucap .orange_title {background: url(../img/bg_orange_title.gif) repeat-y;}
#leftnav .menucap .orange_act {background: url(../img/bg_orange_act.gif) repeat-y; color: #e78e1c; /*#ffa62e;*/}
#leftnav .menucap .orange_act a, #leftnav .menucap .orange_act_lvl a, #leftnav .menucap .orange_sub_act, #leftnav .menucap .orange_sub_act a{color: #e78e1c; /*#ffa62e;*/}
#leftnav .menucap .orange_act_lvl {background: url(../img/bg_orange_act.gif) repeat-y; border-bottom:0px; line-height: 18px; padding-top: 4px; color: #e78e1c; /*#ffa62e;*/}
#leftnav .menucap .orange:hover a, #leftnav .menucap .orange:hover, #leftnav .menucap .orange a:hover {color: #e78e1c; /*#ffa62e;*/}
#leftnav .menucap .subwrap {border-bottom: #e2e2e2 1px solid; padding-bottom: 8px;}

#leftnav .menucap .snd_lvl {padding-left: 30px; font-size: 11px;}
#leftnav .menucap .snd_lvl a {font-weight: normal; font-size: 11px;}

#leftnav .menucap .trd_lvl {padding-left: 50px; font-size: 11px;}
#leftnav .menucap .trd_lvl a {font-weight: normal; font-size: 11px;}

#leftnav .menucap .four_lvl {padding-left: 70px; font-size: 11px;}
#leftnav .menucap .four_lvl a {font-weight: normal; font-size: 11px;}

#maincol { float: right; width: 728px; }
#maincol .container {}

#footer { border-top: #e2e2e2 2px solid;padding-left: 15px; margin-top: 5px;}
#footer_navigation {}
#footer, #footer a{font-size: 11px; color: #7c7c7c; line-height: 24px; text-decoration: none;}


  .subcolumns { width: 100%; overflow:hidden;}

  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 6px; }
  .subcl { padding: 0 6px 0 0; }
  .subcr { padding: 0 0 0 6px; }

 
.contentborder, .contentborder_nopadding {border: #e2e2e2 1px solid; padding: 12px; background: url(../img/content_verlauf.gif) repeat-x bottom; margin-bottom: 5px;}

.partner, .referenz, .kooperation, .qualifikation, .kompetenz {display:none;}  
#switchheader {margin-bottom: 5px; font-size: 18px; font-weight: normal;}
.switch_image {width: 60px; padding-right: 10px; float: left;} 
/* Erweiterung um padding-bottom:20px; damit mehr Abstand zwischen Logo und Verlauf ist - Sascha Balke 19-05-09*/
.switch_image_full {width: 215px; text-align: center;padding-bottom:20px; }
.switch_header {float: left; width: 140px; color: #3d6a25;} 
.switch_text {float: left; width: 140px; vertical-align: top;} 

/* Aufklappeffekt News Angang */
.news-list-container div.rgaccord1-toggle {
  font-weight:normal;
  height: 23px;
  background: url(../img/plus.png) 5px center no-repeat;
  border:1px solid #ddd;
  padding:0px 0 2px 25px;
  cursor:pointer;
  margin: 0px;
  line-height: 20px;
}

/* Toggle act item */
.news-list-container div.act {
  font-weight:bold;
  
   
  border:1px solid #666;
  color:#edf2f7;
  padding:0px 0 2px 25px;
  line-height: 20px;
  background:#676a55 url(../img/minus.png) 5px center no-repeat;
  }

/* the content */
.news-list-container div.rgaccord1-content {
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin-bottom: 10px;
  padding: 10px;  
}
/* Aufklappeffekt News Ende */



/* Toggle default */
div.rgaccord1-toggle {
  font-weight:normal;
  height: 17px;
   /* MODIFY EDIT BY SASCHA BALKE 
  background: url(../img/plus.png) 5px center no-repeat;
  */
  background: url(../img/toggle_def.gif) 5px center no-repeat;
  border:0px solid #ddd;
  padding:0px 0 0px 25px;
  cursor:pointer;
  margin: 0px;
  line-height: 17px;
}
/* DISABLE EDIT BY SASCHA BALKE 
div.rgaccord1-toggle:hover {
  border:1px dotted #ddd;
}
*/
/* Toggle act item */
div.act {
  font-weight:bold;
  
  /* MODIFY EDIT BY SASCHA BALKE 
  border:1px solid #666;*/
  color:#edf2f7;
  padding:4px 0 2px 25px;
  line-height: 17px;
  /* MODIFY EDIT BY SASCHA BALKE 
  background:#676a55 url(../img/minus.png) 5px center no-repeat;
*/
  background:url(../img/toggle_act.png) center no-repeat;
  }



/* the content */
div.rgaccord1-content {
  border-left:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:1px solid #ccc;
  margin-bottom: 10px;
  padding: 10px;  
}
div.rgaccord1-content hr {visibility: hidden;}

/* remove margin of a CE */
div.rgaccord1-content .ce {
  margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord1-content h1 {
  display:none;
}

.header_date {text-align: right; padding-right: 8px;}
/* FONT-SIZE EDIT BY SASCHA BALKE 11-05-09
.newsheader {font-size: 18px; font-weight: normal; line-height: 30px; padding: 0 12px 0 12px; margin: 0px;}
*/
.newsheader {font-size: 15px;  line-height: 30px; padding: 0 12px 0 12px; margin: 0px;}
.syslinks {position: absolute; right: 10px; top: 9px;}
.newsborder {border: #e2e2e2 1px solid; padding: 0px; background: url(../img/content_verlauf.gif) repeat-x bottom; margin-bottom: 5px; position: relative;}
.newscap {}
.news_image {float:right; margin: 0 0 10px 20px;}
.hp_news_date {color: #666; font-size: 10px;}
/* FONT-SIZE EDIT BY SASCHA BALKE 11-05-09
.hp_newsitem_header a {color: #000; font-size: 12px;}
*/
.hp_newsitem_header a {color: #000; font-size: 13px;}
.news-list-item {padding: 12px; border-top: #e2e2e2 1px solid; }

.tx-indexedsearch .res {border: #ccc 1px solid;}
.tx-indexedsearch-res h3 {border-bottom: #666 1px solid;padding: 2px 10px 2px 10px;background:#676a55; color: #fff; margin: 0px; font-size: 14px;}
.tx-indexedsearch-res h3 a {color: #fff;}
.tx-indexedsearch-res p {padding:10px;}
.tx-indexedsearch-redMarkup  {color: #3d6a25!important;}

.tx-indexedsearch-form {line-height: 20px;}

#tx-indexedsearch-searchbox-sword {border: 1px solid #e2e2e2; width: 160px; color: #000; font-size: 11px; padding-left: 5px;height: 16px; float: left;}

.tx-loginboxmacmade-pi1-loginTable {border: 0px!important;}
.tx-loginboxmacmade-pi1-labelCell, .tx-loginboxmacmade-pi1-fieldCell {background: #fff!important; border: 0px!important;}

.csc-textpic-image {margin: 5px!important;}