Staud ist ein Hersteller aus Bad Saulgaul von Schlafraum-Möbeln seit 10 Generationen – Made in Germany.
Staud ist ein Hersteller aus Bad Saulgaul von Schlafraum-Möbeln seit 10 Generationen – Made in Germany.
Staud â Schlafräume heute
html, body{
margin:0;
padding:0;
text-align:center;
font-family:verdana, helvetica, arial, sans-serif;
font-size:12px;
background:#fff;
}
a img{
border:none;
}
#page{
width:960px;
margin:0 auto;
text-align:left;
padding:46px 0;
background:url(./_img/background-header.jpg) no-repeat 0 30px;
}
h1{
float:left;
width:86px;
margin:0 0 6px 12px;
padding:0;
}
#nav{
margin:0 200px 0 86px;
padding:33px 0 0 0;
}
#nav .hide{
display:none;
}
#nav.nav{
padding-top:34px;
}
#nav.nav .hide{
display:block;
}
#nav li{
float:left;
list-style:none;
text-transform:uppercase;
margin-left:20px;
}
#nav li.lang{
margin-top:-36px;
}
#nav li.lang a{
display:block;
padding-top:3px;
}
* html #nav li.lang a {padding-top: 4px;}
*+html #nav li.lang a {padding-top: 4px;}
#nav a{
color:#fff;
text-decoration:none;
}
#nav a:hover{
color:#555;
}
#content{
clear:both;
height:620px;
overflow:hidden;
background:#555;
}
#content .description .button{
clear:left;
padding-top:30px;
}
.button a{
display:inline-block;
height:18px;
padding:0 22px 0 10px;
background:url(./_img/button.gif) no-repeat right center;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#111;
}
.button a:hover{
text-decoration:underline;
}
.more{
clear:left;
padding-top:10px;
}
.more a{
color:#fff;
text-decoration:underline;
text-transform:uppercase;
}
.more a:hover{
text-decoration:none;
}
#content .image{
margin:0;
padding:0;
}
#content .image.quality{
padding:100px 0 0 20px;
}
#content .image.quality img{
margin-right:20px;
border:5px solid #fff;
}
#content .description{
float:right;
width:360px;
padding-top:50px;
line-height:20px;
color:#fff;
}
#content .description.rubin{
width:464px;
}
#content .description.accessoires{
width:619px;
}
*html #content .description{
width:355px;
}
*html #content .description.rubin{
width:459px;
}
*html #content .description.accessoires{
width:614px;
}
*html #content .description.news{
width:315px !important;
overflow:hidden;
}
#content .description h2{
margin:0 0 20px 20px;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
}
#content .description h3{
margin:20px 0 0 20px;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
}
#content .description p{
width:300px;
margin-left:20px;
}
#content .description ul{
margin:10px 0 0 13px;
padding:0;
}
#content .description li{
float:left;
list-style:none;
width:60px;
text-align:center;
font-size:8px;
line-height:14px;
}
#content .description li img{
margin:0 auto;
display:block;
}
.box{
float:right;
}
.box img{
border:6px solid #fff;
margin:436px 20px 0 0;
}
#subnav{
position:absolute;
z-index:10;
width:100%;
height:620px;
display:none;
top:103px;
left:0;
text-align:center;
}
*html #subnav{
top:98px;
}
*:first-child+html #subnav{
top:98px;
}
#subnav div{
width:960px;
height:620px;
margin:0 auto;
text-align:left;
background:url(./_img/background.png);
}
*html #subnav div{
background:none;
}
#subnav ul, .subsubnav ul{
width:137px;
height:620px;
margin:0;
padding:1px 0 0 10px;
background:#555;
}
#subnav li, .subsubnav li{
width:117px;
height:92px;
overflow:hidden;
margin:2px 2px 0 0;
padding:0;
border:4px solid #fff;
background-repeat:no-repeat;
list-style:none;
}
#subnav a, .subsubnav a{
display:block;
height:100%;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
color:#fff;
background:url(./_img/background.png);
padding:0 5px;
}
*html #subnav a{
background:none;
}
*html .subsubnav a{
background:none;
}
#subnav a span, .subsubnav a span{
display:block;
padding-top:5px;
}
#subnav a:hover, .subsubnav a:hover, .subsubnav .active a{
background:none;
}
#subnav a:hover span, .subsubnav a:hover span, .subsubnav .active a span{
display:none;
}
#subnav .news{
margin-left:160px; display:none;
}
#subnav .program{
margin-left:223px; width: 264px;
display:none;
}
#subnav .program li{
float: left;
}
#subnav .company{
margin-left:299px; display:none;
}
#subnav .service{
margin-left:377px; display:none;
}
#subnav .contactnav{
margin-left:520px; display:none;
}
.subsubnav{
margin:30px 0 0 15px;
padding:0;
}
.subsubnav li{
float:left;
margin:0 1px;
}
.subsubnav.rubin li{
width:97px;
}
.subsubnav img{
}
.subsubnav .arrow{
width:18px !important;
height:auto;
border:none;
padding:12px 0 0 0;
text-align:center;
}
.subsubnav .arrow a{
display:inline;
height:auto;
padding:0;
background:none;
}
.subsubnav .arrow img{
display:none;
}
.contact{
height:471px;
overflow:hidden;
color:#fff;
padding:1px 0;
}
.contact h2{
margin:50px 0 20px 30px;
font-size:18px;
font-weight:normal;
text-transform:uppercase;
}
.contact p{
margin-left:30px;
}
.contact a{
color:#fff;
}
.contact a:hover{
text-decoration:none;
}
.contact .form{
width:490px;
float:right;
margin-right:30px;
}
.contact label{
float:left;
width:160px;
}
.contact input.info{
width:160px;
}
.contact textarea{
width:320px;
height:100px;
}
.contact .small{
font-size:10px;
width:320px;
text-align:right;
}
.contact .error{
color:red;
font-weight:bold;
}
.contact table{
font-size:12px;
margin:0 70px 10px 30px;
width:700px;
color:#111;
}
.contact td{
background:#ccc;
padding:2px;
}
.contact .even td{
background:#fff;
}
#slider {
width: 600px; /* important to be same as image width */
height: 470px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#sliderContent {
width: 470px; /* important to be same as image width or wider */
padding: 0 0 0 0;
top: 0;
margin: 0 0 0 0;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
#slider .clear {
clear: both;
}
#slider .sliderImage span strong {
font-size: 14px;
}
#slider .top {
top: 0;
left: 0;
}
#slider .bottom {
bottom: 0;
left: 0;
}
#slider ul { list-style-type: none;}
#showroom{
height:620px;
background-image: url(./_data/news/0.jpg);
}
#stage{
height:620px;
}
.tooltip1{
display:none;
background:transparent url(./_data/news/info1.png);
background-repeat: no-repeat;
font-size:12px;
height:220px;
width:380px;
padding:25px;
color:#444;
margin: 66px 0 0 150px;
}
.tooltip2{
display:none;
background:transparent url(./_data/news/info2.png);
background-repeat: no-repeat;
font-size:12px;
height:160px;
width:380px;
padding:25px;
margin: 20px 0 0 90px;
color:#444;
}
.tooltip3{
display:none;
background:transparent url(./_data/news/info3.png);
background-repeat: no-repeat;
font-size:12px;
height:150px;
width:380px;
padding:25px;
margin: 20px 0 0 90px;
color:#444;
}
#showroom img{
border:0;
cursor:pointer;
marign:0 8px;
}
.zt-container{
width:960px;
height:450px;
position:relative;
overflow:hidden;
background:#fff;
-moz-box-shadow:1px 1px 3px #ddd;
-webkit-box-shadow:1px 1px 3px #ddd;
box-shadow:1px 1px 3px #ddd;
}
img.zt-current{
position:absolute;
display:none;
}
img.zt-temp{
position:absolute;
opacity:0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.zt-tag{
position:absolute;
z-index:10;
background:transparent url(./_img/zoomtour/spot.png) repeat top left;
width:59px;
height:57px;
cursor:pointer;
}
.moreto{
position:absolute;
z-index:10;
cursor:pointer;
background:#8ec9aa;
font-size: 16px;
width:100px;
text-align:center;
}
.moreto a{
text-decoration:none;
color:#fff;
}
.purple{
background:#86465a;
}
.zt-tag-back{
width:30px;
height:20px;
left:50%;
bottom:0px;
margin-left:-16px;
background:#fff url(./_img/zoomtour/back.png) no-repeat center center;
-moz-border-radius:5px 5px 0px 0px;
-webkit-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
border:1px solid #fff;
border-bottom:none;
}
.zt-loading{
position:absolute;
width:50px;
height:50px;
top:50%;
left:50%;
margin:-25px 0 0 -25px;
opacity:0.8;
z-index:99999;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
background:#fff url(./_img/zoomtour/ajax-loader.gif) no-repeat center center;
}#content{
background:url(./_img/start2.jpg) no-repeat;
}
Home
News
Neu SONATE Programm
Weltneuheit!
Ganz neue Perspektiven!
Program
Schwebetürenschränke
System-Schrankprogramm Sinfonie Plus
Schrankprogramm Sonate
Premium Selection Maxim
Bettenprogramme
Beimöbelprogramme
Zubehör
Company
Geschichte
Unternehmensprofil
Qualität und Zertifikate
Service
Flip throughour onlinecatalogue
Händler-Login
Search
Contact
Kontakt
Einkauf
Impressum
Datenschutz
sliding doorwardrobes
wardrobesystemSinfonie Plus
Wardrobe systemSonate
PremiumSelectionMaxim
bed rooms
occasionalfurniture
accessories
NEUSONATE-Programm
Ganz neuePerspektiven!
Weltneuheit!
History
Quality
Flip throughour onlinecatalogue
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({overlay_gallery: false});
$('#nav').addClass('nav');
// ZoomTour
$('#zt-container').hover(function(){
$(this).find('.moreto').show();
},function(){
$(this).find('.moreto').hide();
}
);
$('#zt-container').zoomtour({
rotation:true,
zoominEasing:'',
zoomoutEasing:''
});
// disable default link
$('#nav a').each(function(){
$(this).click(function(e){
var name = $(this).attr('class');
if(name != undefined) e.preventDefault();
});
});
$('#nav a').bind('mouseenter focus',function(){
var name = $(this).attr('class');
$('#subnav').hide();
// show menu
if(name !== ''){
$('#subnav ul').hide();
$('#subnav').show();
$('#subnav .' + name).show();
}
});
$('body').click(function(){
$('#subnav').hide();
});
// subsubnav
function subsubnav(position,effect){
$('.subsubnav li.arrow img').show();
$('.subsubnav li:not(.arrow)').hide();
var page = Math.floor(position / 7);
var before = page * 7;
if(position / 7 == page) before = (position / 7 - 1) * 7;
var after = before + 7;
var all = $('.subsubnav li:not(.arrow)').size();
if(before == 0) $('.subsubnav li:first img').hide();
if(after >= all) $('.subsubnav li:last img').hide();
if(effect === true) $('.subsubnav li:not(.arrow)').slice(before,after).show('slow');
else $('.subsubnav li:not(.arrow)').slice(before,after).show();
}
var position = $('.subsubnav li.active').prevAll().size();
subsubnav(position,false);
// arrows
$('.subsubnav li.arrow:first').click(function(e){
e.preventDefault();
var position = $('.subsubnav li:not(.arrow):visible:first').prevAll().size() - 7;
subsubnav(position,true);
});
$('.subsubnav li.arrow:last').click(function(e){
e.preventDefault();
var position = $('.subsubnav li:not(.arrow):visible:first').prevAll().size() + 8;
subsubnav(position,true);
});
$('select[name=country]').change(function() {
var country = $(this).val();
if (country == 'luxemburg') {
$('label#zipcode').text('Stadt*');
}
else {
$('label#zipcode').text('Postleitzahl*');
}
});
// Mouseover News
$('#1').tooltip({effect: 'slide', position: "top center", delay: "80"});
$('#2').tooltip({effect: 'slide', position: "top center", delay: "80"});
$('#3').tooltip({effect: 'slide', position: "top left", delay: "80"});
// Slideshow News
$('#slider').s3Slider({
timeOut: 2500
});
});
| Journalisten-Zentrum Haus Busch | Das Journalisten-Zentrum oder einfach |
| MMC Hagen /\ Start | durch Kooperationen mit Partnern aus ... |