* { 
margin : 0; 
padding : 0; 
} 
body { 
background-image : url('images/bg_site_showroom.gif'); 
background-repeat : repeat-x; 
background-color : black; 
} 
#wrapper { 
width : 770px; 
} 
#head { 
width : 770px; 
height : 115px; 
} 
#headmenue { 
width : 350px; 
float : right; 
text-align : right; 
padding : 5px 5px 3px 5px; 
margin : 5px 0 0 0; 
} 
#headmenue ul { 
font-size : 12px; 
color : #fff; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
text-decoration : none; 
} 
#headmenue ul ul { 
font-size : 10px; 
color : #fff; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
text-decoration : none; 
line-height : 24px; 
} 
#headmenue ul li { 
height : 20px; 
list-style : none; 
display : inline; 
margin : 0 2px 0 2px; 
padding : 0; 
} 
.border { 
border-right : 1px solid #000; 
} 
#headmenue a { 
color : #fff; 
padding : 0 3px 0 3px; 
text-decoration : none; 
} 
#headmenue a:hover { 
background-color : #fff; 
color : #000; 
padding : 0 3px 0 3px; 
text-decoration : none; 
} 
#logo { 
position : absolute; 
margin-top : 20px; 
margin-left : 12px; 
} 
#logo span { 
display : none; 
} 
#logo a { 
display : block; 
background-image : url('images/logo_showroom.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 215px; 
height : 85px; 
} 
#headurl { 
position : absolute; 
margin-top : 94px; 
margin-left : 522px; 
} 
#headurl span { 
display : none; 
} 
#headurl a { 
display : block; 
background-image : url('images/url_head_showroom.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 248px; 
height : 17px; 
} 
#banner { 
width : 770px; 
height : 181px; 
background-color : #fff; 
} 
#bannerform { 
width : 190px; 
height : 181px; 
background-image : url('images/banner_form_showroom.gif'); 
background-repeat : no-repeat; 
position : absolute; 
padding : 10px; 
} 
#bannerimage { 
width : 389px; 
height : 181px; 
position : absolute; 
margin-left : 191px; 
} 
#bannermenue { 
width : 189px; 
height : 180px; 
position : absolute; 
background-color : #2f2f2f; 
margin : 0 0 0 581px; 
padding : 0; 
} 
#bannermenue ul { 
border : 0px none; 
margin : 0; 
padding : 0 
} 
#bannermenue li { 
border : 0px none; 
margin : 0; 
padding : 0; 
line-height : 22px; 
list-style-type:none 
} 
#bannermenue a { 
border : 0px none; 
width : 177px; 
height : 22px; 
background-image : url('images/hartmann_off_showroom.gif'); 
display : block; 
margin : 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #fff; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 
} 
#bannermenue a:hover { 
border : 0px none; 
width : 177px; 
height : 22px; 
background-image : url('images/hartmann_on.gif'); 
display : block; 
margin : 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 
} 
#bannermenue a.current { 
border : 0px none; 
width : 177px; 
height : 22px; 
background-image : url('images/hartmann_on.gif'); 
display : block; 
margin : 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 
} 
#content { 
width : 770px; 
margin-top : 10px; 
} 
.red { 
color : #fff; 
font-weight : bold; 
} 
#light { 
position : absolute; 
left : 699px; 
width : 200px; 
height : 30px; 
} 
#light ul { 
font-size : 10px; 
color : #000; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
text-decoration : none; 
margin-top : 10px; 
} 
#light ul li { 
list-style : none; 
display : inline; 
margin : 0 2px 0 2px; 
padding : 0; 
} 
#light a { 
background-color : white; 
color : #000; 
padding : 3px 4px 2px 4px; 
border : 3px solid #d0003a; 
text-decoration : none; 
} 
#light a:hover { 
background-color : #d0003a; 
color : #fff; 
padding : 3px 4px 2px 4px; 
border : 3px solid #d0003a; 
text-decoration : none; 
}



#menu { 
width : 760px; 
height : 20px; 
background : transparent; 
margin : 0; 
margin-left : 9px; 
} 
#menu ul { 
list-style : none; 
margin : 0; 
padding : 0; 
width : 190px; 
float : left; 
} 
#menu h2 { 
background : transparent; 
display : block; 
border : none; 
margin : 0 0 0 0; 
padding : 3px 0 1px 0; 
} 
#menu h2 a.index { 
background : transparent; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : bold; 
color : #000; 
border : none; 
margin : 0; 
padding : 0; 
} 
#menu h2 a.index:hover { 
background : transparent; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : bold; 
color : #000; 
border : none; 
margin : 0; 
padding : 0; 
} 
#menu a { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
font-weight : normal; 
color : #2f2f2f; 
display : block; 
margin : 0; 
padding : 3px 0 3px 4px; 
background : #fff; 
text-decoration : none; 
line-height : 20px;
border-bottom : 1px solid #2f2f2f;
} 
#menu a:hover { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
font-weight : normal; 
display : block; 
margin : 0; 
padding : 3px 0 3px 4px; 
color : #fff; 
background : #2f2f2f; 
text-decoration : none; 
line-height : 20px;
border-bottom : 1px solid #2f2f2f;
} 
#menu li { 
position : relative; 
} 
#menu ul ul { 
position : absolute; 
z-index : 500; 
} 
#menu ul ul ul { 
position : absolute; 
top : 0; 
left : 100%; 
} 
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul { 
display : none; 
} 
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul { 
display : block; 
} 

#buerostuehle-showroom { 
width : 600px; 
height : 75px; 
background-image : url('images/buerostuehle-licht-aus.gif'); 
background-repeat : no-repeat; 
background-position : top left; 
margin-left : 6px; 
margin-bottom : 15px; 
} 
#bueromoebel-showroom { 
width : 600px; 
height : 75px; 
background-image : url('images/bueromoebel-licht-aus.gif'); 
background-repeat : no-repeat; 
background-position : top left; 
margin-left : 6px; 
margin-bottom : 15px; 
} 
#showroom { 
float : left; 
width : 750px; 
margin : 10px 0 0 0; 
padding : 10px 10px 0 10px; 
background-image : url('images/showroom-dot-bw.gif'); 
background-repeat : repeat-y; 
background-position : 769px 0; 
} 
.gallery-showroom { 
padding : 0; 
margin : 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #000; 
font-weight : normal; 
} 
.gallery-showroom ul { 
margin : 0; 
padding : 0; 
border : none; 
width : 750px; 
background : transparent; 
color : #555; 
list-style : none; 
overflow : hidden; 
} 
.gallery-showroom ul li { 
width : 186px; 
float : left; 
margin : 2px 0 0 1px; 
background : transparent; 
padding : 0; 
} 
.gallery-showroom ul li img { 
padding : 1px; 
border : 1px solid #fff; 
} 
.gallery-chair-showroom { 
padding : 0; 
margin : 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #000; 
font-weight : normal; 
text-align : center; 
background : transparent; 
} 
.gallery-chair-showroom ul { 
margin : 0; 
padding : 0; 
border : none; 
width : 750px; 
background : transparent; 
color : #555; 
list-style : none; 
overflow : hidden; 
} 
.gallery-chair-showroom ul li { 
width : 186px; 
float : left; 
margin : 5px 0 0 0; 
background : transparent; 
padding : 0; 
} 
.gallery-chair-showroom ul li img { 
padding : 1px; 
border : 1px solid #fff; 
} 
ul li div { 
background : transparent; 
width : 186px; 
height : 40px; 
margin-top : 3px; 
text-align : center; 
line-height : 14px; 
color : white; 
} 
#tag-nacht { 
width : 389px; 
height : 180px; 
background-image : url('images/banner-nacht.jpg'); 
background-repeat : repeat-x; 
} 
#footer { 
clear : both; 
width : 770px; 
height : 88px; 
} 
#links { 
width : 750px; 
height : 110px; 
clear : both; 
font-size : 11px; 
color : #fff; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : normal; 
padding : 0; 
margin : 10px 0 10px 10px; 
} 
.copyright { 
width : 560px; 
height : 53px; 
float : left; 
font-size : 11px; 
color : #fff; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : normal; 
padding : 25px 10px 10px 10px; 
clear : both; 
} 
#top { 
width : 190px; 
height : 88px; 
float : right; 
} 
#top span { 
display : none; 
} 
#top a { 
display : block; 
background-image : url('images/slogan_showroom.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 190px; 
height : 88px; 
} 
a.footer:link { 
color : #fff; 
text-decoration : none; 
} 
a.footer:visited { 
color : #fff; 
text-decoration : none; 
} 
a.footer:hover { 
color : #fff; 
text-decoration : underline; 
} 
a.footer:active { 
color : #fff; 
text-decoration : none; 
} 
#w3c { 
margin-left : 10px; 
} 
#html { 
float : left; 
width : 90px; 
height : 25px; 
} 
#html span { 
display : none; 
} 
#html a { 
display : block; 
background-image : url('images/xhtml.png'); 
background-repeat : no-repeat; 
background-color : transparent; 
width : 80px; 
height : 15px; 
} 
#css { 
float : left; 
width : 90px; 
height : 25px; 
} 
#css span { 
display : none; 
} 
#css a { 
display : block; 
background-image : url('images/css.png'); 
background-repeat : no-repeat; 
background-color : transparent; 
width : 80px; 
height : 15px; 
} 
#firefox { 
float : left; 
width : 90px; 
height : 25px; 
} 
#firefox span { 
display : none; 
} 
#firefox a { 
display : block; 
background-image : url('images/firefox.png'); 
background-repeat : no-repeat; 
background-color : transparent; 
width : 80px; 
height : 15px; 
} 
.quickinput { 
display : block; 
width : 135px; 
float : left; 
font-size : 11px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #000; 
margin-top : 8px; 
} 
.quickselect { 
display : block; 
width : 135px; 
float : left; 
font-size : 11px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #000; 
margin-top : 8px; 
} 
.quick { 
width : 170px; 
font-size : 11px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #fff; 
} 
label { 
display : block; 
float : left; 
width : 200px; 
margin : 3px 0 0 0; 
} 
input { 
display : block; 
float : left; 
margin : 3px 0 0 0; 
} 
select { 
display : block; 
float : left; 
margin : 3px 0 0 0; 
} 
form br { 
clear : left; 
} 
submit, reset { 
float : left; 
width : auto; 
margin : 10px 0 10px 0; 
} 
.schrift { 
font-size : 11px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #000; 
width : 150px; 
} 
.forminfo { 
font-size : 11px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #000; 
line-height : 12px; 
}