/* Style sheet style */
* {
   margin:0;
   padding:0;
}
em, strong { font-weight:bold; }
a, a img, :focus, a:hover, img a:hover, fieldset {
   outline: 0;
   text-decoration:none;
   border:none;
}
li, ul, ol {
   margin: 0;
   padding: 0;
   list-style: none;
   list-style-type: none;
}
body {
   padding-bottom:20px;
   color:#666666;
   font: 12px/18px Lucida, "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
   background: #b3c100;
}
table { background: #FFF; }
/*html {
  height:100%;
  padding:0 0 1 0;
}*/
div#bgg {
   width:100%;
   height:400px;
   left:0px;
   top:0px;
   position:absolute;
   background: #ffffff;
}
#container {
   width:100%;
   position:relative;
   padding-top:105px;
   background: url(design/Moos_Neu.jpg) repeat-x left 400px;
}
body#autohg #container { background: url(none) !important; }
#content {
   width:922px;
   position:relative;
   margin-right:auto;
   margin-left:0;
   text-align:left;
}
#mitte {
   min-height:570px;
   height:auto !important;
   height:570px;
   background: url(design/dehn.png) repeat-y left;
   z-index: 400;
}
#unten {
   height:9px;
   margin-bottom:1px;
   background: url(design/unten.png) no-repeat top;
}
#spaltelinks {
   width:320px;
   float:left;
   margin:0;
   padding-right:20px;/*-----unten nochmal bei Linke Spalte------------*/
   padding-top:95px;
   z-index:5;
}
#spalterechts {
   width:500px;
   float:right;
   margin:0;
   margin-top:28px;
   padding-top:55px;
   padding-right:50px;
   padding-bottom:50px;
   z-index: 5;
}
#oben {
   width:916px;
   height:28px;
   left:0px;
   top:28px;
   position:relative;
   background: url(design/navi_bg_hggrau.jpg) repeat-x 80px bottom;
}
#logo {
   width:209px;
   height:63px;
   top:10px;
   left:710px;
   position:absolute;
   background: url(design/logo_blueforest.gif) no-repeat;
}
#zufallstier {
   top:0;
   left:0;
   position:absolute;
   z-index:6;
}
h1 {
   padding-top:20px;
   padding-bottom:10px;
}
#spalterechts h1 { padding-bottom:20px; }
h2 { color:#666;/*font: bold 14px Lucida, "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;*/ }
h3 {
   font-size:12px;
   color:#666;
   font-weight: bold;
}
.ce_text, .ce_form { padding-bottom:25px; }
.image_container a:hover, img a:hover, #wahl a {
   outline: 0;
   text-decoration:none;
   border:none;
}
#clear {
   clear:both;
   height:3px;
}
#linkespalte, #linkespaltebilder {/*-------Linke Spalte innere Definition--------------------*/
   position:relative;
   padding-left:15px;
   width:272px;
   padding-bottom:15px;
   top: 30px;
   z-index: 490;
   overflow:visible;
}
#linkespalte h1, #linkespaltebilder h1 {
   padding-top:0px;
   padding-bottom:5px;
   font-size:12px;
   color:#007faa;
   z-index: 500;
}
#linkespalte h1, #linkespaltebilder h1 {
   position:absolute;
   top:-20px;
   left:15px;
}
body.leistungen_sub #linkespalte {/*-------Linke Spalte innere Definition--------------------*/
   padding-left:5px;
   width:282px;
}
#linkespalte #ansprech {/*-------Linke Spalte TEXT--------------------*/
   background: url(design/ansprechpartner.jpg) no-repeat 3px 37px;
   line-height: 16px;
   padding-top:65px;
   padding-left:15px;
   height:100px;
}
#linkespalte #ansprech img {
   position:absolute;
   top:50px;
   right:10px;
}
#linkespaltebilder { /*  background-color:#efedec;*/ border-bottom: 1px solid #cac3c0;/*  background: url(design/grau.gif) no-repeat top;
    background: url(design/grau.jpg) no-repeat left 16px;*/ }
#linkespalte .links, #linkespalte h3, #linkespaltebilder h3, .linkespalte .links, .linkespalte h3, .linkespaltebilder h3 { padding-top:33px; }
#linkespaltebilder img { padding-top:28px; }
/*----------------------------------Startseite------------------------------------------*/
body.home #film {
   position:relative;
   left:-16px;
   top:-42px;
}
#communities { padding-top:10px; }
#pr {
   position:relative;
   left:-500px;
   top:0px;
   z-index:2;
}
/*----------------------------------Startseite 4 Boxen------------------------------------------*/
#boxen_startseite table {
   width:100%;
   position:relative;
   left:-7px;
}
#boxen_startseite table td {
   width:210px;
   text-align: center;
   background-image: url(design/box_start_quer.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   padding-left:10px;
   padding-top:10px;
}
#boxen_startseite table td div {
   height:140px;
   text-align: left;
   width:200px;
   position:relative;
   padding:5px;
}
#boxen_startseite table td img {
   position:absolute;
   right:7px;
   bottom:7px;
}
#boxen_startseite span { font-size:12px; }
.blau { color:#007faa !important; }
.grau { color:#666666 !important; }
.boxhead { font-weight:bold; }
/*------------------------------------------------------Formular allgemein------------------------------------------*/
input.feld, .text {
   height: 20px;
   border-top: 1px solid #abadb3;
   border-right: 1px solid #dbdfe6;
   border-bottom: 1px solid #e9ecf0;
   border-left: 1px solid #dbdfe6;
   background: url(design/feld_bg.gif) repeat-x bottom;
}
input.feld:focus, textarea:focus, .text:focus {
   color:#666;
   border-top: 1px solid #666;
   border-right: 1px solid #007faa;
   border-bottom: 1px solid #007faa;
   border-left: 1px solid #007faa;
   background: url(design/feld_bg_foc.gif) repeat-x bottom;
}
.radio_container { display:block; }
.radio_container span { padding-top:5px; }
.radio_container label, .checkbox_container label { vertical-align:top; }
.checkbox_container { padding-top:5px; }
.error {
   font-size: 13px;
   color: #fff;
   background: #8f9a01;
   display: inline;
   padding:2px;
   margin:2px;
}
textfield, textarea, .feld {
   color:#666;
   font-family:Lucida, "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif !important;
}
/*-----------------------------------------------------Buttons allgemein-------------------------------------*/

input.submit {
   width:85px;
   background: url(design/blueforest_button.gif) repeat-x bottom;
   border: 1px solid #abadb3;
   text-decoration:none;
   padding-bottom:2px;
   border: 1px solid #dbdfe6;
   color:#007faa;
}
input.submit:hover {
   background: url(design/blueforest_button_rollover.gif) repeat-x bottom;
   border: 1px solid #abadb3;
   color:#666;
}
/*----------------------------------------------------Kontakt-------------------------------------*/
span.mandatory {
   color:#007faa;
   font-weight:bold;
}
#kontakt #form table td {
   padding-top: 6px;
   padding-right: 4px;
   padding-bottom: 2px;
   vertical-align:top;
}
#kontakt #form table label { padding-right: 7px; }
html>body #form table input.radio { margin-top: 2px; }
#kontakt #form table span label { vertical-align: top; }
#kontakt input.text, #suche input.text, #newsletter input.text {
   height:19px;
   width:250px;
}
#kontakt textarea { width:250px; }
#kontakt { padding-bottom:240px; }
/*-----------------------------------------------Suche------------------------------------------*/
#klapp {
   width:19px;
   z-index:500;
   height:19px;
   top:9px;
   left:349px;
   position:absolute;
   background:url(design/lupe.gif);
   visibility:visible;
}
#klapp:focus, #klapp:hover { cursor:pointer; }
#suchfeld {
   width:140px;
   height:19px;
   top:9px;
   left:210px;
   position:absolute;
   visibility:hidden;
   padding-left:20px;
   z-index:500;
   background:  url(design/lupe2.gif) no-repeat left;
}
#suchfeld input#keywords {
   width:124px;
   height:17px;
   position:absolute;
   left:15px;
   z-index:500;
   border-left:none;
   border-top: 1px solid #CCC;
   border-right: none;
   border-bottom: 1px solid #CCC;
   padding-left:4px;
   color:#666;
}
#suchfeld input.submit#submit {
   width:19px;
   height:19px;
   border:0;
   position:absolute;
   right:2px;
   background:url(design/lupe.gif);
}
#query_type { padding-top:30px; }
#query_type span, .mod_search p.header, .mod_search div {
   float:left;
   clear:both;
}
.mod_search p.header, .mod_search div { padding-top:20px; }
.mod_search input#keywords {
   height:18px;
   border-top: 1px solid #abadb3;
   border-right: 1px solid #dbdfe6;
   border-bottom: 1px solid #e9ecf0;
   border-left: 1px solid #dbdfe6;
   background: url(design/feld_bg.gif) repeat-x bottom;
}
.mod_search input#keywords:focus {
   color:#666;
   height:18px;
   border-right: 1px solid #007faa;
   border-bottom: 1px solid #007faa;
   border-left: 1px solid #007faa;
   background: url(design/feld_bg_foc.gif) repeat-x bottom;
}
/*------------------------------------------------Newsletter-------------------------------------------*/
.checked { visibility:hidden; } /*---------Newsletter Channel Checkbox verstecken----------------*/
body.newsletter .submit { margin-top:20px; }
body.newsletter .checkbox {
   padding-bottom:20px;
   border-bottom: 15px solid #FFF;
}
body.newsletter .text { width:250px; }
/*----------------------------------------------Accordeon Team-----------------------------------------*/
body.team #linkespaltebilder img { padding-top:40px; }
.toggler {
   margin-top:7px;
   padding-left:21px;
   /*  border-bottom:solid 1px #8f9a01;*/
  background:transparent url(design/button_plus.gif) no-repeat left center;
   cursor:pointer;
   cursor:hand;
}
.toggler h2 {
   font-size:12px;
   color:#007faa;
}
.toggler div {
   padding-bottom:5px;
   font-size:11px;
   color:#666666;
}
div.accordion {
   padding-top:10px;
   padding-left:21px;
}
div.accordion img {
   padding-right:10px;
   padding-bottom:5px;
   padding-left:0px;
}
/*----------------------------------Sitemap-------------------------------------*/
#sitemap li {
   position:relative;
   list-style:disc;
   list-style-position: inside;
}
#sitemap ul.level_1 li {
   padding-left:10px;
   padding-bottom: 3px;
}
#sitemap ul.level_2 li {
   list-style-image: none;
   padding-left:20px;
   padding-bottom: 0px;
}
#sitemap ul.level_3 li {
   padding-left:30px;
   padding-bottom: 0px;
}/*



body.sitemap li.nositemap,  body.sitemap li.nositemap li.nositemap {
visibility:hidden;display:none;
    }
    body.sitemap li.nositemap li{
visibility:visible;display:block;
    }

ul.level_2 li.nositemap { display:none; }
ul.level_3 li.nositemap { display:none; }

------------------------------------------------Impressum-------------------------------------*/
body.impressum h3 {
   padding-bottom:10px;
   padding-top:15px;
}
/*--------------------------------------------Startseite Aktuelles-----------------------------------------*/
#spaltelinks .mod_newslist { padding-top:-60px; }
#spaltelinks .mod_newslist h1 {
   padding-top:5hpx;
   padding-bottom:2px;
   position:relative;
   left:84px;
   top:18px;
}
#spaltelinks .mod_newslist .ce_text img {
   padding-right:15px;
   position:relative;
   top:-18px;
}
#spaltelinks .mod_newslist .ce_text {
   position:relative;
   top:18px;
   line-height: 18px;
}
#spaltelinks .mod_newslist .layout_full {
   border-bottom: 1px solid #8f9a01;
   padding-bottom:15px;
}
/*----------------------------------Referenzen Overview - die vier Bereiche v. Leistungen, alle im gleichen Template------*/
table#ref_overview { border-collapse:collapse; }
table#ref_overview td {
   padding-right:4px;
   padding-left:4px;
   vertical-align: top;
}
table#ref_overview td.eins { width:200px !important; }
table#ref_overview td.zwei { width:30px !important; }
table#ref_overview td.drei { width:100px; !important;
}
table#ref_overview tr.col0 td {
   padding-top:5px;
   padding-bottom:3px;
   border-bottom: 1px solid #8f9a01;
}
table#ref_overview tr.col1 td img { padding-top:4px; }
table#ref_overview tr.col1 td {
   padding-bottom:7px;
   border-bottom: 1px solid #ccc;
}
table#ref_overview tr td.eins { padding-left:0px !important; }
table#ref_overview td:first-child { padding-left:0px; }
table#ref_overview a { }
table#ref_overview a:hover { }
/*---------------------------------------------Referenzen Klappmenü Auswahl------------------------------------*/
body.projekte select {
   color:#666;
   width:100%;
}
body.projekte h2 { padding-bottom:30px; }
body.projekte #linkespalte h2 {
   padding-bottom:0px;
   padding-top:20px;
}
body.projekte #linkespalte p {
   padding-bottom:20px;
   padding-top:20px;
   border-bottom: 1px solid #8f9a01;
}
table#ref_sort { border-collapse:collapse; }
table#ref_sort td {
   padding-right:4px;
   padding-left:4px;
   vertical-align: top;
   width:33%;
}
table#ref_sort tr td.eins { padding-left:0px !important; }
table#ref_sort tr:first-child { padding-top:4px; }
table#ref_sort td:first-child { padding-left:0px; }
table#ref_sort td.zwei { }
table#ref_sort td.drei { }
table#ref_sort tr.col0 td {
   padding-top:4px;
   padding-bottom:3px;
   border-bottom: 1px solid #8f9a01;
}
table#ref_sort tr.col1 td img { padding-top:4px; }
table#ref_sort tr.col1 td {
   padding-bottom:7px;
   border-bottom: 1px solid #ccc;
}
/*-----------------------------------------------Partner--------------------------------------------*/
.mod_article .partner .image_container { width: 200px; }
.mod_article .partner h2 { padding-bottom:10px; }
.mod_article .partner p { padding-left:200px; }
.mod_article #pfeil {
   padding-top:3px;
   padding-right:3px;
}
#partner .ce_text {
   padding-bottom:15px;
   padding-top:15px;
   border-bottom: 1px solid #8f9a01;
}
/*--------------------------------------------4 ausgewählte Referenzen (Formatierung wie Partner)-------------------------*/
.mod_article .partner .image_container, .mod_article .ausgewaehlt .image_container { width: 200px; }
.mod_article .partner h2 { padding-bottom:10px; }
.mod_article .ausgewaehlt h2 { padding-bottom:20px; }
.mod_article .ausgewaehlt h3 { padding-bottom:10px; }
.mod_article .partner p, .mod_article .ausgewaehlt p { padding-left:200px; }
.mod_article #pfeil {
   padding-top:3px;
   padding-right:3px;
}
#partner .ce_text, #ausgewaehlt .ce_text {
   padding-bottom:15px;
   padding-top:15px;
   border-bottom: 1px solid #8f9a01;
}
#ausgewaehlt { display:block; }
body.projekte .ausgewaehlt .item h2 { padding-bottom:20px; }
/*-------------------------------------Referenzen Case STudies-------------------------------------------*/

.grossereferenz .mod_article #pfeil {
   position:relative;
   top:1px;
   padding-right:3px;
}
.grossereferenz .mod_article a {
   position:relative;
   top:-1px;
}
table#tab_casestudy table { }
table#tab_casestudy td {
   vertical-align:top;
   padding-left:3px;
   padding-right:3px;
   padding-bottom:5px;
}
table#tab_casestudy td:first-child {
   vertical-align:top;
   padding-left:0px;
   padding-right:6px;
}
#projektdetails h2 { padding-bottom:20px; }
#refpix {/*-------Linke Spalte innere Definition--------------------*/
   position:absolute;
   left:-350px;
   width:272px;
   padding-bottom:15px;
   top: 100px;
   z-index: 490;
   overflow:visible;
}
/*---------------------------------Referenzen Case STudies Bilder LinkeSeite-------------------------------------------*/
    
#eins { display:block; }
#zwei { display:none; }
#drei { display:none; }
#wahl {
   text-align:center;
   padding-right:10px;
   padding-top:8px;
}
#wahl a {
   padding-right:3px;
   padding-left:5px;
}
#wahl a.border {
   cursor:pointer;
   cursor:hand;
   border-left: 1px solid #8f9a01;
}
#wahl a.vor {
   padding-right:20px;
   padding-left:50px;
   background: url(design/button_pfeil.gif) no-repeat right;
}
#wahl a.zurck {
   padding-left:20px;
   padding-right:47px;
   background: url(design/button_pfeil_links.gif) no-repeat left;
}
/*-----------------------------------------------Tooltip mit Bild--------------------------------------------*/

.tool { border: 5px solid #fff; }
.tool .tip-title {
   padding:1px 1px 1px 1px;
   text-align:left;
   background-color:#111;
   font-size: 12px;
   color:#FDE20F;
   font-weight: bold;
   width: 69px;
}
.tool .tip-text {
   color: #fff;
   margin:0px;
   padding:0px;
   text-align:left;
   background-color:#111;
   font-size:11px;
   width: 69px;
}
/*------------------------------------------------------Kleinkram-------------------------------------------*/
body.leistungen .ce_accordion { padding-bottom:15px; }
body.leistungen .toggler h2 { margin-bottom:15px; }
#blueforest {
   position: relative;
   top:5px;
   left:10px;
   font-size: 9px;
   font-weight: normal;
   text-transform: lowercase;
   background:transparent;
}
.no { visibility:hidden; }
/*-----------------------------------------------Akkordeon Leistungen Infos Linke Spalte--------------------------------------------*/
.info h1 {
   position:relative;
   top:20px;
}
.info h2 {
   font-size:13px;
   padding-top:7px;
}
.info .ce_text {
   padding-left:0px;

}
h1.info_headline { padding-left:11px; }
#linkespalte .ce_accordion div.toggler {
   font-size:12px;
   font-weight: bold;
   padding-bottom: 2px;
   padding-top:2px;
}
#linkespalte .accordion li, #linkespalte .accordion ul, #linkespalte .accordion ol {
   margin: 0;
   padding-left: 0px;
   list-style:outside;
   list-style-type:disc;
}
#linkespalte .accordion li { padding-bottom: 5px; }