html, body {
background:#e6e6e6 url(/img/gradient.png) repeat-x;
color:#171717;
margin:0;
padding:0;
}
body {
font:62.5% Helvetica, Arial, sans-serif;
text-align:center;
padding-top:18px;
}
textarea, input {
font:1.2em Helvetica, Arial, sans-serif;
}
label {
font-weight:bold;
}
h1 {
color:#2f2f2f;
font-size:1.6em;
margin-top:0;
}
h2, h3 {
color:#595959;
}
h2 {
font-size:1.2em;
}
h3, h4, h5, h6 {
font-size:1.1em;
}
a {
color:#000;
text-transform:none;
}
a:hover, a:active, a:focus {
color:#000;
}
a img {
border:0;
}
img {
display:block;
}
ul {
list-style:square;
padding:0 0 0 1.5em;
}
li {
margin:0 0 .5em;
}
.compact {
margin:0;
}
.compact li {
color:#f49e32;
margin:0;
}
.compact li a {
color:#171717;
}
#search-result {
margin:0;
}
#search-result li {
margin:.5em 0 0;
}
.background1 {
background:url(/img/bg-mid.png) repeat-y 50% 0;
}
.background2 {
background:url(/img/bg-top-std.png) no-repeat 50% 0;
/*  min-height:697px;*/
min-height:617px;
}
.background3 {
background:url(/img/bg-bot.png) no-repeat 50% 0;
height:22px;
}
#lytheader {
position:relative;
}
#lytheader, #lytbody {
font-size:1.2em;
margin:0 auto;
text-align:left;
width:940px;
}
#lytheader {
height:103px;
}
#search {
position:absolute;
right:0;
top:46px;
margin:0;
padding:0;
}
.text {
border:1px solid #aaa;
}
.text:focus {
border-color:#000;
}
#search .submit {
background:0;
border:none;
color:#595959;
cursor:pointer;
font-weight:bold;
}
#search .submit:hover, #search .submit:focus {
color:#f49e32;
}
#banner-logo {
height:55px;
left:10px;
position:absolute;
top:30px;
width:145px;
}  
#start-navigation {
position:relative;
width:100%;
}
#start-navigation a {
color:#fff;
display:block;
font:3.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
height:69px;
line-height:69px;
overflow:hidden;
text-decoration:none;
padding-left:16px;
}
#start-navigation a span {
background-repeat:no-repeat;
height:89px;
/*  width:100%;*/
position:absolute;
}
/* Navigationshintergrund Startseite */
#start-navigation #materialien a, #materialien a {
/*  background:#F79647;*/
background:#f49e32;
}
#start-navigation #produkte a, #produkte a {
background:#d9923a;
}
#start-navigation #aktionen a, #aktionen a {
background:#be8642;
}
#start-navigation #service a, #service a {
background:#a3794a;
}
/*#start-navigation #materialien a span {
background:url(materialien-big.png);
}
#start-navigation #produkte a span {
background:url(produkte-big.png);
}
#start-navigation #aktionen a span {
background:url(aktionen-big.png);
}
#start-navigation #service a span {
background:url(service-big.png);
}
#start-navigation a:hover span, #start-navigation a:focus span {
background-position:0 89px !important;
}*/
#start-navigation img {
background:#fff;
color:#737373;
font-size:.3em;
position:absolute;
left:0;
/*  top:356px;*/
top:276px;
padding:10px 9px 0 0;
}
#start-navigation #produkte img {
left:237px;
padding-right:10px;
}
#start-navigation #aktionen img {
left:475px;
}
#start-navigation #service img {
left:712px;
padding-right:0;
}
#navigation {
width:165px;
}
#navigation a {
color:#fff;
display:block;
font:1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
height:32px;
line-height:32px;
text-decoration:none;
padding-left:11px;
}
#navigation ul {
background:#fff;
border-style:solid;
border-width:0 3px 3px;
}
#navigation ul ul {
border:0;
padding:0;
}
#navigation ul a {
font-family:Helvetica, Arial, sans-serif;
}
#navigation a span {
background-repeat:no-repeat;
height:32px;
/*width:165px;*/
position:absolute;
}
#navigation ul .selected ul, #navigation ul .selected a {
background:#dadada;
background:#eee;
}
#navigation ul .selected li a {
background:0;
}
#navigation .highlighted a {
text-decoration:underline;
}
#navigation .highlighted ul a {
text-decoration:none;
}
/* Navigationshintergrund  */
/*#materialien a span {
background:url(materialien.png);
}
#produkte a span {
background:url(produkte.png);
}
#aktionen a span {
background:url(aktionen.png);
}
#service a span {
background:url(service.png);
}
#navigation .selected a span, #navigation a:hover span, #navigation a:focus span {
background-position:0 32px;
}
*/
#materialien ul {
border-color:#f49e32;
}
#produkte ul {
border-color:#d9923a;
}
#aktionen ul {
border-color:#be8642;
}
#service ul {
border-color:#a3794a;
}
#navigation ul a {
color:#000;
background:0;
font-size:1em;
height:auto;
line-height:1.2em;
overflow:visible;
padding:2px 7px 2px 9px;
text-decoration:none;
text-indent:0;
}
#navigation ul a:hover, #navigation ul a:focus, a:hover, a:focus {
text-decoration:underline !important;
}
#start-navigation a:hover, #start-navigation a:focus {
background:#f49e32 !important;
text-decoration:none !important;
}
#navigation a:hover, #navigation a:focus {
text-decoration:none !important;
}
/* last navigation level should always be 'normal', esp. when there is only one */
/*
#navigation ul.last a, #navigation ul ul a {
text-transform:none;
font-weight:normal;
}
*/
#navigation ul ul a {
padding-left:20px;
}
#navigation ul ul ul a {
padding-left:33px;
}
#scrobbler {
}
#scrobbler li.last {
float:right;
}
.button-big, .button {
background:#f49e32 url(/img/corner-r-ongrey_std.png) no-repeat 100%;
border-radius:.3em;
moz-border-radius:.3em;
webkit-border-radius:.3em;
float:left;
}
input.button {
background:#f49e32;
border:0;
color:#fff;
cursor:pointer;
font-weight:bold;
line-height:22px;
}
input.button:hover, input.button:focus {
color:#fff;
text-decoration:underline;
}
.button-big {
background:#f49e32 url(/img/button-bot_std.png) no-repeat 50% 100%;
margin:0 0 1em;
}
#scrobbler li {
background:#f49e32 url(/img/corner-br_std.png) no-repeat 100% 100%;
border-radius:0 0 .3em 0;
-moz-border-radius:0 0 .3em 0;
-webkit-border-radius:0 0 .3em 0;
float:left;
}
#scrobbler li.last {
background:#f49e32 url(/img/corner-bl_std.png) no-repeat 0 100%;
border-radius:0 0 0 .3em;
-moz-border-radius:0 0 0 .3em;
-webkit-border-radius:0 0 0 .3em;
}
#scrobbler a, .button-big a, .button a {
background:url(/img/corner-l-ongrey_std.png) no-repeat 0;
color:#fff;
display:block;
font-weight:bold;
line-height:22px;
padding:0 1em;
text-decoration:none;
white-space:nowrap;
}
.button-big a {
background:url(/img/button-top_std.png) no-repeat 50% 0;
padding:0 12px;
width:226px;
white-space:normal;
}
.back {
clear:both;
}
#scrobbler a, .back a {
padding:0 12px 0 9px;
}
#scrobbler a {
background:0;
}
#scrobbler li.last a {
padding:2px .75em 2px 1em;
}
/* Layout main columns. */
.lytcols {
padding:0 0 0 175px;
}
.lytcol-1 {
float:left;
margin:0 0 0 -175px;
width:175px;
}
.lytcol-2 {
float:right;
width:100%;
}
/* Content Styling */
#main {
clear:both;
padding:32px;
}
#lytbody .produkt-main {
padding-top:10px;
}
#main .lytcols {
padding:0 0 0 280px;
}
#main .lytcol-1 {
float:right;
margin:0;
width:100%;
}
#main .lytcol-2 {
float:left;
margin:0 0 0 -280px;
width:280px;
}
.overview-text {
margin:0 0 20px;
}
.overview li {
float:left;
margin:0 20px 20px 0;
}
.overview a {
background:#fff;
border:2px solid #fff;
color:#000;
display:block;
text-align:center;
text-decoration:underline;
width:150px;
padding:3px 0;
}
.overview a:hover, .overview a:focus {
border:2px solid #f49e32;
}
.overview img {
margin:0 auto;
}
.content-img {
float:left;
margin:0 30px 25px 0;
}
.picture {
background:#fff;
margin:0 1.2em 1.2em 0;
padding:3px;
width:244px;
text-align:center;
}
.picture a {
display:block;
}
.picture img {
margin:0 auto;
}
.caption {
background:#fff;
width:244px;
padding:.3em 0;
bottom:0;
}
#gallery-button {
float:none;
width:190px;
margin:0 auto 5px;
}
#gallery-button span {
background:url(/img/gallery-icon.png) no-repeat 0 3px;
display:block;
float:left;
width:28px;
height:22px;
}
.info {
margin:0 1.2em 1em 0;
width:250px;
}
.info h2 {
margin:0;
}
.product-table {
clear:both;
border:1px solid #f49e32;
border-collapse:collapse;
margin:1em 0;
width:100%;
}
.product-table thead {
background:#eeccaa;
}
.product-table th, .product-table td {
padding:.4em 1em;
}
.product-table th {
text-align:center;
}
.product-table th.first {
text-align:left;
}
.product-table td {
background:#fff;
border-top:1px solid #f49e32;
vertical-align:bottom;
}
.product-table #col1 {
width:90%;
}
.product-table #col2 {
width:5%;
}
.product-table #col3 {
width:5%;
}
#aktionen-table {
border:0;
border-collapse:separate;
border-spacing:4px;
}
#aktionen-table thead {
background:0;
}
#aktionen-table td {
border:0;
}
#aktionen-table .price {
background:#f49e32;
color:#fff;
font-size:2em;
font-weight:bold;
padding:.2em .5em;
}
#aktionen-table .price small {
font-size:.6em;
}
#aktionen-table .inquiry-link {
background:0;
}
#secondary-navigation {
position:relative;
top:-10px;
text-align:right;
}
#secondary-navigation li {
display:inline;
margin:0 7px 0 13px;
}
#secondary-navigation a {
color:#171717;
text-decoration:none;
}
#secondary-navigation .selected a {
text-decoration:underline;
}
.overview, .nl {
margin:0;
padding:0;
list-style:none;
}
.nl li {
margin:0;
}
.lytcols:after {
clear:both;
content:'.';
display:block;
height:0;
visibility:hidden;
}
#banner-logo {
display:block;
font-size:0;
line-height:0;
overflow:hidden;
text-indent:-9000px;
}
.hide {
display:none;
}
.clear {
clear:both;
}
.center {
text-align:center;
}
#contact-form {
float:left;
margin:0 0 20px;
}
#contact-form div {
clear:both;
float:left;
margin:0 0 10px;
}
#contact-form label {
display:block;
float:left;
vertical-align:top;
width:100px;
}
#contact-form .notice-box, #contact-form .grey-box {
background:#ddd;
border:1px solid #aaa;
padding: 6px 10px;
float:left;
width:330px;
}
#contact-form .notice-box {
background:#f9f2c7;
border-color: #f5e99d;
}
#contact-form div div {
margin:0 0 2px;
}
#contact-form input, #contact-form textarea {
float:left;
font-size: 1em;
vertical-align:top;
width:250px;
}
#contact-form textarea {
height:90px;
}
#contact-form .button {
padding:0;
margin:0 0 0 100px;
width:252px;
}
.price {
text-align:right;
}
.inquiry-link {
white-space:nowrap;
}
.error {
color:#c00;
}
#lbOverlay {
position:fixed;
z-index:9999;
left:0;
top:0;
width:100%;
height:100%;
background:#000;
cursor:pointer;
}
#lbCenter, #lbBottomContainer {
position:absolute;
z-index:9999;
overflow:hidden;
background-color:#fff;
}
.lbLoading {
background:#fefefe url(/img/loading.gif) no-repeat center;
}
#lbImage {
position:absolute;
left:0;
top:0;
border:10px solid #fff;
background-repeat:no-repeat;
}
#lbPrevLink, #lbNextLink {
display:block;
position:absolute;
top:0;
width:50%;
outline:none;
}
#lbPrevLink {
left:0;
background:url(/img/prev.png) no-repeat 0 30%;
}
#lbNextLink {
right:0;
background:url(/img/next.png) no-repeat 100% 30%;
}
#lbBottom {
font-size:1.2em;
line-height:1.4em;
text-align:left;
border:10px solid #fff;
border-bottom-width:0;
}
#lbCloseLink {
display:block;
float:right;
width:22px;
height:22px;
background:url(/img/close.png) no-repeat center;
outline:none;
}
#lbCaption, #lbNumber {
margin-right:37px;
}
#lbCaption {
font-weight:bold;
}
#lbCaption .button {
float:right;
}