#birthday {
z-index: 100;
position: absolute;
top: 202px;
left: 140px;
background-image : url('images/20-years.png'); 
background-repeat : no-repeat;
width: 107px;
height: 112px;
}

* { 
margin: 0; 
padding: 0; 
} 

#bg { 
background-image : url('images/bg_site.gif'); 
background-repeat : repeat-x;
width: 100%;
height: 100%;
}

#wrapper { 
width: 770px; 
}

#head { 
width: 770px; 
height: 115px; 
} 

#translater {
position: absolute;
margin-left: 795px;
margin-top: 6px;
}

#ilike {
position: absolute;
margin-left: 795px;
margin-top: 26px;
}

#twitter {
position: absolute;
margin-left: 795px;
margin-top: 62px;
}

#plus1 {
position: absolute;
margin-left: 795px;
margin-top: 88px;
}

#flickr { 
position: absolute;
margin-left: 863px;
margin-top: 88px;
width : 92px; 
height : 20x; 
} 
#flickr span { 
display : none; 
} 
#flickr a { 
display : block; 
background-image : url('images/flickr.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 92px; 
height : 20px; 
}

/*------------------------------------------- Fliesstext ----------------------------------------*/

h1 { 
font-size : 28px; 
color : #000000; 
font-family : Trebuchet MS, Helvetica,  Arial,  sans-serif; 
line-height : 22px; 
font-weight : normal;
text-align: left;
} 

h2 {
font-size : 22px; 
color : #000; 
font-family : Trebuchet MS, Arial, Helvetica, sans-serif; 
line-height : 26px; 
font-weight : normal; 
margin-top : 15px; 
margin-bottom : 10px;
text-align: left;
} 

a.h2link01 {
height: 30px;
display: block;
color : #000;
text-decoration: none;
padding-top: 5px;
margin-bottom: -12px;
} 

a.h2link01:hover {
background-image : url('images/bueromoebel-hersteller.jpg'); 
background-repeat : no-repeat;
background-position: 115px 0; 
}

a.h2link02 {
height: 30px;
display: block;
color : #000;
text-decoration: none;
padding-top: 5px;
margin-bottom: -12px;
} 

a.h2link02:hover {
background-image : url('images/buerostuehle-hersteller.jpg'); 
background-repeat : no-repeat;
background-position: 115px 0; 
} 

a.h2linknorm { 
color: #000; 
text-decoration: underline;
display: block;
}

a.h2linknorm:hover { 
color: #d0003a; 
text-decoration: none;
} 

h3 { 
font-size : 16px; 
color : #3e3e3e; 
font-family : Arial, Trebuchet MS, Helvetica, sans-serif; 
font-weight : bold; 
margin: 0 0 5px 0;
text-align: left;
} 

h4 { 
font-size : 18px; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
line-height : 22px; 
font-weight : normal; 
margin-top : 10px; 
margin-bottom : 5px; 
} 

h5 { 
font-size : 14px; 
color : #000000; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
margin-top : 0; 
margin-bottom : 5px; 
} 

h6 { 
font-size : 18px; 
color : #d0003a; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
line-height : 22px; 
font-weight : normal; 
margin-top : 15px; 
margin-bottom : 5px; 
text-align : center; 
text-decoration : none; 
} 

strong {
color: #000;
}

a.norm { 
color: #000; 
text-decoration: underline;
}
a.norm span { 
color: #d0003a; 
text-decoration: none;
font-size: 18px;
}

a.norm:visited { 
color: #4d4d4d; 
text-decoration : underline;
font-style: italic;
}

a.norm:hover { 
color: #d0003a; 
text-decoration: none;
}
a.norm:hover span { 
color: #d0003a; 
text-decoration: none;
font-size: 120px;
} 

/*------------------------------------------- Head ----------------------------------------*/

#logo { 
position : absolute; 
margin-top : 20px; 
margin-left : 12px; 
} 
#logo span { 
display : none; 
} 
#logo a { 
display : block; 
background-image : url('images/logo.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.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 248px; 
height : 17px; 
} 

#headmenue { 
width : 350px; 
float : right; 
text-align : right; 
padding : 5px 5px 3px 5px; 
margin : 5px 0 0 0; 
} 

#headmenue ul { 
font-size : 12px; 
color : #000; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
text-decoration : none; 
} 

#headmenue ul li { 
height : 20px; 
list-style : none; 
display : inline; 
margin : 0 2px 0 2px; 
padding : 0; 
} 

#headmenue a { 
color : #4d4d4d; 
padding : 0 3px 0 3px; 
text-decoration : none; 
} 
#headmenue a:hover { 
background-color : #d0003a; 
color : #fff; 
padding : 0 3px 0 3px; 
text-decoration : none; 
} 

/*------------------------------------------- Banner ----------------------------------------*/

#banner { 
width : 770px; 
height : 181px; 
background-color : #fff; 
} 

#bannerform { 
position : absolute; 
margin-top : 0; 
margin-left : 0;
background-image : url('images/banner_form.gif');
background-repeat : no-repeat; 
background-color : transparent;
width : 190px; 
height : 181px; 
} 


#bannerimage { 
width : 389px; 
height : 181px; 
position : absolute; 
margin-left : 191px; 
} 

#bannermenue { 
width : 189px; 
height : 180px; 
position : absolute; 
background-color : #d0003a; 
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.gif'); 
display : block; 
margin : 0; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : normal; 
text-decoration : none;
color : #fff;
padding: 0 0 0 12px; 
} 

#bannermenue a:hover { 
border : 0px none; 
width : 177px; 
height : 22px; 
background-image : url('images/hartmann_on.gif'); 
display : block; 
margin : 0; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : normal; 
text-decoration : none; 
color : #000;
padding: 0 0 0 12px; 
} 

#bannermenue a.current { 
border : 0px none; 
width : 177px; 
height : 22px; 
background-image : url('images/hartmann_on.gif'); 
display : block; 
margin : 0; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : normal; 
text-decoration : none; 
color : #000; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 
} 

/*------------------------------------------- Content ----------------------------------------*/

#content { 
width : 770px; 
margin-top : 10px;
}

#breadcrumb { 
background-color : transparent; 
width : 556px; 
height : 10px; 
font-family :  Arial, Helvetica, Trebuchet MS, Verdana, sans-serif; 
font-size : 11px; 
color : #4d4d4d;
padding : 0;
margin-top: -7px;
margin-bottom: 20px;
} 
#breadcrumb ul li {
color : #4d4d4d;
list-style-type : none; 
display : inline;
margin-right: -3px;
} 
#breadcrumb ul li a { 
color : #80827d; 
text-decoration : none; 
padding : 0 4px 0 4px; 
} 
#breadcrumb ul li a:hover { 
background-color : #d0003a; 
color : #fff; 
text-decoration : none; 
padding : 0x 4px 0 4px;
} 

#middle { 
float : left; 
width : 560px; 
margin : 0; 
padding : 10px 10px 40px 10px; 
background-image : url('images/content_middle_dot.gif'); 
background-repeat : repeat-y; 
font-family :  Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
font-size : 14px; 
font-weight : normal; 
color : #4d4d4d; 
line-height : 22px;
text-align: justify;
} 

.line { 
clear : both; 
height : 11px; 
background-image : url('images/horizontal_dot.gif'); 
background-repeat : repeat-x; 
background-position : 0 6px; 
margin : 3px 0 3px 0; 
} 

a.norm { 
color: #000; 
text-decoration: underline;
}

a.norm:visited { 
color: #4d4d4d; 
text-decoration : underline;
font-style: italic;
}

a.norm:hover { 
color: #; 
text-decoration: none;
} 

.imageleft { 
float : left; 
margin : 6px 10px 0 0; 
border : 1px solid #b2b2b2; 
padding : 2px; 
} 
.imageright { 
float : right; 
margin : 6px 0 0 10px; 
border : 1px solid #b2b2b2; 
padding : 1px; 
} 
.imageleft-nob { 
float : left; 
border : 0px none; 
padding : 2px; 
margin-left : 0; 
margin-right : 10px; 
margin-top : 6px; 
margin-bottom : 0 
} 
.imageright-nob { 
float : right; 
border : 0px none; 
margin: 0 0 0 20px; 
} 

.left img {
float: left;
padding : 1px; 
border : 1px solid #d9d9d9; 
margin : 6px 10px 0 0; 
}

#content .listing {
width: 500px;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
}

#content .listing li {
margin-left: 35px;
color: #D0003A;
list-style-type: square; 
list-style-position: outside;
line-height: 20px;
tex-align: left;
}

#content .listing li ul li {
color: #D0003A;
list-style-type: square;
list-style-position: outside;
line-height: 16px;
tex-align: left;
font-size: 12px;
margin: 5px 0 5px 25px;
}

#content .listing li span {
color: #4d4d4d;
}

.pdf-download {
width: 560px;
height: 84px;
margin: 10px 0 10px 0;
padding: 0;
}

.pdf-download ul {
margin: 0;
padding: 0;
list-style-type: none;
}


.pdf-download li {
margin: 0;
padding: 0;
list-style-type: none;
}

.pdf-download li a {
display: block;
background-image : url('images/pdf-download-off.gif'); 
background-repeat : no-repeat;
width: 460px;
height: 54px;
padding-top: 30px;
padding-left: 100px;
font-family : Trebuchet MS, Arial, Helvetica, sans-serif; 
font-size : 20px; 
color : #000; 
font-weight : normal;
text-decoration: none;
text-align: left;
}

.pdf-download li a:hover {
background-image : url('images/pdf-download-on.gif'); 
background-repeat : no-repeat;
width: 460px;
height: 54px;
padding-top: 30px;
padding-left: 100px;
color : #D0003A;
}

.pdf-download span {
position: absolute;
font-size: 10px;
margin: 65px 0 0 350px;
}
#fb-root {
margin-top: 10px;
}
/*------------------------------------------- Links ----------------------------------------*/

#left { 
float : left; 
width : 175px; 
margin : 0; 
padding : 10px 5px 0 10px; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 12px; 
color : #4d4d4d; 
font-weight : normal; 
line-height : 16px; 
} 

#logobanner { 
position : absolute; 
width : 115px; 
height : 497px; 
background-image : url('images/logo_banner.jpg'); 
background-repeat : no-repeat; 
margin-top : -480px; 
margin-left : 30px; 
} 

.leftlinks { 
margin : 0 0 10px 0; 
padding : 0; 
} 
.leftlinks ul { 
margin : 0; 
padding : 0; 
} 
.leftlinks ul li { 
list-style-type : none; 
line-height : 18px; 
} 
.leftlinks h1 { 
font-size : 14px; 
color : black; 
font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
margin : 0; 
padding : 0; 
} 
.leftlinks a { 
font-family : Arial, verdana, sans-serif; 
font-size : 12px; 
color : #4d4d4d; 
text-decoration : none;
display: block;
} 
.leftlinks a:hover { 
text-decoration : underline; 
color : #d0003a; 
} 
a.adressblock:link { 
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px; 
color : #4d4d4d; 
text-decoration : none;
} 
a.adressblock:visited { 
color : #000; 
text-decoration: none; 
} 
a.adressblock:hover { 
text-decoration : underline; 
color : #d0003a; 
} 

/*----------------- Content info -----------------*/

.information { 
width : 540px; 
height : auto; 
margin-top : 10px; 
margin-bottom : 20px; 
padding : 10px 10px 30px 10px; 
background-color : #dce6ea; 
border-top : 1px solid #d9d9d9; 
border-bottom : 1px solid #d9d9d9; 
background-image : url('images/information_arrow.gif'); 
background-repeat : no-repeat; 
background-position : 15px 10px; 
} 
.infotext { 
width : 440px; 
height : auto; 
margin-left : 88px; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 14px; 
font-weight : normal; 
color: #000; 
line-height : 20px; 
}

.infotext p { 
text-align: justify; 
} 

.information h2 a {
display: block;
font-size : 18px; 
color : #000; 
font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
line-height : 22px; 
font-weight : normal; 
margin-top : 20px; 
margin-bottom : 5px; 
margin-left : -1px; 
}

.information h2 a:hover { 
font-size : 18px; 
color : #d0003a; 
font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
line-height : 22px; 
font-weight : normal; 
margin-top : 20px; 
margin-bottom : 5px; 
margin-left : -1px;
text-decoration: none;
} 


.information a.info {
display: block;
color: #000; 
text-decoration: none;
}

.information a.info:visited { 
color: #000; 
text-decoration : none;
font-style: italic;
}

.information a.info:hover {
color: #d0003a; 
text-decoration: underline;
} 

/*----------------- Content Rollover Quadrat -----------------*/

.rollover { 
width : 421px; 
height : 315px; 
border : 10px solid #fff; 
} 
.rolloverleft { 
float : left; 
width : 315px; 
height : 315px; 
} 
.rolloverright { 
float : right; 
width : 106px; 
height : 315px; 
} 
.rollover1 { 
width : 421px; 
height : 368px; 
border : 10px solid #fff; 
} 
.rolloverleft1 { 
float : left; 
width : 315px; 
height : 368px; 
} 
.rolloverright1 { 
float : right; 
width : 106px; 
height : 368px; 
} 

/*----------------- Content pdf symbol -----------------*/

a.pdf:link { 
height : 20px; 
font-family : verdana, sans-serif; 
font-size : 12px; 
color : #000; 
text-decoration : none; 
background-image : url('images/pdf.gif'); 
background-repeat : no-repeat; 
background-position : 0 4px; 
padding-top : 5px; 
padding-bottom : 10px; 
padding-left : 30px; 
line-height : 18px; 
} 
a.pdf:visited { 
font-family : verdana, sans-serif; 
font-size : 12px; 
color : #000; 
text-decoration : none; 
background-image : url('images/pdf.gif'); 
background-repeat : no-repeat; 
background-position : 0 4px; 
padding-top : 5px; 
padding-bottom : 10px; 
padding-left : 30px; 
line-height : 18px; 
} 
a.pdf:hover { 
background-image : url('images/pdf.gif'); 
background-repeat : no-repeat; 
background-position : 0 4px; 
padding-top : 5px; 
padding-bottom : 5px; 
padding-left : 30px; 
text-decoration : underline; 
color : #d0003a; 
line-height : 18px; 
}

/*------------------------------------------- Linkbar rechts ----------------------------------------*/

#linkbar { 
position : absolute; 
width : 185px; 
height : auto; 
padding-left : 5px; 
margin-top : 10px; 
margin-left : 580px; 
} 

#buerostuhlservice { 
float : left; 
margin-top : 10px; 
margin-left : 0; 
width : 180px; 
height : 85px; 
} 
#buerostuhlservice span { 
display : none; 
} 
#buerostuhlservice a { 
display : block; 
background-image : url('images/buerostuhlservice-off.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 180px; 
height : 85px; 
}

#buerostuhlservice a:hover { 
display : block; 
background-image : url('images/buerostuhlservice.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 180px; 
height : 85px; 
} 

#rueckruf { 
float : left; 
margin-left : 0; 
width : 180px; 
height : 85px; 
} 
#rueckruf span { 
display : none; 
} 
#rueckruf a { 
display : block; 
background-image : url('images/rueckruf-off.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 180px; 
height : 85px; 
}

#rueckruf a:hover { 
display : block; 
background-image : url('images/rueckruf.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 180px; 
height : 85px; 
} 

#buerostuehle { 
float : left; 
margin-top : 10px; 
margin-left : 0; 
width : 190px; 
height : 85px; 
} 
#buerostuehle span { 
display : none; 
} 
#buerostuehle a { 
display : block; 
background-image : url('images/bueromoebel-restposten-off.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 190px; 
height : 85px; 
} 

#buerostuehle a:hover { 
display : block; 
background-image : url('images/bueromoebel-restposten.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 190px; 
height : 85px; 
} 


#bueroraumplanung { 
float : left; 
margin-top : 10px; 
margin-bottom : 10px; 
margin-left : 0; 
width : 180px; 
height : 85px; 
} 
#bueroraumplanung span { 
display : none; 
} 
#bueroraumplanung a { 
display : block; 
background-image : url('images/bueroraumplanung-off.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 180px; 
height : 85px; 
} 

#bueroraumplanung a:hover { 
display : block; 
background-image : url('images/bueroraumplanung.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 180px; 
height : 85px; 
} 

#lieferung { 
float : left; 
margin-top : 10px; 
margin-bottom : 10px; 
width : 180px; 
height : 85px; 
} 
#lieferung span { 
display : none; 
} 
#lieferung a { 
display : block; 
background-image : url('images/schnelle_lieferung-off.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 180px; 
height : 85px; 
}

#lieferung a:hover { 
display : block; 
background-image : url('images/schnelle_lieferung.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 180px; 
height : 85px; 
}

#bezuschussung { 
float : left; 
margin-left : 0; 
width : 190px; 
height : 85px; 
} 
#bezuschussung span { 
display : none; 
} 
#bezuschussung a { 
display : block; 
background-image : url('images/buerostuehle-bezuschussung-off.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 190px; 
height : 85px; 
} 

#bezuschussung a:hover { 
display : block; 
background-image : url('images/buerostuehle-bezuschussung.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 190px; 
height : 85px; 
}

#adsense {
margin-top: 10px;
margin-left: 15px;
}

/*------------------------------------------- Sitemap ----------------------------------------*/

#sitemap { 
width : 556px; 
margin : 10px 0; 
padding : 0; 
border : 0px none;
list-style-type:none;
} 
#sitemap ul { 
list-style : none; 
margin : 0; 
padding : 0; 
border-top : 5px solid #d0003a; 
} 
#sitemap li a.siteunder { 
width : 546px; 
display : block; 
background-color : #f1f1f1; 
padding : 0 0 0 10px; 
border-bottom : 1px solid #b2b2b2; 
font-family : Arial, Trebuchet MS, Arial, Helvetica, sans-serif; 
font-size : 13px; 
font-weight : normal; 
color : #000; 
text-decoration : none; 
line-height : 26px; 
list-style : none; 
} 
#sitemap li a.siteunder:hover { 
width : 546px; 
display : block; 
background-color : #d0003a; 
padding : 0 0 0 10px; 
border-bottom : 1px solid #b2b2b2; 
font-family : Arial, Trebuchet MS, Helvetica, sans-serif; 
font-size : 13px; 
font-weight : bold; 
color : #fff; 
text-decoration : none; 
line-height : 26px; 
list-style : none; 
}

/*------------------------------------------- Menue ----------------------------------------*/

#menu {
z-index: 200;
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 : Arial, Verdana, Helvetica, sans-serif; 
font-size : 13px; 
font-weight : bold; 
color : #000; 
border : none; 
margin : 0; 
padding : 0; 
} 
#menu h2 a.index:hover { 
background : transparent; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 13px; 
font-weight : bold; 
color : #000; 
border : none; 
margin : 0; 
padding : 0; 
} 
#menu a { 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : normal; 
color : #fff; 
display : block; 
margin : 0; 
padding : 3px 0 3px 4px; 
background : #d0003a; 
text-decoration : none; 
line-height : 20px;
border-bottom : 1px solid #570018;
} 
#menu a:hover { 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : normal; 
display : block; 
margin : 0; 
padding : 3px 0 3px 4px; 
color : #000; 
background : #fff; 
text-decoration : none; 
line-height : 20px;
border-bottom : 1px solid #570018;
} 
#menu li { 
position : relative; 
} 
#menu ul ul { 
position : absolute; 
} 
#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; 
} 

.menu { 
background-color : #d9d9d9; 
color : #000; 
height : 24px; 
width : 558px; 
margin-top : 10px; 
} 
.menu ul { 
margin : 0; 
padding : 0; 
list-style : none; 
text-align : left;
} 
.menu li { 
display : inline; 
line-height : 23px; 
list-style : none; 
} 
.menu li a { 
color : #000000; 
text-decoration : none; 
padding : 4px 5px 5px 5px; 
font-weight : bold; 
} 
.menu li a.tabactive { 
color : #fff; 
background-color : #d0003a; 
font-weight : bold; 
position : relative; 
}

/*------------------------------------------- Tabs ----------------------------------------*/

#tabcontent1, #tabcontent2, #tabcontent3, #tabcontent4, #tabcontent5, #tabcontent6, #tabcontent7 { 
border-top : 1px solid #d0003a; 
border-right : 1px solid #d9d9d9; 
border-bottom : 3px solid #d0003a; 
border-left : 1px solid #d9d9d9; 
width : 546px; 
text-align : justify; 
padding : 5px 5px 5px 5px; 
font-size : 14px; 
margin-bottom: 10px; 
} 
.furniture { 
margin : 10px 0 10px 0; 
} 

/*------------------------------------------- Gallery Möbel + Text ----------------------------------------*/

.gallery {
margin: 0;
padding: 0; 
} 

.gallery ul {
background: #fff;
margin: 0; 
padding: 0; 
border: none; 
width: 560px; 
list-style: none; 
overflow: hidden;
} 

.gallery ul li { 
margin: 2px 0 0 0;
padding: 0;
width : 186px;
height: 144px;
float: left; 
} 

.gallery ul li img { 
padding: 1px; 
border: 1px solid #d9d9d9; 
}

.red { 
color : #d0003a; 
font-weight : bold; 
} 

/*------------------------------------------- Gallery more ----------------------------------------*/

.gallery-more ul {
width: 560px;
list-style-type: none;
margin-top: 6px;
} 
.gallery-more li { 
width: 133px;
height: 133px;
display: inline;
margin: 0;
padding: 0;
} 
.gallery-more img { 
padding: 1px; 
border: 1px solid #d9d9d9; 
margin: -3px 0 0 0; 
} 

/*------------------------------------------- gallery Chair ----------------------------------------*/

.gallery-chair {
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : normal; 
padding : 0; 
margin : 0; 
text-align : center; 
} 
.gallery-chair ul { 
margin: 0; 
padding: 0; 
border: none; 
width: 560px; 
background: #fff; 
color: #555; 
list-style: none; 
overflow: hidden; 
} 
.gallery-chair ul li { 
width : 186px; 
float : left; 
margin : 5px 0 0 0; 
background : #fff; 
padding : 0; 
} 
.gallery-chair ul li img { 
padding : 1px; 
border : 1px solid #d9d9d9; 
}

.gallery-chair ul div { 
line-height: 14px;
height: 50px;
}

.gallery-chair ul div p { 
margin: 0;
padding: 0;
}

p#vtip {
background-image : url('images/bg-tooltip.png');
background-position: 0 -40px;
background-repeat : repeat-x;
display: none;
position: absolute;
padding: 4px 10px 4px 10px;
left: 5px;
font-family : Trebuchet MS, Helvetica,  Arial,  sans-serif; 
font-size: 15px;
line-height : 18px; 
font-weight : bold;
color: #3e3e3e;
border: 1px solid #393939;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 9999;
cursor: none;
}

p#vtip #vtipArrow {
position: absolute;
top: -10px;
left: 5px
}

/*------------------------------------------- Slider ----------------------------------------*/

.item {
width: 524px;
height: auto;
background-color: #f5f5f5;
border-top: 1px solid #BCBCBC;
border-right: 1px solid #BCBCBC;
border-bottom: 1px solid #BCBCBC;
border-left: 1px solid #BCBCBC;
padding-bottom: 15px;
margin: 0 0 10px 0;
padding-left: 15px;
padding-right: 15px;
font-size: 12px;
padding-top: 15px;
line-height: 18px;
}

.chair {
float: left;
width: 166px;
height: 216px;
margin-right: 20px;
border: 3px solid #e4e4e4;
}


.item H2 {
font-size: 18px;
margin: 0 0 5px 0;
}

.itemcontent {
font-size: 12px;
width: 330px;
float: left;
}

.itemcontent ul {
list-style-type: none;
margin-top: 10px;
font-size: 12px;
font-family : Arial, Verdana, Helvetica, sans-serif;
}

.itemcontent ul li {
display: inline;
margin-right: 5px;
}

.itemcontent ul li a.booklet {
padding-left: 30px;
color: black;
text-decoration : none;
background-image : url('images/pdf.gif') ; 
background-repeat : no-repeat;
background-position: 0 -2px;
}

.itemcontent ul li a.booklet:hover {
text-decoration : underline;
color: #d0003a; 
}

.itemcontent ul li a {
color: black;
text-decoration: none;
color: black;
}

.itemcontent ul li a:hover {
color: #d0003a;
text-decoration: underline;
}

.itemcontent img {
float: left;
margin: 4px 5px 0 0 ;
}

.block {
text-align: justify;
font-size: 12px;
}

/*------------------------------------------- Showroom ----------------------------------------*/

#showroom { 
float : left; 
width : 750px; 
margin : 10px 0 0 0; 
padding : 10px 10px 0 10px; 
background-image : url('images/showroom-dot.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 : #fff; 
color : #555; 
list-style : none; 
overflow : hidden; 
} 
.gallery-showroom ul li { 
width : 186px; 
float : left; 
margin : 2px 0 0 1px; 
background : #fff; 
padding : 0; 
} 
.gallery-showroom ul li img { 
padding : 1px; 
border : 1px solid #d9d9d9; 
} 
.gallery-chair-showroom { 
padding : 0; 
margin : 0; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-size : 12px; 
color : #000; 
font-weight : normal; 
text-align : center; 
} 
.gallery-chair-showroom ul { 
margin : 0; 
padding : 0; 
border : none; 
width : 750px; 
background : #fff; 
color : #555; 
list-style : none; 
overflow : hidden; 
} 
.gallery-chair-showroom ul li { 
width : 186px; 
float : left; 
margin : 5px 0 0 0; 
background : #fff; 
padding : 0; 
} 
.gallery-chair-showroom ul li img { 
padding : 1px; 
border : 1px solid #d9d9d9; 
} 

#buerostuehle-showroom { 
width : 600px; 
height : 75px; 
background-image : url('images/buerostuehle-licht-an.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-an.gif'); 
background-repeat : no-repeat; 
background-position : top left; 
margin-left : 6px; 
margin-bottom : 15px; 
} 
#light { 
position : absolute; 
left : 702px; 
width : 200px; 
height : 30px; 
} 
#light ul { 
font-size : 11px; 
color : #000; 
font-family : Arial, Verdana, 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; 
} 
#tag-nacht { 
width : 389px; 
height : 180px; 
background-image : url('images/banner-tag.jpg'); 
background-repeat : repeat-x; 
} 

/*------------------------------------------- Footer ----------------------------------------*/

#footer { 
clear : both; 
width : 770px; 
height : 130px; 
} 

#links { 
width : 750px; 
height : auto; 
clear : both; 
font-size : 11px; 
color : #808080; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-weight : normal; 
padding : 0; 
margin : 10px 0 10px 10px; 
} 

.copyright { 
width : 560px; 
height : 53px; 
float : left; 
font-size : 13px; 
color : #000; 
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-weight : normal; 
padding : 25px 10px 10px 10px; 
clear : both; 
} 

.copyright span { 
color : #4d4d4d;
font-size : 11px;
} 

#top { 
width : 190px; 
height : 88px; 
float : right; 
} 
#top span { 
display : none; 
} 
#top a { 
display : block; 
background-image : url('images/slogan.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
position : absolute; 
width : 190px; 
height : 88px; 
} 
#w3c { 
clear: both;
padding: 10px 0 0 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; 
}

#agency { 
float : left; 
width : 90px; 
height : 25px; 
} 
#agency span { 
display : none; 
} 
#agency a { 
display : block; 
background-image : url('images/crassmedia.gif'); 
background-repeat : no-repeat; 
background-color : transparent; 
width : 80px; 
height : 15px; 
}

#foolink {
clear: both;
width: 760px;
padding: 0 0 10px 10px;
}

#foolink p {
font-size : 8px;
color : #4d4d4d;
text-align: justify;
line-height: 12px;
}

#foolink a {
height: 8px;
font-family : Arial, Verdana, Helvetica, sans-serif; 
font-weight : normal; 
color : #4d4d4d;
font-size : 11px;
text-decoration: none;
margin: 0;
padding: 0;
}

#foolink a:hover {
color : #000;
text-decoration: underline;
}


/*------------------------------------------- Footer ----------------------------------------*/

#upload-buerostuehle,
#upload-bueromoebel {
background-image : url('images/upload-pdf.gif');
background-repeat : no-repeat;
background-position : left top;
height: 40px;
margin: 0;
padding: 0 0 0 50px;
}


#upload-buerostuehle a.refresh,
#upload-bueromoebel a.refresh {
font-size: 10px;
color: #CC0000;
text-decoration: none;
}

#upload-buerostuehle a.refresh:visited,
#upload-bueromoebel a.refresh:visited {
font-size: 10px;
color: #CC0000;
text-decoration: none;
}

#upload-buerostuehle a.refresh:hover,
#upload-bueromoebel a.refresh:hover {
font-weight: normal;
color: #d0003a;
text-decoration: underline;
}


#upload-buerostuehle a.upload,
#upload-bueromoebel a.upload {
height: 22px;
display: block;
font-size: 18px;
color: #000;
text-decoration: underline;
}

#upload-buerostuehle a.upload:visited,
#upload-bueromoebel a.upload:visited {
color: #000;
text-decoration: none;
}

#upload-buerostuehle a.upload:hover,
#upload-bueromoebel a.upload:hover {
color: #d0003a;
text-decoration: none;
}
