@charset "utf-8";
html{ font-size:100%; }

body {
margin:0;
padding:0;
background-color: #a5a8ae;
font-family:Arial;
font-size: 11px;
line-height:16px;
color: #717378;
}

   #top {
   background:#fff;
   height:546px;
   text-align:center;
   padding-bottom:16px;
   }

   #top[id] {
   height:auto;
   min-height:546px;
   }
         
      #container{
      padding:0;
      width:912px;
      background-color:#fff;
      margin:0 auto;
      height:546px;
      text-align:left;
      overflow:visible;
      }

      html>body #container{
      height:auto;
      min-height:546px;
      }
      
         #menue{
         width:143px;
         float:left;
         margin: 16px 0 0 0;
         padding:0;
         }
         
            /* navigation */
            #navi {
            margin: 25px 0 10px 1px;
            padding:2px 0 0 0;
            background: url(../images/menue_header.gif) no-repeat;
            }

               #navi ul {
               margin:0;
               padding:0 0 1px 0;
               background:#EFF0F2 url(../images/menue_bottom.gif) no-repeat bottom;
               list-style:none;
               }

               #navi li {
               margin:0 0 1px 0;
               padding:0;
               height:23px;
               }
               
               #navi li.divider {
               height:10px;
               padding:4px 0 0 0;
               background: url(../images/menue_divider.gif) no-repeat 2px 5px;
               }

               #navi a{
               color: #444548;
               text-decoration:none;
               display:block;
               background:#EFF0F2;
               width:128px;
               line-height:23px;
               padding:0 5px 0 7px;
               margin:0 2px 0 0;
               }

               #navi a:hover {
               background: url(../images/menue_link_hover.gif) no-repeat 2px 0;
               }

               #navi li a.active {
               background: url(../images/menue_link.gif) no-repeat 2px 0;
               cursor:default;
               }
            /* /navigation */
            
            #contact {
            background:url(../images/contact_header.gif) no-repeat;
            padding:2px 0 0 0;
            margin:0 0 0 1px;
            }

               #contact p {
               width:auto;
               background:#B0B3BA url(../images/contact_bottom.gif) no-repeat bottom;
               margin:0;
               padding:3px 5px 6px 7px;
               color:#fff;
               }

               #contact a {
               color:#fff;
               }
               
         #right {
         float:left;
         margin: 15px 0 0 0;
         width:766px;
         height:530px;
         }

         #right[id] {
         height:auto;
         min-height:530px;
         }
         
            #meta{
            width:762px;
            height:68px;
            margin: 0 0 1px 0;
            padding:0;
            text-align:right;
            }

            #meta a{
            font-weight:bold;
            color:#aaadb3;
            text-decoration:none;
            margin: 0 13px 0 0;
            padding:0;
            }

            #meta a:hover{
            color:#717378;
            }
            
            #meta a.active{
               color:#717378 !important;
            }

            #meta form{
            margin:0;
            padding:0;
            display:inline;
            }

            #meta #search {
            margin:0 6px 0 0;
            padding: 3px 0 5px 5px;
            width:139px;
            height:12px;
            border:none;
            font-size:10px;
            font-family:Verdana, sans-serif;
            }

            .search_box{
            background:url(../images/search_box.gif) no-repeat;
            color: #98999d;
            }

            .search_box_focus{
            background:url(../images/search_box_focus.gif) no-repeat;
            color: #717378;
            }

            #meta #lastsearch {
            margin-right:10px;
            }
            
            #meta input {
            vertical-align: middle; 
            }

            #meta #search_button {
            width:18px;
            height:18px;
            border:none;
            margin:0;
            padding:0;
            }



            #main, #search_output {
            margin:0;
            padding:0 0 0 0;
            color: #707477;
            }

   #bottom {
   background:#a5a8ae url(../images/footer_bg.gif) repeat-x;
   min-height:118px; /*127*/
   height:auto !important;
   height:118px; /*127*/
   text-align:center;
   padding-top:6px;
   }

      #footer {
      width:905px;
      margin:0 auto;
      padding:2px 2px 0 0;
      text-align:right;
      color:#fff;
      }

         #footer a{
         font-weight:bold;
         color:#fff;
         text-decoration:none;
         margin:0 0 0 12px;
         padding:0;
         }

/************* Allgemein *************/

#loader {
width:120px;
height:60px;
position: absolute;
margin: -30px 0 0 0;
padding:10px;
left:50%;
top:50%;
font-weight:bold;
color:#707477;
font-size:11px;
text-align:center;
z-index:9999;
background: transparent url(../images/ajax_loader_bg.png) no-repeat 50px 5px;
}


#loader img {
margin-bottom:6px;
}

.email_img {
vertical-align:middle;
margin-top:0px;
}

.news_text .email_img {
margin-top:3px;
}

/* Links */
a {
color: #0032b1;
text-decoration:none;
outline:none;
}

a:hover { color:#2556d8; }

a:focus, .news_text a:focus {outline:none !important;}

a img {
border:none;
}

.news_text a {
color: #0032b1 !important;
text-decoration:none !important;
outline:none !important;
display:inline !important;
}
.news_text a:hover { color:#2556d8 !important; }

a.arrow {
padding-left:14px;
background: url(../images/arrow.gif) 0 4px no-repeat;
}

/* Textformatierungen */

.clear {
clear:both;
}

.right{
float:right;
}

.left{
float:left;
}

.bold {
font-weight:bold;
}

.light {
font-weight:normal;
}

.searchhint, p.error, p.error_contact {
color:#FF0000;
margin:0;
display:block;
}

p.error { margin: 18px; }
p.error_contact { margin: 18px 18px 18px 0; }

.searchhint { float:right; }

/* Formular */

form {
margin:0;
padding:0;
}

fieldset {
margin:0;
padding:0;
border:none;
display:inline;
}


/* Seitenüberschriften */
h1 {
height:22px;
background-repeat: no-repeat;
background-position:18px 2px;
margin:0;
padding:2px 0 0 0;
line-height:20px;
font-size:16px;
color: #57585c;
}

h1 span {
display: none;
}

h2 {
font-size:11px;
margin:0;
padding:0 0 0 7px;
border-bottom:1px solid #E3E3E3;
line-height:16px;
/*height:14px;*/
height:1%;
color: #57585c;
}

h2 span.h_title {
float:left;
display:block;
width:405px;
}

.cursor_hand {
cursor:pointer;
}

.box_2col h2 span.h_title {
width:362px;
}

h2 span.h_info {
float:right;
margin:0 7px 0 0;
font-weight:normal;
}

h2 span.h_date {
float:left;
font-weight:normal;
width:67px;
}

h2 span.h_result {
font-weight:normal;
font-style:italic;
}

.titlebar, .titlebar_thickbox {
margin:0 0 15px 12px;
padding:0 0 0 2px;
background: url(../images/titlebar_left.gif) no-repeat;
height:6px;
font-size:0;
line-height:1px;
}

.titlebar span, .titlebar_thickbox span {
margin:0;
padding:0;
background:#eff0f1 url(../images/titlebar_right.gif) no-repeat right;
display:block;
width:748px;
height:6px;
}

.titlebar_thickbox span {
width:494px;
}

/************* Seitenspezifisch *************/

.h_img_agentur { background-image: url(../images/title_agentur.gif); }
.h_img_disclaimer { background-image: url(../images/title_disclaimer.gif); }
.h_img_glossar { background-image: url(../images/title_glossar.gif); }
.h_img_impressumdisclaimer { background-image: url(../images/title_impressum-disclaimer.gif); }
.h_img_jobs { background-image: url(../images/title_jobs.gif); }
.h_img_kontakt { background-image: url(../images/title_kontakt.gif); }
.h_img_leistungen { background-image: url(../images/title_leistungen.gif); }
.h_img_news { background-image: url(../images/title_news.gif); }
.h_img_referenzen { background-image: url(../images/title_referenzen.gif); }
.h_img_suche { background-image: url(../images/title_suche.gif); }
.h_img_error { background-image: url(../images/title_error.gif); }

/* Startseite */

div .flashbox_index{
height:268px;
width:750px;
background:url(../images/flashbox_home.gif) no-repeat;
margin: -5px 0 2px 9px;
padding:6px 0 12px 6px;
overflow:hidden;
}

div .flashbox_benefits{
height:341px; /*230px;*/
width:496px; /*750px;*/
background:url(../images/flashbox_benefits.gif) no-repeat;
margin: -5px 0 2px 9px;
padding:11px 0 0 11px;
overflow:hidden;
float:right;
}

div.box_2col {
margin:0 0 17px 12px;
width:369px;
display:inline;
color: #717378;
}

div.box_2col p {
margin: 15px 8px 0 8px;
}

/* REFERENZEN */

img.customer_img{
float:right;
margin: 0 -1px 19px 0;
}

div .flashbox_referenzen{
height:285px;
width:750px;
background:url(../images/flashbox_references.gif) no-repeat;
margin: 0 0 16px 9px;
padding:6px 0 0 6px;
}

#company_output {
/*display:none;*/
margin:0 0 0 12px;
padding:0 4px 0 0;
}

   #company_output h2 {
   margin-bottom:16px;
   padding-bottom:4px;
   }

   #company_output p {
   margin:0 6px;
   }
   
      #description {
         padding:0 7px;
      }
      
      #description p {
      margin:0 0 16px 0;
      /*clear:both;*/
      }
      
      #description p, #description ul {
      list-style-type:disc;
      width:480px;
      }
      
      #description p.lastpar {
      margin:32px 0 0 0;
      }

   #company_output ul {
   margin-left:13px;
   }


.imageSlider {
overflow: hidden;
position: relative;
margin:0 0 0 0;
padding:0;
height: 350px;
width: 744px;
display:none;
}

   #branchenDD {
   overflow:visible;
   position:relative;
   white-space:normal;
   z-index:999;

   padding: 0;
   margin: 0;
   list-style: none;
   background: url(../images/button.gif) no-repeat;
   width:179px;
   padding:0;
   line-height:17px;
   color: #454648;
   float:left;
   margin-left:11px;
   }

      #branchenDD a {text-decoration: none; color: black; padding-left:11px; font-weight:normal; font-size:11px; display:block; letter-spacing:1px}
      #branchenDD a:hover { text-decoration:none; font-weight:bold;}	
      
      #branchenDD ul li{ background:#E4E5E9;}
      /*#branchenDD ul li a{ font-weight:bold !important;}*/

      #branchenDD li {
      padding:0;
      display: block;
      overflow:visible;
      float: left;
      position: relative;
      width: 179px;
      text-align: left;
      color: black;
      cursor: pointer;
      margin:0;
      }

         #branchenDD li ul {
         display: none;
         position: absolute; 
         top: 0;
         left: 0;
         margin:0;
         list-style:none;
         line-height:16px !important;
         z-index:1001;
         width:179px;
         background: url(../images/buttonbottom.gif) no-repeat bottom;
         padding: 0 0 6px 0;
         }  
         
         .firstsub {
         margin-top:2px !important;
         }

         #branchenDD li > ul {
         top: auto;
         left: auto;
         }

      #branchenDD:hover { background: url(../images/buttondown.gif) no-repeat !important;}
         #branchenDD li:hover ul{ display: block !important;}

   .imageSlider ul {
   position: absolute;
   list-style: none;
   overflow: hidden;
   white-space: nowrap;
   padding: 0;
   margin: 24px 0 0 10px;
   z-index:998;
   }

      .imageSlider li{
      margin: 0 5px;
      padding:0;
      float:left;
      text-align:center;
      display: inline;
      width:200px;
      overflow:hidden;
      }

         .imageSlider li img {
         display:block;
         border: none;
         }

            .imageSlider a {
            font-size:12px;
            font-weight:bold;
            color: #393A3C;
            }

   .slider{
   margin: 0 0 0 4px;
   /*width: 696px;*/
   width: 736px;
   height: 16px;
   padding: 0;
   top:227px;
   position: relative;
   background: #fff url(../images/scrollbar.gif) no-repeat;
   }

   .handle {
   position: absolute;
   cursor: move;
   height: 12px;
   width: 132px;
   margin:0;
   padding:0;
   top: 2px;
   z-index: 100;
   background: url(../images/handle.gif) no-repeat;
   }
   
   #sliderbuttons {
      margin:4px 0 0 3px;
   }
   
   #sliderbuttons img {
      margin-right:0px;
   }

#sliderButtonAll, #sliderButtonArchive {
cursor:pointer;
float:left;
display:block;
}

#sliderButtonArchive {
margin-left:12px;
}

/* NEWS/JOBS/GLOSSAR/IMPRESSUM/DISCLAIMER */

.contact_person {
margin-bottom:10px;
}

div.text, p.text, p.text_glossar, p.text_impressum {
margin: 0 0 0 19px;
}

p.text_glossar {
width:355px; margin-bottom:15px;
}

p.text_impressum {
float:left;
width:237px;
display:inline;
}

div.text_disclaimer {
float:right;
width:490px;
margin: 0 3px 0 15px;
display:inline;
}

div.text_disclaimer p {
margin-bottom:18px;
}

div.text_disclaimer h4 {
font-size:11px;
}

.leftbox {
float:left;
width:490px;
display:inline;
}

.press_info, .job_info {
font-size: 10px;
width: 230px;
float:left;
margin-left:24px;
margin-top:2px;
}

.contact_info {
color: #57585C;
width: 230px;
float:left;
margin-left:24px;
margin-top:2px;
}

#press, #jobs, .glossar {
float:left;
width:490px;
margin: -16px 0 0 12px;
list-style-type:none;
padding:0;
display:inline;
}

#jobs {
margin: 0 0 0 -10px;
}

.glossar {
width:370px;
margin:-15px 0 30px 11px;
}

.glossar span.h_title {
width:350px !important;
}

#reference_title {
width:455px;
}

.glossarlist li {
margin-left:30px
}

#press li, #jobs li, .glossar li  {
margin:0;
padding:0;
}

.glossar li span {
margin: 0px !important;
padding: 0px !important;
}

#press li h2, #jobs li h2, .glossar h2 {
/*height:17px;*/
line-height:16px;
background: url(../images/arrow_down.gif) 483px bottom no-repeat;
cursor:pointer;
}

#jobs li h2 {
margin-left:3px;
background-position: 480px bottom !important;
}

.glossar h2 {
background-position: 363px bottom;
outline:0;
}

.glossar li h2 a {
outline:0;
}

#press li h3 , #jobs li h3{
font-size:11px;
margin:30px 0 0 7px !important;
padding:0;
}

.glossar h3 {
font-size:11px;
margin: 0 0 0 7px;
}

#press li a, #jobs li a, .glossar li a {
display:block;
color:#57585C; /*#707477;*/
outline:none;
}

.news_text p, .job_text p, .news_text h4, .job_text h4 {
margin-left:74px;
margin-top:14px;
clear:both;
}

.news_text h4, .job_text h4  {
padding-bottom:12px;
}

.news_text h4, .job_text h4 {
font-size:11px;
}

.job_text p{ margin-left:10px; }

.job_text ul {
margin-left:30px;
list-style-type:disc; 
}

.glossar_text  {
padding-top:14px;
margin-bottom:-18px;
}

.glossar_text p  {
margin:0 0 18px 7px;
}

p.p_contact {
margin-top:16px;
}

/* AGENTUR */

.box_agentur, .box_agentur_left, .box_agentur_right {
margin-left:12px;
margin-right:12px;
float:left;
width:230px;
display:inline;
}

.box_agentur strong, .box_agentur_left strong, .box_agentur_right strong{
color:#57585c;
}

.box_agentur_left {
margin-left:19px;
}

.box_agentur_right{
margin-right:0;
margin-bottom:30px;
}


.agentur_box {
width:225px;
height:195px;
color:#fff;
background:none; /*#ABABAD; */
padding:12px 8px 4px 6px;
position:relative;
left:520px;
top:-224px;
font-size:10px;
margin:0;
}

.img_agentur_container {
height:224px; overflow:hidden; margin-bottom:16px;
}

.img_agentur_container img {
display:block;
margin-left:9px;
margin-bottom:6px;
height:224px;
}

/* CONTACT */

form.contact {
margin:18px 0 15px 0;
padding:0;
/*width: 549px;*/
}

form.contact input , form.contact textarea {
font-size:10px;
font-family:Verdana, sans-serif;
border:none;
border-style:none;
color: #98999d;
}

form.contact div.contact_left {
float:left;
padding:0 0 0 0;
margin:0 12px 0 0;
width:173px;
overflow:hidden;
}

.contact_input, .contact_input_hover {
background:url(../images/input.gif);
display:block;
height:14px;
width:163px;
margin: 0 0 10px 0;
padding:2px 5px 2px 5px;
border:0px none #000;
border-style:none;
display:inline;
color: #98999d;
}

.contact_input_hover {
background:url(../images/input_focus.gif) !important;
color: #717378 !important;
}

.red {
color:red !important;
}

#inputStr {
display:none;
}

form.contact div.contact_right {
float:left;
width:298px;
}

.contact_textarea, .contact_textarea_focus  {
margin:0;
padding:2px 5px 2px 5px;
width:287px;
height:126px;
background:url(../images/textarea.gif);
}

.contact_textarea_focus  {
background:url(../images/textarea_focus.gif);
color: #717378 !important;
}

form.contact #contact_button {
width:75px;
height:20px;
float:right;
margin:8px 0 0 0;
}

/* SUCHE */

#search_output ul {
list-style:none;
margin-left:7px !important;
}

#search_output ul li {
margin-bottom:17px;
}


#search_output {
margin-left:12px;
margin-top:4px;
padding: 2px 12px 0 0;
}

#search_output h2 {
margin-bottom:15px;
}

.img_leistungen {
float:right;
margin-left:12px;
margin-right:1px;
}

.imgtext {
float:right;
font-size:13px;
color:#fff;
font-weight:bold;
width:502px;
height:347px;
background:url(../images/leistungen_grafik.gif) no-repeat;
margin-left:10px;
}

.imgtext table {
margin: 6px 0 0 70px;
width:425px;
}
.imgtext th {
height:61px;
width:195px;
}

.imgtext td {
color:#929497;
font-size:11px;
font-weight:bold;
letter-spacing:0px;
}

/* Highlighting */
span.hilite {background:yellow}

/*Flashintro*/
#flashintro {
position:absolute;
background:none;
z-index:10000;
left:0;
top:0;
width: 100%;
height: 100%;
}

body > #flashintro {position:fixed}

br.clear {
height:1%;
line-height:1%;
font-size:1%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.bold {
font-weight:bold;
}

.twocols {
width:360px !important;
}

#benefits {
clear:both;
float:left;
margin-left:19px;
width:230px;
}

#benefits .benefits_text {
padding-left:7px;
}

#benefits h2 {
margin-bottom:14px;
}

#benefits .benefits_facts {
padding-left:7px;
padding-top:10px;
}

.lightlink {
color:#fff;
text-decoration:underline;
}

.lightlink:hover { 
color:#fff;
text-decoration:none;
}