html{
  font-size: 100.1%;
  overflow-y:scroll;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 62.5%;
  background-color: #FFFFFF;
  text-align: center;
  color: #000000;
}


/* -------------- Globale Elemente -------------- */

a {
  color: #000000;
  text-decoration: underline;
}

a img {
   border:none;
}

a.blog_link {
   background-image:url(/gfx/blog_link.gif);
   background-repeat:no-repeat;
   background-position:right 4px;
   padding-right:6px;
}

.hidden {
  display:none;
}

.caps {
   text-transform:uppercase;
}

.left{
  float:left;
}

.right{
  float:right;
}

.pad_top_22px {
   padding-top:22px;
}

p{
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom:11px;
}

hr {
	margin-bottom:14px;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:1px dotted black;
}

.small_text p, #content .small_text ul  {
   font-size: 1.1em;
   line-height:1.4em;
   margin-bottom:6px;
}


#content ul {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom:14px;
  list-style-type:none;
}

#content ul li {
   padding-bottom:0px;
   background:url(/gfx/bullet.gif) left 4px no-repeat;
   padding-left:11px;
}

#content .small_text ul li {
   background:url(/gfx/bullet_small.gif) left 2px no-repeat;
   padding-left:10px;
}

#content ul.icon_list li {
   background:none;
   padding:6px 0 5px 0;
   border-bottom:1px dotted #000;
}

#content ul.icon_list li#last {
   border-bottom:none;
}

#content ul.icon_list li img {
   vertical-align:middle;
   padding-right:11px;
}

h1 {
  font-family: Arial;
  font-size: 2.9em;
  line-height: 1.1em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 22px 0 22px 0;
}

h2 {
  font-family: Arial;
  font-size: 2em;
  line-height: 1.1em;
  font-weight: normal;
  text-transform: uppercase;
  padding: 19px 0 15px 0;
}

h3 {
  font-family: Arial;
  font-size: 1.2em;
  line-height: 1.1em;
  font-weight: normal;
  text-transform: uppercase;
  padding: 17px 0 10px 0;
}

.bullet_batch {
   width:34px;
   height:32px;
   display:block;
   float:left;
}

.accordion {
   position:relative;
}

.img_3col {
   float:left;
   margin:25px 0 29px 0;
}

.img_3col #map {
   width:900px;
   height:265px;
}

/* .img_3col #map #copyright, .img_3col #map #logocontrol {
   display:none !important;
} */

.img_3col_referenzen {
   float:left;
   margin:25px 0 0 0;
   width:900px;
   height:265px;
   overflow:hidden;
   position:relative;
}

.accordion .img_3col_referenzen {
   margin:0;
   width:747px;
   height:265px;
}

.img_3col_referenzen img {
   position:absolute;
   left:0px;
   top:0px;
}

.img_3col_referenzen .img_3col_nav {
   position:absolute;
   z-index:900;
   right:9px;
   top:9px;
   display:block;
}

.img_3col_referenzen .img_3col_nav a {
   float:right;
   display:block;
   width:10px;
   height:10px;
   border:1px solid #fff;
   background-color:#000;
   margin-left:3px;
   overflow:hidden;
   outline: none;
}

.img_1col {
   margin:3px 0 10px 0;
}

.img_1col_inline {
   margin-top:4px;
   margin-bottom:16px;
}

.accordion .loader, .img_3col_referenzen .loader {
   position:absolute;
   width:901px;
   height:265px;
   background:#000 url(/gfx/loader_3.gif) center center no-repeat;
   z-index:1000;
   left:0;
   top:0;
   display:none;
}

.accordion .loader {
   position:absolute;
   width:747px;
   height:265px;
   background:#000 url(/gfx/loader_3.gif) center center no-repeat;
   z-index:1000;
   right:0;
   top:0;
   display:none;
}

.accordion .noscript, .img_3col_referenzen .noscript {
   position:absolute;
   width:902px;
   height:265px;
   background:url(/gfx/overlay.gif) left top;
   z-index:1001;
   left:0;
   top:0;
   text-align:center;
}

.accordion .noscript span, .img_3col_referenzen .noscript span {
   background-color:#000;
   color:#fff;
   padding:5px 10px 7px 10px;
   margin-top:120px;
   display:inline-block;
   font-size:1.1em;
}

/* -------------- Grundlayout ----------------- */

#centerBox {
  width: 900px;
  margin: 45px auto 0 auto;
  text-align: left;
}

#head{
  font-size: 1.1em;
  height: 93px;
  position: relative;
  border-bottom: 1px solid #000;
}

#head #logo {
   margin-top:9px;
   float:left;
}

#content{
  margin: 0 0 0 0;
}

#footer{
  padding:26px 0 10px 0;
  font-size: 1.1em;
  float:left;
  }


/* -------------- Top-Navigation -------------- */

ul#navi_top{
  list-style-type:none;
  margin-left:0;
  padding-left:0;
  position: absolute;
  right: 0;
  top: 31px;
}

ul#navi_top li{
  display: block;
  float: left;
  padding: 0em;
  height: 15px;
}

ul#navi_top li a{
  display: block;
  height: 15px;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-left:25px;
}

ul#navi_top li#navi_agentur a{
  background-image: url(/gfx/top_navi_01.gif);
  width: 50px;
}

ul#navi_top li#navi_effizienz a{
  background-image: url(/gfx/top_navi_02.gif);
  width: 60px;
}

ul#navi_top li#navi_leistungen a{
  background-image: url(/gfx/top_navi_03.gif);
  width: 67px;
}

ul#navi_top li#navi_referenzen a{
  background-image: url(/gfx/top_navi_04.gif);
  width: 69px;
}

ul#navi_top li#navi_toolbox a{
  background-image: url(/gfx/top_navi_05.gif);
  width: 53px;
}

ul#navi_top li#navi_kontakt a{
  background-image: url(/gfx/top_navi_06.gif);
  width: 49px;
}

/* -------------- Footer-Navigation -------------- */


ul#navi_footer{
  list-style-type:none;
  margin-left:0;
  padding-left:0;
  background:url(/gfx/1px_black.gif) left 9px repeat-x;
  height:15px;
  width:900px;
}

ul#navi_footer li{
  display: block;
  float: left;
  background-color: #fff;
  border-right:10px solid #fff;
}

ul#navi_footer li.last {
   border-right:10px solid #fff;
}

ul#navi_footer li a{
  display: block;
  background-color: #fff;
  background-repeat: no-repeat;
  margin-top:2px;
  height:8px;
  float:left;
}

ul#navi_footer li#navi_blog a{
  height:13px;
  margin-top:0px;
}

ul#navi_footer li#navi_twitter a{
  background-image: url(/gfx/footer_navi_01.gif);
  width: 41px;
}



ul#navi_footer li#navi_facebook a{
  background-image: url(/gfx/footer_navi_02.gif);
  width: 62px;
}


ul#navi_footer li#navi_netzwerk a{
  background-image: url(/gfx/footer_navi_03.gif);
  width: 51px;
}

ul#navi_footer li#navi_jobs a{
   background-image: url(/gfx/footer_navi_04.gif);
  width: 24px;
}

ul#navi_footer li#navi_impressum a{
   background-image: url(/gfx/footer_navi_05.gif);
  width: 57px;
}


/* -------------- Accordion -------------- */

.accordion {
   margin:25px 0pt 30px 0;
   width:900px;
   height:265px;
   display:block;
   float:left;
   position:relative;
   overflow:hidden;
}

.accordion .acc_slide {
   position:absolute;
   width:786px;
   height:265px;
}

.accordion .acc_button {
   width:37px;
   height:265px;
   display:block;
   background-position:left top;
   background-repeat:no-repeat;
   float:left;
   border-left:1px solid #fff;
   border-right:1px solid #fff;
   cursor:pointer;
   outline: none;
}

.accordion .acc_button .active_overlay {
   width:37px;
   height:265px;
   display:block;
   background-position:left top;
   background-repeat:no-repeat;
   cursor:pointer;
}

.accordion #slide_01 .acc_button {
   background-image:url(/gfx/accordion_04.gif);
}

.accordion #slide_02 .acc_button {
   background-image:url(/gfx/accordion_03.gif);
}

.accordion #slide_03 .acc_button {
   background-image:url(/gfx/accordion_02.gif);
}

.accordion #slide_04 .acc_button {
   background-image:url(/gfx/accordion_01.gif);
}

.accordion #slide_01 .acc_button .active_overlay {
   background-image:url(/gfx/accordion_04.gif);
}

.accordion #slide_02 .acc_button .active_overlay {
   background-image:url(/gfx/accordion_03.gif);
}

.accordion #slide_03 .acc_button .active_overlay {
   background-image:url(/gfx/accordion_02.gif);
}

.accordion #slide_04 .acc_button .active_overlay {
   background-image:url(/gfx/accordion_01.gif);
}

.accordion .acc_content {
   width:747px;
   height:265px;
   float:right;
}

/* -------------- 2-spaltiger Content -------------- */

.content_2col {
   width:900px;
   float:left;
   margin-bottom:15px;
}

.content_2col_referenzen {
   width:900px;
   float:left;
   margin-bottom:10px;
}

.col_590px {
   width:590px;
}

.col_590px p, .col_590px ul {
   padding-right:0px;
}

.col_590px .col_wrap {
	padding:4px 0 0 0;
}

.col_590px .wrap_2col {
   padding:0 0 0 0;
}

.col_280px {
   width:280px;
}

.col_280px p {
   padding-right:10px;
}

.col_280px .col {
   padding-bottom:24px;
}

.content_2col_referenzen .col_280px table {
   float:left;
   margin-top:18px;
   font-size:1.1em;
   border-collapse:collapse;
}

.content_2col_referenzen .col_280px table tr td {
   padding-right:14px;
   vertical-align:top;
   line-height:15px;
}


/* -------------- Subnav Leistungen -------------- */


.box_leistungen {
   background-color:#000;
   border-bottom:1px solid #fff;
}


a.but_leistungen {
   float:left;
   display:block;
   width:294px;
   background-color:#000;
   border-left:1px solid #fff;
   text-decoration:none;
   padding-bottom:20px;
}

a.but_leistungen .title {
   display:block;
   width:248px;
   height:12px;
   background-position:left top;
   background-repeat:no-repeat;
   padding:0;
   margin:22px 0 11px 23px;
   border:none;
}

a.but_leistungen#sales .title {
   background-image:url(/gfx/h3_leistungen_01.gif);
}

a.but_leistungen#online .title {
   background-image:url(/gfx/h3_leistungen_02.gif);
}

a.but_leistungen#foto .title {
   background-image:url(/gfx/h3_leistungen_03.gif);
}

a.but_leistungen#ecommerce .title {
   background-image:url(/gfx/h3_leistungen_04.gif);
}

a.but_leistungen .text {
   color:#fff;
   margin:0 0 0 23px;
   font-size: 1.1em;
   line-height:1.4em;
   margin-bottom:6px;
   display:block;
}

a.but_leistungen#sales .text {
   padding-right:50px;
}

a.but_leistungen#online .text {
   padding-right:33px;
}

a.but_leistungen#foto .text {
   padding-right:65px;
}

a.but_leistungen#ecommerce .text {
   padding-right:33px;
}

/* -------------- 3-spaltiger Content -------------- */

.content_3col {
   width:900px;
   float:left;
   margin:25px 0 15px 0;
}

.content_3col .col_280px.left {
   margin-right:30px;
}


/* -------------- 4-spaltiger Content -------------- */

.content_4col {
   width:900px;
   margin:20px 0;
   float:left;
}

.content_4col div.teaser_col {
  width: 280px;
  margin-right: 20px;
  
}

.content_4col div.teaser_last {
  margin-right: 0;
}

.content_4col img.left {
   margin:0 9px 0 0;
}

.content_4col h3 {
   padding:0;
   margin:2px 0 11px 0;
}

.content_4col p {
   font-size: 1.1em;
   line-height:1.35em;
   margin-bottom:7px;
}


/* Jobs */

#initiativbewerbung {
   background-color:#000;
   color:#fff;
   margin:18px 0 10px 0;
   padding:0 16px 10px 16px;
}


#content ul.jobs_list li {
   background:none;
   padding:20px 0 20px 0;
   border-bottom:1px dotted #000;
   
}


#content ul.jobs_list li a {
	text-decoration:none;
	font-size:1.1em;
}

#content ul.jobs_list li#last {
   border-bottom:none;
}

.job {
   padding:8px 25px 5px 11px;
   margin-bottom:16px;
   border:1px solid #000;
}

.job p.job_descr {
   margin-bottom:11px;
   font-weight:bold;
}

.job p.jobs_small {
   font-size: 1.1em;
   line-height:1.4em;
   margin-bottom:12px;
   display:block;
}

.job h5 {
	font-weight:normal;
	text-transform:uppercase;
	font-size:1.2em;
	margin-bottom:2px;
}

.job h6 {
	font-weight:normal;
	text-transform:uppercase;
	font-size:1.1em;
	margin-bottom:1px;
}

.job ul.jobs_small {
   font-size: 1.1em !important;
   line-height:1.4em;
   margin-bottom:6px;
}

.job ul.jobs_small li {
	background-position:left 3px !important;
}

/* Formulare */

.kontaktformular {
   width:588px;
   border-left:1px solid #000;
   border-right:1px solid #000;
   border-top:1px solid #000;
   position:relative;
   margin-bottom:10px;
}

.kontaktformular .left {
   width:294px;
}

.kontaktformular .left .inputText {
   float:left;
   width:285px;
   border-top:none;
   border-left:none;
   border-right:1px solid #000;
   border-bottom:1px solid #000;
   padding:4px;
   font-size: 1.1em;
   line-height:1.4em;
   background-color:#fff;
}

.kontaktformular .left .inputSelect {
   float:left;
   width:294px;
   border-top:none;
   border-left:none;
   border-right:1px solid #000;
   border-bottom:1px solid #000;
   padding:3px 3px 3px 1px;
   font-size: 1.1em;
   line-height:1.4em;
   background-color:#fff;
}

.kontaktformular .right {
   overflow:hidden;
   width:294px;
}

.kontaktformular .right .inputTextarea {
   width:285px;
   border:none;
   padding:4px 4px 4px 5px;
   font-family: Tahoma, Helvetica, Arial, sans-serif;
   font-size:1.1em;
   height:146px;
   overflow: hidden;
   background-color:#fff;
}

.error input, .error textarea, .error select {
   color:#fff;
}

.kontaktformular .right button {
   position:absolute;
   bottom:0px;
   right:0px;
   width:295px;
   height:23px;
   background:#000 url(/gfx/button_anfrage_senden.gif) left 5px no-repeat;
   border:none;
}


#errorNote p {
   margin:0;
   padding:5px 6px 5px 6px;
   color:#fff;
   text-align:center;
   text-transform:uppercase;
   font-size:1em;
}

.kontaktformular .right button:hover {
   cursor:pointer;
}

/* Flash Intro Startseite */

table#flash_intro {
   position:absolute;
   left:0;
   top:0;
   width:100%;
   display:none;
}

table#flash_intro tr td {
   text-align:center;
}

#flash_intro_content {
   width:1100px;
   height:800px;
   outline: none;
   background-color:#fff;
}


/* Clearfix-Hack */

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* Prelaunch */

#centerBoxPrelaunch {
  width: 400px;
  margin: 10% auto;
}

.h2_coming_soon{
  margin: 77px 0;
}