@import url('common.css');
@import url('contact_form.css');
@import url('tables.css');
@import url('news_list.css');
@import url('news_latest.css');
@import url('news_single.css');
@import url('news_amenu.css');
@import url('news_catmenu.css');
@import url('sitemap.css');

#page_wrapper {
  width        : 1010px;
  height        : 713px;
  background-image  : url('../img/homepage_bg.png');
  background-repeat  : no-repeat;
  background-position  : top left;
  margin        : 0 auto;
}

/*         _________
__________/ CONTENT \__________________________________________________________________
--------------------------------------------------------------------------------------- */

#content {
  width        : 990px;
  overflow      : hidden;
}

#content #content_wrapper {
  overflow      : hidden;
  position      : relative;
  width        : 990px;
  height        : 545px;
  margin-top      : 20px;
}

#content_wrapper #content_left_wrapper {
  position      : absolute;
  top          : 0;
  left        : 0;
  width        : 710px;
  height        : 545px;
}

#content_wrapper #content_left_wrapper #home_box_1_wrapper {
  position      : absolute;
  top          : 0;
  left        : 0px;
  width        : 710px;
  height        : 345px;
}

#home_box_1_wrapper #home_box_1 {
  padding        : 0 0 0 10px;
}

#home_box_1 #keyvisual {
  position      : relative;
  width        : 694px;
  height        : 329px;
  background-image  : url('../img/homepage_kv.jpg');
  background-position  : 0 0;
  background-repeat  : no-repeat;
}

#home_box_1 #keyvisual_stoerer_link a {
  display        : block;
  position      : absolute;
  top          : 220px;
  left        : 28px;
  width        : 125px;
  height        : 32px;
  text-decoration    : none;
}

#home_box_2_wrapper {
  z-index        : 1000;
  position      : absolute;
  top          : 345px;
  left        : 10px;
  width        : 263px;
  height        : 172px;
}

#home_box_2_wrapper #home_box_2_bg {
  z-index        : 2000;
  width        : 263px;
  height        : 172px;
  position      : absolute;
  background-image  : url('../img/homepage_customers_box.png');
  background-position  : 0 0;
  background-repeat  : no-repeat;
  background-color  : transparent;
}

#home_box_2_wrapper #home_box_2 {
  z-index        : 3000;
  position      : absolute;
  top          : 28px;
  left        : 9px;
  width        : 245px;
  height        : 125px;
  overflow      : hidden;
}

#home_box_2_wrapper #home_box_2 p.cululus-alt-content {
  width        : 245px;
  height        : 125px;
  background-image : url('../img/flash-cloud-alt.png');
  background-repeat  : no-repeat;
  background-color  : transparent;
}

#home_box_2_wrapper #home_box_2_headline {
  z-index        : 3000;
  position      : absolute;
  top          : 6px;
  left        : 9px;
  color        : #333333;
  font-weight      : bold;
}

#home_box_3_wrapper {
  z-index        : 10;
  position      : absolute;
  top          : 345px;
  left        : 283px;
  width        : 419px;
  height        : 172px;
}

#home_box_3_wrapper #home_box_3_bg {
  z-index        : 20;
  width        : 419px;
  height        : 172px;
  position      : absolute;
  background-image  : url('../img/homepage_box.png');
  background-position  : 0 0;
  background-repeat  : no-repeat;
  background-color  : transparent;
}

#home_box_3_wrapper #home_box_3 {
  z-index        : 30;
  position      : absolute;
  top          : 28px;
  left        : 9px;
  width        : 401px;
  height        : 125px;
  overflow      : hidden;
}

#home_box_3_wrapper #home_box_3_headline {
  z-index        : 30;
  position      : absolute;
  top          : 6px;
  left        : 9px;
  color        : #333333;
  font-weight      : bold;
}

#home_box_3_wrapper #home_box_3 ul {
  padding-left    : 25px;
  padding-bottom    : 15px;
  list-style-image  : url('../img/liste.gif');
}

#home_box_3_wrapper #home_box_3 li {
  line-height      : 18px;
  color        : #666666;
  font-size      : 12px;
}

#home_box_3_wrapper a {
    display             : block;
    position            : absolute;
    top                 : 28px;
    left                : 9px;
    width               : 401px;
    height              : 135px;
    z-index             : 40;
}

#content_wrapper #content_right_wrapper {
  position      : absolute;
  top          : 0;
  left        : 710px;
  width        : 280px;
  height        : 545px;
}

#home_box_4_wrapper {
  z-index        : 1000;
  position      : absolute;
  top          : 345px;
  left        : 4px;
  width        : 263px;
  height        : 172px;
}

#home_box_4_wrapper #home_box_4_bg {
  z-index        : 2000;
  width        : 263px;
  height        : 172px;
  position      : absolute;
  background-image  : url('../img/homepage_cm4allbusiness_box.png');
  background-position  : 0 0;
  background-repeat  : no-repeat;
  background-color  : transparent;
}

#home_box_4_wrapper #home_box_4 {
  z-index        : 3000;
  position      : absolute;
  top          : 28px;
  left        : 16px;
  width        : 232px;
  height        : 125px;
  overflow      : hidden;
}

#home_box_4_wrapper #home_box_4 p {
    color               : #666666;
}

#home_box_4_wrapper #home_box_4_headline {
  z-index        : 3000;
  position      : absolute;
  top          : 6px;
  left        : 9px;
  color        : #333333;
  font-weight      : bold;
}


#content_wrapper #content_right_wrapper #content_right {
  position      : relative;
  height        : 545px;
  padding        : 0;
}

/*         _________________
__________/ CONTENT FORMATS \__________________________________________________________
--------------------------------------------------------------------------------------- */

/* COMMON */
#content {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  line-height      : 14px;
}

#content a {
  color        : #0099cc;
  text-decoration    : none;
}

#content a:hover {
  text-decoration    : none;
}

#content a.link_ext, #content a[href^="gopher://"] {
  background-color  : transparent;
  background-image  : url('../img/external.gif');
  background-position  : right center;
  background-repeat  : no-repeat;
  padding-right    : 16px;
}

#content a.link_ext:hover {
  background-image  : url('../img/external_hover.gif');
}

#content a.extern {
  background-color  : transparent;
  background-image  : url('../img/external.gif');
  background-position  : right center;
  background-repeat  : no-repeat;
  padding-right    : 16px;
}

#content a.extern:hover {
  background-image  : url('../img/external_hover.gif');
}

#content a.intern {
  background-color  : transparent;
  background-image  : url('../img/icon_more.gif');
  background-position  : right center;
  background-repeat  : no-repeat;
  padding-right    : 16px;
}

#contentStart {
  background-color  : transparent;
  background-image  : url('../img/breadcrumb_home_bg.png');
  background-position  : top left;
  background-repeat  : no-repeat;
  width        : 990px;
  height        : 30px;
  overflow      : hidden;
}

div#breadcrumb {
  float        : left;
  padding        : 8px 0 0 15px;
  font-size      : 80%;
  color        : #666666;
}

div#breadcrumb a {
  color        : #76bad0 ;
}

@media only screen and (orientation:portrait){

    #header {
        width               : 748px;
    }

    #main_nav_container ul li {
        width               : 85px;
    }

    #main_nav_container ul li a {
        font-size           : 12px;
        width               : 85px;
    }

    #contentStart {
        width               : 748px;
    }

    #home_box_4_wrapper {
      top          : 0;
    }

    #content_wrapper #content_left_wrapper {
      left        : 18px;
    }

    #content_wrapper #content_right_wrapper {
      top          : 528px;
      left        : 23px;
      width        : 694px;
    }

    .news-latest-container {
        right               : 0;
    }

    #content #content_wrapper {
      height        : 900px;
    }

    #page {
        width               : 748px;
    }

    #page_wrapper {
      height        : 1020px;
      width        : 768px;
      background-image  : url('../img/homepage_portrait_bg.png');
    }

    #footer {
        width               : 760px;
    }
}