body {
padding:0;
margin:0;
}
a {
color:#7a7e82;
}
a:hover, a:focus {
color:#000;
}
a img {
border:0;
display:block;
outline:none;
}
h2, h3 {
font-size:1em;
color:#000;
}
h3 {
font-weight:normal;
}
input, textarea, select {
border:1px solid #91969b;
font:1em Arial,sans-serif;
}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
border-color:#000;
}
.checkbox {
border:0;
padding:0;
margin:0;
}
.button {
background:url(../img/nww/link-arrow.gif) no-repeat 0 50%;
border:0;
color:#7a7e82;
display:block;
padding:0 0 0 10px;
}
.button:hover, .button:focus {
background-image:url(../img/nww/link-arrow-hover.gif);
color:#000;
cursor:pointer;
text-decoration:underline;
}
#anfrage .lytcol-1, label {
font-weight:bold;
}
#nww {
background:#1a171b url(../img/nww/bg.png);
color:#7a7e82;
font:62.5% Arial,sans-serif;
}
#nww #claim, #nww #main-navigation a {
font-family:"Blender Pro Heavy",Arial,sans-serif;
}
#nww .produkt-headline, #nww .headline {
font-family:"Blender Pro Medium",Arial,sans-serif;
font-weight:normal;
line-height:1;
}
#nww.start #main-navigation a {
background:url(../img/nww/start.jpg) no-repeat 0 0;
display:block;
height:178px;
width:149px;
position:absolute;
top:183px;
left:179px;
text-align:center;
outline:0;
}
#nww.start #main-navigation #unternehmen-nav a {
background:url(../img/nww/nww-logo-big.png) no-repeat 0 0;
height:149px;
left:353px;
}
#nww.start .de #main-navigation #moderne-nav a {
background-position:0 0;
}
#nww.start .de #main-navigation #moderne-nav.selected a, #nww.start .de #main-navigation #moderne-nav a:hover, #nww.start .de #main-navigation #moderne-nav a:focus {
background-position:0 -178px;
}
#nww.start .en #main-navigation #moderne-nav a {
background-position:-149px 0;
background-position:0 0;
}
#nww.start .en #main-navigation #moderne-nav.selected a, #nww.start .en #main-navigation #moderne-nav a:hover, #nww.start .en #main-navigation #moderne-nav a:focus {
background-position:-149px -178px;
background-position:0 -178px;
}
#nww.start .de #main-navigation #klassik-nav a {
background-position:-298px 0;
}
#nww.start .de #main-navigation #klassik-nav.selected a, #nww.start .de #main-navigation #klassik-nav a:hover, #nww.start .de #main-navigation #klassik-nav a:focus {
background-position:-298px -178px;
}
#nww.start .en #main-navigation #klassik-nav a {
background-position:-447px 0;
background-position:-298px 0;
}
#nww.start .en #main-navigation #klassik-nav.selected a, #nww.start .en #main-navigation #klassik-nav a:hover, #nww.start .en #main-navigation #klassik-nav a:focus {
background-position:-447px -178px;
background-position:-298px -178px;
}
#nww.start #main-navigation #klassik-nav a {
left:527px;
}
#nww.start #main-header, #nww.start #nww_net-nav, #nww.start #referenzen-nav, #nww.start #kontakt-nav, #nww.start #outlet-nav, #nww.start #designer-nav {
display:none;
}
#nwwnet_banner {
bottom:-29px;
position:absolute;
right:-59px;
}
#nwwnet_banner a {
background:url(/img/nww/nwwnet_banner.png) no-repeat 0 0;
display:block;
height:195px;
width:296px;
}
.file-list, #main-navigation, .nl {
padding:0;
margin:0;
list-style:none;
}
#header {
width:960px;
position:relative;
}
#header, #main {
margin:0 auto;
text-align:left;
}
#layout-header {
font:1.2em Helvetica,Arial,sans-serif;
background:url(../img/header_bg.gif) repeat-x;
height:35px;
position:absolute;
top:0;
width:100%;
}
#layout-header a {
color:#fff;
font-weight:bold;
text-decoration:none;
}
#layout-header .nl {
border-color:#333 #000;
border-style:solid;
border-width:0 1px 1px;
border:0;
position:absolute;
top:0;
z-index:9;
}
#layout-header .nl:hover a {
display:block;
}
#layout-header .nl a {
background:#111;
background-repeat:no-repeat;
background-position:95% 50% !important;
display:none;
line-height:35px;
outline:none;
padding:0 0 0 10px;
position:relative;
top:35px;
}
#layout-header .selected {
position:absolute;
top:0;
}
#layout-header .selected a {
background:#111 url(../img/white_arrow_down.gif) no-repeat;
display:block;
position:absolute;
top:0;
}
#layout-header .nl a:focus {
}
#layout-header .nl:hover .selected a {
background-image:none;
}
#layout-header .selected a:hover, #layout-header .selected a:focus, #layout-header a:hover, #layout-header a:focus {
background-image:url(../img/white_arrow_left.gif) !important;
}
#branch-selector, #branch-selector a {
width:160px;
}
#language-selector {
right:10px;
}
#language-selector, #language-selector a {
width:100px;
}
#layout-header #language-selector a {
background-position:93% 50% !important;
}
#layout-main {
border-top:1px solid #111;
font-size:1.2em;
height:100%;
padding:90px 0 14px;
}
#main {
background:#fff;
min-height:515px;
position:relative;
width:855px;
}
#nww #main .lytcols {
padding:14px 14px 14px 231px;
width:610px;
}
#nww #main .lytcol-1 {
float:left;
margin:0 0 0 -217px;
width:203px;
}
#nww #main .lytcol-2 {
float:left;
margin-top:89px;
width:100%;
}
#nww #main-header {
width:610px;
width:660px;
height:75px;
position:absolute;
top:14px;
right:14px;
}
#main-content {
position:relative;
height:398px;
}
#nww .scroll {
overflow:auto;
}
#nww .hidden {
height:300px;
overflow:hidden;
}
#nww .ongrey {
background:#e9eaeb;
height:370px;
padding:14px;
}
#nww #logo {
background:#1a171b url(../img/nww/nww-logo.png) no-repeat;
display:block;
height:75px;
width:75px;
position:absolute;
right:0;
}
/* sifr ersatz */
.subsite .de #main-navigation a, .subsite .de #claim {
background-image:url(../img/nww/blender_de.png);
background-repeat:no-repeat;
}
.subsite .en #main-navigation a, .subsite .en #claim {
background-image:url(../img/nww/blender_en.png);
background-repeat:no-repeat;
}
#nww #claim {
color:#000;
font-size:1.5em;
font-weight:bold;
text-transform:uppercase;
right:99px;
bottom:11px;
height:17px;
width:241px;
position:absolute;
}
#nww #claim {
background-position:0 -172px;
}
.subsite #klassik-nav a {
background-position:0 -36px;
}
.subsite #unternehmen-nav a {
background-position:0 -72px;
}
.subsite #referenzen-nav a {
background-position:0 -108px;
}
.subsite #kontakt-nav a {
background-position:0 -140px;
}
.subsite #outlet-nav a {
background-position:0 -189px;
}
.subsite #nww_net-nav a {
background-position:0 -221px;
}
.subsite #designer-nav a {
background-position:0 -253px;
}
.subsite #moderne-nav a:hover, .subsite #moderne-nav a:focus, .subsite #moderne-nav.selected a {
background-position:0 -18px;
}
.subsite #klassik-nav a:hover, .subsite #klassik-nav a:focus, .subsite #klassik-nav.selected a {
background-position:0 -54px;
}
.subsite #unternehmen-nav a:hover, .subsite #unternehmen-nav a:focus, .subsite #unternehmen-nav.selected a {
background-position:0 -90px;
}
.subsite #referenzen-nav a:hover, .subsite #referenzen-nav a:focus, .subsite #referenzen-nav.selected a {
background-position:0 -124px;
}
.subsite #kontakt-nav a:hover, .subsite #kontakt-nav a:focus, .subsite #kontakt-nav.selected a {
background-position:0 -156px;
}
.subsite #outlet-nav a:hover, .subsite #outlet-nav a:focus, .subsite #outlet-nav.selected a {
background-position:0 -205px;
}
.subsite #nww_net-nav a:hover, .subsite #nww_net-nav a:focus, .subsite #nww_net-nav.selected a {
background-position:0 -237px;
}
.subsite #designer-nav a:hover, .subsite #designer-nav a:focus, .subsite #designer-nav.selected a {
background-position:0 -269px;
}
#nww #main-navigation a {
color:#91969b;
font-size:1.5em;
font-weight:bold;
display:block;
height:18px;
outline:none;
line-height:1;
text-decoration:none;
text-transform:uppercase;
}
#nww #referenzen-nav a, #nww #outlet-nav a, #nww #nww_net-nav a, #nww #designer-nav a, #nww #kontakt-nav a {
height:16px;
}
.subsite #main-navigation li {
position:relative;
}
.subsite #main-navigation ul li {
position:static;
}
#main-navigation ul {
position:absolute;
width:98px;
}
#main-navigation #moderne-nav ul {
top:89px;
}
#main-navigation #klassik-nav ul {
top:71px;
}
#main-navigation #unternehmen-nav ul {
top:53px;
}
#main-navigation li li {
margin:0 0 13px;
}
#main-navigation li li li {
margin:0 0 5px;
}
#main-navigation ul ul {
top:0 !important;
left:105px;
}
#nww #main-navigation ul a {
background:0;
font:1em/1 normal Arial,sans-serif;
text-transform:none;
position:static;
width:auto;
height:auto;
text-indent:0;
}
#nww #main-navigation a:hover, #nww #main-navigation a:focus {
color:#000 !important;
}
#nww #main-navigation .selected a {
color:#000;
}
#nww #main-navigation .selected ul a {
color:#7a7e82;
font-weight:normal;
}
#nww #main-navigation ul .selected a {
color:#000;
font-weight:bold;
}
#nww #main-navigation ul .selected ul a {
color:#7a7e82;
font-weight:normal;
}
#nww #main-navigation ul ul .selected a {
color:#000;
font-weight:bold;
}
#referenzen-nav, #outlet-nav, #nww_net-nav, #designer-nav, #kontakt-nav {
font-size:.9em;
top:253px;
width:98px;
}
#nww #outlet-nav ul, #nww #kontakt-nav ul {
position:static;
top:0;
margin:8px 0;
width:auto;
}
#nww #outlet-nav li, #nww #kontakt-nav li {
font-size:1.11em;
margin:4px 0 0;
}
#nww #main-content.lytcols {
padding:14px 14px 14px 230px;
width:366px;
outline:none;
}
#nww #main-content .lytcol-1 {
float:right;
margin:0;
width:100%;
}
#nww #main-content .lytcol-2 {
float:left;
margin:0 0 0 -216px;
width:202px;
}
#nww #main-content .main-img, #nww #main-content .video-img {
display:block;
margin:0 0 10px;
position:relative;
outline:none;
}
#nww #main-content .main-img span {
background:url(../img/nww/plus.gif) no-repeat 0 0;
display:block;
width:9px;
height:9px;
position:absolute;
right:3px;
top:140px;
}
#nww #main-content .thumb2 .main-img span {
top:68px;
}
#nww #main-content .main-img:hover span, #nww #main-content .main-img:focus span {
background-position:0 -9px;
}
#nww #main-content .main-img img, #nww #main-content .video-img img {
border:1px solid #91969b;
display:block;
}
#nww #main-content .main-img:hover img, #nww #main-content .main-img:focus img, #nww #main-content .video-img:hover img, #nww #main-content .video-img:focus img {
border-color:#000;
}
#nww #main-content .video-img span {
background:url(../img/nww/big-arrow.png) no-repeat 0 0;
display:block;
width:29px;
height:29px;
position:absolute;
left:86px;
top:61px;
}
#nww #main-content .video-img:hover span, #nww #main-content .video-img:focus span {
background-position:0 -29px;
}
#nww .headline {
color:#000;
margin:0 0 .5em;
font-size:1.7em;
}
#nww .headline a {
color:#000;
outline:none;
text-decoration:none;
}
.overview-item {
padding:0 0 20px;
overflow:hidden;
}
.overview-item .date {
color:#000;
float:left;
margin-right:10px;
width:86px;
}
.overview-item .thumb, .overview-item .thumb2 {
float:left;
margin:0 14px 0 0;
width:104px;
height:78px;
}
.overview-item .thumb2 {
width:106px;
}
.overview-item .text {
float:left;
width:340px;
}
.overview-item .text-no-img {
float:left;
width:440px;
}
#nww .overview-item .headline {
font-size:1.5em;
margin:0;
}
#overview-nav li {
float:left;
margin:0 5px 5px 0;
}
#overview-nav li {
}
#overview-nav a {
background-repeat:no-repeat;
background-position:0 0;
display:block;
width:200px;
height:97px;
outline:none;
}
#overview-nav .row-last-item, #overview-nav .row-last-item a {
margin-right:0;
}
#overview-nav .last-row a {
margin-bottom:0;
}
.slideshow-thumbnails ul, #overview-paginator {
position:absolute;
top:311px;
right:0;
}
.slideshow-thumbnails li, #overview-paginator li {
display:inline;
}
.slideshow-thumbnails a, #overview-paginator a {
background:url(../img/nww/page-icons.png) no-repeat;
color:#91969b;
display:block;
float:left;
font-size:.8em;
width:15px;
height:15px;
line-height:15px;
margin:0 0 0 5px;
outline:none;
text-decoration:none;
text-align:center;
}
#overview-paginator a {
text-indent:-9000px;
}
#overview-paginator .item-1 a {
}
#overview-paginator .selected-1 a, #overview-paginator .item-1 a:hover, #overview-paginator .item-1 a:focus {
background-position:-15px 0;
}
#overview-paginator .item-2 a {
background-position:0 -15px;
}
#overview-paginator .selected-2 a, #overview-paginator .item-2 a:hover, #overview-paginator .item-2 a:focus {
background-position:-15px -15px;
}
#overview-paginator .item-3 a {
background-position:0 -30px;
}
#overview-paginator .selected-3 a, #overview-paginator .item-3 a:hover, #overview-paginator .item-3 a:focus {
background-position:-15px -30px;
}
#overview-paginator .item-4 a {
background-position:0 -45px;
}
#overview-paginator .selected-4 a, #overview-paginator .item-4 a:hover, #overview-paginator .item-4 a:focus {
background-position:-15px -45px;
}
#overview-paginator .item-5 a {
background-position:0 -60px;
}
#overview-paginator .selected-5 a, #overview-paginator .item-5 a:hover, #overview-paginator .item-5 a:focus {
background-position:-15px -60px;
}
#overview-paginator .item-6 a {
background-position:0 -75px;
}
#overview-paginator .selected-6 a, #overview-paginator .item-6 a:hover, #overview-paginator .item-6 a:focus {
background-position:-15px -75px;
}
#overview-paginator .item-7 a {
background-position:0 -90px;
}
#overview-paginator .selected-7 a, #overview-paginator .item-7 a:hover, #overview-paginator .item-7 a:focus {
background-position:-15px -90px;
}
#overview-paginator .item-8 a {
background-position:0 -105px;
}
#overview-paginator .selected-8 a, #overview-paginator .item-8 a:hover, #overview-paginator .item-8 a:focus {
background-position:-15px -105px;
}
#overview-paginator .item-9 a {
background-position:0 -120px;
}
#overview-paginator .selected-9 a, #overview-paginator .item-9 a:hover, #overview-paginator .item-9 a:focus {
background-position:-15px -120px;
}
#overview-paginator .item-10 a {
background-position:0 -135px;
}
#overview-paginator .selected-10 a, #overview-paginator .item-10 a:hover, #overview-paginator .item-10 a:focus {
background-position:-15px -135px;
}
#overview-paginator .item-11 a {
background-position:0 -150px;
}
#overview-paginator .selected-11 a, #overview-paginator .item-11 a:hover, #overview-paginator .item-11 a:focus {
background-position:-15px -150px;
}
#overview-paginator .item-12 a {
background-position:0 -165px;
}
#overview-paginator .selected-12 a, #overview-paginator .item-12 a:hover, #overview-paginator .item-12 a:focus {
background-position:-15px -165px;
}
#overview-paginator .item-13 a {
background-position:0 -180px;
}
#overview-paginator .selected-13 a, #overview-paginator .item-13 a:hover, #overview-paginator .item-13 a:focus {
background-position:-15px -180px;
}
#overview-paginator .item-14 a {
background-position:0 -195px;
}
#overview-paginator .selected-14 a, #overview-paginator .item-14 a:hover, #overview-paginator .item-14 a:focus {
background-position:-15px -195px;
}
#overview-paginator .item-15 a {
background-position:0 -210px;
}
#overview-paginator .selected-15 a, #overview-paginator .item-15 a:hover, #overview-paginator .item-15 a:focus {
background-position:-15px -210px;
}
#overview-paginator .masze a {
background-position:0 -225px;
width:29px;
}
#overview-paginator .selected-masze a, #overview-paginator .masze a:hover, #overview-paginator .masze a:focus {
background-position:-29px -225px;
}
.slideshow-thumbnails-active, .slideshow-thumbnails a:hover, .slideshow-thumbnails a:focus, #overview-paginator .selected a, #overview-paginator a:hover, #overview-paginator a:focus {
color:#fff;
background-color:#000;
}
.slideshow-thumbnails ul {
left:auto !important;
margin:0;
padding:0;
}
.slideshow-thumbnails img {
display:none;
}
.file-list, .more-link {
margin:1em 0 0;
}
.file-list li {
margin:0 0 .5em;
}
.file-list a, .back, .link {
background:url(../img/nww/arrows.gif) no-repeat 0 3px;
color:#7a7e82;
display:block;
clear:both;
float:left;
padding:0 0 0 13px;
text-decoration:none;
outline:none;
}
.file-list a:hover, .file-list a:focus, .back:hover, .back:focus, .link:hover, .link:focus {
background-position:0 -26px;
color:#000;
text-decoration:underline;
}
.back {
background-position:0 -55px;
}
.back:hover, .back:focus {
background-position:0 -84px;
}
#nww .produkt-headline {
color:#000;
margin:0;
font-size:1.4em;
}
.produkt-text {
font-size:.9em;
height:54px;
overflow:auto;
padding:0 30px 0 0;
}
.produkt-text p {
margin-top:0;
}
.tele-table {
margin:0;
padding:0;
border-collapse:collapse;
border:0;
}
.map-iframe {
position:absolute;
}
#standort {
position:absolute;
width:202px;
height:250px;
}
#standort, #standort a, #shops #address, #shops #address a, .shop-results strong {
color:#000;
}
#shops h2, #standort h2, #standort h3 {
margin:0;
}
#shops {
position:absolute;
width:202px;
}
#shops form div {
clear:both;
float:left;
padding:0 0 5px;
}
.search-separator {
background:#e9eaeb;
font-size:.8em;
line-height:.8em;
margin:-1.7em 0 0;
padding:0 .4em 0 0 !important;
text-transform:uppercase;
text-align:center;
}
#shops form .keyword {
border-top:1px solid #91969b;
margin:15px 0 5px;
padding:1em 0 0;
width:202px;
}
.keyword #text {
width:200px;
}
#shops form .keyword div {
padding:0 0 2px;
}
#shops form select:hover, #shops form select:focus {
border-color:#000;
}
#shops .disabled {
color:#aab0b5;
}
#shops .disabled:hover select, #shops .disabled select:hover, #shops .disabled select:focus {
border-color:#91969b;
}
#shops label {
display:block;
float:left;
width:60px;
padding:.2em 0 0;
}
#shops label.wide {
width:auto;
}
#shops select {
float:left;
margin:0;
padding:0;
width:142px;
}
.shop-results {
width:360px;
height:340px;
margin-top:30px;
overflow:auto;
float:right;
}
.shop-results li {
margin:0 20px 20px 0;
}
.shop-results .more-link {
margin:5px 0 0;
float:right;
}
#main-content #anfrage .error {
color:#eb6767;
}
#main-content #anfrage .lytcol-1, #main-content #anfrage .lytcol-2 {
float:left;
margin:0 0 5px;
}
#main-content #anfrage .lytcol-1 {
width:105px !important;
margin:0 0 5px 31px;
}
#main-content #anfrage .lytcol-2 {
width:153px !important;
}
#main-content #anfrage .text {
width:151px;
}
#main-content #anfrage .wide {
width:auto !important;
}
#main-content #anfrage .checkbox {
margin:0 10px 0 0;
vertical-align:bottom;
}
#main-content #anfrage .wide textarea {
width:440px;
}
#main-content #anfrage .clear {
margin:0 0 5px;
}
#main-content #anfrage .section {
overflow:hidden;
margin:0 0 15px;
}
/* general styles */
#nwwnet_banner, #nww #overview-nav li a, #nww #claim, #main-navigation a, #nww #main-content .main-img span, #nww #main-content .video-img span,#nww #logo, .hide { font-size:0;line-height:0;overflow:hidden;text-indent:-9000px; }
.clear { clear:both; }
#nww #main-navigation ul .selected ul a.link_normal {
color:#7A7E82;
}
#nww #main-navigation ul .selected ul a.link_normal.black {
color:#000;
}
#nww .short-intro {
clear:both;
float:left;
margin:0 0 20px;
}
#nww .short-intro div {
margin:0 0 10px;
}
#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 100%;
}
#lbNextLink {
right:0;
background:url(/img/next.png) no-repeat 100% 100%;
}
#lbBottom {
font-size:1.2em;
line-height:1.4em;
text-align:left;
border:10px solid #fff;
border-top-style:none;
}
#lbCloseLink {
display:block;
float:right;
width:22px;
height:22px;
background:url(/img/close.png) no-repeat center;
outline:none;
}
#lbCaption, #lbNumber {
margin-right:30px;
}
#lbNumber {
margin:0 auto;
text-align:center;
width:15em;
}
#lbCaption .link {
background-position:0 -9px;
color:#000;
margin:4px 0 0;
}
/*
Slideshow.css - CSS for Slideshow.
License: MIT-style license.
Copyright: Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
*/
#nww .slideshow {
display:block;
position:relative;
margin:0 0 27px;
}
#nww .slideshow-images {
display:block;
overflow:hidden;
position:relative;
}		
.slideshow-images img {
display:block;
position:absolute;
z-index:1;
}		
.slideshow-thumbnails {
overflow:hidden;
}
.slideshow-images-visible { 
left:0; 
opacity:1; 
}	
.slideshow-images-next { 
left:0; 
opacity:0; 
}
.slideshow-images-prev { 
left:610px; 
opacity:0; 
}
.slideshow {
height:300px;
margin:0 auto;
width:610px;
}
.slideshow-images {
height:300px;
width:610px;
}
.slideshow a img {
border:0;
}
.slideshow-images img { 
float:left;
}	
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>
This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility:visible !important;
margin:0;
padding:0;
outline:0;
}
.sIFR-replaced, .sIFR-ignore {
visibility:visible !important;
}
.sIFR-alternate {
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin:0; 
padding:0; 
overflow:auto; 
letter-spacing:0; 
float:none;
}
}
@media print {
.sIFR-flash {
display:none !important;
height:0;
width:0;
position:absolute;
overflow:hidden;
}
.sIFR-alternate {
visibility:visible !important;
display:block !important;
position:static !important;
left:auto !important;
top:auto !important;
width:auto !important;
height:auto !important;
}
}
@media screen {
.sIFR-active .headline, .sIFR-active .produkt-headline {
visibility:hidden;
font-family:Verdana !important;
line-height:1em;
font-size:150%;
}
}