body {
  margin: 0px;
  padding: 0px;
  color: #02275b;
  font-family: Arial,Verdana,Geneva,Swiss,SunSans-Regular,sans-serif;
  font-size: 13px;
  line-height: 16px;
}
a {
  color: #02275b;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6,
form {
  margin: 0px;
}
h1 {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 16px;
}
h2 {
  font-size: 15px;
  line-height: 18px;
  display: inline;
}
h3,
h4,
h5,
h6 {
  font-size: 14px;
  line-height: 17px;
}
h5,
h6 {
  font-style: italic;
}
h6 {
  font-weight: normal;
}
/*Navigation allgemein/**/
#main_nav ul,
#main_nav ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#wrapper {
  position: relative;
  top: 30px;
  left: 0;
  width: 1024px;
  margin: 0 auto;
  height: 768px;
  border: 1px solid #012862;
  background: url(/tl_files/pics/background_menu/background_big.jpg) top left no-repeat #FFFFFF;
}
.nav_home #wrapper {
  background: url(/tl_files/pics/background_menu/background_small.jpg) top left no-repeat #FFFFFF;
}
.nav_kunden #wrapper {
  background: url(/tl_files/pics/background_menu/background_kunden.jpg) top left no-repeat #FFFFFF;
}
.nav_casestudies #wrapper {
  background: url(/tl_files/pics/background_menu/background_casestudies.jpg) top left no-repeat #FFFFFF;
}
.nav_popups #wrapper {
  background: url(/tl_files/pics/background_menu/background_popups.jpg) bottom left no-repeat #fafeff;
  position: relative;
  top: 0;
  left: 0;
  width: 600px;
  height: 500px;
  padding-top: 25px;
  border: none;
}

/*********************** */
/* Header */
/********************  */
#logo {
  display: block;
  position: absolute;
  top: 19px;
  left: 17px;
  width: 135px;
  height: 115px;
  background: url(/tl_files/pics/logo.jpg) top left no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
#headline {
  display: block;
  position: absolute;
  top: 48px;
  left: 285px;
  width: 445px;
  height: 81px;
  background: url(/tl_files/pics/headline.gif) top left no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
/*********************** */
/* Hauptnavigation  */
/********************  */
#main_nav {
  position: absolute;
  top: 303px;
  left: 0px;
}
#main_nav ul li {
  margin-bottom: 3px;
}
#main_nav a {
  text-indent: -9999px;
  display: block;
  width: 125px;
  height: 45px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
}
#main_nav ul li a.nav_home {
  background: url(/tl_files/pics/background_menu/home.jpg);
}
#main_nav ul li a.nav_portfolio {
  background: url(/tl_files/pics/background_menu/portfolio.jpg);
}
#main_nav ul li a.nav_arbeitsweise {
  background: url(/tl_files/pics/background_menu/arbeitsweise.jpg);
}
#main_nav ul li a.nav_presse {
  background: url(/tl_files/pics/background_menu/presse.jpg);
}
#main_nav ul li a.nav_kunden {
  background: url(/tl_files/pics/background_menu/kunden.jpg);
}

#main_nav ul li a.nav_interesse {
  background: url(/tl_files/pics/background_menu/interesse.jpg); 
}/**/
#main_nav ul li a.nav_partner {
  background: url(/tl_files/pics/background_menu/partner.jpg);
}
#main_nav ul li a.nav_kontakt {
  background: url(/tl_files/pics/background_menu/kontakt.jpg);
}
.nav_casestudy_details #main_nav a.nav_interesse, 
.nav_casestudies #main_nav a.nav_interesse, 
.nav_interesse_details #main_nav a.nav_interesse, 
.nav_pressemitteilungen #main_nav a.nav_presse,
#main_nav ul li a.active,
#main_nav ul li a:hover {
  background-position: 125px 0 !important;
}
/*********************** */
/* Footer Navigation  */
/********************  */
#footer {
  position: absolute;
  bottom: 18px;
  font-size: 11px;
  width: 265px;
  padding: 0;
}
#footer div.inside {
  padding-left: 14px;
}
#footer li {
  float: left;
}
#footer a {
  color: #FFFFFF;
  text-decoration: none;
}
#footer li.english_version {
  background: url(/tl_files/pics/english_version.gif) 0 3px no-repeat;
  width: 180px;
  padding-bottom: 3px;
}
#footer li.recommend {
  background: url(/tl_files/pics/mail.gif) 0 3px no-repeat;
  padding-right: 7px;
}
#footer li.recommend,
#footer li.english_version {
  padding-left: 25px;
}
#footer li.impressum {
  background: url(/tl_files/pics/trenner.gif) 0 3px no-repeat;
  padding-left: 7px;
}

/*********************** */
/* Content allgemein  */
/********************  */

/* Layout Main /**/
#main {
  width: 718px;
}
/* Layout Main_Rechts & Main_Flash/**/
.nav_home #main,
.nav_kunden #main,
.nav_presse #main,
.nav_portfolio #main,
.nav_arbeitsweise #main,
.nav_pressemitteilungen #main {
  width: 375px;
}

/* Layout Main_Rechts /**/
#right { /* Sonstige Elemente Rechts/**/
  width: auto;
}
#right .inside {
  float: right;
}
  
/* Layout Main_Flash/**/
/* Content Positionierung/**/
.nav_home #container,
.nav_kunden #container, /**/
#container {
  position: relative;
  top: 302px;
  left: 264px;
  width: 718px;
  padding: 22px 21px 20px 22px
}
.nav_home #container {
  top: 521px;
}
.nav_kunden #container {
  top: 558px;
}

/* Schriftgröße Ausnahmen/**/
.nav_partner .more a,
p.news_date,
#pressemitteilungen .caption,
#infobox_pressekontakt.mod_article {
  font-size: 10px; 
}
/* P Margin Resets  */
.ce_text p,
.infobox p,
.partner_infobox p {
  margin: 0; /**/
}

/*********************** */
/* Seitentyp-Spezifisch  */
/********************  */
/* Home (Flash)/**/
#flash_data {
  position: absolute;
   top: 308px; 
  /*top: 275px; */
  left: 265px;
}

/* Portfolio /**/
.infobox {
  position: absolute;
  top: 204px;
  left: 0px;
  width: 358px;
}
.infobox h1,
.infobox p {
  /*background-color: #EFF1F4;/**/
  height: auto;
}


.infobox ul,
.infobox ol,
.detail_reposition ul,
.detail_reposition ol {
  padding: 0;
  margin: 0 0 7px 15px;
}
.infobox li,
.detail_reposition li {
  margin: 0 7px 0 0;
  padding: 0;
}
.infobox li {
  margin-left: 18px;
}


.infobox p {
  padding: 7px 7px 0 18px;
}
.infobox h1 {
  padding: 12px 0 7px 18px;
  margin-bottom: 1px;
  border-bottom: 1px solid #c9d6e6;
}
.infobox {
  background-color: #EFF1F4;
  padding-bottom: 13px;
}

/* Arbeitsweise /**/
.nav_arbeitsweise #container ul{
  padding: 10px 0px 10px 20px;
}
.nav_arbeitsweise #container li {
  padding-bottom: 5px;
  list-style-image: url(/tl_files/pics/bullet.gif);
}

/* Presse*/
#presse #content_data_scroller {
  height: 298px;
}
#presse .ce_text {
  margin-bottom: 20px;
}
#presse .mod_newslist .layout_simple {
  margin-bottom: 30px;
}
#presse p.news_date,
#presse .mod_newslist h1,
#presse .mod_newslist a {
  display: inline;
}
#infobox_pressekontakt {
  background-color: #EFF1F4;
  width: 154px;
  height: 424px;
  padding-left: 18px;
}
#infobox_pressekontakt h1 {
  padding: 14px 0px 14px 2px;
  margin-bottom: 0px;
}

/* Presse Details /**/
#pressemitteilungen .image_container {
  position: absolute;
  top: 55px;
  left: 458px;
}
#pressemitteilungen .caption {
  padding-left: 5px;
}
#pressemitteilungen #content_data_scroller {
  height: 348px;
}

/* Partner /**/
.nav_partner #container #main {
  padding: 5px 0 0 22px;
}
.partner_infobox {
  display: inline-block;
  position: relative;
  width: 215px;
  font-size: 11px;
  margin-right: 22px;
  overflow: visible;
  line-height: 13px;
}
.partner_infobox .teaser p {
  background-color: #EFF1F4;
  padding: 5px;
}
.partner_infobox p.more {
  background-color: transparent;
  padding: 0;
}
.more {
  text-align: right;
}
#blue-ocean-logo {
  margin-right: 14px;
}
#blue-ocean-logo .image_container {
  text-align: center;
}

/* Partner Details /**/
.nav_partner #content_data_scroller.left_content {
  padding-right: 0;
}
.nav_partner #content_data_scroller {
  width: 330px;
}
.nav_partner .jScrollPaneContainer {
}

.nav_partner #main,
.nav_partner #container {
  width: 760px;
  padding: 0;
}
/*ScrollPanecontainer allgemein /**/
.jScrollPaneContainer  {
  float: left;
}

.detail_reposition { /* Padding der Übersichtsseite entgegenwirken /**/
  position: relative;
  top: -5px;
  left: -22px;
  height: 466px;
}
.left_content {
  padding: 0 45px 0px 22px;
  width: 310px;
  height: 376px;
  float: left;
}
.left_content_headline {
  margin-bottom: 0;
  padding: 22px 45px 10px 22px;
  width: 287px;
  height: auto;
}
.bottom_right_content,
.upper_right_content {
  width: 359px;
  margin-left: 10px;
  float: right;
}
.upper_right_content {
  padding: 13px 23px 16px 0px;
  height: auto;
  margin-top: -41px;
  margin-left: 0;
}
.bottom_right_content {
  border-top: 1px solid #154A85;
  padding: 13px 23px 0 13px;
  position: absolute;
  top: 320px;
  left: 355px;
}
.bottom_right_content h1 {
  margin: 0;
}
.trenner {
  position: absolute; 
  top: -5px; 
  left: 342px; 
  border-right: 1px solid #154A85; 
  height: 466px; 
  width: 1px;
}
.upper_right_content {
  width: 220px;
  margin-right: 139px;
}
.upper_right_content li {
  padding-right: 0;
}
.profile_image {
  position: absolute;
  right: 23px;
  top: 22px;
  font-size: 11px;
  width: 135px;
}
.profile_image .image_container {
  height: 60px;
}
.profile_image p>img {
  position: relative;
  right: 0;
}
.profile_image p {
  text-align: left;
}

/* Profilbild ausnahmen/**/
/*
#partner-geffroy .profile_image p {
  position: relative;
  right: -47px;
}
#partner-transforce .profile_image .image_container {
  margin-bottom: 5px;
}
#partner-transforce .profile_image p {
  position: relative;
  right: -27px;
}
/**/

.nav_partner #container ul {
  list-style: disc;
}

.more_info_link {
  position: absolute;
  top: 439px;
  left: 22px;
}
.more_info_link a {
  font-weight: bold;
  text-decoration: none;
}
.back {
  display: none;
}


/* Ihr Interesse /**/
.mod_catalogfilter {
  float: left;
}
.nav_interesse .mod_cataloglist {
  width: 735px;
  height: 339px; 
}
.filter_field_kompetenz h3,
.filter_field_branche h3 {
  float: left; /* Mit display:inline sitzt die Schrift mittiger (vertikal) /**/
  margin-right: 10px;
}
.filter_field_branche {
  margin-right: 108px;
}

#result_count {
  font-size: 14px;
  margin: 15px 0px;
}
.results {
  background: url(/tl_files/pics/background_menu/filter_result.jpg) top left no-repeat;
  position: relative;
  width: 705px;
  height: 277px;
  top: 14px;
  left: 1px;
  /*border: 1px solid #cc0000;/**/
}
/*
.results h1 {
  margin-bottom: 7px;
}
.result_box_kompetenz,
.result_box_branche,
.result_box_kunde {
  float: left;
  width: 143px;
  height: 229px;
  padding: 10px 0px 0px 12px;
  margin-right: 1px;
}
/**/
div.interesse {
  height: 240px;
  overflow: auto;
}
ul.interesse {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: none;
}
  ul.interesse h1 {
    margin: 10px 0 7px 0;
  }
  ul.interesse li.field_kunde,
  ul.interesse li.field_kompetenz,
  ul.interesse li.field_branche {
    width: 155px;
    float: left;  
    padding: 0 9px 4px 9px;
  }
  ul.interesse li.field_kunde {
    font-weight: bold;
  }
  #content_data_catalog_scroller ul.first,
  #content_data_catalog_scroller ul.last {
    clear: left;
  }
div.result-block {
  display: inline-block;
  width: 705px;
  float: none;
  clear: left;
  display: none;
}
#result-block-1 {
  display: block;
}
.result-block-leftright {
  width: 350px;
  float: left;
  margin-right: 1px;
}
#content_data_catalog_scroller {
  width: 705px;
  height: 200px;
  display: none;
}

.pagination {
  width: auto;
  text-align: right;
  float: right;
  margin-right: 31px;
}
.pagination ul,
.pagination li {
  margin: 0;
  padding: 0;
  float: left;
}
  .pagination li {
    list-style-type: none;
    padding-right: 10px;
  }
.pagination a.active {
  color: #496489;
}
  
#case-studies ul {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
div.casestudy_results {
  position: absolute;
  top: 17px;
  left: 0;
  width: 720px;
  height: 385px;
  overflow: hidden;
}




.result_box_kunde {
  font-weight: bold;
}
.case_study_link {
  clear: left;
  padding: 12px 0px 10px 12px; 
  font-weight: bold;
}

/* Ihr Interesse - Case Study Kachelwand/**/
#case-studies .mod_cataloglist {
  position: relative;
  width: 720px;
  height: 414px;
  top: 13px;
  left: 1px;
}
#case-studies.block,
#case-studies .block{
  overflow: visible;
}
.case_logo {
  width: 238px;
  height: 192px;
  float: left;
  list-style: none;
  padding: 0 !important;
  margin: -1px 1px 2px 0px; /**/
}
#casestudy_intro {
  position: relative;
  top: -17px;
  left: 1px;
  font-size: 15px;
}
#casestudy_intro span {
  font-weight: bold;
}

/* Ihr Interesse - Case Study Detailseite/**/

.nav_casestudy_details .mod_catalogreader.block,
.nav_casestudy_details .mod_article.block {
  overflow: visible;
}
.nav_casestudy_details #container {
  padding-top: 0;
  padding-right: 25px;
}
#kunden_logo {
  position: absolute;
  top: 17px;
}

.kunden_text p{
  margin: 0;
}
.kunden_text {
  width: 404px;
  height: 316px;
}
.nav_casestudy_details .jScrollPaneContainer {
  position: absolute;
  top: 80px;
}

#case_partner {
  position: absolute;
  top: 15px;
  right: 5px;
  font-weight: bold;
}
#case_partner span{
  margin-right: 5px;
}
#back_links {
  position: absolute;
  top: 429px;
  font-size: 12px;
}

.link_trenner {
  background: url(/tl_files/pics/link_trenner.gif) 4px 2px no-repeat;
  padding-left: 13px;
}
#popup_thumbs {
  float: right;
  position: relative;
  top: 80px;
  right: -16px;
  width: 305px;
}
#popup_thumbs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#popup_thumbs li {
  float: left;
  position: relative;
  margin-bottom: 16px;
  margin-right: 24px;
}
#popup_thumbs a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -5px;
  right: 11px;
  background: url(/tl_files/pics/lupe.gif) top left no-repeat;
  overflow: hidden;
  text-indent: -9999px;
}

/* Ihr Interesse - Case Study Popups /**/
.nav_popups #container,
.nav_popups #main {
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 0;
}
.nav_popups .block {
  overflow: visible;
}
#popup_picture,
#popup_container {
  width: 600px;
  height: 500px;
}
#popup_picture {
  height: 445px;
}

#popup_caption,
#popup_close {
  position: relative;
  font-size: 12px;
  float: left;
  top: 26px;
}
#popup_caption {
  width: 75%;
  left: 14px;
}
#popup_close {
  width: 25%;
  text-align: center;
}

.nav_pressemitteilungen #main,
.nav_presse #main {
  width: 405px;
}
.nav_pressemitteilungen #pressemitteilungen,
.nav_presse #presse {
  width: 405px;
}
.nav_pressemitteilungen #right,
.nav_presse #right {
  width: 290px;
}
.nav_pressemitteilungen #pressemitteilungen .ce_text,
.nav_presse #presse .ce_text {
  height: 125px;
  padding: 0;
  margin: 0 30px 0 0;
}
.nav_pressemitteilungen #pressemitteilungen .ce_text h1 {
  width: 375px;
}
.nav_pressemitteilungen #pressemitteilungen .ce_text {
  height: 75px;
  width: 405px;
}
.nav_pressemitteilungen #pressemitteilungen .text {
  width: 355px;
}

.nav_portfolio #right {
  width: 376px;
  height: 315px;
  background: url(/tl_files/pics/portfolio.gif) top left no-repeat;
  position: relative;
  top: 65px;
  z-index: 999;
}

.nav_portfolio #portfolio .infobox {
  display: none;
}


#footer li.impressum {
  background: transparent;
  padding: 0;
  margin: 0;
}
#footer div.inside ul {
  padding: 0;
  margin: 0;
}
embed {
}

.nav_partner .partner_infobox h1 {
  display: none;
}