/**
  * swoppen.com Content-Management-System
  *
  * copyright since 2000 by swoppen.com GmbH - All rights reserved.
  */
 
 * {
   font:12px/19px Arial,Helvetica,Verdana normal;
   margin:0px;
   padding:0px;
   color:#333;
 }
 
 a, form .link-bluff {
   color:#0066cc;
   text-decoration:none;
 }
 
 a:hover,
 a:focus,
 .header .HP-pageblock.HP_owncontent ul li a:hover,
 .header .HP-pageblock.HP_owncontent ul li a:focus,
 form .link-bluff:hover,
 form .link-bluff:focus {
   text-decoration:underline;
   cursor:pointer;
 }
 
 a:active, form .link-bluff:active {
   color:#6699cc;
 }
 
 a img, img, form .link-bluff {
   border:0;
 }
 
 a:focus, input, img, form .link-bluff:focus {
   outline:none;
 }
 
 html {
   background:#a1a9af url(../images/bg_5px.jpg) repeat-x center top fixed;
 }
 
 body {
   background:transparent url(../images/bg_curves.jpg) no-repeat center top fixed;
   text-align:center;
   height:100%;
 }
 
 h1 {
   font-size:18px;
   margin:14px 0px 12px;
 }
 
 h2 {
   font-size:14px;
   margin:16px 0px 6px;
 }
 
 h3, h4, h5, h6 {
   font-size:12px;
   margin:15px 0px 5px;
 }
 
 h1, h2, h3, h4, h5, h6 {
   font-family:Arial,Helvetica;
   font-weight:bold;
   color:#333;
 }
 
 p, table {
   margin:6px 0 10px 0px;
 }
 
 ul {
   margin:5px 0 8px 15px;;
 }
 
 ul ul {
   margin:0 0 0 20px;
 }
 
 b, strong {
   font-weight:bold;
 }
 sup {
   color:#ffffff;
 }
 
 i, em {
   font-style:italic;
 }
 
 .ow_td .hidden {
   display:none;
 }
 
 #content-wrapper, #blocks, .home-blocks {
   background:transparent;
   margin-bottom:10px;
 }
 
 .clearer {
   clear:both;
   height:1px;
   background:none;
   border:0;
 }
 
 #content-wrapper .slogan,
 #content-wrapper #tmpl-footer,
 #content-wrapper .tabset ul li a,
 .form input,
 .form select,
 .footer-contact,
 .footer-top,
 #content .HP-section .HP_listing .pages .page h2,
 .HP-section .PER_jobs .text.error,
 .HP-section .PER_jobs .select.error,
 .teaser .Teaser-description .description,
 a.open_gal {
   background:transparent url(../images/scms_compo_v1.png) no-repeat;
 }
 
 .HP_menu .menu a.root {
   background:transparent url(../images/scms_compo_vs002.png) center top;
 }
 
 #content .referenz td {
   background:transparent url(../images/scms_compo_v2.png) repeat-x;
 }
 
 .wrapper,
 #blocks .HP-pageblock.HP_owncontent .HP-pageblock-content,
 .home-blocks .HP-pageblock.HP_owncontent .HP-pageblock-content {
   background:transparent url(../images/scms_compo_v3.png) repeat-y;
 }
 
 .form textarea, .form .textarea.error,
 .HP-section .PER_jobs .textarea.error {
   background:transparent url(../images/scms_compo_v4.png) no-repeat;
 }
 
 .referenz {
   padding:0 0;
   border-collapse:collapse;
 }
 
 .referenz td {
   background:white url(../images/scms_compo_v2.png) repeat-x !important;
   border:1px solid #D1D8DF;
   background-position:left -213px !important;
   vertical-align:top;
   margin:0 !important;
   padding:15px;
 }
 
 .referenz td.ow {
   border-right:0 !important;
 }
 
 .referenz tr {
 }
 
 .referenz td.ow_td {
   padding:0 !important;
   padding-top:30px !important;
   border-left:0 !important;
   width:346px;
   vertical-align:bottom !important;
 }
 
 .referenz td.ow_td img {
   position:relative;
 }
 
 .referenz td.ow h2 {
   color:#00519d;
 }
 
 .webhosting {
   padding:0 0;
   border-collapse:collapse;
 }
 
 .webhosting td {
   border:1px solid #D1D8DF;
   padding:3px 6px;
 }
 
 .webhosting td.odd-gray,
 .webhosting td.title-head {
   background-color:#e3e4e5;
 }
 
 .webhosting td.title-odd,
.webhosting td.title-odd strong {
   background-color:#9a9b9e;
   color:white;
 }
 
 .webhosting td.title-head {
   font-weight:bold;
 }
 
 *+html .referenz td .ref_ow {
   position:relative;
   bottom:-3px;
 }
 
 * html .referenz td .ref_ow {
   position:relative;
   bottom:-3px;
 }
 
 a.open_gal {
   background-position:0px -158px;
   color:white;
   display:block;
   left:130px;
   position:relative;
   margin-bottom:-28px;
   bottom:28px;
   height:20px;
   text-align:center;
   padding:6px 0 2px 0;
   width:147px;
 }
 
 *+html a.open_gal {
   margin-bottom:-31px;
   bottom:31px;
 }
 
   a.open_gal:hover,
   a.open_gal:focus {
     background-position:-160px -158px;
   }
   
   a.open_gal:active {
   background-position:-320px -158px;
 }
 
 .referenz td .ref-list li {
   list-style-type:disc;
   color:#ff6600;
 }
 
 .referenz td .ref-list li font {
   color:#333;
 }
 
 a.link-extern {
   background:#fff url(../images/icon_extern-link.jpg) no-repeat left 2px;
   padding-left:15px;
   margin:0 5px;
 }
 
 .referenz td a:hover,
 .referenz td a:focus {
   text-decoration:underline;
 }
 
 a.tooltip span {
   display:none;
   border:1px solid #00478D;
   padding:10px 20px 10px 10px;
   position:absolute;
 }
 
 a.tooltip:hover span,
 a.tooltip:focus span {
   display:block !important;
 }
 
 .referenz td .highslide.button-gallery {
   height:20px;
   width:185px;
   background:gray;
   z-index:16;
   display:block;
   position:absolute;
   text-align:center;
   right:20px;
   bottom:0;
   color:#fff;
 }
 
 .referenz td h2 {
   margin-top:0px;
 }
 
 #content ul {
   margin-left:15px;
 }
 
 #content ul li {
   list-style-type:square;
 }
 
 #content ul ul li {
   list-style-type:disc;
 }
 
 #content ul ul {
   margin:0 0 0 20px ;
 }
 
 #content .ul-advantages {
   margin-left:5px;
 }
 
 #content .ul-advantages li {
   list-style-type:none;
 }
 
 #content .ul-advantages li img {
   margin-bottom:-2px;
   margin-right:5px;
 }
 
 #content .table-advantages td img {
   margin-bottom:1px;
   margin-right:5px;
 }
 
 #content h1:first-child {
   padding-top:0px;
   margin-top:-8px;
 }
 
  #content table.achievements td {
    background:transparent url(../images/overview_corner_shadow.jpg) no-repeat right bottom;
    border:0;
    padding:10px 15px 30px 25px;
    width:50%;
  }
  
  #content table.achievements td h2 {
    padding:0 0 5px;
    margin-top:0;
    margin-left:-25px;
  }
  
  #content .box-bg {
    background:transparent url(/data/HP/swoppen-systems/cnt_box_bg.png) no-repeat left bottom;
    padding:16px 15px 16px 30px;
    margin-bottom:10px;
    margin-left:0;
  }
  
    #content .box-bg {
    }
  
 #content-wrapper {
   background-color:transparent;
   float:left;
   height:auto!important;
   min-height:400px;
   height:400px;
   margin:0 10px 20px 0;
   width:631px;
 }
 
 *+html #content-wrapper {
   margin-top:-10px;
 }
 
 #content-wrapper .slogan .HP-pageblock.HP_owncontent {
   height:94px;
 }
 
 #content-wrapper .slogan img {
   margin-bottom:9px;
   height:52px;
 }
 
  #content-wrapper .slogan {
   background-position:left -40px;
   padding:11px 20px 0px;
   position:relative;
   z-index:10;
 }
 
 #content-wrapper .slogan .slogan-small {
   height:0px;
 }
 
 #content-wrapper #content {
   background:white;
   padding:15px 20px;
   min-height:300px;
   position:relative;
 }
 
 #content-wrapper #content p:first-child {
   margin-top:0;
 }
 
 #content-wrapper #content .tab-set {
   display:none;
 }
 
 #content-wrapper #content .tab-set.active {
   display:block;
 }
 
 #content-wrapper #content .tab-set.active img {
   padding:0;
 }
 
 #content-wrapper .tabset {
   position:absolute;
   top:71px;
   z-index:1000;
 }
 
 #content-wrapper .tab-set.gallery img {
   border:1px solid silver;
   margin:5px 11px 5px 0;
 }
 
 #content-wrapper .tab-set.gallery img:hover {
   cursor:pointer;
 }
 
 div.mop-layer img {
   background:transparent url(/data/HP/swoppen-systems/transparenz_90.png) repeat top left;
   border:1px solid silver;
   padding:20px;
   width:450px;
 }
 
 #content-wrapper .tabset ul {
   margin:0px;
 }
 
 #content-wrapper .tabset ul li {
   float:left;
   padding:5px 18px 0 0;
   text-align:center;
   list-style-type:none;
 }
 
 #content-wrapper .tabset ul li a {
   background:transparent url(../images/scms_compo_v1.png) no-repeat left -160px;
   display:block;
   cursor:pointer;
   color:#666;
   font-size:13px;
   font-weight:bold;
   height:19px;
   padding:5px 0;
   text-decoration:none;
   width:134px;
 }
 
 #content-wrapper .tabset ul li a:hover, #content-wrapper .tabset ul li a:focus {
   background:transparent url(../images/scms_compo_v1.png) no-repeat -149px -160px;
   color:white;
   z-index:999999;
 }
 
 #content-wrapper .tabset ul li a:active {
   background:transparent url(../images/scms_compo_v1.png) no-repeat -299px -160px;
   color:white;
 }
 
 #content-wrapper .tabset ul li.active-tab a {
   background:transparent url(../images/scms_compo_v1.png) no-repeat -449px -160px;
   color:white;
 }
 
 #content-wrapper #tmpl-footer {
   background-position:left -213px;javascript:void(null);
   height:16px;
   padding:7px;
 }
 
 #content-wrapper #tmpl-footer a {
   text-decoration:none;
   color:#999;
   padding-left:18px;
   margin:0 10px;
 }
 
 #content-wrapper #tmpl-footer a.footer-contact {
   background-position:-539px -248px;
   float:left;
 }
 
 #content-wrapper #tmpl-footer a.footer-top {
   background-position:-539px -308px;
   float:right;
 }
 
 #content-wrapper #tmpl-footer a.footer-contact:hover {
   background-position:-539px -278px;
   color:#333;
 }
 
 #content-wrapper #tmpl-footer a.footer-top:hover {
   background-position:-539px -338px;
   color:#333;
 }
 
 #content-wrapper #tmpl-footer a.footer-contact:active {
   background-position:-539px -278px;
   color:#666;
 }
 
 #content-wrapper #tmpl-footer a.footer-top:active {
   background-position:-539px -338px;
   color:#666;
 }
 
 #blocks {
   float:right;
   height:100%;
   width:288px;
 }
 
 #blocks img {
   margin:0 0 10px 0;
 }
 
 #blocks .block_corner_bottom, .home-blocks .block_corner_bottom {
   background:transparent url(../images/scms_blocks_bg.png) no-repeat scroll -296px top;
   clear:both;
   height:13px;
   margin-left:-20px;
   position:absolute;
   width:289px;
   z-index:38;
 }
 
 #blocks .HP-pageblock.HP_owncontent, .home-blocks .HP-pageblock.HP_owncontent {
   background:transparent url(../images/scms_blocks_bg.png) no-repeat left top;
   padding-top:10px;
   margin-bottom:23px;
 }
 
 #blocks .HP-pageblock.HP_owncontent {
   float:right;
 }
 
 .home-blocks .HP-pageblock.HP_owncontent {
   background:transparent url(../images/scms_blocks_bg.png) no-repeat -600px top;
 }
 
 #blocks .HP-pageblock.HP_owncontent .HP-pageblock-content, .home-blocks .HP-pageblock.HP_owncontent .HP-pageblock-content {
   background-position:-1180px top;
   padding:0 10px 0px 20px;
   margin-top:3px;
   float:left;
 }
 
 #blocks h2, .home-blocks h2 {
   background:#003669 url(../images/scms_compo_v2.png) repeat-x left -80px;
   color:#333;
   margin:0 0 10px -10px;
   padding:5px 10px;
   width:249px;
   z-index:60 !important;
 }
 
 #blocks .HP-pageblock-content a , .home-blocks .HP-pageblock-content a {
   font-weight:bold;
   text-decoration:none;                                            
 }
 
  #blocks .HP-pageblock-content a:hover , .home-blocks .HP-pageblock-content a:hover {
    text-decoration:underline;
  }
  
 .home-blocks .block_corner_bottom {
   background:transparent url(../images/scms_blocks_bg.png) no-repeat scroll -915px top;
   width:310px;
 }
 
  .home-blocks {
   float:left;
   width:631px;
 }
 
 .home-blocks h2 {
   width:270px !important;
 }
 
 .home-blocks .HP-pageblock.HP_owncontent {
   float:left;
   width:310px;
 }
 
 .header {
   height:70px;
   background:transparent url(../images/scms_compo_vs002.png) no-repeat left -0px;
   z-index:10010 !important;
   position:fixed;
   display:block;
   width:930px;
   top:0;
   margin:auto;
 }
 
 *+html .header {
  position:relative;
  top:00px;
 }
 
 .header .logo {
   height:60px;
   width:275px;
   display:block;
   float:left;
   z-index:9996 !important;
 }
 
 .header .logo img {
   position:relative;
   left:20px;
 }
 
 .header .tpl-top-nav {
   float:left;
   width:88px;
   padding:0 10px;
 }
 
 .header .tpl-top-nav ul li a {
   background:transparent url(../images/tpl_sub_arrow.png) no-repeat left 5px;
   padding-left:10px;
   line-height:16px;
 }
 
 .header .tpl-top-nav ul {
   margin:5px 0;
 }
 
 .header .HP-pageblock.HP_owncontent ul li {
   display:inline;
 }
 
 .header .HP-pageblock.HP_owncontent ul li, .header .HP-pageblock.HP_owncontent ul li a {
   color:#666;
   font-size:11px;
   text-decoration:none;
 }
 
 .teaser {
   display:block;
   position:relative;
   margin-bottom:10px;
   z-index:8888 !important;
   float:left;
 }
 
 .teaser .HP-pageblock.HP_owncontent .HP-section img {
   float: left;
 }
 
 .teaser .Teaser-description {
   position:absolute;
   right:0px;
   top:45px;
   width:405px;
   z-index:40;
 }
 
 .teaser .Teaser-description .description {
   background-position:left -459px;
   color:#666666;
   height:85px;
   padding:15px 20px 10px;
 }
 
 .teaser .Teaser-description .description p {
   padding:0 2px;
 }

 .teaser .Teaser-description .description-home {
   background:transparent !important;
   color:white;
   left:-461px;
   top:40px;
   opacity:1.0;
   position:absolute;
   font-size:14px;
 }
 
 .teaser .Teaser-description .description-home p,
 .teaser .Teaser-description .description-home i,
 .teaser .Teaser-description .description-home li {
   color:#99CCFF;
   font-size:14px;
 }
 
 .teaser .Teaser-description .home_reference {
  background:transparent;
  height:465px;
  left:280px;
  position:relative;
  top:-20px;
  width:99px;
 }
 
 .teaser .Teaser-description .home_reference a {
   display:block;
 }
 
 .teaser .Teaser-description .home_reference a:hover img {
   background:transparent url(../images/transparenz_30.png) repeat top left;
 }
  
 .teaser .Teaser-description .description-home ul {
   margin:15px 0;
 }
 
 .teaser .Teaser-description .description-home h1, .teaser .Teaser-description h1 {
   color:#00519d;
   font-size:32px;
   line-height:32px;
 }
 
 .teaser .Teaser-description .description-home h1 {
   color:#fff !important;
 }
 
 .teaser .Teaser-description .description-home h2 {
   font-size:24px;
 }
 
 .teaser .Teaser-description .description-home h2 sup,
.teaser .Teaser-description .description-home h2  {
   color:#99ccff;
 }
 
 .teaser .Teaser-description .description-home li {
   color:#99ccff;
   list-style-type:disc;
   margin-left:20px;
 }
 
 .spacer {
   height: 10px;
   float: left;
 }
 
 .wrapper {
   background-position:top left;
   padding:50px 24px 20px 24px;
   margin:auto;
   text-align:left;
   width:930px;
 }
 
 *+html .wrapper {
   padding:0 24px 20px 24px;
 }
 
.form {
  width:500px;
  font-size:14px;
  margin-top:5px;
}

.form h1, .form h1 * {
  clear:left;
  font-size:12px;
  display:block;
  padding:2px 5px;
  margin-bottom:5px;
}

.form label {
  clear:both;
  float:left;
  display:block;
  margin-bottom:2px;
  padding-top:3px;
  width:140px;
}

.form label.required {
  font-weight: bold;
}

.form label:hover {
  cursor:pointer;
}

.form label:active, .form label b:active {
  color:#999;
}

.form .hidden, .form .checkbox, .form .radio {
  border:none;
  background:white;
}

.form input, .form textarea, .form select, .form .date {
  background-position:-1px -319px !important;
  border:0px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  float:left;
  font-size:12px;
  display:block;
  height:15px;
  width:337px;
  max-width:337px;
  margin-bottom:5px;
  padding:5px 7px;
}

.form .file {
  height:25px;
}

.form input:hover, .form select:hover, .form .date:hover {
  background-position:-1px -285px !important;
}

.form input:focus, .form select:focus, .form .date:focus {
  background-position:-1px -251px !important;
}

.form textarea {
  background-position:left top !important;
  height:80px;
  max-height:80px;
  height: 60px;
} 

.form textarea:hover {
  background-position:-357px top !important;
}

.form textarea:focus {
  background-position:-714px top !important;
}

.form .hidden {
  margin:0;
  padding:0;
  width:170px;
}

.form select {
  height:30px;
  width:352px;
}

.form .short {
  width:125px;
  margin-right:125px;
}

.form .date {
  width:100px;
  margin-right:150px;
}

.form .pickup {
  border:1px solid #0077B8;
}

form .link-bluff {
  background-color:transparent;
  background-image:none;
  border:0 none;
  height:19px;
  margin:0;
  padding:0;
  width:auto;
  margin-left:-3px;
}

form .link-bluff:hover, form .link-bluff:focus {
  cursor:pointer;
  text-decoration:underline;
}

.HP_liveSearch form .keyword {
  width:139px;
  border:0px;
  height:13px;
  padding:3px;
  background-image:url(../images/form/textfield_livesearch.gif);
  background-color:transparent;
}

.form .clearer {
  clear:both;
  font-size:1px;
  line-height:1px;
  display:block;
  height:1px;
}

.form .floater {
  margin-left:10px;
}

.form .button, .form .submit, .form .button-callback {
  background-position:-372px -249px !important;
  border:0;
  color:#333;
  font-weight:bold;
  height:36px;
  width:150px;
  float:right;
  margin-right:7px;
}

.HP-section .HP_callback .form {
  width:353px;
}

.form .button:hover,
.form .button:focus,
.form .button-callback:hover,
.form .button-callback:focus {
  background-position:-372px -289px !important;
  color:#fff;
  cursor:pointer;
}

.form .button:active,
.form .button-callback:active {
   background-position:-372px -328px !important;
   color:#fff;
}

.form select.select option {
  border:none;
  border-top:1px solid #ebebeb;
  border-bottom:1px solid #dadada;
  background:#e0e1e1;
  font-size:12px;
  padding:5px;
  width:auto;
  z-index:12;
}

.form fieldset {
  border:none;
  padding-left:110px;
  display:block;
  clear:both;
}

.form fieldset input {
  width:auto;
  border:none;
  background:none;
  float:left;
  display:block;
  margin-right:0px;
  margin-top:2px !important;
  margin-top:0px; /*to fix IE6 position*/
}

.form fieldset label {
  width:auto;
  clear:none;
  float:left;
  display:block;
  padding-right:2px;
  white-space:nowrap; /*to fix IE6 wrapping*/
}

.form .error {
  border:1px solid #DC0000;
}

.form .spacer {
  clear:left;
  height:20px;
  width:400px;
}

.form.brochure input {
  width:205px;
}

.form.brochure label {
  width:115px;
}

.form.brochure .button {
  width:150px;
}

.form.brochure {
  width:341px;
}

.HP-section .HP_emaildirect .io_error,
.HP-section .HP_emaildirect .io_success,
.HP-section .PER_jobs .info,
.HP-section .PER_jobs div.error,
.HP-section .HP_callback .io_error,
.HP-section .HP_callback .io_success {
  font-weight:bold;
  height:30px;
  margin:10px 0px;
  padding-top:10px;
  text-align:center;
  width:490px;
}

.HP-section .HP_callback .io_error,
.HP-section .HP_callback .io_success { 
  width:349px;
}


.HP-section .HP_emaildirect .io_error,
.HP-section .PER_jobs div.error,
.HP-section .HP_callback .io_error {
  background-color:#cc0000;
  border:1px solid #660000;
  color:white;
}

.HP-section .HP_emaildirect .io_success,
.HP-section .PER_jobs .info,
.HP-section .HP_callback .io_success {
  background-color:#009900;
  border:1px solid #006600;
  color:white;
}
 
.HP-section .HP_emaildirect .select.error option {
  background-color:#cc0000;
  border-top:1px solid #cc3333;
  border-bottom:1px solid #990000;
}

 .HP-section .HP_callback .text.error, 
 .HP-section .HP_emaildirect .text.error,
 .HP-section .HP_emaildirect .textarea.error,
 .HP-section .HP_emaildirect .select.error,
 .HP-section .PER_jobs .text.error,
 .HP-section .PER_jobs .textarea.error,
 .HP-section .PER_jobs .select.error {
  border:1px solid #ff9999;
  border-left:0px;
  border-top:0px;
  background-position:-1px -421px !important;
  color:white;
}

.HP-section .HP_callback .text.error:hover,
.HP-section .HP_emaildirect .text.error:hover,
.HP-section .HP_emaildirect .select.error:hover,
.HP-section .PER_jobs .text.error:hover,
.HP-section .PER_jobs .textarea.error:hover,
.HP-section .PER_jobs .select.error:hover {
  background-position:-1px -387px !important;
}

.HP-section .HP_emaildirect .text.error:focus,
.HP-section .HP_emaildirect .select.error:focus,
.HP-section .PER_jobs .text.error:focus,
.HP-section .PER_jobs .textarea.error:focus,
.HP-section .PER_jobs .select.error:focus {
  background-position:-1px -353px !important;
}

.HP-section .HP_emaildirect .textarea.error,
.HP-section .PER_jobs .textarea.error {
  background-position:-1071px top !important;
}

.HP-section .HP_emaildirect .textarea.error:hover,
.HP-section .PER_jobs .textarea.error:hover {
  background-position:-1428px top !important;
}

.HP-section .HP_emaildirect .textarea.error:focus,
.HP-section .PER_jobs .textarea.error:focus {
  background-position:-1785px top !important;
}

.HP_menu .menu * {
  text-decoration:none;
  list-style-type:none;
}

.header .tpl-menu {
  width:542px;
  float:left;
}

.HP_menu .menu {
  background:transparent url(../images/tpl_menu_trenner.png) no-repeat left top;
  float:left;
  position:relative;
  z-index:99999;
  height:60px;
  padding:0 0 0 3px;
  margin:0;
  z-index:9910 !important;
}

  .HP_menu .menu li {
    float:left;
    position:relative;
  }
  
  .HP_menu .menu li a.root {
    font-size:14px;
    font-weight:bold;
    height:35px;
    display:block;
    padding:0 15px;
    padding-top:25px;
    float:left;
    color:#666;
  }
  
  .HP_menu .menu li.root {
    background:transparent url(../images/tpl_menu_trenner.png) no-repeat right top;
    padding-right:3px;
  }
  
  .HP_menu .menu li a.root:hover,
  .HP_menu .menu li a.root:focus,
  .HP_menu .menu li.root.submenu.hover a.root {
    background-position:center -70px;
    color:#fff;
  }
  
  .HP_menu .menu li a.root:active {
    background-position:center -140px;
  }
  
  .HP_menu .menu li.root.active a.root {
    background-position:center -210px;
    color:#fff;
  }
  
  .HP_menu .menu ul {
    color:#333;
    display:none;
    left:0;
    position:absolute;
    margin:0px;
    top:60px;
  }
  
  .HP_menu .menu ul ul {
    float:left;
    left:101%;
    top:0;
  }
  
  .HP_menu .menu ul a {
    background:transparent url(../images/tpl_bg_menu.png) no-repeat top left;
    color:#fff;
    font-weight:bold;
    border-top:1px solid #0f4374;
    border-bottom:1px solid #002951;
    display:block;
    width:200px;
    padding:0 20px;
    line-height:29px;
  }
  
  .HP_menu .menu ul a:hover                   { background-position: -240px top; }
  .HP_menu .menu ul a:active                  { background-position: -480px top; }
  .HP_menu .menu ul li.submenu a              { background-position: -720px top; }
  .HP_menu .menu ul li.submenu a:hover        { background-position: -960px top; }
  .HP_menu .menu ul li.submenu.hover a        { background-position: -960px top; }
  .HP_menu .menu ul li.submenu a:active       { background-position:-1200px top ;}
  .HP_menu .menu ul li.submenu.hover ul li a        { background-position:    0px top; }
  .HP_menu .menu ul li.submenu.hover ul li a:hover  { background-position: -240px top; }
  .HP_menu .menu ul li.submenu.hover ul li a:active { background-position: -480px top; }

/* if js active */

.HP_menu .menu li.hover ul,
.HP_menu .menu li.hover li.hover ul,
.HP_menu .menu li.hover li.hover li.hover ul {
  display:block;
}

.HP_menu .menu li.hover ul ul, .HP_menu .menu li.hover li.hover ul ul, .HP_menu .menu li.hover li.hover li.hover ul ul {
  display:none;
}

/*  Footer-Sitemap */
 .Footer-Sitemap {
   background-color:transparent;
   border:0;
   border-bottom:1px solid #E3E3E3;
   clear:both;
   opacity:0.85;
   height:100%;
   padding-bottom:20px;
   margin:34px -20px -20px;
   width:970px;
 }
 
 .Footer-Sitemap * {
   background:none !important;
   border:0;
 }
 
 .Footer-Sitemap .HP-pageblock.HP_menu * {
   display:block !important;
 }
 
 .Footer-Sitemap .HP_menu .menu {
   float:left;
   width:940px;
   height:260px;
   margin:10px 10px 10px 30px;
 }
 .Footer-Sitemap .HP_menu .menu ul {
   left:7%;
   top:20px;
 }
 
 .Footer-Sitemap .HP_menu .menu ul ul {
   left:0;
   float:none;
   position:relative;
   top:0;
 }
 
  .Footer-Sitemap .HP_menu .menu li {
   padding:0;
  }
 
 .Footer-Sitemap .HP_menu .menu li li:first-child,
 .Footer-Sitemap .HP_menu .menu li li {
   padding:0;
   width:144px;
 }
 
 .Footer-Sitemap .HP_menu .menu a {
   color:#333 !important;
   padding:0;
   font-size:11px !important;
   font-weight:normal;
 }
 
 .Footer-Sitemap .HP_menu .menu li a.root {
   font-weight:bold;
   padding:0px 10px 0;
   display:inline;
 }
 
 .Footer-Sitemap .HP_menu .menu li.root {
   padding:0 30px 0 0;
   width:126px;
   float:left;
 }
 
 .Footer-Sitemap .HP_menu .menu li a.root:hover, .Footer-Sitemap .HP_menu .menu li a.root:focus {
   text-decoration:none;
   background:none !important;
   cursor:default;
 }
 
 .Footer-Sitemap .HP_menu .menu li a.root.ref:hover {
   text-decoration:underline;
 }
 
 .Footer-Sitemap .HP_menu .menu ul a {
   height:16px;
   width:115px;
 }
 
 .Footer-Sitemap .HP_menu .menu a:hover, .Footer-Sitemap .HP_menu .menu li ul li a:hover, .Footer-Sitemap .HP_menu .menu a:focus, .Footer-Sitemap .HP_menu .menu li ul li a:focus {
   text-decoration:underline;
   background-image:none !important;
 }
 
 .Footer-Sitemap, .Footer-Sitemap .HP_menu .menu ul a, .Footer-Sitemap .HP_menu .menu ul li, .Footer-Sitemap .HP_menu .menu ul, .Footer-Sitemap .HP_menu .menu a, .Footer-Sitemap .HP_menu .menu li ul li a, .Footer-Sitemap .HP_menu .menu a, .Footer-Sitemap .HP_menu .menu li ul li, .Footer-Sitemap .HP-pageblock.HP_menu .menu, .Footer-Sitemap .HP-pageblock.HP_menu, .Footer-Sitemap .HP-pageblock.HP_menu .HP-pageblock-content {
   background-image:none !important;
   border:0;
 }
 
 .Footer-Sitemap .HP_menu .menu ul .submenu > a {
   display:none !important;
 }
 
 .Footer-Sitemap .footer-links {
   color:#333;
   font-size:11px;
   margin-left:40px;
 }
 
 .Footer-Sitemap .footer-links a {
   color:#333;
   display:inline !important;
   font-size:11px;
   text-decoration:none;
 }
 
 .Footer-Sitemap .footer-links a:hover, .Footer-Sitemap .footer-links a:focus {
   text-decoration:underline;
 }
 
 .Footer-Sitemap .HP-pageblock.HP_menu {
   height:100% !important;
 }



 
 #content .HP-section .HP_listing .pages .page h2 {
   background-position:-539px -377px;
   padding-left:20px;
 }
 
 #content .HP-section .HP_listing .pages .page h2 a {
   text-decoration:none;
   font-size:14px;
   font-weight:bold;
 }
 
 #content .HP-section .HP_listing .pages .page h2 a:hover {
   text-decoration:underline;
 }
 
 #content .HP-section .HP_listing .pages .page h2 a:active {
   color:#6699cc;
 }

.listing {
  margin-bottom:40px;
  border:1px solid #DDDDDD;
  border-collapse:collapse;
  width:100%;
  background-color:white;
}

.listing thead th {
  /*white-space:nowrap;*/
}

.listing th, .listing th span {
  font-weight:bold;
  text-align:left;
}

.listing td, .listing th {
  padding:5px 8px;
  /*white-space:nowrap;*/
}

.listing th {
  height:24px;
  /*text-align:left;*/
}

.listing td {
  border-top:1px solid #DDDDDD;
  padding:5px 8px !important;
  height:22px;
}

.listing td, .listing tr {
  border-top:1px solid #DDDDDD;
}

.listing .no-hover {
  background:white;
}

.PER_jobs {
  font-size:12px;
}
.PER_jobs thead th, .PER_jobs thead {
  background:#848587;
  color:white;
}

div.sign {
  height:70px;
  position:relative;
}

span.sign {
  bottom:0;
  left:0;
  position:absolute;
}

.button_jobs {
  display:block;
  height:100px;
  width:592px;
  text-indent:-99999px;
}

.button_jobs.apprenticeship {
  background:white url(/data/HP/swoppen-systems/jobs_karriere_swoppen_systems.jpg) left top;
}

.button_jobs.job-offer {
  background:white url(/data/HP/swoppen-systems/jobs_karriere_swoppen_systems.jpg) left -110px;
}

.button_jobs.application {
  background:white url(/data/HP/swoppen-systems/jobs_karriere_swoppen_systems.jpg) left -219px;
}

.button_jobs.apprenticeship:hover {
  background:white url(/data/HP/swoppen-systems/jobs_karriere_swoppen_systems.jpg) -602px top;
}

.button_jobs.job-offer:hover {
  background:white url(/data/HP/swoppen-systems/jobs_karriere_swoppen_systems.jpg) -602px -110px;
}

.button_jobs.application:hover {
  background:white url(/data/HP/swoppen-systems/jobs_karriere_swoppen_systems.jpg) -602px -219px;
}

/* IE6 Hack */
* html .home-blocks .HP-pageblock.HP_owncontent {
  margin-right: expression(this.previousSibling==null?'10px':'');
}

* html .teaser .Teaser-description .description-home {
  position:relative;
  top:40px;
  z-index:40;
  left:85px !important;
  width:900px;
}

* html .Footer-Sitemap *, .Footer-Sitemap ul li, .Footer-Sitemap li a, .Footer-Sitemap li li {
  background-image:none !important;
}

* html .teaser .Teaser-description {
  right:24px;
}

* html .HP_menu .menu ul {
  background:none;
  padding-bottom:10px;
}

* html .wrapper {
  margin-top:-35px
}

* html .teaser .Teaser-description .home_reference {
 top:-265px;
 left:780px;
}

* html .home-blocks .HP_owncontent .HP-pageblock-content {
  padding:0 !important;
  margin:0 !important;
}

* html .home-blocks .HP-pageblock.HP_owncontent {
  margin-right: expression(this.previousSibling==null?'10px':'');
}

* html .HP_menu .menu li.root {
  padding:0;
}

 * html body .home-blocks .block_corner_bottom {
   width:290px;
   margin-left:0px;
 }
 
 * html body .home-blocks .HP-pageblock.HP_owncontent .HP-pageblock-content {
   padding:0 10px 0px 40px;
   margin-top:3px;
   float:left;
 }
 
 * html body .home-blocks .HP-pageblock.HP_owncontent .HP-pageblock-content  ul {
   margin-left:30px;
   margin-top:10px;
 }
 
 * html body #blocks .block_corner_bottom, * html body .home-blocks .block_corner_bottom {
   width:269px;
 }
 
 * html body .home-blocks .HP-pageblock.HP_owncontent {
   width:290px;
 }
 
 * html body .home-blocks h2 {
   width:260px !important;
   margin:0 0 0 10px;
 }
 
  * html body .home-blocks .block_corner_bottom {
   width:280px;
 }
 
 .home-blocks .HP-pageblock.HP_owncontent:first-child {
   margin-right:10px;
 }
 
 .Footer-Sitemap .footer-social {
  list-style-type:none;
  padding-top:10px;
  border-top:1px solid gray;
  width:890px;
}

.Footer-Sitemap .footer-social a {
  margin-right:3px;
}

.Footer-Sitemap p, .Footer-Sitemap .footer-social span {
  font-size:11px;
  line-height:10px;
}

.Footer-Sitemap .footer-social span {
  float:left;
  margin-right:10px;
}

.table {
  border-collapse:collapse;
}

.table td {
  border:1px solid #DEE3E7;
  padding:15px;
}

.slide-box {
  border:5px solid white;
  border-left:0;
  border-right:0;
  width:100%;
}

a.box-title {
  color:#333;
  font-size:14px;
  font-weight:bold;
  padding:10px 20px;
  display:block;
  border:1px solid #D1D8DF;
  background:#DEE3E7;
}
  
a.box-title.open {
  background:#DEE3E7 url("../images/tpl_overlay_close.png") no-repeat 380px 6px;
}

a.box-title:hover {
  text-decoration:none;
}

a.box-title.open:hover,
a.box-title.open:focus {
  background-position:380px -34px;
}

a.box-title.open:active {
  background-position:380px -74px;
}

.content-box table, .content-box table td {
  margin:0;
  border-top:0;
}

.HP-pageblock .tel {
  color: #0066cc;
  font-size: 18px;
  padding: 15px 10px;;
}

.HP-pageblock .small {
  font-size: 10px;
  line-height: 1;
  color: #92979c;
  margin-bottom: 10px;
}