/* reset.css */

html {
    margin: 0;
    padding: 0;
    border: 0;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
menu,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style: none
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

table {
    border-collapse: separate;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    float: none!important
}

table,
th,
td {
    vertical-align: top
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ''
}

blockquote,
q {
    quotes: "" ""
}

a img {
    border: none
}

img.left {
    float: left;
    margin: 0 15px 5px 0
}

img.right {
    float: right;
    margin: 0 0 5px 15px
}

input[type="radio"] {
    display: inline
}

input[type="submit"] {
    cursor: pointer;
    font: 14px/1.65 'Open Sans', sans-serif;
    font-style: italic;
}

textarea {
    font: 14px/1.6 'Open Sans', sans-serif;
}

.text-center{
    text-align: center
}

.text-upper{
    text-transform: uppercase
}

.text-md{
    font-size: 1em
}

.text-lg{
    font-size: 1.5em
}

.text-xl{
    font-size: 2em
}

.visible-notpos {
    display: none !important;
}

.hidden-notpos,
.visible-pos,
.visible-pos-inline {
    display: none !important;
}

.hiddenYoutubeTest {
    display: none!important;
}

:focus {
    outline: 0
}

.en #baumhaus-teaser-container {
    display: none;
}

#baumhaus-teaser-container {
    position: relative;
    width: 1014px;
    margin: 0 auto;
    font-weight: 700;
    font-size: 20px;
}

.baumhaus-teaser {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    z-index: 99;
    right: 0;
    border-left: solid #007a3b 5px;
    border-top: solid #007a3b 5px;
    border-bottom: solid #007a3b 5px;
    padding: 11px 12px;
    width: 341px;
    font-size: 20px;
    top: 37px;
    line-height: 26px;
}

#page-198 .baumhaus-teaser,
#page-200 .baumhaus-teaser {
    display: none;
}

.teaser-arrow {
    position: absolute;
    top: 24px;
    right: 15px;
}

.de #page-201 #baumhaus-teaser-container {
    display: block!important;
}

.baumhaus-teaser .xpertise-mag {
    position: absolute;
    left: 5px;
    top: -20px;
}

.baumhaus-teaser.planer-architekten {
    width: 150px;
    padding-left: 145px;
}

.baumhaus-teaser.planer-architekten i {
    font-weight: 500;
}

.baumhaus-teaser.planer-architekten .teaser-arrow {
    position: absolute;
    top: -4px;
    right: 198px;
    width: 7px;
}

.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10px;
    margin: 0 0 25px 0;
}

.banner p{
    padding:0;
    margin:0;
}

.banner.border {
    border: 1px solid #007a3b;
    border-radius: 6px;
    -webkit-box-shadow: 0 8px 5px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 8px 5px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 8px 5px -4px rgba(0, 0, 0, 0.5);
}

.schraubenfinder-banner {
    position: relative;
    width: 940px;
    border: 1px solid #007a3b;
    border-radius: 6px;
    -webkit-box-shadow: 0px 8px 5px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 8px 5px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 8px 5px -4px rgba(0, 0, 0, 0.5);
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    margin: 0px 0px 20px 0px;
}

.schraubenfinder-banner span {
    font-weight: 800;
    font-size: 22px;
    margin: 0px;
    background: url(../img/global/bigblackArrow.png) no-repeat right 19px;
    padding: 12px 30px 10px 20px;
    float: left;
    color: #000;
}

.be-fr .schraubenfinder-banner.salespromoter span {
    font-size: 16px;
    line-height: 38px;
}

.schraubenfinder-banner.salespromoter span {
    font-size: 21px;
    line-height: 38px;
}

.schraubenfinder-banner.advent span {
    background-image: none;
    line-height: 1.3;
}

.schraubenfinder-banner span small {
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 0;
}

.schraubenfinder-banner a {
    width: auto;
    font-size: 16px;
    background: #007a3b url(../img/global/white-right-Arrow.png) no-repeat 10px 15px;
    border-radius: 4px;
    padding: 8px 15px 10px 25px;
    color: #fff;
    text-decoration: none;
    margin: 10px 10px 10px 0px;
    float: right;
}

.schraubenfinder-banner.advent a {
    position: absolute;
    right: 25px;
    top: 50%;
    margin: -21px 0 0 0;
}
.de .bemessungs-btn,
.de .xpertise-btn,
.de .procato-shop,
.de .grillbanner-btn,
.de .procato-video,
.de .procato-advent,
.de .wirox-banner-btn,
.de .yellox-banner-btn,
.fr .wirox-banner-btn,
.fr .yellox-banner-btn,
.nl .wirox-banner-btn,
.nl .yellox-banner-btn,
.be-fr .wirox-banner-btn,
.be-fr .yellox-banner-btn,
.be-nl .wirox-banner-btn,
.be-nl .yellox-banner-btn .nl .wirox-banner-btn,
.nl .yellox-banner-btn {
    width: auto;
    font-size: 16px;
    background: #007a3b url(../img/global/white-right-Arrow.png) no-repeat;
    border-radius: 4px;
    padding: 5px 24px;
    color: #fff;
    text-decoration: none;
    margin: 10px 10px 10px 0px;
    float: right;
    position: absolute;
    top: -122px;
    left: 500px;
    background-position: 10px 18px;
    box-shadow: 2px 2px 4px #000;
}

.fr .wirox-banner-btn,
.fr .yellox-banner-btn,
.be-fr .wirox-banner-btn,
.be-fr .yellox-banner-btn,
.be-nl .wirox-banner-btn,
.be-nl .yellox-banner-btn,
.nl .wirox-banner-btn,
.nl .yellox-banner-btn {
    left: 745px
}

.de .grillbanner-btn {
    top: -325px;
    left: 780px;
    width: 300px;
    text-align: left;
    font-size: 20px;
}

.de .xpertise-btn {
    top: -230px;
    left: 110px;
    width: auto;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    background-position: 10px 15px;
}
.de .bemessungs-btn {
    top: -230px;
    left: 170px;
    width: auto;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    background-position: 10px 15px;
}

.de .procato-shop {
    left: 260px;
}

.de .procato-advent {
    left: 65px;
}

.de #page-200 .procato-advent {
    left: 15px;
}


/*
.de #page-1 #slideshow #slide-1 span,
.de #page-200 #slideshow #slide-0 span{
    bottom:0!important;
}
*/

.de #slideshow #slide-1 span small,
.de #page-200 #slideshow #slide-0 span small {
    display: block;
    font-size: 12px;
}

#page-8480 .newsHeaderImage {
    display: none;
}

.de .wirox-banner-btn {
    left: 670px;
    top: -122px;
}

.de .yellox-banner-btn {
    left: 665px;
    top: -122px;
}

.de #page-887 .breadc,
.de #page-8624 .breadc,
.de #page-8623 .breadc {
    margin: 0;
}

.de .schraubenfinder-wirox-yellox-banner {
    position: relative;
    margin-bottom: 20px;
}

.de .schraubenfinder-wirox-yellox-banner h2 {
    position: absolute;
    top: 167px;
    left: 15px;
    color: #fff;
    font-size: 22px;
}

.de .schraubenfinder-wirox-yellox-banner .wirox-banner-btn {
    top: 80px;
    left: 267px;
    background-position: 10px 12px;
}

.de .schraubenfinder-wirox-yellox-banner .yellox-banner-btn {
    top: 80px;
    left: 730px;
    background-position: 10px 12px;
}

.de .schraubenfinder-wirox-yellox-banner span {
    font-size: 12px;
}


/*
  Based on 960 Grid System - http://960.gs/
  Licensed under GPL and MIT.
*/

.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 960px
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 9px;
    margin-right: 8px
}

#logo .logo-standard {
    display: block;
}

#logo .logo-dreiplus {
    display: none!important;
}

.de #logo .logo-standard,
.en #logo .logo-standard,
.fr #logo .logo-standard,
.be-fr #logo .logo-standard,
.be-nl #logo .logo-standard,
.nl #logo .logo-standard {
    display: none!important;
}

.de #logo .logo-dreiplus,
.en #logo .logo-dreiplus,
.fr #logo .logo-dreiplus,
.nl #logo .logo-dreiplus,
.be-fr #logo .logo-dreiplus,
.be-nl #logo .logo-dreiplus {
    display: block!important;
}

.container_12 .grid_1 {
    width: 63px
}

.container_12 .grid_2 {
    width: 143px
}

.container_12 .grid_3 {
    width: 223px
}

.container_12 .grid_4 {
    width: 303px
}

.container_12 .grid_5 {
    width: 383px
}

.container_12 .grid_6 {
    width: 463px
}

.container_12 .grid_7 {
    width: 543px
}

.container_12 .grid_8 {
    width: 623px
}

.container_12 .grid_9 {
    width: 703px
}

.container_12 .grid_10 {
    width: 783px
}

.container_12 .grid_11 {
    width: 863px
}

.container_12 .grid_12 {
    width: 943px
}

.container_12 .prefix_1 {
    padding-left: 80px
}

.container_12 .prefix_2 {
    padding-left: 160px
}

.container_12 .prefix_3 {
    padding-left: 240px
}

.container_12 .prefix_4 {
    padding-left: 320px
}

.container_12 .prefix_5 {
    padding-left: 400px
}

.container_12 .prefix_6 {
    padding-left: 480px
}

.container_12 .prefix_7 {
    padding-left: 560px
}

.container_12 .prefix_8 {
    padding-left: 640px
}

.container_12 .prefix_9 {
    padding-left: 720px
}

.container_12 .prefix_10 {
    padding-left: 800px
}

.container_12 .prefix_11 {
    padding-left: 880px
}

.container_12 .suffix_1 {
    padding-right: 80px
}

.container_12 .suffix_2 {
    padding-right: 160px
}

.container_12 .suffix_3 {
    padding-right: 240px
}

.container_12 .suffix_4 {
    padding-right: 320px
}

.container_12 .suffix_5 {
    padding-right: 400px
}

.container_12 .suffix_6 {
    padding-right: 480px
}

.container_12 .suffix_7 {
    padding-right: 560px
}

.container_12 .suffix_8 {
    padding-right: 640px
}

.container_12 .suffix_9 {
    padding-right: 720px
}

.container_12 .suffix_10 {
    padding-right: 800px
}

.container_12 .suffix_11 {
    padding-right: 880px
}

.container_12 .push_1 {
    left: 80px
}

.container_12 .push_2 {
    left: 160px
}

.container_12 .push_3 {
    left: 240px
}

.container_12 .push_4 {
    left: 320px
}

.container_12 .push_5 {
    left: 400px
}

.container_12 .push_6 {
    left: 480px
}

.container_12 .push_7 {
    left: 560px
}

.container_12 .push_8 {
    left: 640px
}

.container_12 .push_9 {
    left: 720px
}

.container_12 .push_10 {
    left: 800px
}

.container_12 .push_11 {
    left: 880px
}

.container_12 .pull_1 {
    left: -80px
}

.container_12 .pull_2 {
    left: -160px
}

.container_12 .pull_3 {
    left: -240px
}

.container_12 .pull_4 {
    left: -320px
}

.container_12 .pull_5 {
    left: -400px
}

.container_12 .pull_6 {
    left: -480px
}

.container_12 .pull_7 {
    left: -560px
}

.container_12 .pull_8 {
    left: -640px
}

.container_12 .pull_9 {
    left: -720px
}

.container_12 .pull_10 {
    left: -800px
}

.container_12 .pull_11 {
    left: -880px
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

.alpha {
    margin-left: 0
}

.omega {
    margin-right: 0
}

.clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}


/* screen.css */

*::selection {
    background: #007a3b;
    color: #fff;
}

*::-moz-selection {
    background: #007a3b;
    color: #fff;
}

*::-webkit-selection {
    background: #007a3b;
    color: #fff;
}

object {
    outline: none;
}

.de body,
.en body,
.fr body,
.be-fr body,
.be-nl body,
.nl body {
    background: url(../assets/img/global/bg_pattern.jpg) fixed;
    !important;
    overflow: auto!important;
}


/*
.de body,
.en body,
.fr body,
.be-fr body,
.be-nl body,
.nl body {
    background: url(../assets/img/global/bg-spaxIIIplus-large.jpg) center 0 fixed;
    !important;
    overflow: auto!important;
    background-repeat: no-repeat;
}
*/

body {
    background: #a6a6a6 url(../img/global/bg.jpg) center 0 no-repeat;
    overflow: auto;
}

html {
    height: 100%;
    width: 100%;
    font: 14px/1.65 'Open Sans', sans-serif;
    color: #3f3f3f;
}

html>body {
    *overflow-x: hidden;
    *overflow-y: hidden;
}

#siteWrapper {
    height: 100%;
    min-width: 1014px;
    width: 100%;
    font: 14px/1.55 'Open Sans', arial, sans-serif;
    color: #3f3f3f;
    position: relative;
    margin: auto;
    background: transparent url(../img/global/BgShadow.png) repeat-y center 0;
    overflow: hidden;
}

.chooseLang #siteWrapper {
    background: transparent url(../img/global/BgShadow-green.png) repeat-y center 0;
}

body > #siteWrapper {
    height: auto;
    min-height: 100%;
}


/*  main content  */

#mainContent {
    padding: 34px 0 640px;
    position: relative;
}

#mainContent.home {
    padding: 25px 0 540px;
}

#mainContent.projekte {
    padding: 34px 0 610px;
}

*+html #mainContent {
    z-index: -1;
    /*   IE7   */
}

a {
    color: #007a3b;
    text-decoration: none;
}

.anmeldung a {
    font-weight: bold;
}

.anmeldung span,
.technische-informationen span {
    color: #ff1800;
    font-weight: bold;
}

p {
    margin-bottom: 15px;
}

.ru h1 {
    font-size: 26px;
}

h1 {
    font-size: 29px;
    line-height: 1.4;
    margin-bottom: 22px;
    font-weight: bold;
}

#page-333 h1,
#page-1598 h1 {
    font-size: 29px;
    line-height: 1.4;
    font-weight: bold;
    margin-top: -10px;
    border-bottom: 1px solid #CAC9C9;
    margin-bottom: 29px;
    padding-bottom: 10px;
}

#page-412 h1 {
    font-size: 29px;
    line-height: 1.4;
    font-weight: bold;
    border-bottom: 1px solid #CAC9C9;
    margin-bottom: 29px;
    padding-bottom: 10px;
}

#content h1 {
    font-size: 29px;
    line-height: 1.25;
    font-weight: bold;
    margin-top: -7px;
    border-bottom: 1px solid #CAC9C9;
    margin-bottom: 17px;
    padding-bottom: 4px;
}

#page-169 #content h1 {
    border: none;
}

#page-169 #content h2 {
    border-bottom: 1px solid #CAC9C9;
    margin-bottom: 0px;
    padding-bottom: 17px;
}

#page-5907 #content h1 {
    font-size: 26px;
}

#page-5907 #content h2 {
    margin-bottom: 0px;
    padding-bottom: 12px;
    font-weight: 700;
    margin-top: 5px;
}

#page-5907 #content #leitsaetze {
    margin: 30px;
    list-style: none;
}

#page-5907 #content #leitsaetze li {
    position: relative;
    font-size: 14px;
    background: none;
    margin: 0 0 25px;
    padding: 0 0 14px 11px;
}

#page-5907 #content #leitsaetze li strong {
    position: absolute;
    top: -4px;
    left: -25px;
    width: 20px;
    height: 20px;
    text-align: center;
    font-style: italic;
    padding: 3px;
    border-radius: 14px;
    font-size: 15px;
    line-height: 19px;
    color: #fff;
    background: #007A3B;
}

.newsHeaderImage {
    margin: 0 0 16px
}

span.imgdesc {
    background: #EEE;
    color: #1e1e1e;
    font-size: 12px;
    display: block;
    padding: 10px 15px;
    margin: -5px 0 5px;
}

span.imgdesc-copy {
    font-size: 10px;
    top: 358px;
    position: absolute;
}


/* Dach-und-Holz 2014 */

.dach-und-holz-h2 {
    font-size: 18px;
    margin-top: 25px!important;
    margin-bottom: 35px!important;
    font-weight: 700;
    border-bottom: solid 1px;
}

.dach-und-holz-highlights-table {
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
}

.dach-und-holz-highlights {
    clear: none;
    width: 270px;
    float: left;
    padding: 0 21px 21px 40px!important;
}

.dach-und-holz-highlights.mig {
    padding-left: 82px!important;
}

.dach-und-holz-rostfrei {
    margin-top: 10px;
}

.dach-und-holz-highlights-termine {
    background: #eee;
    padding: 10px;
}

.dach-und-holz-highlights-table img {
    float: left;
}

.dach-und-holz-highlights-table span {
    display: block;
}

.dach-und-holz-highlights-termine p {
    margin-bottom: 0;
}

.dach-und-holz-highlights-table div {
    padding: 0 35px;
}

.dach-holz-mig {
    padding-left: 75px;
}

.dach-und-holz-2016 .dach-und-holz-highlights {
    width: 352px;
    padding: 0 21px 21px 0px!important;
}

.dach-und-holz-2016 .dach-und-holz-highlights h3 {
    font-weight: 700;
    margin-bottom: 5px;
}

.dach-und-holz-2016 .dach-und-holz-highlights h4 {
    font-weight: 700;
    margin-bottom: 5px;
}

.dach-und-holz-2016 .dach-und-holz-highlights h4 span {
    font-weight: normal;
}

.dach-und-holz-2016 .dach-und-holz-highlights-table small {
    float: right;
}

.dach-und-holz-2016 .dach-und-holz-highlights-termine {
    margin-bottom: 10px;
    float: left;
}

.dach-und-holz-2016 .dach-und-holz-highlights-termine .dach-und-holz-highlights {
    width: 332px;
}

#events-messekalender h1 {
    font-size: 29px;
    line-height: 1.4;
    font-weight: bold;
    margin-top: -10px;
    border-bottom: 1px solid #CAC9C9;
    margin-bottom: 29px;
    padding-bottom: 19px;
}

h1 + p {
    margin-bottom: 20px!important;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

.lexicon h1,
.technische-informationen h1 {
    border-bottom: 1px solid #CAC9C9;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.technische-informationen .downloadPreview {
    margin-top: 30px;
}

.technische-informationen .downloadPreview h2:hover,
.technische-informationen .downloadPreview .beschreibung_start:hover,
.technische-informationen .downloadPreview .beschreibung_start_splash:hover {
    cursor: pointer
}

.technische-informationen .downloadPreview .container {
    position: relative;
}

.technische-informationen .downloadPreview h2 {
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 9px;
}

.technische-informationen .downloadPreview .splash {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    background: #007a3b;
    padding: 2px 5px 2px 5px;
    width: 100px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.technische-informationen .downloadPreview .container {
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #CAC9C9;
}

h1 img.a2-a4 {
    padding-left: 30px;
    margin-top: -6px;
}

h2.listHeadline {
    color: #212121;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

#detailRightColumn #tab-download h2 {
    margin: 0px 0px 30px 0px;
    font-weight: bold;
}

.fr #detailRightColumn #tab-download h2 {
    margin: 0px 0px 30px 0px;
    font-weight: bold;
}

#detailRightColumn .download {
    overflow: hidden;
    margin-bottom: 40px;
}

#detailRightColumn .download .title {
    display: block;
    font-weight: bold;
    padding-bottom: 13px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CAC9C9;
    font-size: 16px;
}

#detailRightColumn .download img {
    display: block;
    border: 1px solid #000000;
    float: left;
    margin: 0px 15px 0px 0px;
}

#detailRightColumn .download .left,
#detailRightColumn .download .right {
    float: left;
}

#detailRightColumn .download .right {
    width: 479px
}

#detailRightColumn .download .links {
    margin: 0px;
    border-bottom: 1px solid #CAC9C9;
    overflow: hidden;
    padding: 13px 0;
}

#detailRightColumn .download .links.eBook {
    padding-top: 13px;
    margin-top: 0px;
}

#detailRightColumn .download .links .button {
    background: none repeat scroll 0 0 #007A3B;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin: 0px;
    padding: 8px 16px;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    line-height: 12px;
    float: right;
    font-size: 12px;
    width: 80px;
}

#siteWrapper.mobi #detailRightColumn .brochureDownload .links.eBook {
    display: none!important
}

#ausschreiben {
    margin-bottom: 40px;
    border-bottom: 1px solid #CAC9C9;
}

#ausschreiben .left {
    float: left;
    width: 300px;
}

#ausschreiben .right {
    float: left;
    width: 323px;
    text-align: right;
    margin-top: 7px;
}

#ausschreiben .right img {
    width: 162px;
    height: auto;
    display: block;
    float: right;
    margin-bottom: 10px;
}

#ausschreiben .ausschreibenClear {
    clear: both;
}

#ausschreiben .right .button {
    background: none repeat scroll 0 0 #007A3B;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin: 0px;
    padding: 8px 16px;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    line-height: 12px;
    float: right;
    font-size: 12px;
    width: 130px;
}

#detailRightColumn #ausschreiben .title {
    display: block;
    font-weight: bold;
    padding-bottom: 13px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CAC9C9;
    font-size: 16px;
}

#ausschreiben-sortiment {
    width: 258px;
    float: right;
    margin-top: 0;
}

.withlogo #ausschreiben-sortiment {
    margin-top: 10px;
}

#ausschreiben-sortiment img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 10px 0;
}

#ausschreiben-sortiment .button {
    background: none repeat scroll 0 0 #007A3B;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin: 0px;
    padding: 8px 16px;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    line-height: 12px;
    float: left;
    font-size: 12px;
    width: 226px;
}

hr {
    background-color: #cac9c9;
    color: #cac9c9;
    border: #cac9c9;
    height: 1px;
    margin: 18px 0px 18px 0px;
}

hr.spax-3-news {
    background-color: #f1f1f1;
    color: #f1f1f1;
    border: #f1f1f1;
    margin: 30px 0px 30px 0px;
    width: 100%;
    float: left;
}

.white-shadow-border {
    border-radius: 4px;
    border: solid 3px #fff;
    box-shadow: 0px 0px 6px #999;
    width: 96%;
    position: relative
}

.optimiertes-greifverhalten-spitze {
    position: absolute;
    right: 16px;
    top: 135px;
    width: 70%;
}


/*  HEADER SECTION  */

#header {
    min-width: 1014px;
    height: 132px;
    background: url(../img/global/headerBg.gif?v=2017) center 0 no-repeat;
}

#header .grid_12,
#header .grid_12 .grid_9 {
    position: relative;
    z-index: 900;
}

#header.withsub {
    height: 158px;
}

#page-8200 #header.withsub {
    height: 132px;
}

.de #logo,
.en #logo,
.fr #logo,
.be-fr #logo,
.be-nl #logo,
.nl #logo {
    float: left!important;
    height: 70px!important;
    padding: 0 36px 17px 0!important;
    margin:0 0 0 -36px;
}

.de #logo img,
.en #logo img,
.fr #logo img,
.nl #logo img,
.be-fr #logo img,
.be-nl #logo img {
    float: left!important;
    display: block!important;
    line-height: 0!important;
    padding: 0!important;
    margin: 0!important;
}

#logo {
    float: left;
    height: 70px;
    padding: 0 36px 17px 0!important;
    margin:0 0 0 -36px;
}

#logo img {
    float: left;
    display: block;
    line-height: 0;
    padding: 0;
    margin: 0;
}

#mig {
    float: left;
    display: block;
    line-height: 0;
    padding: 0;
    position: absolute;
    left: -35px;
    top: 9px;
}

.topnavContainer {
    float: left;
    margin: 15px 0 0;
    width: 100%;
}

.footerMetaNavContainer {
    position: absolute;
    top: 5px;
    right: 0;
}

.footerMetaNavContainer ul {
    float: left;
    padding: 0;
}

.footerMetaNavContainer li,
.topnavContainer li {
    float: left;
    font-size: 11px;
    padding: 0 0 0 15px;
    text-indent: 0;
    margin: 0;
    color: #FFF;
}

.footerMetaNavContainer li {
    font-size: 0.6em;
}

.footerMetaNavContainer li a,
.topnavContainer li a {
    color: #FFF;
    text-decoration: none;
    font-size: 10px;
}

.topnavContainer li a {
    text-transform: uppercase;
}

.footerMetaNavContainer li.active a,
.topnavContainer li.active a {
    text-decoration: underline;
    color: #FFF;
}

.footerMetaNavContainer li a:hover,
.topnavContainer li a:hover {
    color: #FFF;
}

.topnavContainer ul {
    float: right;
    margin: 0;
    padding: 0
}

.topnavContainer li {
    padding: 0 10px;
    margin: 0;
    height: 13px;
    line-height: 13px;
    border-right: 1px solid #FFF;
}

.ru .topnavContainer li {
    padding: 0 12px;
}

.topnavContainer li.logout {
    height: 60px;
    padding: 5px 8px 0 8px!important;
    margin: -5px -10px 0 10px!important;
    background: #007a3b;
    overflow: hidden;
}

.topnavContainer li.login,
.topnavContainer li.logout {
    padding: 0 0 0 10px;
    border-right: none
}

.topnavContainer li.login a,
.topnavContainer li.logout a {
    text-transform: none
}

.topnavContainer li.login a.login,
.topnavContainer li.logout a.login {
    text-transform: uppercase
}

.topnavContainer li.logout a {
    text-decoration: underline;
    padding: 5px 0 0;
}

.topnavContainer li.logout span {
    display: block;
    margin: 0 0 6px;
}

.topnavContainer li.logout a span {
    display: inline
}

.topnavContainer li.logout span.username a {
    font-weight: bold;
    text-decoration: none;
}

.topnavContainer li.login a:hover span,
.topnavContainer li.logout a:hover {
    text-decoration: none
}

.topnavContainer ul li ul {
    display: none;
}

.topnavContainer ul li ul li {
    border: none;
    padding: 9px 0 0 15px;
}

.topnavContainer li.langActive {
    position: relative;
}

.be .topnavContainer li.langActive {
    padding-left: 0;
}

.topnavContainer li.langActive a {
    position: relative;
    z-index: 900;
    display: block;
    padding: 0 10px 0 20px;
    height: 11px;
    background: transparent url(../img/global/flags.gif) 0 0 no-repeat;
    /*DE*/
    text-transform: normal;
}

.topnavContainer li.langActive.uk a {
    background-position: 0 -11px
}


/*UK*/

.topnavContainer li.langActive.en a {
    background-position: 0 -1000px;
    padding: 0 10px 0 0
}


/*EN*/

.topnavContainer li.langActive.es a {
    background-position: 0 -22px
}


/*ES*/

.topnavContainer li.langActive.fr a {
    background-position: 0 -33px
}


/*FR*/

.topnavContainer li.langActive.pl a {
    background-position: 0 -44px
}


/*PL*/

.topnavContainer li.langActive.pt a {
    background-position: 0 -55px
}


/*PT*/

.topnavContainer li.langActive.it a {
    background-position: 0 -66px
}


/*IT*/

.topnavContainer li.langActive.ru a {
    background-position: 0 -77px
}


/*Ru*/

.topnavContainer li.langActive.au a {
    background-position: 0 -111px
}


/*AU*/

.topnavContainer li.langActive.nl a {
    background: transparent url(../img/global/flags.gif) 0 -88px no-repeat
}


/*NL*/

.topnavContainer li.langActive.be a,
.topnavContainer li.langActive.be-nl a,
.topnavContainer li.langActive.be-fr a {
    background: transparent url(../img/global/flags.gif) 0 -100px no-repeat
}


/*NL*/


/*.topnavContainer li.langActive.nl a{background-position:0 -88px} /*NL*/

.topnavContainer li.langActive a span {
    position: absolute;
    right: -3px;
    top: 0;
    width: 11px;
    height: 11px;
    background: transparent url(../img/global/arrow-down.png) 95% 50% no-repeat;
}

.be .topnavContainer li.langActive a span {
    background: transparent url(../img/global/arrow-down.png) 40% 50% no-repeat;
}

.topnavContainer li.langActive .active {
    display: none
}

.topnavContainer ul li.langActive ul li {
    float: left;
    display: block;
    width: 91px;
    padding: 5px 0 5px 9px;
    margin: 0;
}

.topnavContainer ul li.langActive ul li:hover {
    background: #45b6a8
}

.topnavContainer ul li.langActive ul li a {
    padding: 0 0 0 20px;
    height: 11px;
    line-height: 11px;
    background: transparent url(../img/global/flags.gif) 0 0 no-repeat;
    display: block;
}

.fr .topnavContainer ul li.langActive ul li a {
    line-height: 12px
}

.topnavContainer ul li.langActive ul li.de a {
    background-position: 0 0
}


/*DE*/

.topnavContainer ul li.langActive ul li.en a {
    background-position: 0 -11px
}


/*UK*/

.topnavContainer ul li.langActive ul li.es a {
    background-position: 0 -22px
}


/*ES*/

.topnavContainer ul li.langActive ul li.fr a {
    background-position: 0 -33px
}


/*FR*/

.topnavContainer ul li.langActive ul li.pl a {
    background-position: 0 -44px
}


/*PL*/

.topnavContainer ul li.langActive ul li.ru a {
    background-position: 0 -55px
}


/*RU*/

.topnavContainer ul li.langActive ul li.nl a {
    background-position: 0 -88px
}


/*NL*/

.topnavContainer li.langActive:hover ul {
    display: block;
    position: absolute;
    left: -4px;
    top: -10px;
    z-index: 100;
    width: 100px;
    padding: 30px 5px 5px;
    border: 1px solid #FFF;
    background-color: #007a3b;
}

.be .topnavContainer li.langActive:hover ul,
.be-nl .topnavContainer li.langActive:hover ul,
.be-fr .topnavContainer li.langActive:hover ul,
.uk .topnavContainer li.langActive:hover ul {
    width: 130px;
}

.topnavContainer ul li.langActive ul li {
    padding: 5px;
    margin: 0;
}

.topnavContainer li.langActive li.langselect {
    border-top: 1px solid #FFF;
    margin: 5px 0 0;
    padding: 7px 5px 5px;
}

.es .topnavContainer li.langActive li.langselect {
    padding-bottom: 16px;
}

.pt .topnavContainer li.langActive li.langselect {
    padding: 7px 5px 14px;
}

.fr .topnavContainer li.langActive li.langselect {
    padding: 5px 5px 15px;
}

.be .topnavContainer li.langActive li.langselect,
.be-nl .topnavContainer li.langActive li.langselect,
.be-fr .topnavContainer li.langActive li.langselect,
.uk .topnavContainer li.langActive li.langselect {
    width: 120px;
}

.topnavContainer li.langActive li.langselect a {
    padding: 0;
    margin: 0;
    background: none;
    text-transform: normal;
}


/*  SEARCH BOX SECTION  */

.searchBoxContainer {
    position: absolute;
    z-index: 50;
    top: 45px;
    right: 0px;
    float: left;
    width: 370px;
    height: 30px;
}

.login-true .searchBoxContainer {
    right: 140px;
}

.fr.login-true .searchBoxContainer {
    right: 180px;
}

.uk.login-true .searchBoxContainer {
    right: 107px;
}

.be-fr.login-true .searchBoxContainer,
.it.login-true .searchBoxContainer,
.nl.login-true .searchBoxContainer,
.pl.login-true .searchBoxContainer,
.pt.login-true .searchBoxContainer,
.ru.login-true .searchBoxContainer,
.es.login-true .searchBoxContainer {
    right: 0;
}

#searchbar,
#search input.empty {
    float: left;
    width: 272px;
    margin: 0;
    padding: 5px 50px 6px 10px;
    background: transparent url(../img/global/searchBar.png) 0 0 no-repeat;
    border: 0px;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important;
    outline: none;
    /*Remove Chrome and Safari glows on focus*/
}

html>body #searchbar {
    *box-sizing: border-box!important;
}

#searchbar.active {
    color: #000;
}

#searchbtn {
    float: left;
    width: 38px;
    height: 27px;
    margin: 0;
    padding: 0;
    background: transparent url(../img/global/searchBtn.png) 0 0 no-repeat;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
}

#searchbtn:hover {
    background-position: 0 -27px;
}

#suggestions {
    overflow: hidden;
    position: relative;
    z-index: 9999;
    background: #FFF;
    padding: 5px;
    border-left: 1px solid #007a3b;
    border-right: 1px solid #007a3b;
    border-bottom: 1px solid #007a3b;
    display: none;
    -webkit-box-shadow: 0px 0px 15px;
    -moz-box-shadow: 0px 0px 15px;
    box-shadow: 0px 0px 15px;
}

#suggestions .results h2 {
    padding: 2px 5px;
    background: #007a3b;
    color: #FFF
}

#suggestions,
#suggestions .result:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-radius-bottomleft: 5px;
    -moz-border-bottom-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

#suggestions .results.gt4 {
    padding: 0 0 26px;
}

#suggestions .result {
    border-top: 1px solid #007a3b;
    padding: 10px 5px;
}

#suggestions .result:first-child {
    border-top: none
}

#suggestions .result:hover {
    background: #D7EAE0;
}

#suggestions .result a,
#suggestions .result p {
    padding: 0;
    margin: 0;
    display: block;
}

#suggestions .result p a {
    color: #000;
}

#suggestions .result img {
    margin: 5px 0 0;
    width: 100%;
    height: auto;
}

#suggestions .result .extract a {
    margin: 2px 0 0;
}

#suggestions .more {
    display: block;
    background: #007a3b;
    width: 100%;
    position: absolute;
    margin: 5px 0 0 0;
    padding: 2px 15px 2px 20px;
    left: -28px;
    color: #FFF;
    text-align: right;
}


/*  MAIN NAV SECTION  */

.mainnavContainer {
    float: left;
    margin: 0;
}

.mainnavContainer li {
    float: left;
    position: relative;
}

.mainnavContainer li a {
    display: block;
    color: #c8e9e5;
    text-decoration: none;
    width: auto;
    margin: 2px 2px 0 0;
    padding: 0 8px;
    line-height: 44px;
    height: 43px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.de .mainnavContainer li a,
.nl .mainnavContainer li a,
.be-nl .mainnavContainer li a {
    padding: 0 7px;
}

.be-fr .mainnavContainer li a {
    padding: 0 4px;
}

.nl .mainnavContainer li a .be-nl .mainnavContainer li a {
    padding: 0 8px;
}

.be .mainnavContainer li a {
    padding: 0 10px;
}

.fr .mainnavContainer li a {
    padding: 0 3px;
}

.es .mainnavContainer li a {
    font-size: 0.8em;
    padding: 0 9px;
}

.pt .mainnavContainer li a {
    padding: 0 8px;
    font-size: 0.8em;
}

.ru .mainnavContainer li a {
    margin: 2px 1px 0;
    padding: 0 6px;
    font-size: 9px;
}


/*es*/

.mainnavContainer li#item-2049 {
    margin: 0 0px 0 0
}


/*uk*/

.mainnavContainer li#item-3243 {
    margin: 0 10px 0 0
}


/*pt*/

.mainnavContainer li#item-3753 {
    margin: 0 85px 0 0
}


/*ru*/

.mainnavContainer li#item-4398 {
    margin: 0 40px 0 0
}


/*au*/

.mainnavContainer li#item-6839 {
    margin: 0 160px 0 0
}


/*it*/

.mainnavContainer li#item-4129 {
    margin: 0;
}

.mainnavContainer li#item-1633 {
    margin: 0 10px 0 0
}

.mainnavContainer li#item-1373 {
    margin: 0 100px 0 0
}

.mainnavContainer #item-238,
.mainnavContainer #item-333,
.mainnavContainer #item-204,
.mainnavContainer #item-1634,
.mainnavContainer #item-2000,
.mainnavContainer #item-2371,
.mainnavContainer #item-2372,
.mainnavContainer #item-3239,
.mainnavContainer #item-3231,
.mainnavContainer #item-2050,
.mainnavContainer #item-2051,
.mainnavContainer #item-5126,
.mainnavContainer #item-7339,
.mainnavContainer #item-7749,
.mainnavContainer #item-7750,
.mainnavContainer #item-5127,
.mainnavContainer #item-7340,
.mainnavContainer #item-2373,
.mainnavContainer #item-2383,
.mainnavContainer #item-7341,
.mainnavContainer #item-4399,
.mainnavContainer #item-3756,
.mainnavContainer #item-4132 {
    background-color: #29a697;
    padding: 0 0 0 5px;
}

.mainnavContainer #item-3008,
.mainnavContainer #item-4135,
.mainnavContainer #item-4144 {
    background-color: #29a697
}

.mainnavContainer li.active a,
.mainnavContainer ul li:hover a,
.mainnavContainer li a:hover {
    color: #FFF;
    background: #007a3b;
    border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
}

.mainnavContainer ul ul li.active a {
    color: #2d2d2d;
}

.mainnavContainer ul li.active:hover a,
.mainnavContainer ul li#item-11:hover {
    background-image: none;
}

.mainnavContainer ul li .submenu-wrapper {
    float: left;
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 99999;
    display: none;
    background: transparent;
    width: 363px;
    padding: 0;
}

.mainnavContainer ul .shadow-top {
    float: left;
    width: 100%;
    padding: 6px 0 0 0;
    background: transparent url(../img/global/submenu-shadow-top.png) 0 0 no-repeat;
}

.mainnavContainer ul .shadow-bottom {
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
    background: transparent url(../img/global/submenu-shadow-bottom.png) 0 100% no-repeat;
}

.mainnavContainer ul .shadow-middle {
    width: 333px;
    padding: 10px 30px 5px 15px;
    background: transparent url(../img/global/submenu-shadow-middle.png) 0 0 repeat-y;
}

.mainnavContainer ul ul {
    float: left;
    width: 100%;
    display: block;
}

.mainnavContainer ul li:hover .submenu-wrapper {
    display: block;
}

.mainnavContainer ul ul li {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 1px solid #b1b8b4;
}

.mainnavContainer ul ul li:hover {
    background: none;
}

.mainnavContainer ul ul a {
    width: 100%;
    padding: 5px 0;
    margin: 0;
    text-align: left;
    background: none;
    color: #2d2d2d;
    font-weight: normal;
}

.mainnavContainer ul ul a:hover {
    background: none;
}

.mainnavContainer table {
    width: 100%;
}

.mainnavContainer table,
.mainnavContainer td,
.mainnavContainer tr {
    margin: 0;
    padding: 0;
    vertical-align: top
}


/*    menuspecial    */

.mainnavContainer .submenu-wrapper .special {
    float: right;
    width: 130px;
    padding: 0 5px 0 15px;
    margin: 0 0 5px 10px;
    z-index: 901;
    background-color: #EBF4EE;
    border-left: 1px solid #b1b8b4;
}

.mainnavContainer .submenu-wrapper .special a,
.mainnavContainer .submenu-wrapper .special p {
    padding: 0;
    margin: 0;
    text-align: left;
    text-transform: none;
    font-weight: normal;
}

.mainnavContainer .submenu-wrapper .special h2 {
    margin: 0 0 5px;
}

.mainnavContainer .submenu-wrapper .special h2 a {
    font-weight: bold;
}

.submenuContainer {
    margin: 0 auto;
    padding: 0;
    width: 1015px;
    background: #007a3b;
}

.submenuContainer ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #007a3b;
}

.submenuContainer ul li {
    float: left;
    margin: 0;
    padding: 0;
}

.submenuContainer ul li.first {
    padding: 0 0 0 37px;
}

.submenuContainer ul li a {
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    margin: 10px 0;
    padding: 0 12px;
}

.submenuContainer ul li a:hover {
    color: #c8e9e5
}

.submenuContainer ul li.active a {
    background: none repeat scroll 0 0 white;
    color: #007A3B;
}

.logos {
    float: right;
    margin-bottom: 20px;
}

.logos img {
    vertical-align: top;
    margin-left: 5px;
}


/*  SOCIAL NAV SECTION  */

.spaxExtContainer {
    padding: 0;
    position: absolute;
    right: 0;
    width: 55px;
}
.en .spaxExtContainer {
    width: 127px;
}

.pt .spaxExtContainer,
.pl .spaxExtContainer {
    float: left;
    width: 25px;
    position: absolute;
    top: 89px;
    right: -20px;
}

.pl .spaxExtContainer {
    float: left;
    width: 25px;
    position: absolute;
    top: 89px;
    right: 0;
}

.be .spaxExtContainer {
    float: left;
    width: 102px;
    position: absolute;
    top: 89px;
    right: -79px;
}

.nl .spaxExtContainer,
.be-nl .spaxExtContainer {
    float: left;
    width: 102px;
    position: absolute;
    top: 89px;
    right: 0;
}

.fr .spaxExtContainer {
    float: left;
    width: 124px;
}

.be-fr .spaxExtContainer {
    float: left;
    width: 102px;
}

.es .spaxExtContainer {
    float: left;
    width: 128px;
}

.au .spaxExtContainer {
    float: left;
    width: 68px;
}

.it .spaxExtContainer {
    float: left;
    width: 25px;
}

.spaxExtContainer ul {
    float: left;
    padding: 12px 0 0 0;
}

.spaxExtContainer li {
    float: left;
    margin: 0;
}

.spaxExtContainer li.first {
    margin: 0 5px 0 0;
}

.fr .spaxExtContainer li.first {
    margin: 0 3px 0 0;
}

.spaxExtContainer li.last {
    margin: 0 0 0 5px;
}

.spaxExtContainer li a {
    float: left;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(../img/global/spax-ext-app.png) 0 0 no-repeat;
}

.de .spaxExtContainer li a {
    float: left;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(../img/global/spax-ext.png) 0 0 no-repeat;
}


/*#spaxExt-15 a{background-position:-48px 0}

#spaxExt-16 a, #spaxExt-2115 a, #spaxExt-5697 a {background-position:-24px 0}

#spaxExt-1644 a{background-position:-24px 0}

#spaxExt-1383 a{background-position:-24px 0}

#spaxExt-17 a{background-position:-72px 0}

#spaxExt-3213 a{background-position:-24px 0}

#spaxExt-3768 a{background-position:-24px 0}

#spaxExt-5898 a{background-position:-24px 0}

#spaxExt-6257 a,

#spaxExt-7675 a,

#spaxExt-8106 a{background-position:-24px 0}

#spaxExt-7252 a{background-position:-24px 0}

#spaxExt-4156 a{background-position:-24px 0}

*/

.spaxExtContainer li a[rel~="fb"] {
    background-position: 0px 0
}

.spaxExtContainer li a[rel~="yt"] {
    background-position: -24px 0
}

.spaxExtContainer li a[rel~="aktionen"] {
    background: transparent url('../img/global/aktionen-button.png') 0 0 no-repeat;
}

#footerspaxExtContainer {
    position: absolute;
    left: 0px;
    bottom: 0;
	 width:100%;
}
.de #footerspaxExtContainer {
    height: 80px;
}

#footerspaxExtContainer .hinweis-produktabbildungen {
	position: absolute;
	font-size:12px;
	bottom: 0;
	margin: 0;
}
.hinweis-produktabbildungen span {
	font-weight:800;
	color:#000;
}
.hinweis-produktabbildungen img {
	height:17px;
	vertical-align:middle;
}

#footerspaxExtContainer li {
    float: left;
}

#footerspaxExtContainer a {
    display: block;
    height: 30px;
    width: 30px;
    margin-left: 10px;
    overflow: hidden;
    text-indent: -3000px;
    float: left;
    background: transparent url(../img/global/spaxExt/facebook.png) 0 0 no-repeat;
}

#footer-spaxExt-8760 a {
    background: transparent url(../img/global/spax-ext-app.png) 0 0 no-repeat;
    width: 68px;
    background-position: -97px 0;
}

#footerspaxExtContainer a[rel~="fb"] {
    background-image: url(../img/global/spaxExt/facebook.png);
	 margin-left:0;
}

#footerspaxExtContainer a[rel~="yt"] {
    background-image: url(../img/global/spaxExt/youtube.png);
}

#footerspaxExtContainer a[rel~="xg"] {
    background-image: url(../img/global/spaxExt/xing.png);
}

#footerspaxExtContainer a[rel~="ln"] {
    background-image: url(../img/global/spaxExt/linkedin.png);
}

#footerspaxExtContainer a[rel~="gs"] {
    background-image: url(../img/global/spaxExt/goggle-plus.png);
}

#footerspaxExtContainer a[rel~="tr"] {
    background-image: url(../img/global/spaxExt/twitter.png);
}

#footerspaxExtContainer a[rel~="ig"] {
    background-image: url(../img/global/spaxExt/instagram.png);
}

#procato-footer-banner {
    position: absolute;
    top: -88px;
    text-align: center;
    left: 0;
    right: 0;
}


/* SPAX APP*/

.de .spaxExtContainer {
    margin: 0 -4px 0 0;
}

.de .spaxExtContainer li {
    margin-top: 5px;
}

#spaxExt-14,
#spaxExt-16,
#spaxExt-5032,
#spaxExt-5698,
#spaxExt-7253 {
    margin-top: -2px;
}

#spaxExt-5032 a,
#spaxExt-5698 a,
#spaxExt-5820 a,
#spaxExt-5821 a,
#spaxExt-5822 a,
#spaxExt-5823 a,
#spaxExt-6258 a,
#spaxExt-6324 a,
#spaxExt-7253 a,
#spaxExt-8107 a,
#spaxExt-7676 a {
    height: 0;
    width: 68px;
    padding-top: 24px;
    font-size: 12px;
    background-position: -97px 0;
    text-indent: 0;
    color: #FFF;
}


/* SPAX FAN-SHOP */


/*

.de #spaxExt-8462 a{

    display: block!important;

    position: absolute;

    right:2px;

    top:-41px;

    width:125px;

    height:25px;

    overflow:hidden;

    background:transparent url(../img/global/fanshop-btn.png) 0 0 no-repeat;

}*/

.de #spaxExt-8462 a {
    display: block!important;
    position: absolute;
    right: 2px;
    top: -41px;
    width: 69px;
    height: 25px;
    overflow: hidden;
    background: transparent url(../img/global/fanshop_button.png) 0 0 no-repeat;
}

.de #spaxExt-8503 a {
    display: block!important;
    position: absolute;
    right: 72px;
    top: -41px;
    width: 72px;
    height: 25px;
    overflow: hidden;
    background: transparent url(../img/global/grill-and-chill_button.png) 0 0 no-repeat;
}

.de .searchBoxContainer {
    right: 78px;
    width: 358px;
}

.de #searchbar {
    width: 260px;
}

#homeHeader {
    height: 377px;
    margin: -7px 0px 30px 0px;
}

.homeTeaserBox {
    height: auto;
}

.homeTeaserBox h1 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 17px 0px;
    color: #333333
}

.homeTeaserBox p {
    font-size: 12px;
    color: #666666;
    margin: 17px 0px 0px 0px;
}


/*  kalender  */

#kalenderContainer {
    height: 321px;
    border: 1px solid #cac9c9;
}

#calendarMore {
    position: absolute;
    top: 312px;
    left: 0px;
    float: right;
    width: 302px;
    height: 46px;
    border-top: 1px solid #cac9c9;
}

#calendarMore a {
    float: right;
    font-size: 12px;
    margin: 12px 10px 0px 0px
}

.calendarEntry {
    margin: 17px 17px 17px 17px;
}

.calendarEntry:hover {
    background: #eeeeee
}

.calendarEntry h1 {
    margin: 0px 0px 0px 0px;
    color: #666666;
    font-size: 11px;
}

.calendarEntry p {
    margin: 0px 0px 0px 0px;
    font-size: 11px;
}

.calendarEntry hr {
    background-color: #cac9c9;
    color: #cac9c9;
    border: #cac9c9;
    height: 1px;
    width: 268px;
    margin: 17px 0px 17px 0px;
}


/*  erfahren sie mehr section  */

#seeMoreContainer {
    height: 301px;
}

.seeMoreEntry img {
    float: left;
    margin: 0px 10px 0px 0px;
}

.seeMoreEntry p {
    float: left;
    margin: 0px 0px 0px 0px;
}

.seeMoreLink {}

.seeMoreEntry h1 {
    margin: 0px 0px 0px 0px;
    color: #666666;
    font-size: 12px;
}


/*  footer  */

.footer {
    background: url(../img/global/footerBg_new.jpg) center 100% no-repeat;
    width: 100%;
    height: 546px;
    margin: 0;
    position: absolute;
    bottom: 0;
}

.footer .container_12 {
    position: relative;
    height: 530px
}

.footer .container_12 h6 {
    position: absolute;
    left: -27px;
    top: -28px;
    background: #007a3b;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    display: block;
    width: 1014px;
    height: 80px;
    line-height: 82px;
    text-indent: 25px;
    font-weight: bold;
    font-size: 16px;
}

.footer .qr,
.footer .tuev,
.footer .tuev-nord {
    position: absolute;
    bottom: 0;
    right: 0;
}

.footer .tuev-nord {
    right: 145px;
}

.footer.lang-select {
    height: 73px;
    min-height: 73px;
}

.footer .footer-sitemap {
    float: left;
    width: 100%;
    padding: 30px 0 0;
}

.footerNavContainer {
    margin: 40px 0 0;
}

.footerNavContainer ul li {
    float: left;
    width: 20%;
    margin: 0;
}

.footerNavContainer ul li a,
.en .footerNavContainer ul li ul li.last a {
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    margin: 0 0 5px 0;
    display: block;
    width: 100%;
}

.footerNavContainer ul li ul li {
    margin: 0 0 5px 0;
    width: 100%;
}

.footerNavContainer ul li ul li a,
.en .footerNavContainer ul li ul li.last a {
    font-weight: normal;
    margin: 0;
}

.en .footerNavContainer ul li.last a {
    font-size: 20px;
}

#footerNav ul {
    float: left;
}

#footerNav li {
    font-size: 12px;
    margin: 0px 0px 5px 0px;
}

#footerNav li a {
    color: #000000;
    text-decoration: none;
}

#footerNav li.active a {
    text-decoration: underline;
    color: #000000;
}

#footerNav li a:hover {
    color: #000000;
}


/*   Login    */

#mainlogin p {
    line-height: 26px
}

#mainlogin p a.reg {
    padding: 0 8px 0 0;
    font-size: 12px
}

#mainlogin p a.forget {
    font-size: 12px
}

#mainlogin p input {
    padding: 5px;
    width: 250px
}

#mainlogin p input#username {
    margin: 0 0 10px;
}

#mainlogin p input#password {
    margin: 0 80% 5px 0;
}

#mainlogin .loginLoginButton {
    position: absolute;
    left: 0;
    top: 280px;
    float: left;
}

#mainlogin .loginLoginButton input {
    width: 82px;
    padding: 0;
    margin: 0;
}

.loginForm {
    float: right;
    width: 385px;
}

.loginForm h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    margin: 0 0 5px 0;
}

.loginLoginFieldset {
    padding-top: 18px;
    height: 137px;
    background: transparent url(../img/login/bg-loginbox.jpg) 0 0 no-repeat;
}

.loginLogin .row {
    height: 26px;
    margin-bottom: 9px;
}

.loginLogin .row label {
    float: left;
    width: 105px;
    text-align: right;
    padding-right: 18px;
    font-size: 12px;
    line-height: 26px;
    font-weight: bold;
}

.loginLogin .row input {
    float: left;
    width: 230px;
    padding: 4px;
    border: none;
}

.loginLoginButton input {
    float: right;
    margin: 8px 18px 0 0;
    width: 83px;
    height: 32px;
    border: none;
    background: transparent url(../img/login/bg-login-btn.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.loginLoginButton input:hover {
    background-position: 0 -32px;
}

.detailModul {
    width: 303px;
}

.detailModul p {
    font-size: 12px;
    color: #000
}


/*   Loginbox    */

.detailModul .loginForm {
    float: left;
    margin-left: 20px;
    width: 263px;
}

.detailModul .loginLogin p,
.detailModul .loginLoginForm p {
    position: relative;
    padding: 0 15px 5px;
    line-height: 16px;
}

p.error {
    color: red;
}

.detailModul .loginLogin p a {
    font-size: 12px;
    display: block;
}

.detailModul .loginLogin.logout p a {
    display: inline;
    text-decoration: underline
}

.detailModul .loginLoginForm p a {
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin: 0 0 4px 0;
}

.detailModul .loginLoginForm p a.forget {
    margin: 15px 0 0 0;
}

.detailModul .loginLoginForm input {
    display: block;
    width: 266px;
    padding: 4px 0 4px 4px;
}

.detailModul .loginLogoutButton,
.detailModul .loginLoginButton input {
    display: block!important;
    margin-top: 18px!important;
    border: none;
}

.detailModul .chatLoginButton input,
.detailModul.newsletter span input {
    border: none;
    background: #007A3B;
    padding: 4px 8px!important;
}

.detailModul.newsletter span input,
.detailModul .loginLogoutButton,
.detailModul .loginLoginButton input {
    background: #007A3B;
    border-radius: 3px 3px 3px 3px;
    margin: 3px 0 0 3px;
    color: #fff;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    padding: 6px 13px 13px 13px;
    text-indent: 0;
    font-family: 'Open Sans', arial, sans-serif;
    width: auto;
}

.detailModul .chatLoginButton input:hover,
.detailModul.newsletter span input:hover {
    background-position: 0 -32px
}

.detailModul.newsletter #email,
.detailModul.newsletter input.empty {
    width: 155px;
    padding: 4px 0 4px 4px;
    margin: 5px 0 0;
}

.ru .detailModul.newsletter #email,
.ru .detailModul.newsletter input.empty {
    width: 150px;
}

.loginFPEmail {
    padding: 5px;
}


/*---->breadcrumb*/

#breadcrumb {
    float: left;
    width: 100%;
    margin: 0 0 34px;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #999999;
    font-size: 11px;
}

#breadcrumb li {
    float: left;
    padding: 3px 5px 2px 0;
    margin: 0;
    line-height: 20px
}

#breadcrumb li.back {
    border: 1px solid #999;
    border-bottom: none;
    padding: 0;
    margin: 0 10px 0 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-topright: 2px;
}

#breadcrumb li.back a {
    color: #999;
    padding: 3px 15px 3px 25px;
    background: transparent url(../img/global/breadcrumb-arrow.gif) 10px 8px no-repeat;
    display: block;
}

#breadcrumb li.back a:hover {
    color: #000;
    background-position: 10px -22px
}


/*---->container */

h2.lexicon-headline,
.accordion h2 {
    color: #FFF;
    font-size: 14px;
    padding: 0 0 0 0px;
    margin: 2px 0 2px 0!important;
    background: #007a3b url(../img/global/accGfx.png) 590px 11px no-repeat;
}

h2.lexicon-headline {
    background-position: 270px 11px;
}

.accordion h2.active {
    background-position: 590px -35px;
}

.copyright,
p.achtung {
    font-style: italic;
    margin-bottom: 20px;
    padding: 16px 20px 20px 20px;
    border: 5px solid #FF1800;
    border-radius: 5px 5px 5px 5px;
}

.copyright h2 {
    font-size: 16px;
    font-weight: 700;
}

.copyright p {
    font-size: 13px;
    margin: 0px;
}

.copyright-photo {
    font-size: 10px;
    display: block;
    margin-top: -18px;
}

h2.lexicon-headline.active {
    background-position: 270px -35px;
}

h2.lexicon-headline a,
.accordion h2 a {
    display: block;
    color: #FFF;
    padding: 0 0 0 12px;
    line-height: 40px;
    font-weight: bold;
}

h2.lexicon-headline span {
    padding: 0 5px;
}

ul.lexicon-item {
    display: block;
    margin: 0;
    background: #f0f0f0;
    font-size: 13px;
}

ul.lexicon-item li {
    display: block;
    border-bottom: 1px solid #FFF;
}

ul.lexicon-item li:hover,
ul.lexicon-item li.active {
    background: #dedede;
}

ul.lexicon-item li.active {
    font-weight: 600;
}

ul.lexicon-item li a {
    display: block;
    padding: 10px 0 10px 16px;
}

#lexiconitem h1 {
    line-height: 100%;
}

#lexiconitem h1,
#lexiconitem p {
    margin: 0;
    padding: 0 0 15px;
}

#lexiconitem a {
    text-decoration: underline
}

#lexiconitem a:hover {
    text-decoration: none
}

#lexiconitem img {
    float: left;
    margin: 0 10px 0 0;
}

.lexicon #lexicon-content h1 {
    margin: 0 0 10px 0!important;
    font-size: 20px!important;
    padding: 0 !important;
    border: none!important;
}

#lexicon-content h2 {
    margin-bottom: 14px;
    font-size: 16px;
}

#lexicon-content img {
    float: left;
    margin: 5px 15px 5px 0;
}

#lexicon-content .green-bullet li {
    list-style-type: square;
    margin-bottom: 15px;
    color: #007a3b;
}

#lexicon-content .green-bullet li span {
    list-style-type: square;
    margin-bottom: 15px;
    color: #3f3f3f;
}

#lexicon-content .green-bullet {
    padding: 0 20px;
}

#lexicon-content .imgtextbox {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    float: left;
    font-size: 10px;
    font-weight: bold;
    height: 38px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 168px;
    top: 194px;
}

#lexicon-content span.imgtext {
    display: block;
    padding-top: 5px;
}

.unternehmensgruppe .item p {
    margin: 0px 0px 15px 0px;
}

.unternehmensgruppe .item img {
    margin: 0px 0px 17px 0px;
}

.unternehmensgruppe .item {
    margin: 0px 0px 0px 0px;
    padding: 17px 17px 17px 17px;
    background: none repeat scroll 0 0 #F0F0F0;
}

.detailCatOverview {
    margin: 0 0 2px 0;
}


/*  produktdetail-jquery-tabs  */

#tab-technik,
#tab-sortiment,
#tab-zubehoer {
    float: left;
}

#tabs {
    float: right;
}

#tabs.haendler {
    float: left;
    width: 100%;
}

#tab-technik p {
    margin-bottom: 35px;
}

#tab-download ul li {
    background: none;
    padding: 0 0 20px 0;
}

#tab-download ul li a {
    width: 226px;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}

#tabs .continent .countryRow:nth-child(2n+1) {
    background: #F3F3F3;
}


/*  produkte detail  */

#page-827 #slideshow h2 {
    font-size: 16px!important;
}

#detailHeaderPic {
    margin: 0px 0px 28px 0px;
    float: left;
    position: relative;
}

#detailRightColumn h1 {
    font-size: 21px;
    line-height: 1.25;
    color: #212121;
    font-weight: bold;
}

#detailRightColumn h1 img {
    vertical-align: middle
}

#swfContent {
    position: relative
}

#regalLegende {
    color: #ffffff;
    position: absolute;
    top: 45px;
    left: 682px;
    width: 250px;
}

#regalLegende .blue {
    background: #144069;
    padding-left: 5px;
    margin-bottom: 10px;
}

#regalLegende .green {
    background: #007a3b;
    padding-left: 5px;
    margin-bottom: 10px;
}

#regalLegende .orange {
    background: #f15a22;
    padding-left: 5px;
    margin-bottom: 10px;
}

#regalLegende .brightblue {
    background: #00aeef;
    padding-left: 5px;
    margin-bottom: 10px;
}

#regalLegende .red {
    background: #b4153a;
    padding-left: 5px;
    margin-bottom: 10px;
}

#regalLegende .gray {
    background: #959485;
    padding-left: 5px;
    margin-bottom: 10px;
}

#regalLegende .brightbrown {
    background: #b08445;
    padding-left: 5px;
    margin-bottom: 10px;
}

#regalLegende .pink {
    background: #c2188d;
    padding-left: 5px;
    margin-bottom: 10px;
}

#regalLegende .brown {
    background: #a76635;
    padding-left: 5px;
    margin-bottom: 10px;
}

#regalLegende .terrasse {
    background: #8a4624 url(../img/heimwerker/scannerleisteTerrasse.jpg) no-repeat;
    padding-left: 5px;
    margin-bottom: 10px;
}

#regalLegende .sortimente {
    background: #144069;
    padding-left: 5px;
    margin-bottom: 10px;
}

.sisea-search-form {
    padding: 11px 0px 11px 17px;
    background: #b2d7c4;
}

.sisea-search-form label input {
    width: 400px;
}

.results-info {
    font-size: 21px;
    padding: 20px 0px 10px 0px;
    border-bottom: 2px solid #000000;
}

.pagination {
    padding: 11px 0px 11px 17px;
    background: #e4e4e4;
}

.result {
    margin: 0;
    padding: 11px 0px 11px 17px;
    border-top: 1px solid #999999;
}

.results h2 {
    font-size: 16px;
    background: #007a3b;
    color: #FFF;
    padding: 2px 5px;
}

.result h3 {
    background: transparent url(../img/global/home-content-arrow.png) 0px 2px no-repeat;
    padding: 0 0 0 23px;
}

#detailRightColumn h2 {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 43px;
    margin-top: 0px;
    color: #212121;
}

#detailRightColumn h2.small-margin {
    margin-bottom: 10px;
}

#detailRightColumn h1 + h2 {
    margin-top: -15px;
}

#detailRightColumn .item h2 {
    font-size: 21px;
    line-height: 1.4;
    margin-bottom: 20px;
    margin-top: -30px;
    color: #212121;
}

#detailRightColumn h3,
.unternehmensgruppe.accordion h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #212121;
    margin-bottom: 9px;
}

#detailRightColumn ul {
    margin: 0 0 25px 0;
}

.de #kontakt .radiogroup,
.en #kontakt .radiogroup {
    margin: 0!important;
}

#detailRightColumn li {
    list-style: none;
    background: transparent url(../img/global/bulletPoint.gif) 2px 10px no-repeat;
    padding: 0 0 14px 15px;
}

#detailRightColumn ul li ul {
    margin: 15px 0 -15px 0;
}

#detailRightColumn ul li ul li {
    list-style: none;
    background: transparent url(../img/global/bulletPoint_grey.gif) 2px 10px no-repeat;
    padding: 0 0 14px 15px;
}

#tabNavigation {
    height: 35px;
    border-bottom: 2px solid #007a3b;
    margin: 0px 0px 22px 0px;
    text-transform: uppercase;
}

#tabNavigation li a {
    float: left;
    width: 181px;
    height: 35px;
    margin: 0px 3px 0px 0px;
    text-align: center;
    line-height: 35px;
}

#tabNavigation li a {
    background: transparent url(../img/global/tabOff.gif) 0 0 no-repeat;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
}

.ru #tabNavigation li a#technik {
    line-height: 12px;
    padding-top: 6px;
}

#tabNavigation li.ui-state-active a {
    background: transparent url(../img/global/tabOn.gif) 0 0 no-repeat;
    color: #ffffff;
}

#applicationimgContainer img {
    margin: 0
}

#applicationimgContainer p {
    font-size: 10px
}

#youTubePlayer {
    margin: 0px 0px 23px 0px;
}

.detailApplication {
    margin: 0px 0px 27px 0px;
    background: #e5e5e5;
}

.detailApplication img {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.detailApplication p {
    font-size: 12px;
    padding: 17px;
}

.detailModul {
    background: #eeeeee url(../img/global/module/modulBg.jpg) center 0;
    padding: 0;
    margin: 0 0 22px;
}

.detailModul.login {
    padding: 0 0 12px 0;
}

.seeAllLink {
    margin: 0px 0px -5px 0px;
}

.detailModulheader {
    background: url("../img/global/detailModulHeadBg.png") repeat scroll 0 0 transparent;
    border-bottom: 2px solid #007A3B;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    height: 35px;
    line-height: 36px;
    margin: 0 0 14px;
    padding: 0 17px;
    text-transform: none;
}

.detailModulheader span {
    float: right;
}

.detailModulheader.register {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 2px solid #45b6a8;
    padding: 0;
    background: #007A3B;
}

.detailModulheader.register a {
    display: block;
    font-size: 140%;
    text-align: center;
    line-height: 35px;
    color: #FFF;
    background-image: linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -o-linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.55, rgb(0, 122, 59)), color-stop(1, rgb(12, 157, 118)));
}

.detailModulheader.register a:hover {
    background-image: linear-gradient(bottom, rgb(0, 122, 59) 30%, rgb(12, 157, 118) 100%);
    background-image: -o-linear-gradient(bottom, rgb(0, 122, 59) 30%, rgb(12, 157, 118) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(0, 122, 59) 30%, rgb(12, 157, 118) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(0, 122, 59) 30%, rgb(12, 157, 118) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(0, 122, 59) 30%, rgb(12, 157, 118) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.30, rgb(0, 122, 59)), color-stop(1, rgb(12, 157, 118)));
}

.detailModul a {
    color: #000000;
    font-size: 12px;
    text-decoration: none;
}

.detailModul a.button {
    background: none repeat scroll 0 0 #007A3B;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin: 0px;
    padding: 8px 16px;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    line-height: 12px;
    float: right;
}

.projekt.detailModul a {
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    margin-top: -6px;
    padding: 0 0 0 7px;
    text-decoration: none;
    width: 267px;
}

.detailModul a.title.outdoor-construction {
    background: #90BE45
}

.detailModul a.title.indoor {
    background: #FFC826
}

.detailModul a.title.terrasse,
.detailModul a.title.terrace {
    background: #395707
}

.detailModul a.title.outdoor-terrasse,
.detailModul a.title.outdoor-terrace {
    background: #90BE45
}

.detailModul a.title.construction {
    background: #a85420
}

.detailModul a.showSimilar {
    background: url(../img/global/showAllSimilarProducts.png);
    display: block;
    height: 40px;
    line-height: 40px;
    color: #007a3b;
    text-align: right;
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    padding: 0px 40px 0px 0px;
}

.procatoBanner {
    width: 269px;
    margin: 12px 16px 20px 16px;
    height: auto;
}

.detailModul .projekt {
    width: 279px;
    float: left;
}

.detailModul a.title.outdoor-construction,
.detailModul a.title.indoor,
.detailModul a.title.terrasse,
.detailModul a.title.terrace,
.detailModul a.title.outdoor-terrasse,
.detailModul a.title.outdoor-terrace,
.detailModul a.title.construction,
.detailModul a.window,
.detailModul a.bits,
.detailModul a.sortimente {
    position: relative;
    top: -6px;
    float: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #FFF;
    padding: 2px 5px;
    width: 264px;
    text-align: left;
}

.detailModul .indoor a.title {
    background: #ffc826
}

.detailModul .outdoor-construction a.title,
.detailModul .outdoor-terrasse a.title,
.detailModul .outdoor-terrace a.title {
    background: #90be45
}

.detailModul .construction a.title {
    background: #a95e34
}

.detailModul a.window {
    background: #003b61
}

.detailModul a.bits,
.detailModul a.sortimente {
    background: #c2007b
}

.similarScrew {
    margin: 12px 12px 20px 12px;
    padding: 0 0 12px;
    border-bottom: 1px solid #cac9c9;
}

.similarScrew h1 {
    font-size: 14px;
    font-weight: bold
}

.similarScrew .title {
    display: block;
    font-size: 13px;
    font-weight: bold;
}

.similarScrew .title br {
    display: none
}

.similarScrew .title img {
    vertical-align: middle;
    height: 22px;
}

.similarScrew p {
    font-size: 12px;
    margin: 0;
}

.similarScrew,
.similarScrew span.a2,
.similarScrew span.a4 {
    font-size: 12px!important;
}

.similarScrew img.a2-a4 {
    height: 28px;
    margin-top: -6px;
    padding-left: 5px;
}

.detailModul .latest-event a,
.detailModul .latest-news a,
.detailModul #stellenanzeigen li a {
    display: block;
}

.detailModul .latest-event {
    border-bottom: 1px solid #CAC9C9;
    margin: 15px 17px;
    padding: 0 0 12px;
}

.detailModul .latest-news {
    border-bottom: 1px solid #CAC9C9;
    margin: 15px 17px;
    padding: 0 0 12px;
}

.detailModul .latest-event.last,
.detailModul .latest-news.last,
.detailModul #stellenanzeigen li.last {
    border: none;
    padding: 0;
}

.detailModul .latest-event .image {
    float: left;
    width: 90px;
    height: 90px;
    margin: 0px 12px 0 0;
}

.detailModul .latest-event .desc {
    float: left;
    width: 167px;
}

.detailModul .latest-event .desc p {
    margin: 0;
}

.detailModul .latest-event .desc span {
    font-size: 11px;
    margin: 0 0 5px
}

.detailModul h3 {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.45;
    margin: -3px 0 5px;
}

.detailModul h3 a {
    font-size: 13px;
}

.detailModul #stellenanzeigen li {
    margin: 13px 17px;
    padding: 0 0 6px 3px;
    border-bottom: 1px solid #cac9c9;
}

.detailModul .linkeSpalteBildUndText {
    padding: 0px 15px 15px 15px;
}

.detailModul.produktfinder h2 {
    margin: 0;
}

.detailModul.produktfinder p {
    float: left;
    width: 281px;
    padding: 10px;
    margin: 0;
    background: #FFF;
    font-size: 12px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.detailModul.produktfinder form {
    float: left;
    width: 301px;
    padding: 0;
    margin: 0;
}

.detailModul.produktfinder h3 {
    position: relative;
    float: left;
    width: 301px;
    padding: 0;
    border: 1px solid #CCC;
    border-bottom: none;
    background: #F5F5F5 url(../img/global/produktfinder-header-bg.gif) 0 0 repeat-x;
}

.detailModul.produktfinder h3.active {
    border: 1px solid #007A3B;
    border-bottom: none;
    color: #007A3B;
}

.detailModul.produktfinder h3.active,
.detailModul.produktfinder h3:hover {
    cursor: pointer;
    background-position: 0 -52px;
}

.detailModul.produktfinder h3.last {
    border-bottom: 1px solid #CCC;
}

.detailModul.produktfinder h3 span {
    display: block;
    padding: 10px 10px 10px 35px;
    background: transparent url(../img/global/produktfinder-arrow.png) 10px 12px no-repeat;
}

.detailModul.produktfinder h3.active span {
    background-position: 10px -34px;
}

.detailModul.produktfinder h3 span.options {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    text-align: right;
    z-index: 999;
    padding: 0 5px 0 0;
    background: none;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
}

.detailModul.produktfinder ul {
    position: relative;
    padding: 10px;
    background: #FFF;
    display: block;
    float: left;
    width: 281px;
    border: 1px solid #CCC;
    border-top: none;
}

.detailModul.produktfinder ul.active {
    border: 1px solid #007A3B;
}

.detailModul.produktfinder ul li {
    float: left;
    width: 50%;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #CCC;
    font-size: 11px;
    font-weight: bold;
}

.detailModul.produktfinder ul.small li {
    width: 33.33%;
}

.detailModul.produktfinder ul li.reset {
    float: left;
    width: 100%;
    border: none;
    margin: 0;
    text-indent: 5px;
    padding: 0;
}

.produktfinder ul li.reset a {
    float: right;
    padding: 10px 5px 0 0;
    font-size: 12px;
    color: #007A3B;
    text-decoration: none;
}

#content {
    position: relative;
}

#content .produktfinder ul.init {
    height: 250px
}

#content .produktfinder ul li.loading,
#produktfinder ul#productgroups li.loading,
#produktfinder ul#productgroups_alt li.loading,
#produktfinder ul li.loading {
    position: absolute;
    display: block;
    float: left;
    top: 0;
    right: 0;
    width: 100%!important;
    height: 100%;
    background: #EFEFEF url(../img/global/ajax-loader.gif) 121px 48% no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    z-index: 999;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#content .produktfinder ul li.loading {
    margin: 35px 0 0;
    background-color: #FFF;
    background-position: 50% 125px;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.detailModul.produktfinder ul li input {
    float: left;
}

.detailModul.produktfinder ul li label {
    display: block;
    position: relative;
    top: 1px;
}


/*    vkf page    */

.vkfItem {
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.vkfItem h2 {
    color: #212121;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}


/*    event page    */

.content.event {
    float: left;
    width: 100%;
    margin: 0 0 0;
}

.content.event .image {
    float: left;
    width: 90px;
    height: 90px;
    margin: 5px 15px 0 0;
    padding: 0;
}

.content.event .desc {
    float: left;
    width: 845px;
}

.content.event .date {
    margin: 0 0 10px;
}

.content.event .intro {
    margin: 0 0 10px;
    font-weight: bold;
    width: 85%;
}

.content.event h1 {
    margin: 0 0 5px;
}

.content.event .latest-event {
    margin: 10px 0 0px;
    padding: 0 0 14px;
    border-bottom: 1px solid #cac9c9;
}

.content.event .latest-event.last {
    border: none;
}

.content.event .latest-event .desc {
    width: 65%;
}

.content.event .latest-event .desc h3 {
    font-weight: bold;
    font-size: 14px;
}

.content.event .latest-event .desc p {
    margin: 0;
    padding: 0;
}

.content.event .latest-event .desc span {
    display: block;
    margin: 0 0 8px;
    font-size: 11px;
}

.content.event .latest-event .desc a {
    color: #000;
}


/*---->technics*/

.technics {
    margin: 0;
    overflow: hidden;
    clear: both;
}

#produktdetail.handwerker .technics {
    padding: 25px 0;
}

#produktdetail.handwerker .technics img {
    vertical-align: middle;
    margin: 0;
}

.technics img {
    margin: -40px 0px -40px 0px;
}

#page-8241 .technics img,
#page-8251 .technics img,
#page-8250 .technics img,
#page-8245 .technics img,
#page-65 .technics img,
#page-62 .technics img,
#page-64 .technics img,
#page-8276 .technics img,
#page-8246 .technics img {
    margin: 0;
}


/*---->technics*/


/*---->sortiment*/

#sortimentFilterContainer {
    background: #eeeeee url(../img/global/sortimentFilterBg.gif);
    padding: 50px 0px 10px 15px;
    font-size: 11px;
    margin: 0px 0px 20px 0px
}

.sortimentFilterPulldown {
    float: left;
    margin: 0px 20px 0px 0px
}

.dataContainer {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    overflow: hidden;
}

.dataContainer.header {
    margin-bottom: 0;
    position: relative;
}

.dataContainer table.header {
    width: 100%;
}

.dataContainer.header.withlogo .titles,
.dataContainer.header.withAusschreiben .titles {
    margin: 0 0 28px 0!important;
    padding: 0!important;
    line-height: 140%!important;
    width: 100%;
    float: left;
    width: 350px;
}

.dataContainer.header.withlogo .titles h2 {
    font-weight: 700;
}

.dataContainer.header h2 {
    margin: 3px 0 5px 0!important;
    padding: 0!important;
    line-height: 100%!important;
    width: 100%;
    float: left;
    font-weight: 700;
}

.dataContainer.header h3 {
    margin: 0!important;
    padding: 0!important;
    line-height: 140%!important;
    width: 100%;
    font-size: 14px!important;
    float: left;
    font-weight: normal!important;
    ;
}

.dataContainer.header.withlogo h2 {
    width: 350px;
}

.dataContainer table {
    float: left;
    width: 100%;
}

.dataContainer table tr td {
    width: 46px
}

.dataContainer table tr td.d {
    width: 93px
}

.dataContainer table tr td.s,
.dataContainer table tr td.e {
    width: 125px;
}

.dataContainer table.body {
    float: left;
    width: 530px;
    border-top: 1px solid #000
}

#page-869 .dataContainer table thead tr th {
    width: 33.33%;
    border-bottom: 1px solid #000;
}

#page-869 .dataContainer table tr th {
    padding-top: 5px;
}

#page-869 .dataContainer table tbody tr td {
    width: 33.33%;
    padding-top: 5px;
    border-bottom: 0px solid transparent;
}

#page-869 .dataContainer table tfoot td {
    width: 33.33%;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}

#page-8252 .dataContainer table tr th {
    width: 25%;
    border-bottom: 1px solid #000;
    padding-top: 10px;
    padding-bottom: 10px;
}

#page-8252 .dataContainer table tr td {
    width: 25%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.dataContainer.sortiment.no-image table {
    float: left;
    width: 623px;
}

.dataContainer.with-image table.header {
    float: left;
    width: 558px;
}

.dataContainer .detail,
.dataContainer .detail.abb {
    float: left;
    border-top: 1px solid #000;
}

.dataContainer .detail {
    width: 93px
}

.dataContainer .abb {
    width: 65px
}

.dataContainer .farbe {
    float: left;
    border-top: 1px solid #000;
    width: 65px;
}

.dataContainer .detail span {
    font-size: 25px;
    font-weight: bold;
}

.dataContainer .detail span.kopf {
    font-size: 12px!important;
    font-weight: normal;
}

.dataContainer h2 {
    font-size: 16px
}

.dataContainer table.header tr td {
    border-top: 1px solid #000000;
    border-bottom: none;
    font-size: 12px;
    vertical-align: top;
    font-weight: 600;
    padding: 5px 0;
}

.dataContainer tr.headerEmpty td {
    border-bottom: 1px solid #000000;
    display: none
}

.dataContainer tr.green {
    background: #d7e5d8;
}

.dataContainer tr.green td,
.dataContainer tr.white td {
    font-weight: normal!important;
}

.dataContainer tr.white {
    background: #ffffff;
}

.dataContainer td.overall {
    background: #ffffff;
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 93px;
}

.dataContainer tr.title td {
    padding: 0 0 0 10px;
    font-style: italic;
    font-weight: 700;
}

.dataContainer tr.white.title.pack-138,
.dataContainer tr.green.pack-138 {
    background: #E1E1E1!important;
}

.dataContainer tr.title.pack-62 td,
.dataContainer tr.title.pack-138 td {
    border-top: 1px solid #000;
    text-align: left;
}

.dataContainer tr.notice td {
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0;
}

.dataContainer td {
    text-align: center;
    border-bottom: 1px solid #000000;
}

.dataContainer td.thin {
    width: 56px;
}

.dataContainer td.abb {
    width: 65px;
}

.dataContainer td.medium {
    width: 93px;
}

.dataContainer td.thick {
    width: 125px;
}

.dataContainer.sortiment.product-255 tr:last-child {
    display: none;
}


/*   handwerker detail   */

.handwerker .dataContainer .header {
    border-top: 1px solid #000;
}

.handwerker .dataContainer .header tr td {
    font-size: 11px;
    border: none;
    text-align: left;
    font-weight: 600;
}

.handwerker .dataContainer tr td {
    width: auto;
}

.handwerker .dataContainer .header tr.desc td {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 10px;
    font-weight: 600;
}

#page-830 .handwerker .dataContainer .header tr.desc td {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 10px;
    font-weight: 600;
    padding-right: 0px;
    width: 10%;
}

#page-830 .handwerker .dataContainer .header tr.desc .gd {
    width: 11%;
}

#page-830 .handwerker .dataContainer .header tr.desc .bl {
    width: 8%;
}

#page-830 .handwerker .dataContainer .header tr.desc .bez,
#page-830 .handwerker .dataContainer .header tr.desc .gl,
#page-830 .handwerker .dataContainer .header tr.desc .kg {
    width: 9%;
}

#page-830 .handwerker .dataContainer .header tr.desc .profil {
    width: 15%;
}

#page-830 .handwerker .dataContainer .header tr.desc .kh {
    width: 7%;
}

#page-830 .handwerker .dataContainer .header tr.desc .sb,
#page-830 .handwerker .dataContainer .header tr.desc .pl {
    width: 4%;
}

#page-830 .handwerker .dataContainer .header tr.desc .artikelnummer {
    width: 23%;
}

.handwerker .dataContainer .header tr.desc td.pl {
    text-align: center;
}

.handwerker .dataContainer .header tr td span {
    border-bottom: 1px solid #000;
    display: block;
    margin: 0 10px 0 0;
    padding: 3px 0;
}

.handwerker .dataContainer .header tr td.artikelnummer span {
    border-bottom: 1px solid #FFF;
}

.handwerker .dataContainer .detail span {
    font-size: 20px
}

.handwerker .dataContainer .detail {
    width: 62px
}

.handwerker .dataContainer table tr td.gd {
    width: 62px;
    padding-right: 10px;
}

.handwerker .dataContainer table tr td.gl {
    width: 50px;
    padding-right: 10px;
}

.handwerker .dataContainer table tr td.sg {
    width: 70px;
    padding-right: 10px;
}

.handwerker .dataContainer table tr td.kg {
    width: 55px;
    padding-right: 10px;
}

.handwerker .dataContainer table tr td.sb {
    width: 50px;
    padding-right: 10px;
}

.handwerker .dataContainer table tr td.uk {
    width: 62px;
    padding-right: 10px;
}

.handwerker .dataContainer table tr td.bez {
    width: 45px;
    padding-right: 10px;
}

.handwerker .dataContainer table tr td.profil {
    width: 70px;
    padding-right: 10px;
}

.handwerker .dataContainer table tr td.pl {
    width: 65px;
    padding-right: 20px;
}

.handwerker .dataContainer table tr td.kd {
    width: 37px;
    padding-right: 10px;
}

.handwerker .dataContainer table tr td.kh {
    width: 29px;
    padding-right: 10px;
}

.handwerker .dataContainer table tr td.bl {
    width: 44px;
    padding-right: 10px;
}

.handwerker .dataContainer table tr td.gurt {
    width: 47px;
    padding-right: 10px;
}

.handwerker .dataContainer table tr td.artikelnummer {}

.handwerker .dataContainer table.body {
    width: 560px
}

.handwerker .dataContainer table.body tr td {
    text-align: left;
    font-size: 13px;
}

.handwerker .dataContainer table.body tr td.pl {
    text-align: right;
}

.handwerker .dataContainer table.body tr td.gl {
    padding: 0px 10px 0px 10px;
}

.handwerker .dataContainer.product-164 table tr td.gl,
.handwerker .dataContainer.product-165 table tr td.gl {
    width: 50px!important;
}

.handwerker .dataContainer.product-224 table tr td.gl,
.handwerker .dataContainer.product-184 table tr td.gl,
.handwerker .dataContainer.product-206 table tr td.gl {
    padding-right: 5px;
}

.handwerker .dataContainer.product-224 table tr td.kd,
.handwerker .dataContainer.product-184 table tr td.kd,
.handwerker .dataContainer.product-206 table tr td.gl {
    padding-right: 5px;
}

.handwerker .dataContainer.product-224 table tr td.sg,
.handwerker .dataContainer.product-184 table tr td.sg,
.handwerker .dataContainer.product-206 table tr td.sg {
    padding-right: 5px;
}

.handwerker .dataContainer.product-224 table tr td.kg,
.handwerker .dataContainer.product-184 table tr td.kg,
.handwerker .dataContainer.product-206 table tr td.kg {
    padding-right: 5px;
}

.handwerker .dataContainer.product-224 table tr td.pl,
.handwerker .dataContainer.product-184 table tr td.pl,
.handwerker .dataContainer.product-206 table tr td.pl {
    padding-right: 20px;
}

.handwerker .dataContainer.product-164 table tr td.uk,
.handwerker .dataContainer.product-165 table tr td.uk {
    width: 60px;
    padding-right: 10px;
}

.handwerker .dataContainer.product-164 table tr td,
.handwerker .dataContainer.product-165 table tr td,
.handwerker .dataContainer.product-176 table tr td {
    padding-right: 5px!important;
}

.handwerker .dataContainer.product-164 table tr td.pl,
.handwerker .dataContainer.product-165 table tr td.pl {
    width: 50px;
    padding-right: 20px!important;
}

.handwerker .dataContainer.product-164 table tr td.gd,
.handwerker .dataContainer.product-165 table tr td.gd {
    padding-right: 10px!important;
}

.handwerker .dataContainer.product-169 table tr td.gd,
.handwerker .dataContainer.product-165 table tr td.gd {
    padding-right: 10px!important;
}

.handwerker .dataContainer.product-167 table tr td.sb,
.handwerker .dataContainer.product-168 table tr td.sb,
.handwerker .dataContainer.product-169 table tr td.sb,
.handwerker .dataContainer.product-170 table tr td.sb {
    width: 120px;
    padding-right: 20px;
}

.handwerker .dataContainer.product-176 table tr td.kg {
    width: 47px;
}

.handwerker .dataContainer.product-176 table tr td.pl {
    width: 66px!important;
    text-align: left!important;
}

.handwerker .dataContainer.product-176 table tr td.sb {
    width: 58px!important;
}

.handwerker .dataContainer.product-176 table tr td.gl {
    width: 47px;
    padding-left: 5px;
}

.handwerker .dataContainer.product-176 table tr td.gd {
    padding-right: 0px!important;
}

.handwerker .dataContainer.product-176 table tr td.bl {
    width: 42px;
}

.handwerker .dataContainer.product-181 table tr td.bez,
.handwerker .dataContainer.product-183 table tr td.bez {
    width: 102px;
}

.handwerker .dataContainer.product-181 table tr td.pl,
.handwerker .dataContainer.product-183 table tr td.pl,
.handwerker .dataContainer.product-196 table tr td.pl {
    width: 52px;
}

.handwerker .dataContainer.product-196 table tr td.uk {
    width: 54px;
}

.handwerker .dataContainer.product-159 table.body,
.handwerker .dataContainer.product-163 table.body,
.handwerker .dataContainer.product-171 table.body,
.handwerker .dataContainer.product-197 table.body,
.handwerker .dataContainer.product-198 table.body,
.handwerker .dataContainer.product-199 table.body,
.handwerker .dataContainer.product-200 table.body,
.handwerker .dataContainer.product-201 table.body,
.handwerker .dataContainer.product-202 table.body,
.handwerker .dataContainer.product-203 table.body,
.handwerker .dataContainer.product-207 table.body,
.handwerker .dataContainer.product-208 table.body,
.handwerker .dataContainer.product-209 table.body,
.handwerker .dataContainer.product-210 table.body,
.handwerker .dataContainer.product-211 table.body,
.handwerker .dataContainer.product-212 table.body,
.handwerker .dataContainer.product-213 table.body,
.handwerker .dataContainer.product-214 table.body,
.handwerker .dataContainer.product-215 table.body,
.handwerker .dataContainer.product-239 table.body,
.handwerker .dataContainer.product-261 table.body,
.handwerker .dataContainer.product-262 table.body {
    width: 622px
}

.handwerker .dataContainer.product-171 table th,
.handwerker .dataContainer.product-171 table td {
    text-align: left;
    padding-left: 10px
}

.handwerker .dataContainer.product-171 table th {
    font-weight: bold;
    border-bottom: 1px solid #000;
    padding: 10px 0 10px 10px;
    vertical-align: middle
}

.handwerker .dataContainer.product-198 table th {
    border-bottom: 1px solid #000;
    vertical-align: middle
}

.handwerker .dataContainer.product-198 .abmessung {
    width: 38%
}

.handwerker .dataContainer.product-171 table td {
    padding: 2px 0 2px 10px;
}

.handwerker .dataContainer.product-171 table td img {
    margin: 2px 0 0 0
}

.handwerker .dataContainer .left {
    text-align: left;
    padding-left: 10px;
}

.handwerker .dataContainer .right {
    text-align: right;
    padding-right: 10px;
}

.handwerker .dataContainer.product-212 table td {
    text-align: left;
}

.handwerker .dataContainer.product-212 table th,
.handwerker .dataContainer.product-213 table th,
.handwerker .dataContainer.product-214 table th,
.handwerker .dataContainer.product-241 table th {
    border-bottom: 1px solid #000;
    padding: 5px 10px;
    vertical-align: middle
}

.handwerker .dataContainer.product-212 table td {
    padding: 2px 10px;
    vertical-align: middle
}

.handwerker .dataContainer.product-212 table th h3 {
    padding: 0!important;
    margin: 0!important;
    line-height: 100%!important;
}

.handwerker .dataContainer.product-212 table:first-child tr:first-child th {
    border-bottom: none;
    vertical-align: bottom
}

.handwerker .dataContainer.product-212 table:first-child tr th:first-child {
    padding-left: 0;
}

.handwerker .dataContainer.product-212 table:nth-child(2n).body {
    border-top: none;
}

.handwerker .dataContainer.product-212 table td.a,
.handwerker .dataContainer.product-212 table td.c,
.handwerker .dataContainer.product-212 table td.d,
.handwerker .dataContainer.product-212 table td.e {
    width: 7%
}

.handwerker .dataContainer.product-212 table td.f {
    width: 8%
}

.handwerker .dataContainer.product-212 table th.c span,
.handwerker .dataContainer.product-212 table th.d span,
.handwerker .dataContainer.product-212 table th.e span,
.handwerker .dataContainer.product-212 table th.f span {
    float: left;
    background: #FFF url(../img/produkte/212/icon-regal.gif) 0 100% repeat-x;
    width: 12px;
    height: 45px;
}

.handwerker .dataContainer.product-212 table .b {
    width: 52%
}

.handwerker .dataContainer.product-212 table th.d span {
    width: 22px
}

.handwerker .dataContainer.product-212 table th.e span {
    width: 32px
}

.handwerker .dataContainer.product-212 table th.f span {
    width: 42px
}

.handwerker .dataContainer.product-214 table.body th,
.handwerker .dataContainer.product-213 table.body th {
    text-align: center
}
.handwerker .dataContainer.product-214 table.body td {
    text-align: center
}


/*-------sitemap-------*/

#sitemap ul {
    margin: 0 0 5px 10px;
}

#sitemap ul ul {
    margin-left: 0;
}

#sitemap ul ul li {
    padding-left: 18px;
    background: #FFF url(../img/global/sitemap-child.gif) -2px -2px no-repeat;
}


/*-------SLIDESHOW-------*/

.slideshow-container {
    float: left;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

#referenzenSlideshow .slideshow-container {
    height: 293px;
}

#produktdetail .slideshow-container {
    height: 289px!important;
}

#slideshow-container {
    float: left;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

#referenzenSlideshow #slideshow-container {
    height: 283px;
}

#slideshow ul {
    float: left;
    margin: 0;
    padding: 25px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 85px;
    height: 380px;
    z-index: 1999;
}

.en #page-1 #slideshow ul,
.fr #page-1 #slideshow ul,
.be-fr #page-1 #slideshow ul,
.be-nl #page-1 #slideshow ul,
.nl #page-1 #slideshow ul,
#page-8557 #slideshow ul {
    padding: 3px 0 0;
}

#slideshow .bg {
    display: none;
}

html>body #slideshow .bg {
    *filter: alpha(opacity=20);
    *background: #00884f;
}

#referenzenSlideshow #slideshow ul {
    height: 283px;
}

#slideshow ul li {
    float: left;
    width: 55px;
    height: 40px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 5px solid #007a3b;
    background: url(../img/slideshow/btn-active.png) 0 0 no-repeat;
}

#slideshow ul li.ui-tabs-selected {
    width: 78px!important;
    padding: 5px 0 3px 4px;
    margin: 0;
    border: none;
    background: url(../img/slideshow/btn-active.png) 0 100% no-repeat;
    opacity: 1.0!important;
    filter: alpha(opacity=100)!important;
}

#slideshow ul li.ui-tabs-selected img {
    width: 67px;
}

#page-1 #slideshow h2,
#page-8557 #slideshow h2,
#page-198 #slideshow h2,
#page-200 #slideshow h2,
#page-201 #slideshow h2,
#page-203 #slideshow h2,
#page-204 #slideshow h2 {
    position: absolute;
    left: 85px;
    bottom: 105px;
    font-size: 54px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 15px 5px 15px;
    color: #00884f;
    color: rgba(0, 136, 79, 0.9);
    line-height: 100%;
    background: rgba(255, 255, 255, 0.7);
}

.de #page-8557 .slideShowLink,
.de #page-1 .slideShowLink,
.en #page-1 .slideShowLink,
.fr #page-1 .slideShowLink,
.be-fr #page-1 .slideShowLink,
.be-nl #page-1 .slideShowLink,
.nl #page-1 .slideShowLink {
    z-index: 0;
}

.de #page-8557 #slideshow .slideShowLink h2,
.de #page-1 #slideshow .slideShowLink h2,
.en #page-1 #slideshow .slideShowLink h2,
.fr #page-1 #slideshow .slideShowLink h2,
.be-fr #page-1 #slideshow .slideShowLink h2,
.be-nl #page-1 #slideshow .slideShowLink h2,
.nl #page-1 #slideshow .slideShowLink h2,
.en #page-198 #slideshow .slideShowLink h2,
.fr #page-198 #slideshow .slideShowLink h2,
.be-fr #page-198 #slideshow .slideShowLink h2,
.de #page-198 #slideshow .slideShowLink h2,
.be-nl #page-198 #slideshow .slideShowLink h2,
.nl #page-198 #slideshow .slideShowLink h2,
.de #page-200 #slideshow .slideShowLink h2,
.en #page-200 #slideshow .slideShowLink h2,
.fr #page-200 #slideshow .slideShowLink h2,
.be-fr #page-200 #slideshow .slideShowLink h2,
.be-nl #page-200 #slideshow .slideShowLink h2,
.nl #page-200 #slideshow .slideShowLink h2,
.de #page-201 #slideshow .slideShowLink h2,
.en #page-201 #slideshow .slideShowLink h2,
.fr #page-201 #slideshow .slideShowLink h2,
.be-fr #page-201 #slideshow .slideShowLink h2,
.be-nl #page-201 #slideshow .slideShowLink h2,
.nl #page-201 #slideshow .slideShowLink h2,
.de #page-203 #slideshow .slideShowLink h2,
.en #page-203 #slideshow .slideShowLink h2,
.fr #page-203 #slideshow .slideShowLink h2,
.be-fr #page-203 #slideshow .slideShowLink h2,
.be-nl #page-203 #slideshow .slideShowLink h2,
.nl #page-203 #slideshow .slideShowLink h2 {
    position: absolute!important;
    left: 20px!important;
    bottom: 116px!important;
    font-size: 20px!important;
    font-weight: normal!important;
    padding: 5px 15px 5px 15px!important;
    color: rgba(255, 255, 255, 0.9)!important;
    color: #fff!important;
    line-height: 100%!important;
    z-index: 9999!important;
    background: none!important;
    text-transform: none!important;
}

.de #page-8557 #slideshow h2,
.de #page-201 #slideshow h2,
.en #page-201 #slideshow h2,
.fr #page-201 #slideshow h2,
.be-fr #page-201 #slideshow h2,
.be-nl #page-201 #slideshow h2,
.nl #page-201 #slideshow h2,
.de #page-203 #slideshow h2,
.en #page-203 #slideshow h2,
.fr #page-203 #slideshow h2,
.be-fr #page-203 #slideshow h2,
.be-nl #page-203 #slideshow h2,
.nl #page-203 #slideshow h2,
.de #page-204 #slideshow h2,
.en #page-204 #slideshow h2,
.fr #page-204 #slideshow h2,
.be-fr #page-204 #slideshow h2,
.be-nl #page-204 #slideshow h2,
.nl #page-204 #slideshow h2 {
    position: absolute!important;
    left: 20px!important;
    bottom: 115px!important;
    font-size: 20px!important;
    font-weight: normal!important;
    padding: 5px 15px 5px 15px!important;
    color: rgba(255, 255, 255, 0.9)!important;
    color: #fff!important;
    line-height: 100%!important;
    z-index: 9999!important;
    background: none!important;
    text-transform: none!important;
}

html>body #slideshow h2 {
    *color: #00884f;
}

#topNews {
    display: block;
    height: 100%;
    width: 100%;
}

.slideShowLink {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
}
/*
#slide-2 .slideShowLink h2 {
    display: block;
    height: 100%;
    width: 100%;
    left: 0!important;
    top: 0!important;
    padding: 0!important;
}

#page-198 #slideshow .slideShowLink h2 {
    height: 100%;
    width: 100%;
    position: absolute!important;
    left: 0!important;
    bottom: 0!important;
    font-size: 20px!important;
    font-weight: normal!important;
    padding: 0!important;
    color: rgba(255, 255, 255, 0.9)!important;
    color: #fff!important;
    line-height: 100%!important;
    z-index: 9999!important;
    background: none!important;
    text-transform: none!important;
}
*/
#slide-2 .slideShowLink h2 a,
#page-198 #slideshow .slideShowLink h2 a {
    display: block;
    width: 100%;
    height: 100%;
}

#produktdetail .slideShowLink {
    z-index: 99;
}

.de #page-1 #slideshow span,
.en #page-1 #slideshow span,
.fr #page-1 #slideshow span,
.be-fr #page-1 #slideshow span,
.be-nl #page-1 #slideshow span,
.nl #page-1 #slideshow span,
.de #page-8557 #slideshow span,
.de #page-198 #slideshow span,
.en #page-198 #slideshow span,
.fr #page-198 #slideshow span,
.be-fr #page-198 #slideshow span,
.be-nl #page-198 #slideshow span,
.nl #page-198 #slideshow span,
.de #page-198 #slideshow span,
.de #page-200 #slideshow span,
.en #page-200 #slideshow span,
.fr #page-200 #slideshow span,
.be-fr #page-200 #slideshow span,
.be-nl #page-200 #slideshow span,
.nl #page-200 #slideshow span,
.de #page-201 #slideshow span,
.en #page-201 #slideshow span,
.fr #page-201 #slideshow span,
.be-fr #page-201 #slideshow span,
.be-nl #page-201 #slideshow span,
.nl #page-201 #slideshow span,
.de #page-203 #slideshow span,
.en #page-203 #slideshow span,
.fr #page-203 #slideshow span,
.be-fr #page-203 #slideshow span,
.be-nl #page-203 #slideshow span,
.nl #page-203 #slideshow span {
    font-weight: 500!important;
    z-index: 9999!important;
    background: none!important;
    left: 24px!important;
    bottom: 25px!important;
    line-height: 36px;
    width: 100%!important;
    padding: 0px 10px!important;
}

.de #page-203 #slideshow span,
.en #page-203 #slideshow span,
.fr #page-203 #slideshow span,
.be-fr #page-203 #slideshow span,
.be-nl #page-203 #slideshow span,
.nl #page-203 #slideshow span {
    bottom: 26px!important;
}

.de #page-204 #slideshow span,
.en #page-204 #slideshow span,
.fr #page-204 #slideshow span,
.be-fr #page-204 #slideshow span,
.be-nl #page-204 #slideshow span,
.nl #page-204 #slideshow span {
    font-weight: 500!important;
    z-index: 9999!important;
    background: none!important;
    left: 25px!important;
    bottom: 60px!important;
    width: 100%!important;
    padding: 0px 10px!important;
}

#page-1 .slideShowLink span,
#page-198 #slideshow span,
#page-200 #slideshow span,
#page-201 #slideshow span,
#page-203 #slideshow span,
#page-204 #slideshow span {
    position: absolute;
    left: 125px;
    bottom: 50px;
    padding: 0px 10px 0px 10px;
    color: #FFFFFF;
    font-size: 32px;
    font-weight: bold;
    background: rgba(0, 136, 79, 0.5);
}

.es #page-1 .slideShowLink span,
.es #page-198 #slideshow span,
.es #page-200 #slideshow span,
.es #page-201 #slideshow span,
.es #page-203 #slideshow span,
.es #page-204 #slideshow span {
    font-size: 30px;
}

span.a2,
span.a4,
span.antik {
    font-size: 29px!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    color: rgba(0, 158, 224, 0.9)!important;
    padding: 0!important;
    display: inline!important;
}

span.a4 {
    color: rgba(0, 81, 145, 0.9)!important;
}

span.antik {
    color: rgba(0, 0, 0, 0.9)!important;
    text-transform: none;
}

#slideshow span.slide {
    padding: 0 0 0 125px !important;
}

#slideshow h2 span {
    position: relative;
    left: 40px;
    display: block;
    font-size: 34px;
    text-transform: none;
    color: #FFF;
    font-weight: bold;
    text-shadow: #545454 0 0 10px;
}

#produktdetail #detailHeaderPic h2,
#produktdetail #slideshow h2 {
    padding: 25px 0px 0px 562px;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    color: #000;
    line-height: 140%;
    text-transform: none;
    text-shadow: #CCC 0 0 10px;
    position: static;
}

#page-64 #produktdetail #detailHeaderPic h2,
#page-64 #produktdetail #slideshow h2,
#page-856 #produktdetail #detailHeaderPic h2,
#page-856 #produktdetail #slideshow h2 {
    font-size: 21px;
}

.fr #page-64 #produktdetail #detailHeaderPic h2,
.fr #page-64 #produktdetail #slideshow h2,
.be-fr #page-64 #produktdetail #detailHeaderPic h2,
.be-fr #page-64 #produktdetail #slideshow h2,
.fr #page-856 #produktdetail #detailHeaderPic h2,
.fr #page-856 #produktdetail #slideshow h2,
.be-fr #page-856 #produktdetail #detailHeaderPic h2,
.be-fr #page-856 #produktdetail #slideshow h2 {
    font-size: 16px;
}

#produktdetail #detailHeaderPic span,
#produktdetail #slideshow span {
    display: block;
    position: static;
    font-style: normal;
    font-size: 13px;
    font-weight: normal;
    line-height: 140%;
    color: #000;
    padding: 5px 0px 0px 562px;
    text-shadow: #CCC 0 0 10px;
    vertical-align: middle;
    width: 220px;
}

#produktdetail #detailHeaderPic h2 span,
#produktdetail #slideshow h2 span {
    display: block;
    position: static;
    font-style: normal;
    font-size: 13px;
    font-weight: normal;
    line-height: 140%;
    color: #000;
    padding: 5px 0px 0px 0px;
    text-shadow: #CCC 0 0 10px;
    vertical-align: middle;
    width: 220px;
}

#produktdetail #detailHeaderPic h2 img,
#produktdetail #slideshow h2 img {
    vertical-align: middle;
    margin: 0 3px 0 0
}

#slideshow {
    width: 1014px;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

#referenzenSlideshow #slideshow {
    width: 943px;
    height: 283px;
    margin: 25px auto;
}

#slideshow .ui-tabs-panel {
    float: left;
    width: 1014px;
    height: 450px;
}

#detailHeaderPic #slideshow-container {
    height: 283px;
    overflow: hidden;
    position: relative
}

#detailHeaderPic #slideshow {
    width: 943px;
    height: 283px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

#detailHeaderPic #slideshow .ui-tabs-panel {
    float: left;
    width: 943px;
    height: 283px;
    overflow: hidden;
}

#referenzenSlideshow #slideshow .ui-tabs-panel {
    float: left;
    width: 943px;
    height: 283px;
}

#referenzenSlideshow #slideshow .ui-tabs-nav {
    display: none;
}


/*-------HOME-------*/

#jcarousel-index {
    float: left;
    width: 100%;
    height: 10px;
    line-height: 0;
    padding: 0;
    text-align: center;
}

#jcarousel-index a {
    display: inline;
    width: 10px;
    height: 10px;
    background: #ccc;
    padding: 5px;
    font-size: 0;
    line-height: 0;
    color: #FFF;
    margin-right: 5px;
    text-indent: -9999px;
    overflow: hidden;
}

#jcarousel-index a.active {
    background: #007a3b;
}

#home-content-preview,
#home-content-preview ul {
    float: left;
    width: 100%;
    position: relative;
}

#home-content-preview .jcarousel-clip {
    overflow: hidden
}

#home-content-preview {
    margin: 25px auto 50px;
    position: relative;
}

#home-content-preview #next,
#home-content-preview #prev {
    float: left;
    width: 35px;
    height: 81px;
    text-indent: -9999px;
    position: absolute;
    top: 25px;
    background: transparent url(../img/slideshow/slide-buttons-shadow.png) 0 0 no-repeat;
    z-index: 200;
}

#home-content-preview #next:hover,
#home-content-preview #prev:hover {
    cursor: pointer
}

#home-content-preview #prev {
    left: -21px;
}

#home-content-preview #next {
    right: -22px;
    background-position: 0 -156px
}

#home-content-preview #prev.jcarousel-prev-disabled {
    background-position: -12px -81px;
}

#home-content-preview #next.jcarousel-next-disabled {
    background-position: -40px -81px;
}

#home-content-preview #prev.jcarousel-prev-disabled:hover,
#home-content-preview #next.jcarousel-next-disabled:hover {
    cursor: none
}

#home-content-preview ul li {
    float: left;
    font-size: 13px;
    margin: 0 17px 17px 0;
    padding: 0 0 20px;
    width: 303px;
}

.no-js #home-content-preview ul li {
    margin: 0 10px 20px 0;
    padding: 0 0 20px;
}

#home-content-preview ul li.last {
    margin: 0;
}

#home-content-preview ul li p a {
    color: #3F3F3F;
}

#home-content-preview ul li h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    margin-top: 10px;
    padding: 0 0 5px;
}

#home-content-preview ul li a.appLink {
    display: none;
}

#home-content {
    float: left;
    margin: 195px 0 0;
    padding: 5px 0;
}

#home-content .container {
    float: left;
    width: 303px;
    margin-left: 15px;
}

#home-content .container p {
    font-size: 13px;
}

.containerContent {
    padding: 15px 15px 10px 15px;
    background: transparent url(../img/global/home-content-bg.png);
    background: rgba(255, 255, 255, 0.9) none;
}

#home-content .container.first {
    margin-left: 0;
}

#home-content h2 {
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 0px 5px 15px;
    color: #ffffff;
    background: url("../img/global/detailModulHeadBg.png") repeat scroll 0 0 transparent;
}

#home-content h3 {
    font-weight: bold;
    color: #007a3b;
    margin: 5px 0 0;
    font-size: 13px;
}

#home-content ul {
    margin-top: 15px;
    border-top: 1px solid #b2b2a9;
}

#home-content ul li a {
    display: block;
    padding: 10px 20px 10px 0;
    border-bottom: 1px solid #b2b2a9;
    font-size: 12px;
    background: transparent url(../img/global/home-content-arrow.png) 100% 50% no-repeat;
}

#auftour {
    position: absolute;
    top: -50px;
    right: 50px;
}

.lexiconContainer {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
    padding: 10px 10px 10px 10px;
}

.lexiconContainer h1 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
}

.lexiconContainer p {
    margin: 0;
    padding: 0;
    font-size: 13px;
}

#detailRightColumn #headerImage {
    margin: 0 0 25px;
}

#columnHeaderImage {
    margin: 0 0 25px;
}

.section-preview {
    margin-top: 25px
}

.section-preview .item {
    margin-bottom: 10px;
    border-top: 1px solid #929292;
    padding-bottom: 10px;
}

.section-preview .item h3 {
    font-weight: 700;
    padding: 5px 0 5px 0;
    text-transform: uppercase;
    font-size: 12px;
}

.section-preview .item p a {
    font: 12px 'Droid Sans', arial, sans-serif;
    line-height: 1.1;
    color: #3f3f3f;
}

.presseartikelContainer .item {
    padding: 0 0 17px;
    margin: 0 0 17px;
    border-bottom: 1px solid #cac9c9;
    float: left;
    width: 100%;
    font-size: 13px;
}

.presseartikelContainer .item img {
    float: left;
}

.presseartikelContainer .item.last {
    border: none
}

.presseartikelContainer .item a.appLink {
    display: none;
}

#detailRightColumn .presseartikelContainer .item h2 {
    color: #212121;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.35;
    margin-bottom: 5px;
    margin-top: -5px;
}

.presseartikelContainer .item p {
    margin: 0;
}

p.back {
    margin-top: 15px;
    text-align: right;
}


/*  stellenanzeigen  */

#stellenanzeigen-form h2 {
    margin: 35px 0 13px 10px;
    float: left;
    font-weight: 600;
}

#stellenanzeigen-form,
#stellenanzeigen-form div {
    float: left;
    width: 100%;
    margin: 0 0 15px;
}

#stellenanzeigen-form div {
    width: 97%;
    background: #eee;
    margin: 0 0 1px;
    padding: 10px;
    border-bottom: 1px solid #DBDBDB;
}

#stellenanzeigen-form div.group {
    margin: 0 0 25px;
}

#stellenanzeigen-form p.error {
    color: #FF0000;
}

#stellenanzeigen-form div.error input,
#stellenanzeigen-form div.error textarea {
    border: 1px solid #FF0000;
}

#stellenanzeigen-form label {
    float: left;
    width: 160px;
    padding: 2px 10px 0 0;
}

#stellenanzeigen-form input,
#stellenanzeigen-form textarea {
    float: left;
    width: 412px;
    padding: 5px;
}

#stellenanzeigen-form .upload {
    width: 100%;
}

#stellenanzeigen-form #submit {
    float: right!important;
    margin-top: 5px;
    padding: 4px 12px;
    background: #007A3B;
    font: 'Open Sans', arial, sans-serif;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-style: italic;
    font-weight: 600;
    border: 0;
}

#stellenanzeigen-form .anrede,
#stellenanzeigen-form #submit,
#stellenanzeigen-form #reset {
    width: auto;
    float: none
}

#stellenanzeigen-form #plz,
#stellenanzeigen-form #nr {
    width: 55px;
    text-align: center
}

#stellenanzeigen-form #strasse {
    margin-left: 0px!important;
}

#stellenanzeigen-form #nr {
    margin-left: 10px;
}

#stellenanzeigen-form #ort,
#stellenanzeigen-form #strasse {
    width: 335px;
    margin-left: 10px;
}


/*  haendlersuche  */

#haendlersuche {
    padding: 5px 0 0
}

#haendlersuche h2 {
    padding: 0 0 10px;
    margin: 0;
    background: none;
    color: #1e1e1e;
}

#haendlersuche-form {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #000000;
    background: url("../img/filter/filter-bg.png") repeat-x scroll 0 0 #FFFFFF;
}

#haendlersuche-form #tooltip.active {
    position: absolute;
    left: 0;
    top: 65px;
}

#haendlersuche-form #tooltip.active .arrow {
    left: 15px;
}

#haendlersuche-form div {
    float: left;
    width: 120px;
    margin: 0 0 25px;
}

#haendlersuche-form select {
    font: 13px/1.55 'Open Sans', sans-serif;
    padding: 5px;
}

#haendlersuche-form label {
    width: 100px;
    padding: 2px 10px 0 0;
    display: block;
}

#haendlersuche-form input,
#haendlersuche-form textarea {
    float: left;
    width: 80px;
    padding: 5px;
}

#haendlersuche-form #submit,
#haendlersuche-form #reset {
    width: auto;
    float: none!important;
    margin: 23px 0px 0px -20px!important;
}

#haendlersuche .results .row {
    float: left;
    width: 100%;
}

#haendlersuche .results {
    margin: 0px 0px 0px 0px;
    float: left;
    width: 100%;
}

#haendlersuche .result {
    float: left;
    width: 50%;
    margin: 10px 0px 0px 0px;
    padding: 0;
    border: none;
    font-size: 14px;
    min-height: 165px;
}

html>body #haendlersuche .result.even {
    *width: 48%;
}

#haendlersuche .result_content {
    position: relative;
    border-top: 1px solid #999;
    margin: 0 15px 25px 0;
    padding: 20px 0px;
}

#haendlersuche .even .result_content {
    margin: 0 0 15px 25px;
}

#haendlersuche .result_content:hover {
    border-color: #007a3b
}

#haendlersuche .qr {
    position: absolute;
    top: 25px;
    right: 15px;
    float: left;
    height: 100px;
    width: 100px;
}

#haendlersuche .procato-haendler {
    margin-bottom: -10px;
}

#haendlersuche .procato-haendler .result_content {
    background-color: rgba(230, 75, 10, .1);
    margin-bottom: 0;
    padding-left: 20px;
}

#haendlersuche .procato-haendler .result_content h2 {
    margin-top: 13px;
}

#haendlersuche .procato-haendler .result_content a span {
    color: #e64b0a;
}

.videobanner {
    display: none;
}

.videobanner img {
    position: relative;
    top: 31px;
}

#page-198 .videobanner img,
#page-203 .videobanner img,
#page-238 .videobanner img {
    top: 91px;
}

#page-201 .videobanner img {
    top: -19px;
}

.chooseLang .videobanner img {
    top: 198px;
    left: -5px;
}

.continent {
    overflow: hidden;
    margin-bottom: 20px;
}

#tab-spax-gesellschaften .asien-pazifik {
    width: 623px;
    float: left;
    margin-right: 16px;
}

#tab-spax-gesellschaften .nordamerika {
    width: 303px;
}

#tab-spax-haendler .afrika {
    width: 303px;
    float: left;
    margin-right: 16px;
}

#tab-spax-haendler .asien-pazifik {
    width: 623px;
}

#tab-spax-haendler .nahost {
    width: 303px;
    float: left;
    margin-right: 16px;
}

#tab-spax-haendler .suedamerika {
    width: 623px;
}

h3.region {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 700;
    border-bottom: 1px solid #999;
    font-size: 19px;
    padding: 0px 0px 12px 0px;
}

.asia-africa {
    width: 100%;
    float: left;
    margin: 0px 0px 32px 0px;
}

.asia-africa .grid_6 .adr {
    margin-top: 16px;
}

.middleEast-southamerica {
    width: 100%;
    float: left;
    margin: 32px 0px 32px 0px;
}

.middleEast-southamerica .adr,
.asia-africa .adr {
    margin-top: 16px;
}

.countryRow {
    width: 100%;
    float: left;
    background: #ffffff;
}

.countryRow .adr {
    padding: 16px 0px
}

.countryRow.gr {
    width: 100%;
    float: left;
    background: #f3f3f3;
}

.adr span {
    display: block;
}

.adr span.country {
    display: block;
    font-weight: 700;
}

.chooseLocationHeader {
    background: #a6a6a6 url(../img/chooseLocation/chooseLocationHeader.jpg) no-repeat;
    width: 974px;
    height: 410px;
    padding: 20px 0px 0px 40px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.chooseLocationHeader h1 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
}

.chooseLocationHeader p {
    font-size: 22px;
    margin: 0;
}

#chooseLocationMap {
    background: #a6a6a6 url(../img/chooseLocation/chooseLocationMap.jpg) no-repeat;
    width: 900px;
    height: 670px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding: 0px 57px 0px 57px;
}

#chooseLocationMap ul {
    float: left;
    width: 260px;
    padding: 0px 20px 0px 20px;
}

#chooseLocationMap ul li h2 {
    float: left;
    width: 100%;
    font-size: 22px;
    margin: 20px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    color: white;
    font-weight: 700;
    border-bottom: 1px solid #fff;
}

#chooseLocationMap ul li ul {
    float: left;
    width: auto;
    padding: 0;
}

#chooseLocationMap ul li ul li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

#chooseLocationMap ul li ul li a {
    color: #fff;
    display: block;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
    font-size: 13px;
}

#chooseLocationMap ul li ul li a:hover {
    color: #cce5d8;
}


/*#chooseLocationMap ul li ul li ul{

    display:none;

    width:500px;

    height: 500px;

}*/

.infoBox {
    display: none;
}

#usa h3,
#belgium h3,
#luxembourg h3,
#china h3,
#uk h3,
#netherland h3,
#spain h3,
#portugal h3,
#france h3,
#italy h3,
#russia h3,
#poland h3,
#turkey h3,
#sweden h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #212121;
    margin-bottom: 9px;
}

#usa ul,
#belgium ul,
#luxembourg ul,
#china ul,
#uk ul,
#netherland ul,
#spain ul,
#portugal ul,
#france ul,
#italy ul,
#russia ul,
#poland ul,
#turkey ul,
#sweden ul {
    margin-bottom: 9px;
}

#usa,
#belgium,
#luxembourg,
#china,
#uk,
#netherland,
#spain,
#portugal,
#france,
#italy,
#russia,
#poland,
#turkey,
#sweden {
    width: 350px;
    height: 220px;
}

#chooseLocationMap #europe {
    width: 560px;
}

#chooseLocationMap #europe ul li {
    width: 260px;
    padding: 0px 20px 0px 0px;
}

#chooseLocationMap #europe {
    width: 560px;
}


/***  productfinder [neu]  ***/

#filter {
    float: left;
    width: 944px;
    height: 70px;
    margin: 0 0 15px;
    position: relative;
    border: none;
    padding: 0px 0px 0px 0px;
}

#filter div {
    float: left;
    width: 134px;
    padding: 0px;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    background: #FFF url(../img/filter/filter-bg.png) 0 0 repeat-x;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    height: 50px;
}

#filter div.wrapper {
    float: left;
    width: 100%;
    height: 52px;
    border: none;
    position: relative;
    background: none;
}

#filter div .element {
    padding: 0px;
    margin: 0px;
    background: none;
    border: none;
    display: table;
    width: 134px;
    height: 50px;
}

#filter div.first {
    width: 133px;
    margin: 0px 0px 0px 0px;
    border-radius: 3px 0px 0px 3px;
}

#filter div.last {
    width: 133px;
    margin: 0px 0px 0px 0px;
    border-radius: 0px 3px 3px 0px;
    border-right: 1px solid #CCCCCC;
    position: absolute;
    top: 0;
    right: 0;
}

#filter div label {
    font-weight: bold;
}

#filter div label,
#filter div select,
#filter div ul {
    float: left;
    width: 100%;
}

#filter div label {
    padding: 0 0 5px;
    color: #000
}

#filter div ul li {
    position: relative;
    display: block;
}

#filter div a {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 30px 0px 10px;
    font-weight: 600;
    font-style: italic;
    background: transparent url(../img/filter/filter-sprite.png) 92% -150px no-repeat;
    line-height: 14px;
}

#filter div a:hover {
    background: transparent url(../img/filter/filter-sprite.png) 92% -100px no-repeat;
    color: #515151;
}

#filter div a span {
    line-height: 14px;
}

#filter div ul.active {
    position: relative;
}

#filter div ul li span.filterShadow {
    background: transparent url(../img/filter/filter-sprite.png) 95% 0 no-repeat;
    display: block;
    position: absolute;
    height: 50px;
    line-height: 50px;
    padding: 0px 10px 0px 10px;
    width: 115px;
    font-weight: 600;
    color: #515151;
}

#filter div ul li span.filterShadow:hover {
    color: #007a3b;
    cursor: pointer;
    background: transparent url(../img/filter/filter-sprite.png) 95% -50px no-repeat;
}

#filter div ul.active li span.filterShadow {
    color: #007a3b;
}

#filter div ul li ul {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 100;
    min-width: 115px;
    max-height: 360px;
    overflow: auto;
    opacity: 0;
    background: #F5F5F5;
    border: 1px solid #ABABAB;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    width: auto;
    border-radius: 3px;
    background: #fff;
    padding: 20px;
    float: left;
    display: block;
    opacity: 1.0;
}

#filter div ul li ul li {
    float: left;
    background-color: #FFF;
    background-image: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

#filter div ul li ul li a:hover {
    background: #EFEFEF
}

#filter div ul li ul li:last-child a,
#filter div ul li ul li.last a {
    border: none
}

#filter div ul li ul li a,
#filter div ul li ul li a span {
    background: transparent;
    background-image: none;
    border-radius: 0;
}

#filter div ul li ul li a {
    display: block;
    padding: 5px 20px 5px 5px;
    white-space: nowrap;
    border-bottom: 1px solid #e5e5e5;
    height: auto;
    line-height: 1.4;
    font-style: normal;
}

#filter div ul li ul li a span {
    color: #515151;
}

#filter div ul.active li span.arrow {
    background: url(../img/filter/filter-arrow.png) no-repeat;
    position: absolute;
    height: 14px;
    width: 21px;
    top: 32px;
    left: 10px;
    z-index: 9999;
}

#filter div ul.active li ul {
    left: -1px;
    top: 45px;
}

#filter div ul.active li ul li img {
    vertical-align: middle;
    padding: 0px 10px 0px 0px;
}

.kopfform-108 {}

.kopfform-110 {}

.kopfform-135 {}

.kopfform-8 {}

.kopfform-9 {}

.kopfform-11 {}

.kopfform-12 {}

.kopfform-100 {}

.kopfform-122 {}

.kopfform-128 {}

#filter #finder-loading {
    float: left;
    width: 943px;
    height: 62px;
    position: absolute;
    top: -9999px;
    left: -9999px;
    display: block;
    padding: 25px 0 0 0;
    text-indent: 367px;
    color: #000;
    background: transparent url(../img/filter/ajax-loader.gif) 50% 40px no-repeat;
    border: none;
}

#filter #finder-loading.active {
    top: 0;
    left: 0;
}

#filter div.mobil ul li span {
    font-weight: bold;
    padding: 5px 5px 2px;
    display: block;
}

.productfinder h1,
.productfinder h2 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    font: 21px;
    line-height: 1.4;
    color: #212121;
    font-weight: bold;
}

.productfinder h2 {
    margin: -20px 0 0;
    padding: 0 0 25px;
    font-weight: normal;
}

.productfinder h3 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.productfinder h3 a,
.productfinder .heimwerker tr th a {
    display: block;
    padding: 10px 0;
    text-indent: 10px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    border-bottom: 2px solid #000;
    background: #FFF url(../img/global/categoryBg.jpg) 0 0 no-repeat;
}

.productfinder .heimwerker tr th a {
    width: 942px
}

.productfinder {
    float: left;
}

.productfinder #results {
    position: absolute;
    font-size: 16px;
    margin: 0;
    top: 242px;
    display: none
}


/*.de #filter input.empty,*/

.productfinder #searchbynr,
.productfinder .searchbynr {
    position: absolute;
    right: 60px;
    top: -45px;
    float: left;
    width: 215px;
    margin: 0;
    padding: 5px 5px 6px 10px;
    border: 1px solid #CCC;
    color: #1E1E1E;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important;
    outline: none;
    /*Remove Chrome and Safari glows on focus*/
}


/*

.pl#filter input.empty,

.productfinder #searchbynr{

    width: 250px;

}

.fr#filter input.empty,

.productfinder #searchbynr{

    width: 220px;

}

.pt#filter input.empty,

.productfinder #searchbynr{

    width: 243px;

}

*/

.es .productfinder #searchbynr {
    width: 200px;
}

.productfinder #searchbynr,
.productfinder .searchbynr {
    width: 255px;
}

#tooltip {
    position: absolute;
    right: -9999px;
    top: -9999px;
    display: block;
    opacity: 0;
}

#tooltip p {
    padding: 0;
    margin: 0;
}

#tooltip.active {
    position: absolute;
    right: 0;
    top: -10px;
    z-index: 100;
    border: 1px solid #ABABAB;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    width: 240px;
    height: auto;
    border-radius: 3px;
    background: #fff;
    padding: 20px;
    float: left;
    display: block;
    opacity: 1;
}

#tooltip.active .arrow {
    display: block;
    background: transparent url(../img/filter/filter-arrow.png) 0 0 no-repeat;
    height: 14px;
    width: 21px;
    position: absolute;
    top: -13px;
    right: 200px;
    z-index: 9999;
}

html>body .productfinder #searchbynr {
    *box-sizing: border-box!important;
}

.productfinder #searchbynr.active {
    color: #000;
}

.productfinder #searchbynrbtn {
    font: 12px/1.6 'Open Sans', sans-serif;
    position: absolute;
    right: 0;
    top: -45px;
    float: left;
    width: 70px;
    height: 29px;
    margin: 0;
    padding: 0;
    background: #007A3B;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none;
    cursor: pointer;
    color: #FFF;
}

.productfinder #reset,
.productfinder #share {
    float: right;
    position: absolute;
    top: -85px;
    right: 0;
    border: none;
    margin: 0 0 0 10px;
    padding: 3px 22px 3px 10px;
    color: #FFF;
    background: #007a3b;
    border-radius: 3px;
}

.productfinder #reset {
    background: #007a3b url(../img/filter/remove-filter-x.gif) 95% 55% no-repeat;
    font-weight: 600;
    font-style: italic;
}

.productfinder #share {
    padding: 3px 10px;
    right: 160px;
    /*display:none;*/
}

.en .productfinder #share {
    padding: 3px 10px;
    right: 110px
}

.pl .productfinder #share {
    padding: 3px 10px;
    right: 100px
}

.pt .productfinder #share {
    right: 113px
}

.it .productfinder #share {
    right: 124px
}

#share span {
    float: left;
    display: block
}

#share .facebook,
#share .googleplus,
#share .twitter,
#share .email {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 3px 0 0 3px;
    text-indent: -9999px;
    background: #007A3B url(../img/filter/share-social.png) 0 0 no-repeat
}

#share .facebook {
    margin-left: 5px
}

#share .googleplus {
    background-position: -16px 0
}

#share .twitter {
    background-position: -32px 0
}

#share .email {
    background-position: -48px 0
}

#share input {
    float: left;
    position: absolute;
    display: block;
    top: -9999px;
    right: -9999px;
    border: 1px solid #CCC;
    background: #FFF url(../img/filter/globe.gif) 5px 50% no-repeat;
    padding: 5px 2px 5px 22px;
    margin: 0 0 0;
    width: 280px;
    opacity: 0;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
}

#share:hover input {
    top: 33px;
    left: 0;
    opacity: 1;
}

#share .arrow {
    background: url(../img/filter/filter-arrow.png) 30px 0 no-repeat;
    position: absolute;
    height: 15px;
    width: 330px;
    top: -9999px;
    left: -9999px;
    opacity: 0;
    z-index: 100;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
}

#share:hover .arrow {
    top: 20px;
    left: -20px;
    opacity: 1;
}

#share-via-email h1,
#share-thanks h1 {
    font-size: 22px;
    margin: 0 auto;
    padding: 12px 0 8px 15px;
    line-height: 100%;
    background: #007a3b;
    max-width: 1000px;
    background-image: linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -o-linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.55, rgb(0, 122, 59)), color-stop(1, rgb(12, 157, 118)));
    color: #FFF
}

#share-thanks {
    overflow: hidden
}

#share-via-email {
    background: none;
}

#share-via-email form,
#share-via-email div {
    width: 365px;
    margin: 0 auto;
    padding: 0;
}

#share-via-email form {
    height: 380px;
    position: relative;
}

#share-via-email div {
    float: left;
    padding: 15px 0 0
}

#share-via-email label {
    display: block;
    width: 350px;
    padding: 2px 0 5px;
    line-height: 100%;
}

#share-via-email label span.err {
    display: block;
    color: #FF0000
}

#share-via-email input,
#share-via-email textarea {
    display: block;
    width: 350px;
    padding: 2px 5px;
    line-height: 115%;
}

#share-via-email textarea {
    height: 110px;
    margin: 0 0 15px;
    padding: 5px 5px 0;
    resize: none;
}

#share-via-email p {
    font-size: 12px;
    border: 1px solid #CCC;
    padding: 5px;
}

#share-via-email #submit,
#share-via-email #showpreview {
    width: auto;
    line-height: 100%;
    padding: 5px;
    font-size: 12px;
    margin: 0 5px 0 0;
    display: inline;
}

#share-via-email #firstname,
#share-via-email #lastname {
    width: 160px;
    float: left;
}

#share-via-email #lastname {
    margin: 0 0 0 12px
}

#share-via-email .firstname,
#share-via-email .lastname {
    width: 50%;
    float: left;
}

#share-via-email a {
    text-decoration: underline
}

#share-via-email a:hover {
    text-decoration: none
}

#share-via-email #preview {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 370px;
    height: 320px;
    padding: 0;
    background: #FFF;
    border: 1px solid #CCC;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
}

#share-via-email #preview.active {
    top: 15px;
    left: 50%;
    margin: 0 0 0 -185px;
    opacity: 1;
}

#share-via-email #preview p {
    padding: 10px;
    border: none;
    float: left;
    line-height: 1.2;
}

#share-via-email #preview .head {
    float: left;
    width: 350px;
    display: block;
    margin: 0 0 5px;
    padding: 10px;
    background: #EEE;
    border: none;
    border-bottom: 1px solid #CCC;
    color: #000
}

#share-via-email #preview .head span {
    display: block;
    padding: 0 0 5px;
}

#share-via-email #preview .head span:last-child {
    padding: 0
}

#share-via-email #preview .head span span {
    display: inline;
    padding: 0 5px 0 0;
}

#share-via-email #preview .message {
    padding-bottom: 0;
    margin-bottom: 0;
    width: 350px;
}

#share-via-email #preview .message strong {
    display: block
}

#share-via-email #preview .additional {
    padding-bottom: 20px;
}

.productfinder table {
    width: 944px;
    border: 1px solid #CCC;
    margin: 0 0 25px
}

.productfinder table thead tr th a {
    padding: 10px 0 10px 20px;
    font-size: 16px;
    height: auto;
    color: #000;
    border-bottom: 2px solid #000;
    font-weight: bold;
}

.productfinder table tbody tr td {
    position: relative;
    border-bottom: 1px solid #ededed;
    margin: 0;
    padding: 0;
    width: 100%;
}

.productfinder table tbody tr.even td {
    background: #fafafa
}


/*

.productfinder table tbody tr td a:visited {

    background:#007A3B;

    color: #007A3B;

}

.productfinder table tbody a:focus {

    background:#007A3B;

    color:white;

}

*/

.productfinder table tbody a:hover {
    background: #EFEFEF
}

.productfinder table a {
    position: relative;
    font-size: 11px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    width: 941px;
    color: #000;
}

.productfinder table a img {
    display: inline-block;
    margin-right: 40px;
    vertical-align: middle
}

.productfinder table a span {
    display: inline-block;
    vertical-align: middle;
}

.productfinder table a .image {
    margin: 0 40px 0 20px;
    width: 185px
}

.productfinder table a .title {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    margin-right: 40px;
    width: 280px;
}

.productfinder table a .properties {
    position: relative;
    margin-right: 40px;
    width: 210px;
}

.productfinder table a .button {
    background: none repeat scroll 0 0 #007A3B;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin: 0 10px;
    padding: 8px 16px;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    line-height: 12px;
}

.it .productfinder table a .button {
    padding: 8px;
}

.ru .productfinder table a .image {
    width: 170px
}

.ru .productfinder table a .title {
    width: 240px;
}

.it .productfinder table a .title {
    margin-right: 20px;
}

.ru .productfinder table a .properties {
    margin-right: 28px;
    width: 220px;
}

.it .productfinder table a .properties {
    margin-right: 20px;
}

.ru .productfinder table a .button {
    padding: 8px;
    margin: 0;
}

.siegerpraemierung-zum-praktischen-leistungswettbewerb-2015 #detailRightColumn h1 {
    font-size: 20px;
}

.newsImgRight {
    float: right;
    width: 240px;
    margin: 0 0 0 15px;
}

.newsArticleButton {
    margin-top: 20px;
}

.newsArticleButton span,
.greenButton {
    background: none repeat scroll 0 0 #007A3B;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin: 0px;
    padding: 4px 12px;
    margin-top: 20px;
    width: auto;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    float: left;
}

.newsArticleButton span {
    float: none;
}

.newsArticleButton span a {
    color: #FFFFFF;
}

.newstbl table {
    width: 100%;
    border: 0px solid #CCC;
    margin: 0 0 25px
}

.newstbl table thead tr th {
    padding: 10px 0 10px 0px;
    font-size: 14px;
    height: auto;
    color: #000;
    border-bottom: 2px solid #000;
    font-weight: bold;
    padding: 7px;
}

.newstbl table tbody tr td {
    position: relative;
    border-bottom: 1px solid #ededed;
    margin: 0;
    padding: 7px;
    vertical-align: middle;
    font-size: 13px;
}

.newstbl table tbody tr:nth-child(even) td {
    background: #fafafa
}

.productfinder .detail-tbl {
    margin: 10px auto;
    width: 96%;
    border: 1px solid #cdcdcd;
    border-right: none;
    border-bottom: none;
}

.productfinder .detail-tbl thead tr th,
.productfinder .detail-tbl tbody tr td {
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    line-height: 100%;
    padding: 5px;
    font-size: 11px;
    color#000;
    width: auto;
}

.productfinder .detail-tbl thead tr th {
    font-weight: bold;
    padding: 6px 5px;
    background: #FFF url(../img/filter/tbl-head-bg.gif) 0 0 repeat-x;
}

.productfinder .detail-tbl tbody tr.even td {
    background: #d7e5d8
}

.productfinder .logo-wirox,
.productfinder .logo-rostfrei {
    position: absolute;
    top: 50%;
    right: 0;
}

.productfinder .logo-wirox {
    margin: -16px -30px 0 0;
}

.productfinder .logo-rostfrei {
    margin: -25px 0 0 0;
}

.ru .productfinder .logo-wirox {
    margin: -16px -25px 0 0;
}


/***  produkte-details-tab-downloads  ***/

.downloads {
    margin-bottom: 10px;
}

.downloads .left {
    float: none!important;
}

.downloads table {
    width: 100%;
    margin: 0 0 25px
}

.downloads table tbody tr td {
    background: #fafafa;
    position: relative;
    border-bottom: 1px solid #ededed;
    margin: 0;
    padding: 0;
    width: 100%;
}

.downloads table tbody tr.even td {
    background: #fafafa
}

.downloads table tbody a:hover {
    background: #EFEFEF
}

.downloads table a {
    color: #000000;
    display: table-cell;
    font-size: 11px;
    height: 100px;
    padding: 10px 0;
    position: relative;
    vertical-align: middle;
    width: 623px;
}

.downloads table a img {
    display: inline-block;
    margin: 15px 25px 15px 15px;
    vertical-align: middle
}

.downloads table a span,
.downloads table span {
    display: inline-block;
    vertical-align: middle;
}

.downloads table a .image,
.downloads table .image {
    margin: 0 40px 0 20px;
    width: 185px
}

.downloads table a .title,
.downloads table .title,
.downloads table .title {
    font-size: 14px!important;
    font-style: normal;
    margin-right: 40px;
    width: 145px;
}

.downloads table a .title {
    font-weight: 700;
    font-size: 12px;
}

.downloads table a .properties {
    width: 140px;
}

.downloads table a .button,
.downloads table .button {
    background: none repeat scroll 0 0 #007A3B;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin: 0 10px;
    padding: 8px 16px;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    line-height: 12px;
}

#dl-flyer-wirox,
#dl-produktprospekt-wirox {}


/***  projekte  ***/

#projekte {
    float: left;
}

#projekte ul {
    position: relative;
    z-index: 200;
    padding: 0 0 15px
}

#projekte ul li {
    float: left;
    width: 303px;
    padding: 0 0 15px;
    margin-left: 9px;
    margin-right: 8px;
}

#projekte ul.handwerker li {
    width: 180px!important;
    margin-left: 3px;
    margin-right: 8px;
}

#projekte ul li a {
    color: #1e1e1e;
    display: block;
}

#projekte ul li a span {
    position: relative;
    top: -15px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #FFF;
    padding: 2px 8px;
}

#projekte ul li.indoor {
    margin-left: 0px;
}

#projekte ul li.outdoor-construction {}

#projekte ul li.terrasse {
    margin-right: 0px;
}

#projekte ul li.indoor a span {
    background: #ffc826;
}

#projekte ul li.outdoor-construction a span {
    background: #90be45
}

#projekte ul li.terrasse a span {
    background: #009fe3
}


/* projekte handwerker */

#projekte ul li.outdoor-terrasse {}

#projekte ul li.window {
    margin-left: 0px;
}

#projekte ul li.bits {
    margin-right: 0px;
}

#projekte ul li.outdoor-terrasse a span,
#projekte ul li.outdoor-terrace a span {
    background: #90be45;
}

#projekte ul li.construction a span {
    background: #a85420
}

#projekte ul li.window a span {
    background: #003b61
}

#projekte ul li.bits a span {
    background: #c2007b
}

#projekte .panel {
    position: relative;
    z-index: 100;
    top: -5px;
    float: left;
    padding: 0px 0px 0;
}

#projekte .panel .item {
    float: left;
    width: 303px;
    margin-right: 17px;
}

#projekte .panel .item.last {
    margin-right: 0px;
}

#projekte .panel .item a {
    display: block
}

#projekte ul li.ui-state-active.indoor,
#projekte #indoor {
    filter: Alpha(opacity=100);
    opacity: 1;
    moz-opacity: 1;
}

#projekte ul li.ui-state-active.outdoor-construction,
#projekte #outdoor-construction {
    filter: Alpha(opacity=100);
    opacity: 1;
    moz-opacity: 1;
}

#projekte ul li.ui-state-active.construction,
#projekte #terrasse {
    filter: Alpha(opacity=100);
    opacity: 1;
    moz-opacity: 1;
}

#projekte .item a.title {
    position: relative;
    top: -6px;
    font-size: 14px;
    font-weight: 600;
    padding: 2px 8px;
    line-height: 1.5;
    color: #FFF;
    width: 287px;
    text-align: left;
}

#projekte #indoor .item a.title {
    background: #fdbd01
}

#projekte #outdoor-construction .item a.title {
    background: #90be45
}

#projekte #terrasse .item a.title {
    background: #009fe3
}

#page-318 #projekte #terrasse .item a.title {
    background: #009fe3;
    height: 65px;
}

#page-198 #projekte #terrasse .item a.title {
    background: #009fe3;
    height: 65px;
}


/*#projekte #terrasse .item a.title{background:#395707}*/


/* projekte handwerker */

#projekte #outdoor-terrasse .item a.title {
    background: #90be45
}

#projekte #construction .item a.title {
    background: #a85420
}

#projekte #window .item a.title {
    background: #003b61
}

#projekte #bits .item a.title {
    background: #c2007b
}


/*  Technische Informationen Accordion  */

.technische-informationen h2 span.new {
    padding: 9px 55px 7px 10px;
    line-height: 25px;
    background: transparent url(../img/global/new-small-neu.png) 10px 0% no-repeat;
}

.en .technische-informationen h2 span.new {
    background: transparent url(../img/global/new-small-neu_gb.png) 10px 0% no-repeat;
}

.fr .technische-informationen h2 span.new {
    background: transparent url(../img/global/new-small-neu_fr.png) 10px 0% no-repeat;
}

.uk .technische-informationen h2 span.new {
    background: transparent url(../img/global/new-small-neu_gb.png) 10px 0% no-repeat;
}

.technische-informationen .item {
    margin-bottom: 10px;
}

.technische-informationen .item ul {
    border-bottom: 1px solid #007a3b;
    padding: 12px;
    position: relative
}

.technische-informationen .item li.bullet {
    position: relative;
    background: transparent url(../img/global/bulletPoint.gif) 1px 20px no-repeat;
    padding: 12px 25px 13px 15px;
}

.technische-informationen .item li.download {
    display: inline-block;
    padding: 0 0 0 18px
}

.technische-informationen .item li a {
    padding: 1px 6px 2px 6px;
}

.technische-informationen ul li span {
    color: #fff!important;
    display: block;
    font-size: 12px;
    margin-left: -17px;
    padding-bottom: 3px;
    padding-right: 3px;
    padding-top: 7px;
    text-align: center;
    text-indent: 13px;
}

.technische-informationen ul li .new {
    background: url(../img/global/new.png) no-repeat scroll 11px 0 transparent;
    height: 73px;
    position: absolute;
    right: -15px;
    bottom: -50px;
    width: 131px;
}

.technische-informationen ul li .new strong {
    display: block;
    color: #fff;
    padding: 0 0 0 9px;
    font-style: italic;
}

.technische-informationen a.download,
.technische-informationen .item li.download a,
#tab-download ul li a {
    min-width: 100px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    background: #007A3B;
    display: block;
    color: #fff;
    border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
}


/*------------------------- Masterclaim ---------------------------*/

#detailRightColumn .masterClaim {
    width: 623px;
    background: #ededed url(../img/global/masterClaimBg.jpg) no-repeat 0 200px;
    border: 1px solid #727272;
    margin-bottom: 40px;
    padding: 0 0 30px 0
}

#detailRightColumn .masterClaim h3 {
    margin: 30px 0 20px 40px;
    font-weight: bold;
    font-size: 16px
}

#detailRightColumn #detailPic img {
    margin: 0
}

#detailRightColumn .features {
    padding: 0 0 20px 40px
}

#detailRightColumn .features li {
    padding: 3px 40px 6px 40px;
    margin-bottom: 10px;
    background: transparent no-repeat 0 0
}

#detailRightColumn .features li.feature-01 {
    background-image: url(../img/global/greenBulletPoint_01.png)
}

#detailRightColumn .features li.feature-02 {
    background-image: url(../img/global/greenBulletPoint_02.png)
}

#detailRightColumn .features li.feature-03 {
    background-image: url(../img/global/greenBulletPoint_03.png)
}

#detailRightColumn .features li.feature-04 {
    background-image: url(../img/global/greenBulletPoint_04.png)
}

#detailRightColumn .features li.feature-05 {
    background-image: url(../img/global/greenBulletPoint_05.png)
}

#detailRightColumn .features li.feature-06 {
    background-image: url(../img/global/greenBulletPoint_06.png)
}

#detailRightColumn .features li.feature-07 {
    background-image: url(../img/global/greenBulletPoint_07.png)
}

#detailRightColumn .features li.feature-08 {
    background-image: url(../img/global/greenBulletPoint_08.png)
}

#detailRightColumn .features li.feature-09 {
    background-image: url(../img/global/greenBulletPoint_09.png)
}

#detailRightColumn .features li.feature-10 {
    background-image: url(../img/global/greenBulletPoint_10.png)
}

#detailRightColumn .features.special {
    border-bottom: 1px solid #c5c5c5
}

#detailRightColumn .features.special li {
    background: transparent no-repeat 0px 0px
}

#detailRightColumn .features.special li.feature-A {
    background-image: url(../img/global/orangeBulletPoint_A.png)
}

#detailRightColumn .features.special li.feature-B {
    background-image: url(../img/global/orangeBulletPoint_B.png)
}

#detailRightColumn .features.special li.feature-C {
    background-image: url(../img/global/orangeBulletPoint_C.png)
}

#detailRightColumn .features.special li.feature-D {
    background-image: url(../img/global/orangeBulletPoint_D.png)
}

#detailRightColumn .features.special li.feature-E {
    background-image: url(../img/global/orangeBulletPoint_E.png)
}

#detailRightColumn .features.special li.feature-F {
    background-image: url(../img/global/orangeBulletPoint_F.png)
}

#detailRightColumn .features.special li.feature-G {
    background-image: url(../img/global/orangeBulletPoint_G.png)
}

#detailRightColumn .features.special li.feature-H {
    background-image: url(../img/global/orangeBulletPoint_H.png)
}

#detailRightColumn .features.special li.feature-I {
    background-image: url(../img/global/orangeBulletPoint_I.png)
}

#detailRightColumn .features.special li.feature-J {
    background-image: url(../img/global/orangeBulletPoint_J.png)
}


/*------------------- Bilder im  Contentbereich -------------------*/

.anwPicsContainer {
    margin: -17px 0px 51px 0px;
}

#detailRightColumn h3 + .anwPicsContainer {
    margin: -8px 0px 51px 0px;
}

#detailRightColumn p + .anwPicsContainer {
    margin: -22px 0px 51px 0px;
}

.anwPic,
.anwVid {
    width: 623px;
    background: #fff;
    border-bottom: 1px solid #727272;
    overflow: hidden;
}

.anwPic img,
.anwVid a {
    display: block;
    float: left;
    width: 223px;
    margin: 17px 17px 17px 0px;
}

.anwVid a {
    width: auto;
}

.anwPic span {
    display: block;
    float: left;
    width: 380px;
    margin: 17px 0 0 0;
}


/*------------------- Schrauben Oberfl?chen -------------------*/

.subhead {
    float: left;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    margin: 15px 0 0;
    color: #000;
    font-weight: bold;
    width: 100%;
    background: url(../img/produkte/oberflaeche/oberflaechen.png) no-repeat 0px 0px;
}

.subhead.oberflaeche-27 {
    background-position: 0 0;
}

.subhead.oberflaeche-26,
.subhead.oberflaeche-89 {
    background-position: 0 -24px
}

.subhead.oberflaeche-25 {
    background-position: 0 -48px
}

.subhead.oberflaeche-23,
.subhead.oberflaeche-22 {
    background-position: 0 -72px
}

.pl .subhead.oberflaeche-22 {
    font-size: 12px;
}

.subhead.oberflaeche-84,
.subhead.oberflaeche-28 {
    background-position: 0 -96px
}


/*------------------- Holzkunde -------------------*/

#holzkundeContainer {
    display: none;
    float: left;
    width: 100%;
}

#holzkunde {
    width: 944px;
    font-size: 14px;
    margin: 0px 0px 40px 0px;
}

#holzkunde img {
    padding: 0;
    margin: 0;
    display: block;
}

#holzkunde thead {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    font-size: 12px;
}

#holzkunde tbody {
    padding: 20px 0px 0px 0px;
    margin: 20px 0px 0px 0px;
}

#holzkunde thead tr th {
    padding: 10px 20px 10px 0px;
    vertical-align: bottom;
    font-weight: bold;
}

#holzkunde thead tr th.bild {
    padding: 10px 0px 10px 0px;
    width: 75px;
}

#holzkunde thead tr th.name {
    width: 125px;
}

#holzkunde thead tr th.einsatz {
    width: 225px;
}

#holzkunde thead tr th.haerte {
    width: 100px;
}

#holzkunde thead tr th.gewicht {
    text-align: center;
    width: 100px;
}

#holzkunde thead tr th.resistenz {
    padding: 10px 0px 10px 0px;
    width: 55px;
    text-align: center;
}

#holzkunde tbody tr {
    border-bottom: 1px solid #d7d7d7;
}

#holzkunde tbody tr td {
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
}

#holzkunde tbody tr td.gewicht {
    text-align: right;
    padding-right: 40px;
}

#holzkunde tbody tr td.red {
    text-align: center;
    background: #ec0a0a;
    color: #fff;
}

#holzkunde tbody tr td.green {
    text-align: center;
    background: #007a3b;
    color: #fff;
}

#holzkunde tbody tr td.lightGreen {
    text-align: center;
    background: #acdac2;
    color: #000;
}

#holzkunde tbody tr td.grey {
    text-align: center;
    background: #d7d7d7;
    color: #000;
}

#projekte-detail h1 {
    float: left;
    width: 600px;
}

#projektvideo,
#projektvideo2 {
    background: none repeat scroll 0 0 #007A3B;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-style: italic;
    font-weight: 600;
    line-height: 15px;
    margin: 0 10px;
    padding: 13px 16px;
    position: absolute;
    right: -11px;
    text-align: center;
    top: 367px;
}

#projektvideo.sichtbar {
    right: 212px;
}

#projektvideo.sichtbar,
#projektvideo2.nichtsichtbar {
    padding: 8px 10px;
    top: 361px;
}

.projektvideo {
    position: absolute;
    top: 50px;
    left: 35px;
    width: 320px!important;
    height: 180px!important;
    border: 2px solid #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.projektvideo.right {
    left: auto;
    right: 35px;
}

.sichtbar-unsichtbar {
    right: 100px;
}

#anwendungsvideo {
    background: none repeat scroll 0 0 #007A3B;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-style: italic;
    font-weight: 600;
    line-height: 12px;
    float: left;
    font-style: italic;
    margin-top: 17px;
    padding: 10px 13px;
    text-align: center;
}

.catStart {
    float: left;
    margin: 0px 10px 30px 0px;
}

.catStart h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.es .catStart h2 {
    font-size: 1em;
}

.catStart.first {
    float: left;
    margin: 0px 10px 0px 1px;
}

.catStart.last {
    float: left;
    margin: 0px 0px 0px 0px;
}

#moreWoodInfo {
    color: #FFF;
    font-size: 14px;
    margin: 0px 0 0px 0px;
    background: #007a3b;
    cursor: pointer;
    width: 270px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: right;
    position: absolute;
    top: 360px;
    right: 0;
    border-radius: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-border-radius: 2px;
}


/* FancyBox - jQuery Plugin */

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('../img/fancybox/fancybox.png');
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2100;
    display: none;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 2101;
    outline: none;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url('../img/fancybox/fancybox.png') -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

#fancybox-left,
#fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url('../img/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico,
#fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover,
#fancybox-right:hover {
    visibility: visible;
    /* IE6 */
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('../img/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -162px;
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('../img/fancybox/fancybox-y.png');
    background-position: -20px 0px;
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -182px;
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('../img/fancybox/fancybox-x.png');
    background-position: 0px -20px;
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -142px;
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('../img/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('../img/fancybox/fancybox.png');
    background-position: -40px -122px;
}

#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff;
}

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('../img/fancybox/fancy_title_over.png');
    display: block;
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}

#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto;
}

#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap;
}

#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url('../img/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url('../img/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url('../img/fancybox/fancybox.png') -55px -90px no-repeat;
}


/*    KONTAKTFORMULAR    */

#kontakt {
    padding: 10px 0 0;
    margin: 0;
    width: 75%;
}

#kontakt h2 {
    padding-top: 15px;
    margin-bottom: 15px;
}

.de #kontakt div,
.en #kontakt div {
    float: left;
    width: 603px;
    margin: 0 0 1px;
    padding: 10px;
    background: #eee;
    border-bottom: 1px solid #DBDBDB;
}

.de #kontakt div li,
.en #kontakt div li {
    background: none;
    padding: 0;
}

#kontakt div {
    float: left;
    width: 690px;
    margin: 0 0 1px;
    padding: 10px;
    background: #eee;
    border-bottom: 1px solid #DBDBDB;
}

.pflichtfeld {
    margin-top: 85px;
    margin-bottom: 0;
}

#kontakt.wm-gewinnspiel {
    padding-top: 0;
}

#kontakt.abmeldung p {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0px;
}

#kontakt.abmeldung span {
    float: left;
    margin: 5px 0px 0px 0px;
    width: 160px;
}

#kontakt.abmeldung .error span {
    width: auto;
}

#kontakt.abmeldung span.otherReasons {
    float: left;
    margin: 20px 0px 0px 0px;
    width: 100%;
    display: block;
}

#kontakt.abmeldung h3 {
    float: left;
    margin: 15px 0px 15px 0px;
    font-weight: 700;
}

#kontakt.abmeldung input {
    width: 500px;
}

#kontakt.abmeldung textarea {
    margin: 5px 0px 15px 0px;
    width: 500px;
}

#kontakt.abmeldung input[type='checkbox'] {
    float: left;
    width: 20px;
    height: 20px;
    margin: 5px 5px 0px 0px;
    padding: 5px;
}

#kontakt.abmeldung label {
    float: left;
    width: 160px;
    margin: 0;
    padding: 5px 0;
    font-weight: normal;
}

#kontakt.abmeldung .checkboxLabel {
    float: left;
    width: auto;
    margin: 0px 30px 0px 0px;
    padding: 5px 0;
    font-weight: normal;
}

.genderBox {
    float: left;
    display: block;
    width: 100%;
}

#kontakt.wm-gewinnspiel input,
#kontakt.wm-gewinnspiel select {
    border: solid #007a3b 1px
}

#kontakt.wm-gewinnspiel select {
    padding: 5px;
}

#kontakt .radiogroup.wm-gewinnspiel label {
    float: right
}

#page-8275 .newsArticleButton {
    position: absolute;
    bottom: 4px;
    right: 450px;
}

#page-8275 .newsArticleButton span {
    padding: 5px 12px
}

#page-8275 #fancybox-content {
    border-color: #007a3b;
}

#page-8275 #fancybox-content #teilnahme,
#page-8275 #fancybox-content #datenschutz {
    padding: 0 20px
}

#kontakt.wm-gewinnspiel div {
    width: 604px;
    border: 0;
    background: none;
    padding-top: 0;
}

#kontakt .wm-gewinnspiel li {
    padding: 0;
    background: none;
}

#kontakt .wm-gewinnspiel[input type="radio"] {}

#kontakt .radiogroup.wm-gewinnspiel {
    margin: 0;
    width: 100%;
}

#kontakt div.teilnahmebedingungen label {
    width: auto;
    float: none;
}

#kontakt #teilnahmebedingungen {
    width: auto;
    height: 24px;
}

#kontakt #wm-gewinnspiel-frage {
    width: 100%;
    padding-top: 0;
}

#kontakt.wm-gewinnspiel span.error {
    left: -320px;
    width: 311px;
    background: transparent url(../img/login/errorArrowRight.png) no-repeat 310px 5px;
    margin: -2px 0 0;
    padding: 3px 2px 5px 9px;
}

#kontakt.wm-gewinnspiel #submit {
    margin: -3px 2px 0 3%;
    padding: 3px 18px;
    float: left;
}

.checkbox,
.radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(../img/global/checkbox.png) no-repeat;
    display: block;
    float: left;
    margin-top: 5px;
}

.checkbox {
    margin-top: 0;
}

.radio {
    background: url(../img/global/radio.png) no-repeat;
}

.select {
    position: absolute;
    width: 158px;
    /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 21px;
    padding: 0 24px 0 8px;
    color: #fff;
    font: 12px/21px arial, sans-serif;
    background: url(select.png) no-repeat;
    overflow: hidden;
}

#kontakt div.error input,
#kontakt div.error textarea {
    border: 1px solid #FF0000;
}

#kontakt span.error {
    position: absolute;
    display: block;
    z-index: 200;
    color: white;
    width: 300px;
    background: transparent url(../img/login/errorArrow.png) no-repeat 5px 5px;
    right: -68px;
    margin: -2px 0 0;
    padding: 2px 2px 2px 15px;
}

.de #kontakt span.error,
.en #kontakt span.error {
    position: absolute;
    display: block;
    z-index: 200;
    color: white;
    width: 294px;
    background: transparent url(../img/login/errorArrow-right.png) no-repeat 290px 6px;
    left: -296px;
    margin: -2px 0 0;
    padding: 2px 15px 2px 2px;
}

#kontakt span.error span {
    background: #fe0d01;
    display: block;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
}

#kontakt span.error span.error {
    position: relative;
    display: inline;
    color: white;
    width: auto;
    right: 0;
}

#kontakt label {
    float: left;
    width: 21%;
    margin: 0;
    padding: 5px 0;
    font-weight: normal;
}

#kontakt label:hover {
    cursor: pointer;
}

#kontakt .newsletterLabel {
    width: auto;
}

#kontakt #newsletter {
    float: left;
    width: auto;
    margin: 0;
    margin: 10px 25px 5px 5px;
    font-weight: normal;
}

#kontakt .genderLabel {
    float: left;
    width: 22%;
    margin: 0;
    padding: 5px 0;
    font-weight: normal;
}

#kontakt .mrLabel,
#kontakt .mrsLabel {
    float: left;
    width: auto;
    margin: 0;
    padding: 5px 0;
    font-weight: normal;
}

#kontakt #anrede_herr,
#kontakt #anrede_frau,
#kontakt #wmgewinnspiel {
    float: left;
    width: auto;
    margin: 0;
    margin: 10px 25px 5px 5px;
    font-weight: normal;
}

#kontakt .radiogroup {
    float: left;
    width: 76%;
}

#kontakt .radiogroup li {
    display: inline-block;
    width: 100%;
}

#kontakt .radiogroup li label,
#kontakt .radiogroup .radio {
    width: auto!important;
}

#kontakt .radiogroup .radio {
    margin: 5px 0 0 5px;
}

#kontakt input,
#kontakt textarea {
    float: left;
    width: 76%;
    height: 20px;
    margin: 0;
    padding: 5px;
}

#kontakt textarea {
    height: 180px;
}

#kontakt #plz {
    width: 13%;
    margin-right: 2%;
}

#kontakt #ort {
    width: 59%;
}

#kontakt p {
    float: left;
    width: 100%;
    margin: 0 0 0 22%;
    padding: 0 0 10px;
}

#kontakt #submit,
.loginFPButton input,
#register #submit,
#haendlersuche-form #submit,
#haendlersuche-form #reset {
    background: #007A3B;
    font: 'Open Sans', arial, sans-serif;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    float: right;
    width: auto;
    height: auto;
    margin: 5px 0 0 22%;
    padding: 4px 12px;
    border: 0;
}

.de #kontakt #submit,
.en #kontakt #submit {
    position: absolute;
    bottom: -35px;
    right: 0px;
}

.loginFPButton input,
.newsletter input {
    float: none;
    margin: 5px 0 0 0;
}


/*    INFOS PER POST    */

#kontakt #infoerhalten,
#kontakt #ordner {
    float: left;
    width: auto;
    margin: 0;
    margin: 10px 25px 5px 5px;
    font-weight: normal;
}

#kontakt label.infoerhalten,
label.ordner,
label.newsletter {
    cursor: pointer;
}

#postinfo {
    position: absolute;
    width: 250px;
    left: 360px;
    border-bottom: 0!important;
}

.postinfo-noborder {
    padding-left: 0!important;
    border-bottom: 0!important;
}


/*    REGISTRIERUNGFORMULAR    */

#register {
    padding: 0;
    margin: 0;
}

#register h2 {
    padding-top: 15px;
    margin-bottom: 15px;
}

#register div {
    float: left;
    width: 440px;
    margin: 0 0 1px;
    padding: 10px;
    background: #eee;
    position: relative;
    background: #eee;
    border-bottom: 1px solid #DBDBDB;
}

#register div.submitWrapper {
    background: none;
    padding: 20px 0px 0px 0px;
}

#register span.error {
    position: absolute;
    display: block;
    z-index: 200;
    color: white;
    width: 300px;
    background: transparent url(../img/login/errorArrow.png) no-repeat 5px 5px;
    right: -300px;
    padding: 2px 2px 2px 15px;
}

#register span.error span {
    background: #fe0d01;
    display: block;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
}

#register span.error span.error {
    position: relative;
    display: inline;
    color: white;
    width: auto;
    right: 0;
}

.en #register span.error span.text {
    height: 21px;
}

#register label {
    float: left;
    width: 143px;
    margin: 0;
    font-size: 13px;
    padding: 5px 0px;
    text-align: left;
    font-weight: normal;
}


/*#register .confirmLabel{

    padding:12px 10px 12px 0px;

}*/

#register .newsletterLabel {
    font-size: 13px;
    width: auto;
    padding: 7px 0px;
}

#register .newsletterInfo {
    padding: 0;
    margin-top: 15px;
    border-bottom: 0!important;
}

#register .newsletterInfo p {
    padding: 10px 10px 10px 52px;
    width: auto;
    font-size: 13px;
}

#register #newsletter {
    float: left;
    width: auto;
    margin: 0;
    margin: 8px 15px 5px 0px;
    font-weight: normal;
}

#register .genderLabel {
    float: left;
    width: 25%;
    margin: 0;
    padding: 5px 0;
    font-weight: normal;
    font-size: 13px;
}

#register .mrLabel,
#register .mrsLabel,
#kontakt .wmgewinnspielLabel {
    float: left;
    width: auto;
    margin: 0;
    padding: 12px 0px 12px 0px;
    font-weight: normal;
}

#kontakt .wmgewinnspielLabel {
    padding: 0px 0px 12px 0px;
}

#register #anrede_herr,
#register #anrede_frau {
    float: left;
    width: auto;
    margin: 0;
    margin: 16px 25px 5px 5px;
    font-weight: normal;
}

#register input,
#register textarea {
    font: 14px/1.6 'Droid Sans', arial, sans-serif;
    float: left;
    width: 282px;
    height: 20px;
    margin: 0;
    padding: 5px;
    font-size: 14px;
}

#register textarea {
    height: 180px;
}

#register #plz {
    width: 13%;
    margin-right: 2%;
}

#register #ort {
    width: 59%;
}

#register p {
    float: left;
    width: 100%;
    margin: 0 0 0 22%;
    padding: 0 0 10px;
}

#register #submit {
    float: right;
    width: auto;
    height: auto;
    margin: 5px 0 0 33%;
    padding: 10px;
}

#register .registerMessage {
    padding: 0;
    border-bottom: 0!important;
}

ol.register {
    background: none repeat scroll 0 0 #f2f2f2;
    margin-bottom: 15px;
    padding: 16px 16px 1px;
}

ol.register li {
    list-style-position: outside;
    list-style-type: decimal;
    margin: 0 0 8px 20px;
}

#lexicon-management h2.msg {
    float: left;
    width: 100%;
    margin: 15px 0;
    padding: 10px 0;
    text-align: center;
    background: #abe273;
    color: #184b13;
    font-weight: bold;
    border: 3px solid #184b13;
}

#lexicon-management ul {
    float: left;
    width: 100%;
    margin: 15px 0;
    border-left: 1px solid #CCC;
}

#lexicon-management ul li {
    float: left;
    padding: 0 10px;
    border-right: 1px solid #CCC;
}

#lexicon-management table {
    border: 1px solid;
    border-bottom: none;
}

#lexicon-management table tr td {
    border-bottom: 1px solid;
    padding: 5px;
    vertical-align: middle;
}

#lexicon-management table tr.green td {
    background: #efefef;
}

#lexicon-management table tr:hover td {
    background: #d7e5d8;
}

#lexicon-management table tr.title td {
    padding: 10px;
    background: #FFF url(../img/global/categoryBg.jpg) 0 0 repeat-x;
}

#lexicon-management table tr td a {
    padding: 0 0 0 20px;
    height: 11px;
    line-height: 11px;
    background: transparent 0 0 no-repeat;
    display: block;
}

#lexicon-management table tr td a.nottranslated {
    background-image: url(../img/global/flags-sw.gif);
}

#lexicon-management table tr td a.translated {
    background-image: url(../img/global/flags.gif);
    color: #5a007a;
}

#lexicon-management table tr td a.de {
    background-position: 0 0
}

#lexicon-management table tr td a.en {
    background-position: 0 -11px
}

#lexicon-management table tr td a.es {
    background-position: 0 -22px
}

#lexicon-management #orig ul,
#lexicon-management #orig ul li,
#lexicon-management #translt ul,
#lexicon-management #translt ul li {
    width: 100%;
    margin-bottom: 10px;
    border: none;
}

#lexicon-management #orig ul li,
#lexicon-management #translt ul li {
    border-left: 1px solid #CCC
}

.de #gmap-kontakt,
.en #gmap-kontakt {
    position: absolute;
    top: 46px;
    right: 0;
    width: 360px;
    height: 230px;
}

#gmap-kontakt {
    position: absolute;
    top: 60px;
    right: 235px;
    width: 400px;
    height: 230px;
}

.be #gmap-kontakt,
.fr #gmap-kontakt {
    right: 200px;
}

.pl #gmap-kontakt,
.ru #gmap-kontakt {
    top: 120px;
}

.pt #gmap-kontakt {
    top: 0;
    width: 340px
}

#gmap #submit {
    background: #007A3B;
    font: 'Open Sans', arial, sans-serif;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    border: 0;
    padding: 4px 12px;
}

#gmap-marker-select {
    float: left;
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
}

#gmap-marker-select li {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
}

#gmap-marker-select li a {
    display: block;
    margin: 5px;
    padding: 15px;
    height: 29px;
    line-height: 29px;
    text-align: left;
    background: #F2F2F2 url(../img/global/checkbox-unchecked.gif) 46px 50% no-repeat;
    border: 1px solid #C2C2C2;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
}

#gmap-marker-select li a.checked {
    background-image: url(../img/global/checkbox-checked.gif)
}

#gmap-marker-select li.alpha a {
    margin-left: 0
}

#gmap-marker-select li.omega a {
    margin-right: 0;
    background-position: 42px 50%
}

#gmap-marker-select li a img {
    vertical-align: middle;
    margin: 0 22px 0 0;
}

#standorte-wrapper {
    float: left;
    width: 100%;
    height: 500px;
    margin: 0 0 5px;
    position: relative;
}

#standorte-canvas {
    float: left;
    width: 100%;
    height: 500px;
}

#standorte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    float: left;
    width: 100%;
    height: 500px;
    background: #000;
    display: none;
    opacity: 0.5;
}

#standorte-window {
    position: absolute;
    top: 60px;
    left: 50%;
    margin: 0 0 0 -225px;
    padding: 0;
    z-index: 600;
    float: left;
    width: 450px;
    height: auto;
    background: #FFF;
    display: none;
}

#standorte-window p {
    padding: 15px;
    margin: 0!important;
}

#standorte-window h1 {
    font-size: 20px;
    margin: 0 auto;
    padding: 10px 30px 10px 15px;
    line-height: 100%;
    background: #007a3b;
    max-width: 1000px;
    background-image: linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -o-linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(0, 122, 59) 55%, rgb(12, 157, 118) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.55, rgb(0, 122, 59)), color-stop(1, rgb(12, 157, 118)));
    color: #FFF
}

#standorte-window-close {
    float: left;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    background: transparent url(../img/global/close-window.gif) 0 0 no-repeat;
    position: absolute;
    top: 15px;
    right: 15px;
}

#standorte-window-close:hover {
    background-position: -10px 0;
}


/* print textarea */

#print_helper {
    display: none;
}

#page-3021 ol li {
    list-style-type: decimal;
    list-style-position: outside;
    padding-bottom: 20px;
    margin-left: 25px;
    position: relative;
}

#page-3021 ol li.first {
    padding-top: 30px;
}

#page-3021 ol li h2 {
    position: absolute;
    left: -30px;
    top: 0;
    font-weight: bold;
}

.standort {
    height: 220px;
}

.standortPic {
    float: left;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-right: 20px;
}

#loader {
    position: absolute;
    top: -99999px;
    left: -99999px;
    width: 100%;
    height: 100%;
    background: #000 url(../img/global/ajax-loader-big-2.gif) 50% 50% no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

#loader.active {
    top: 0;
    left: 0;
    display: block;
}

.downloadButton {
    background: none repeat scroll 0px 0px rgb(0, 122, 59);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    margin: 0px;
    padding: 8px 16px;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    line-height: 14px;
    text-decoration: none;
    font-size: 16px;
}

.textCenter {
    text-align: center;
    margin-top: 30px !important;
}

.bildBorder {
    border: solid 1px #007A3B;
    margin-top: 58px;
}

#bildquellennachweise {
    width: 943px;
}

#bildquellennachweise th,
#bildquellennachweise td {
    padding: 10px 0;
    width: 25%;
}

#bildquellennachweise tbody tr td {
    border-top: 1px solid #000;
}

.spaxIV-header {
    position: relative;
}

#content .spaxIV-header h1 {
    position: absolute!important;
    left: 20px!important;
    bottom: 121px!important;
    font-size: 20px!important;
    font-weight: normal!important;
    padding: 5px 15px 5px 15px!important;
    color: rgba(255, 255, 255, 0.9)!important;
    color: #fff!important;
    line-height: 100%!important;
    z-index: 9999!important;
    background: none!important;
    text-transform: none!important;
    margin: 0;
    border: 0;
}

#content .spaxIV-header span {
    position: absolute!important;
    font-weight: 500!important;
    z-index: 9999!important;
    background: none!important;
    left: 24px!important;
    bottom: 30px!important;
    line-height: 36px;
    width: 100%!important;
    padding: 0px 10px!important;
    color: #FFFFFF;
    font-size: 32px;
}

.row {
    overflow: hidden;
    margin-top: 40px;
}

.left {
    margin-right: 43px;
    width: 450px;
    float: left;
}

.right {
    margin: 0;
    float: right;
    width: 450px;
}

.notice {
    margin-top: -15px;
    font-size: 11px;
}

#detailRightColumn ul.downloadList {
    list-style: none;
}

#detailRightColumn ul.downloadList li {
    background: transparent;
    padding: 20px 0px 20px 0px;
    border-bottom: 1px solid #d6d6d6
}

#detailRightColumn ul.downloadList li a {
    width: 75px;
    text-align: center;
    background: #007a3b;
    border-radius: 4px;
    padding: 8px 20px 10px 20px;
    color: #fff;
    text-decoration: none;
    margin: -8px 0px 0px 0px;
    float: right;
}

.wiroxBanner {
    background: url(../img/newsImages/07-12-2015-yellox/wiroxBanner-BG.jpg);
    position: relative;
    width: 940px;
    border: 1px solid #007a3b;
    border-radius: 6px;
    -webkit-box-shadow: 0px 8px 5px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 8px 5px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 8px 5px -4px rgba(0, 0, 0, 0.5);
    padding: 20px 0px 27px 0px;
    overflow: hidden;
    margin: 30px 0px 30px 0px;
}

.yelloxBanner {
    background: url(../img/newsImages/08-12-2015-wirox/yelloxBanner-BG.jpg);
    position: relative;
    width: 940px;
    border: 1px solid #007a3b;
    border-radius: 6px;
    -webkit-box-shadow: 0px 8px 5px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 8px 5px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 8px 5px -4px rgba(0, 0, 0, 0.5);
    padding: 20px 0px 27px 0px;
    overflow: hidden;
    margin: 30px 0px 30px 0px;
}

.wiroxBanner a,
.yelloxBanner a {
    width: auto;
    font-size: 16px;
    background: #007a3b url(../img/global/white-right-Arrow.png) no-repeat 10px 15px;
    border-radius: 4px;
    padding: 8px 15px 10px 25px;
    color: #fff;
    text-decoration: none;
    margin: 17px 30px 10px 0px;
    float: right;
}

.haendlersucheSide {
    border-radius: 4px;
    overflow: hidden;
    display: block;
}

.haendlersucheSide h2 {
    font-size: 14px;
    color: #fff;
    background: #007a3b;
    padding: 8px 15px 10px 8px;
    border-bottom: 1px solid #fff;
}

.haendlersucheSide .schraubenfinder-banner-sidebar {
    border-bottom: 0;
    width: 100%;
}

.haendlersucheSide .schraubenfinder-banner-sidebar span {
    font-size: 14px;
    color: #fff;
    background: #007a3b url(../img/global/white-right-Arrow.png) no-repeat 10px 14px;
    padding: 8px 15px 10px 25px;
    text-decoration: none;
    width: 100%;
    display: block;
    box-sizing: border-box;
}


/*Lexikon Tables*/

table.lexiconTable {
    margin-bottom: 20px;
}

table.lexiconTable,
table.lexiconTable th,
table.lexiconTable td {
    border: 1px solid #000;
}

table.lexiconTable th,
table.lexiconTable td {
    padding: 10px;
    vertical-align: middle;
}

table.lexiconTable th {
    font-weight: bold;
    font-size: 18px;
}

.lexTable h2 {
    font-weight: bold;
}

.lexTable table {
    border-collapse: collapse;
}

.lexTable table,
.lexTable td,
.lexTable th {
    border: 1px solid black;
    padding: 10px;
}

.lexTable tr.head td,
.lexTable tr.head th {
    background: #008a4c;
    color: #fff;
}


/* Cookies Banner */

.cc_container {
    border: 0!important;
    border-top: 1px solid #007a3b!important;
}

.cc_container a,
.cc_container a:visited {
    color: #007a3b!important;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited,
.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
    color: #fff!important;
    background-color: #007a3b!important;
}

.cc_container .cc_message {
    line-height: 21.7px!important;
}


/*Wettbewerbe*/

#vergangeneWettbewerbe {
    padding-bottom: 10px;
    padding: 0 17px;
}

#vergangeneWettbewerbe img {
    width: 100%;
}

#vergangeneWettbewerbe li {
    box-sizing: border-box;
    padding: 10px 0;
    border-bottom: 1px solid #cac9c9;
}

#vergangeneWettbewerbe li:first-child {
    padding: 0 0 10px 0;
}

#vergangeneWettbewerbe li:last-child {
    border-bottom: none;
}

#vergangeneWettbewerbe li h3 {
    margin: 0;
}

.wettbewerbeContent img {
    float: right;
    margin-left: 10px;
    width: 160px;
}

#content .spaxIV-header.wettbewerbeHeader span {
    bottom: 37px!important;
}

.wettbewerbeHeader p {
    position: absolute;
    bottom: 2px;
    left: 24px;
    color: #fff;
    padding: 0 10px;
}


/*   Xpertise Sidebar Banner       */

.xpertiseLeftbanner {
    display: block;
}

.xpertiseLeftbanner .detailModulheader {
    margin-bottom: 0;
}

.xpertiseLeftbanner img {
    display: block;
}

.xpertiseLeftbanner p {
    /* background: url("../img/global/detailModulHeadBg.png") repeat scroll 0 0 transparent; */
    background-color: #007A3B;
    border-bottom: 2px solid #007A3B;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    height: 35px;
    line-height: 36px;
    padding: 0 17px;
    text-transform: none;
    margin: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

#umfrage-window {
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
}



#umfrage-window .wrapper {
    position: absolute;
    top:15px;
    left:2.5%;
    width: 80%;
    margin: 0;
    background-color: #FFF;
    padding: 0 15px 15px;
    -webkit-box-shadow: 1px 1px 5px #000;
    -moz-box-shadow: 1px 1px 5px #000;
    box-shadow: 1px 1px 5px #000;
}

#umfrage-window .wrapper .window {
    position: relative;
    background-color: #FFF;
}

#umfrage-window .wrapper .window h1 {
    background-color: #007A3B;
    margin: 0 0 10px -15px;
    padding: 15px;
    width: 100%;
    text-indent: 10px;
    color: #FFF;
    font-size: 16px;
}

@media (min-width: 530px) {
    #umfrage-window .wrapper {
        position: absolute;
        top:50%;
        left:50%;
        width: 500px;
        margin: -230px 0 0 -265px;
    }

    #umfrage-window .wrapper .window h1 {
        font-size: 20px;
    }
}

#umfrage-window .wrapper .window p {
    margin: 0!important;
    padding: 5px 10px;
    font-size: 15px;
}

#umfrage-window .wrapper .window .btn {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0 0;
    padding: 5px 10px;
    background: #007A3B;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#umfrage-window .wrapper .window .btn:hover {
    background: #007a3b;
}

#umfrage-window .wrapper .window .btn.close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 35px;
    height: 35px;
    margin: -15px -30px 0 0;
    padding: 0;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    background: #000;
    color: #FFF;
    border: 2px solid #FFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 1px 1px 2px #000;
    -moz-box-shadow: 1px 1px 2px #000;
    box-shadow: 1px 1px 2px #000;
}