/* style.css */

/*================================================
 * Layout
 *===============================================*/
@media handheld, screen {

* {
    border: 0;
    margin: 0;
    padding: 0;
}
 
body {
   /* background:#FFF url(../upload/corporate/bg_body.jpg) repeat-x;*/
   background: #FFFFFF;
    overflow: -moz-scrollbars-vertical;
}

#outer {
    width:100%;
    padding-bottom:30px;
}

/** header **/
#header {
    width:960px;
    margin:0 auto;
    height:135px;
    position:relative; 
}

#langnav {
    position:absolute;
    top:26px;
    right:20px;
}

#logo {
    position:absolute;
    top:16px;
    left:395px;
    width:auto;
    height:auto;
}

#mainnav1 {
    position:absolute;
    top:55px;
    left:30px;
    height:auto;
}

#mainnav2 {
    position:absolute;
    top:55px;
    right:20px;
    height:auto;
    text-align: right;
}

#subnav {
    position:absolute;
    top:105px;
    left:30px;
    height:auto;
}

/** main **/
#main {
    clear:both;
    position:relative;
    padding:0;
    background: url(../upload/corporate/bg_footer.jpg) top center no-repeat;
    /*width: 960px;*/
    margin: 0 auto;
}

#content {
    width:924px;
    margin: 0 auto;
    padding:12px 0 20px 36px;
    height: 300px;
}

#contentBottom {
    width:924px;
    margin: 0 auto;
    padding:17px 0 20px 36px;
}

html>body #content { /* be nice to opera (&gekko) */
    height: auto;
    min-height: 300px;
}


#contentLeft {
    float:left;
    width:330px;
}

#contentRight {
    width:auto;
    margin-left:350px;
}

/** footer **/
#footer {
    /*background:url(../upload/corporate/bg_footer.jpg) repeat-x;*/
    clear:both;
    width:100%;
    height:108px;
    padding:0;
    background:url(../upload/corporate/bg_footer.jpg) top center no-repeat;    
    /*width:960px;*/
    margin:0 auto;    
}

#footerInner {
    width:924px;
    margin:0 auto;
    padding:26px 0 0 36px;
    position:relative;
}

#footernav {
    position:absolute;
    top:57px;
    left:32px;
    height:auto;
    width:auto;
}

} /* end: @media handheld, screen */

/*================================================
 * Navigation
 *===============================================*/
@media handheld, screen {

/** mainnav **/
#mainnav1 ul,
#mainnav2 ul {
    list-style:none;
    font-size:1em;
    margin:0;
    padding:0;
}

#mainnav1 ul li,
#mainnav2 ul li {
    float:left;
    line-height:1.2em;
    height:1.2em;
    color:#7b7c7f;
    display: inline;
    padding:0;
    font-weight:bold;
}

#mainnav1 ul li span,
#mainnav2 ul li span {
    float:left;
}

#mainnav1 ul li a:link,
#mainnav1 ul li a:visited,
#mainnav1 ul li a:active,
#mainnav2 ul li a:link,
#mainnav2 ul li a:visited,
#mainnav2 ul li a:active {
    color:#7b7c7f; 
    float:left;
    display: inline;
    width:auto;
    padding:0 6px; 
    text-decoration:none;
}

#mainnav1 ul li a:hover,
#mainnav1 ul li a:focus,
#mainnav1 ul li a.current,
#mainnav2 ul li a:hover,
#mainnav2 ul li a:focus,
#mainnav2 ul li a.current {
    outline:0;
    text-decoration:none;
    color:#000;
}

/** subnav **/
#subnav ul {
    list-style:none;
    font-size:0.92em;
    margin:0;
    padding:0;
}

#subnav ul li {
    float:left;
    line-height:1.2em;
    height:1.2em;
    color:#7b7c7f;
    display: inline;
    padding:0;
    font-weight:normal;
}

#subnav ul li span {
    float:left;
}

#subnav ul li a:link,
#subnav ul li a:visited,
#subnav ul li a:active {
    color:#7b7c7f; 
    display: inline;
    float:left;
    width:auto;
    padding:0 5px; 
    text-transform:none;
    text-decoration:none;
}

#subnav ul li a:hover,
#subnav ul li a:focus,
#subnav ul li a.current {
    outline:0;
    text-decoration:none;
    color:#000;
}

/** langnav **/
#langnav ul {
    list-style:none;
    font-size:0.92em;
    margin:0;
    padding:0;
}

#langnav ul li {
    float:left;
    line-height:1em;
    color:#7b7c7f;
    display: inline;
    padding:0;
    font-weight:bold;
}

#langnav ul li span {
    float:left;
}

#langnav ul li a:link,
#langnav ul li a:visited,
#langnav ul li a:active {
    color:#7b7c7f; 
    display: inline;
    float:left;
    width:auto;
    padding:0 4px; 
    text-transform:uppercase;
    text-decoration:none;
}

#langnav ul li a:hover,
#langnav ul li a:focus,
#langnav ul li a.current {
    outline:0;
    text-decoration:none;
    color:#000;
}

/** footernav **/
#footernav ul {
    margin:0;
    padding:0;
    list-style:none;
    font-size:0.92em;
}

#footernav ul li {
    float:left;
    color:#7b7c7f;
    font-weight:normal;
    line-height:1;
}

#footernav ul li span {
    float:left;
}

#footernav ul li a:link,
#footernav ul li a:visited,
#footernav ul li a:active {
    float:left;
    color:#7b7c7f; 
    display:block;
    line-height:1;
    padding:0 4px;
    text-decoration:none;
}

#footernav ul li a:hover,
#footernav ul li a:focus,
#footernav ul li a.current {
    color:#000;
    text-decoration:none;
    outline:0;
}

} /* end: @media handheld, screen */

/*================================================
 * Content
 *===============================================*/
@media handheld, screen {

body {
    font-size:75%; /* 12px */
    text-align:left;
    color:#7b7c7f; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Presse */
.presse {
padding-bottom:18px;
}

.presse-item {
padding-bottom:16px;
}

.presse-datum {
    font-size: 0.92em;
    font-weight: bold;
}

.presse-link {
    font-size: 0.92em;
}

.presse-text {
width:auto;
}

.presse-text p {
    margin: 0;
}

#presse-jahre {
    font-size: 0.92em;
    padding: 9px;
    background: #EEEEEE;
    border: 1px solid #CCCCCC;
    width: 687px;
}

#presse-jahre a {
    font-size: 1em;
    font-weight: bold;
}

#presse-jahre a.current {
    color: #e10626;
}

/* Händlersuche */

#haendlersuche #searchbox {
    float: left;
    width: 280px;
}

#haendlersuche #searchbox input {
    margin: 0 0 5px 0;
    width: 120px;
    float: none;
}

#haendlersuche #result {
    float: left;
    margin: 0 0 0 25px;
    width: 300px;
    font-size: 0.92em;
}

#haendlersuche #result p {
    font-size: 1em;
}

#haendlersuche #result .haendler-item {
    margin: 0 0 12px 0;
}

#haendlersuche #result .haendler-name {
    font-weight: bold;
}

#haendlersuche #result .haendler-zusatz a {
    display: block;
}


/* Produktneuheiten */

#produktneuheiten {

}

#produktneuheiten .produktneuheiten-item {
    margin: 0 0 20px 0;
}

#produktneuheiten .text {
    float: left;
    width: 600px;
}

#produktneuheiten .image {
    margin: 0 0 0 620px;
    width: auto;    
}

#produktneuheiten .image img {
    margin: 20px 0 0 0;
}


/* Messen */
.messen {
padding-bottom:18px;
}

.messe-item {
padding-bottom:16px;
}

.messe-datum {
    font-size: 0.92em;
    font-weight: bold;
}

.messe-link {
    font-size: 0.92em;
}

.messe-text {
}

.messe-text p {
    margin: 0;
}


#myflash {
    margin: 0px 0 0 0;
}

/** headings **/
h1 {
    font-size:0.92em;
    line-height:1.4;
    font-weight:bold;
    color:#7b7c7f;
    margin:0 0 1em 0;
    text-transform:uppercase;
}
 
h2 {
    font-size:0.92em;
    line-height:1.4;
    font-weight:bold;
    /*color:#af0917;*/
    margin:0 0 0.75em 0;
    text-transform:uppercase;
} 

h3 {
    font-size:100%;
    color:#af0917;
    line-height:1.4;
    font-weight:bold;
    margin:0 0 0.75em 0;
} 


/** text **/
p {
    font-size:0.92em;
    line-height:1.6;
    margin:0 0 0.92em 0;
}

small {
    font-size:0.92em;
}

blockquote {
    font-style:italic;
}

hr {
    margin:0 0 0.8em 0;
    padding:0 0 0.8em 0;
    border:0;
    /*border-bottom:1px solid #86b3d7;*/
    border-bottom:1px solid #ababab;
    width:100%;
    line-height:0;
    background:transparent;
    height:0;     
}

/** hyperlinks **/
a,
a:link,
a:visited {
    text-decoration:underline;
    color:#787b7e;
    outline: none;
}

a:hover,
a:active {
    text-decoration:underline;
    color:#787b7e;
}

#contentBottom a,
#contentBottom a:visited,
#contentBottom a:active {
    text-decoration:underline;
    color:#787b7e;
    outline: none;
    padding: 0 0 0 10px;
}

#contentBottom a.std {
    padding: 0;
}

#contentBottom a:hover {
    color: #000000;
}


p.prdBacklink {
    margin: 10px 0 10px 0;
}

.backlink {
    float:right;
}


/** images + captions **/
.imgLeft {
    float:left;
    padding:0 12px 12px 0;
}

.imgRight {
    float:right;
    padding:0 0 12px 12px;
}

.imgWide {
    display: block;
    width: 450px;
    margin: 0 0 12px 0;
}

/** lists **/
ol {
    margin:0 0 1em 24px;
    padding:0;
    font-size:0.92em;
}

ul {
    margin:0 0 1em 24px;
    padding:0;
    list-style:disc;
    font-size:1em;
}

ul ul {
    margin-bottom:0;
}

li {
    line-height:1.6;
    font-weight:normal;
}

/** table **/

/** imgUebersicht **/
#imgUebersicht {
    padding:22px 0 0 5px;
}

#imgUebersicht img {
    padding:0;
    /*display:none;*/
    opacity: .0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";    
    margin:0 5px 5px 0;
}

/** Produkte Uebersicht **/
#produkteUebersicht {

}

#produkteUebersicht .teaser {
    width:180px;
    height:245px;
    float:left;
    font-size:0.92em;
}

#produkteUebersicht .teaser span {
    width:100%;
    display:block;
    text-align:center;
    padding:4px 0 0 0;
    text-transform:none;
}

#produkteUebersicht .teaser a {
    text-decoration:none;
    color:#7b7c7f;
    font-weight:normal;
}

#produkteUebersicht .teaser  a:hover {
    text-decoration:none;
    color:#000;
}

p.prdBacklink a {
    color: #e10626;
}


/** Kategorie Uebersicht **/

#kategorieUebersicht {


}

#kategorieUebersicht strong {
    color: #e10126;
}

#kategorieUebersicht .wrapper {
    width:960px;
    position:relative;
    margin:0 auto;
}

#kategorieUebersicht .divider {
    /*border-bottom:1px solid #dedede;*/
    background:url(../upload/corporate/bg_footer.jpg) top center no-repeat;
    height:2px;
    margin:0;
    width:100%;
    padding:0;
    line-height:0;
    font-size:0;
    clear:both;
}

#kategorieUebersicht .teaser {
    width:150px;
    height:143px;
    padding:0 0 0 10px;
    float:left;
    position:relative;
    font-size:0.92em;
}

#kategorieUebersicht .teaser .teaserImg {
    position:absolute;
    left:0;
    bottom:45px;
    width:100%;
    height:auto;
    text-align:center;
}

#kategorieUebersicht .teaser .teaserText {
    position:absolute;
    left:0;
    top:110px;
    height:40px;
    width:100%;
    text-align:center;
    text-transform:none;
}

#kategorieUebersicht .teaser a {
    text-decoration:none;
    color:#7B7C7F;
    font-weight:normal;
}

#kategorieUebersicht .teaser  a:hover {
    text-decoration:none;
    color:#000000;
}

#kategorieUebersicht .teaser .teaserText a {
    
}

/** Produkt Detail **/
#detail {
position:relative;
}

#detail #text {
    width:185px;
    float:left;
    position:relative;
    z-index:30;
    padding:20px 0 0 0;  
}

#detail #farben {
    float:right;
    width:300px;     
}

#detail #farben .blockheadline {
    font-weight: bold;
    font-size: 0.92em;
}

#detail #imgBig {
    /*width:auto;
    margin:0px 315px 0 0px;*/
    margin:0;
    top:0;
    left:0;
    position: absolute;
    z-index: 20;  
    
}

#detail #modelltext {
    margin: 12px 0 0 0;
    font-size: 0.92em;
    text-align: center;
}

#detail #farbUebersicht {
    margin: 20px 0 0 0;
    padding-bottom:30px;
}

#detail #farbUebersicht .teaser {
    width:90px;
    height:auto;
    padding:10px 5px 20px 5px;
    float:left;
    margin:0;
    font-size:0.92em;
    text-align:center;
}

#detail #farbUebersicht .teaser span {
    display:block;
    padding:8px 0 0 0;
    font-weight: normal;
}

#detail #farbUebersicht .teaser a {
    text-decoration:none;
    color:#7b7c7f;
    font-weight:bold;
}

#detail #farbUebersicht .teaser  a:hover {
    text-decoration:none;
    color:#000;
}

#detail #abmessungen {
    margin: 0 0 20px 0;
}

#detail #signets img {
    margin: 10px 5px 10px 0;
}

#detail table.signets {
    margin: 20px 0 0 10px;
}

#detail table.signets td p {
    line-height: 14px;
}

#detail #zusatzbild {
    margin: 0 0 20px 0;
}
 
} /* end: @media handheld, screen */

/*================================================
 * Forms
 *===============================================*/
@media handheld, screen {

label { 
    display: block;
    float: left;
    width: 100px;
    padding:2px 0;  
}

input {
    display: block;
    float: left;
    width: 180px;
    color:#787b7e;
    background:#fff;
    border:1px solid #ababab; 
    padding:2px; 
    font-size:0.92em;
}

select {
    display: block;
    float: left;
    width: 100px;  
    color:#787b7e;
    background:#fff;
    border:1px solid #ababab;  
}

form br { 

  clear: left;
}

input#submit {
  float: none;
  width: auto;
}

.loupe { 
    background-color:#555; 
    background:#FFFFFF; 
    border: 2px solid #CCCCCC; 
    cursor:url(blank.gif), url(blank.cur), none; 
    z-index: 9999;
}

 

} /* end: @media handheld, screen */

/*================================================
 * Print
 *===============================================*/
@media print {
* {
    border: 0;
    margin: 0;
    padding: 0;
}

#langnav,
#mainnav1,
#mainnav2,
#subnav,
#footernav,
.backlink,
.prdBacklink {
    display:none;
}

body {
    font-size:12pt;
    text-align:left;
    color:#000; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header {
    text-align:center;
    padding-bottom:30pt;
}

/** headings **/
h1 {
    font-size:0.92em;
    line-height:1.4;
    font-weight:bold;
    color:#000;
    margin:0 0 1em 0;
    text-transform:uppercase;
}
 
h2 {
    font-size:0.92em;
    line-height:1.4;
    font-weight:bold;
    color:#000;
    margin:0 0 0.75em 0;
    text-transform:uppercase;
} 

h3 {
    font-size:100%;

    color:#000;
    line-height:1.4;
    font-weight:bold;
    margin:0 0 0.75em 0;
} 


/** text **/
p {
    font-size:0.92em;
    line-height:1.6;
    margin:0 0 0.92em 0;
}

small {
    font-size:0.92em;
}

blockquote {
    font-style:italic;
}


/** hyperlinks **/
a,
a:link,
a:visited {
    text-decoration:underline;
    color:#787b7e;
    outline: none;
}

/** footer **/
#footer {
border-top:1pt solid #000;
padding:6pt 0;
clear:both;
width:100%;
margin:10pt 0 0 0;
font-size:10pt;
text-align:center;
}  

/* Produktneuheiten */
#produktneuheiten .produktneuheiten-item {
    margin: 0 0 20pt 0;
    clear:both;
        overflow:hidden;
}

#produktneuheiten .text {
float:left;
width:75%;
}

#produktneuheiten .image{
width:25%;
margin-left:75%;
text-align:center;
}

/* Presse */
.presse-item {
padding-bottom:20pt;
}

.presse-datum {
font-weight: bold;
}

.presse-text p {
    margin: 0;
}

/* Messen */
.messe-item {
padding-bottom:20pt;
}

.messe-datum {
font-weight: bold;
}

.messe-text p {
    margin: 0;
}


/** imgUebersicht **/
#imgUebersicht {
    padding:22px 0 0 5px;
}

#imgUebersicht img {
    padding:0;
    display:inline;
    margin:0 5px 5px 0;
}

/** Produkte Uebersicht **/
#produkteUebersicht .teaser {
    width:180px;
    height:245px;
    float:left;
    font-size:0.92em;
}

#produkteUebersicht .teaser span {
    width:100%;
    display:block;
    text-align:center;
    padding:4px 0 0 0;
    text-transform:none;
}

#produkteUebersicht .teaser a {
    text-decoration:none;
    color:#000;
    font-weight:normal;
}


/** Kategorie Uebersicht **/
#kategorieUebersicht .wrapper {
clear:both;
}

#kategorieUebersicht .teaser {
    width:150pt;
    height:auto;
    padding:0 0 20pt 0;
    text-align:center;
    overflow:hidden;
}

#kategorieUebersicht .teaser .teaserText {
    padding:10pt 0 0 0;
    width:100%;
    display:block;
    text-align:center;
    text-transform:none;
}

#kategorieUebersicht .divider {
    clear:both;
}

#kategorieUebersicht .teaser a {
    text-decoration:none;
    color:#7B7C7F;
    font-weight:normal;
}

/** Produkt Detail **/
#detail #text {
width:185px;
float:left;
padding:0 0 20pt 0;
}

#detail #imgBig {
margin-left:200px;
width:auto;
text-align:center;
}

#detail #imgBigInner {
margin:0 !important;
padding:50px 0;
}

#detail #farben{
clear:both;
overflow:hidden;
width:100%;
}

#detail #farbUebersicht {
float:left;
}

#detail #farbUebersicht .clearfix {
overflow:hidden;
width:340px;
}

#detail #farbUebersicht .teaser {
    width:100px;
    height:auto;
    float:left;
    display:inline;
    padding:10px 5px 20px 5px;
    font-size:0.92em;
    text-align:center;
}

#detail #farbUebersicht .teaser span {
    display:block;
    padding:8px 0 0 0;
    font-weight: normal;
}

#detail #farbUebersicht .teaser a {
    text-decoration:none;
    color:#000;
    font-weight:bold;
}

#detail #zusatzbild, #detail #abmessungen {
padding:0 0 20pt 0;
width:340px;
float:right;
overflow:hidden;
}

 
} /* end: @media print */

/*================================================
 * Clearing
 *==============================================*/
@media handheld, screen {

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

.clearfix {
    display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

* html .clearfix {
    height:1%;
}

.floatbox {
    overflow:hidden;
}

.hide {
    position:absolute;
    top:-5000px;
    left:-5000px;
    width:0;
    height:0;
    display:inline;
    overflow:hidden;
}

} /* end: @media handheld, screen */