@charset "utf-8";

* {
   margin:0;
   padding:0;
}

html {
   width:100%;
   height:100%;   
}

body {
   margin:0px auto; 
   font-family:arial,helvetica,verdana,sans-serif;
   color:#444444;
   font-size:12px;
   background-color:#f1f2f6;
   width:100%;
   height:100%;
}   

a { color:#444444; text-decoration:underline; font-size:12px; }
a:hover { color:#444444; text-decoration:none; font-size:12px; }


#content-center {
   float:left;
   width:100%;
   display:inline;
   background-image: url(../gfx/bg_gradient_mech.jpg);
   background-repeat:no-repeat;  
   margin-top:-5px;   
}

#content-wrap {
   float:left;
   width:950px;
   margin-left:30px;
   display:inline;
}

#content-tiny-image {
   float:left;
   display:inline;
   padding:2px;
   margin: 0 25px 10px 0;
   border:1px solid #000000;
}

#content-image {
   float:left;
   width:205px;
   display:inline;
   margin-top:50px;
   height:80px;
   margin-left:0px;
   /*background-image: url(../gfx/product.jpg);
   background-repeat:no-repeat;*/
}

#content-headline {
   float:left;
   width:715px;
   display:inline;
   margin-top:50px;
   height:80px;
   margin-left:25px;
}

#content-headline h1 {
   display:inline;
   color:#444444;
   font-size:18px;
   font-weight:normal;
}

#content-wrap-left {
   float:left;
   width:685px;
   margin:40px 0 0 0;
   display:inline;
}

.prod-ov-kat-wrap {
   float:left;
   width:203px;
   margin-right:25px;
   height:300px;
   display:inline;
}

.prod-ov-kat-wrap-imgwrap {
   float:left;
   width:199px;
   height:149px;
   border:1px solid #4a4747;
   display:inline;
}

.prod-ov-kat-wrap-imgwrap img {
   float:left;
   margin:2px 0 0 2px;
   border:none;
}

.prod-ov-kat-title {
   float:left;
   width:100%;
   font-size:14px;
   font-weight:bold;
   color:#b33459;
   text-transform:uppercase;
   margin-top:5px;
   display:inline;
}

.prod-ov-kat-text {
   float:left;
   width:100%;
   font-size:12px;
   color:#444444;
   margin-top:5px;
   line-height:15px;
   height:63px;
   overflow:hidden;
   display:inline;
}

.prod-ov-kat-more-wrap {
   float:left;
   width:100%;
   margin-top:5px;
   display:inline;
}

.prod-ov-kat-more-left {
   width:20px;
   height:15px;
   float:left;
   display:inline;
}

.prod-ov-kat-more-right {
   width:170px;
   height:15px;
   float:left;
   display:inline;
}

/* ##### KATEGORIE LISTE ##### */


.katlist-product-wrap {
   float:left;
   width:685px;
   display:inline;
   margin-bottom:25px;
}

.katlist-product-image {
   float:left;
   width:auto;
   display:inline;
   border:1px solid #4a4747;
}

.katlist-product-image img {
   float:left;
   margin:2px 2px 2px 2px;
   border:none;
   display:inline;
}

.katlist-product-image-blind {
   float:left;
   width:auto;
   display:inline;
   border:1px solid #4a4747;
}

.katlist-product-image-blind img {
   float:left;
   margin:2px 2px 2px 2px;
   border:none;
   display:inline;
}

.katlist-text {
   float:left;
   display:inline;
   margin-left:20px;
   width:530px;
   font-size:12px;
   line-height:18px;
}

.katlist-text h1 {
   display:inline;
   font-size:14px;
   color:#b33459;
}

a:link.kat-link-h1 {color:#b33459; text-decoration:none; font-size:14px; }
a:visited.kat-link-h1 {color:#b33459; text-decoration:none; font-size:14px; }
a:active.kat-link-h1 {color:#b33459; text-decoration:none; font-size:14px; }
a:hover.kat-link-h1 {color:#b33459; text-decoration:underline; font-size:14px; }

/* ##### PRODUKT DETAILS ##### */

#product-details-options-wrap {
   display:inline;
   float:left;
   width:250px;
}

#product-details-options-wrap a {
   font-size:12px;
   color:#4a4747;
   text-decoration:none;
}

.product-details-image {
   float:left;
   display:inline;
   width:74px;
   height:74px;
   overflow:hidden;
   border:1px solid #000000;
   margin-right:5px;
   margin-bottom:5px;
}

.product-details-image-inner {
   float:left;
   display:inline;
   width:70px;
   height:70px;
   margin:2px 2px 2px 2px;
   overflow:hidden;
}

.product-details-image-inner img {
   display:inline;
   border:none;
}

#product-details-content-wrap {
   display:inline;
   float:left;
   margin-left:45px;
   width:380px;
   font-size:12px;
   /*background-color:#dddddd;   */
   line-height:18px;
}

#product-details-content-wrap h1 {
   display:inline;
   font-size:16px;
   text-decoration:none;
   color:#b33459;
}

#product-inquiry-wrap {
   display:inline;
   position:absolute;
   z-index:100;
   top:220px;
   left:290px;
   width:600px;
   border:1px solid #000000;
   background-color:#4a4747;
   color:#ffffff;
   filter:alpha(opacity=90); /* Internet Explorer */
-moz-opacity: 0.90; /* Mozilla Browser */
opacity: 0.90; /* Opera */
}

#product-inquiry-head-wrap {
   display:inline;
   float:left;
   width:100%;
   height:22px;
}

#product-inquiry-head-left {
   display:inline;
   float:left;
   width:90%;
   font-weight:bold;
   margin-top:3px;
   margin-left:5px;
   font-size:14px;
}

#product-inquiry-head-right {
   display:inline;
   float:right;
   width:5%;
   text-align:right;
}

#product-inquiry-head-right img {
   display:inline;
   border:none;
   margin-right:5px;
   margin-top:3px;
}

#product-inquiry-content-wrap {
   display:inline;
   float:left;
   width:96%;
   margin-left:2%;
   margin-top:25px;
}

#product-inquiry-content-wrap input,textarea {
   border:1px solid #000000;
   font-family:arial,helvetica,verdana,sans-serif;
   color:#000000;
   font-size:12px;  
}

#product-inquiry-content-wrap input {
   width:150px;
}

#product-inquiry-content-wrap textarea {
   width:96%;
}

#product-inquiry-content-wrap tr {
   height:25px;
}

#product-inquiry-error-wrap {
   float:left;
   display:inline;
   margin-top:15px;
   margin-bottom:5px;
   border-top:1px solid #ff0000;
   border-bottom:1px solid #ff0000;
   width:96%;
   margin-left:2%;   
}

#product-inquiry-error-content {
   float:left;
   display:inline;
   margin-top:10px;
   margin-bottom:10px;
}

/* ##### IMPRESSUM ##### */

#imprint-left {
   float:left;
   display:inline;
   width:290px;
}

#imprint-right {
   float:left;
   display:inline;
   width:340px;
}

#content-wrap-right {
   float:right;
   width:230px;
   margin:40px 0 15px 0;
   border-left:1px solid #e3e3e3;
   display:inline;
}

#footer-wrap {
   float:left;
   width:100%;
   height:70px;
   background-image: url(../gfx/footer_gradient.jpg);
   background-repeat:repeat-x;
   display:inline;
}

#head-wrap {
   float:left;
   width:100%;
   height:140px;
   background-image: url(../gfx/head_blue.jpg);
   background-repeat:repeat-x;
   display:inline;
}

#head-logo {
   position:absolute;
   width:156px;
   left:0;
   top:0;
   display:inline;
}

#head-logo img {
   border:none;
}

#head-text {
   position:absolute;
   left:202px;
   top:41px;
   color:#444444;
   display:inline;
}

#head-text-top {
   font-size:30px;
}

#head-text-bottom {
   font-size:14px;
}

#head-navi-wrap {
   float:left;
   width:100%;
   height:63px;
   background-image: url(../gfx/head_gradient_navi.jpg);
   background-repeat:repeat-x;
   display:inline;
}

/* ========== KONTAKT ========== */

#contact-wrap {
   float:left;
   width:100%;
   display:inline;
}

#contact-headline {
   float:left;
   width:100%;
   font-size:14px;
   font-weight:bold;
   margin-left:20px;
   margin-top:0px;
   color:#444444;   
   display:inline;
}

#contact-headline h2 {
   display:inline;
   font-size:14px;
}

#contact-content {
   float:left;
   margin-top:20px;
   margin-left:20px;
   font-size:12px;
   color:#444444;
   line-height:15px;
   display:inline;
}

#contact-content a {
   text-decoration:none;
   font-size:12px;
   color:#444444;   
}

#contact-content a:hover {
   text-decoration:underline;
}

/* ========== TOP-PRODUKT ========== */

#top-product-wrap {
   float:left;
   width:210px;
   display:inline;
   background-color:#dddddd;
   margin-left:15px;
}

#top-product-hl-wrap {
   float:left;
   width:100%;
   height:22px;
   display:inline;
   background-color:#4a4f8a;
}

#top-product-hl-text {
   float:left;
   width:100%;
   display:inline;
   color:#ffffff;
   font-weight:bold;
   font-size:15px;
   text-align:center;
   letter-spacing:8px;
   margin-top:3px;
}

#top-product-headline {
   float:left;
   width:200px;
   font-size:14px;
   font-weight:bold;
   margin-left:5px;
   margin-top:10px;
   color:#b33459;   
   display:inline;
}

#top-product-headline a {
   text-decoration:none;
   color:#b33459;
}

#top-product-image {
   float:left;
   width:200px;
   margin-left:5px;
   margin-top:10px;
   display:inline;
}

#top-product-image img {
   border:none;
}

#top-product-headline h2 {
   display:inline;
   font-size:14px;
}

#top-product-content {
   float:left;
   margin-top:10px;
   margin-left:5px;
   font-size:12px;
   color:#444444;
   line-height:15px;
   display:inline;
}

#top-product-content a {
   text-decoration:none;
   font-size:12px;
   color:#444444;   
}

#top-product-content a:hover {
   text-decoration:underline;
}

#top-product-more-wrap {
   float:left;
   width:200px;
   margin-top:5px;
   margin-left:5px;
   display:inline;
   margin-bottom:10px;
}

#top-product-more-left {
   width:20px;
   height:15px;
   float:left;
   display:inline;
}

#top-product-more-right {
   width:120px;
   height:15px;
   float:left;
   display:inline;
}

#top-product-more-right a {
   text-decoration:none;
   font-size:12px;
   color:#4a4f8a;   
}

#top-product-more-right a:hover {
   text-decoration:underline;
}

/* ========== SPRACHE ========== */

#lang-wrap {
   float:left;
   width:100%;
   margin-bottom:30px;   
   display:inline;
}

#lang-headline-wrap {
   float:left;
   font-size:14px;
   font-weight:bold;
   margin-left:20px;
   color:#444444;  
   display:inline;   
}

#lang-headline-left {
   float:left;
   width:35px;
   display:inline;
}

#lang-headline-text-left {
   float:left;
   width:auto;
   display:inline;
}

#lang-headline-text-right {
   float:left;
   width:auto;
   display:inline;
   color:#444444;
}

.lang-flag-wrap {
   float:left;
   font-size:12px;
   margin-left:20px;
   color:#444444;  
   display:inline; 
   margin-top:15px;   
}

.lang-flag-left {
   float:left;
   display:inline;
   width:35px;
}

.lang-flag-left img {
   float:left;
   display:inline;
   border:1px solid #000000;
   margin-top:12px;
}

.lang-flag-right {
   float:left;
   width:170px;
   line-height:19px;
}

a:link.lang-link {color:#444444; text-decoration:underline; font-size:12px; }
a:visited.lang-link {color:#444444; text-decoration:underline; font-size:12px; }
a:active.lang-link {color:#444444; text-decoration:underline; font-size:12px; }
a:hover.lang-link {color:#444444; text-decoration:none; font-size:12px; }

/* ========== TRENNER ========== */

.trenner-top {
   float:left;
   width:100%;
   height:30px;
   display:inline;
   border-bottom:1px solid #e3e3e3;
}

.trenner-bottom {
   float:left;
   width:100%;
   height:30px;
   display:inline;
}

/* ========== NAVIGATION ========== */

.navi-main-wrap {
   float:left;
   height:54px;
   width:142px;
   border-right:1px solid #d7d7d7;
   display:inline;
}

.navi-main-link {
   float:left;
   text-align:center;
   margin-top:17px;
   width:100%;
}

a:link.navi-main-no {color:#9b9292; text-decoration:none; font-size:18px; }
a:visited.navi-main-no {color:#9b9292; text-decoration:none; font-size:18px; }
a:active.navi-main-no {color:#9b9292; text-decoration:none; font-size:18px; }
a:hover.navi-main-no {color:#b33459; text-decoration:none; font-size:18px; }

a:link.navi-main-act {color:#b33459; text-decoration:none; font-size:18px; }
a:visited.navi-main-act {color:#b33459; text-decoration:none; font-size:18px; }
a:active.navi-main-act {color:#b33459; text-decoration:none; font-size:18px; }
a:hover.navi-main-act {color:#b33459; text-decoration:none; font-size:18px; }

a:link.kat-link { font-size:12px; color:#444444; text-decoration:none; }
a:visited.kat-link { font-size:12px; color:#444444; text-decoration:none; }
a:active.kat-link { font-size:12px; color:#444444; text-decoration:none; }
a:hover.kat-link { font-size:12px; color:#444444; text-decoration:underline; }

#lang-head-wrap {
   float:left;
   width:140px;
   display:inline;
   margin-left:50px;
   margin-top:20px;
}

#lang-head-wrap img {
   float:left;
   margin-left:15px;
   border:1px solid #000000;
   display:inline;
}


/* ========== MESSEN ========== */

#fair-wrap {
   float:left;
   width:210px;
   margin-bottom:30px;   
   display:inline;
   margin-left:15px;
}

#fair-wrap h2 {
   font-size:14px;
   font-weight:bold;
   color:#b33459; 
   display:inline;
}

#fair-headline-wrap {
   float:left;
   font-size:14px;
   font-weight:bold;
   color:#444444;  
   display:inline;   
}

#fair-headline-left {
   float:left;
   width:25px;
   display:inline;
}

#fair-headline-text-left {
   float:left;
   width:auto;
   display:inline;
}

#fair-headline-text-right {
   float:left;
   width:auto;
   display:inline;
   color:#444444;
}

.fair-details-wrap {
   float:left;
   width:100%;
   margin-top:20px;
   border-bottom:1px solid #b33459;
}

.fair-details-text {
   float:left;
   width:100%;
   margin-bottom:10px;
   margin-top:3px;
}


a:link.fair-link {color:#444444; text-decoration:underline; font-size:12px; }
a:visited.fair-link {color:#444444; text-decoration:underline; font-size:12px; }
a:active.fair-link {color:#444444; text-decoration:underline; font-size:12px; }
a:hover.fair-link {color:#444444; text-decoration:none; font-size:12px; }