body {
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#863418;
background-image:url(/pic/body_bg.png);
background-repeat:repeat-x;
}
img {
border:none;
}
a {
text-decoration:none;
font-weight:bold;
color:#000;
}
a:hover {
text-decoration:underline;
}
p {
margin-top:0;
margin-bottom:15px;
font-size:14px;
}
.both {
font-size: 0;
line-height: 0;
display: block;
margin: 0;
padding: 0;
clear: both;
height: 0;
}
h1 {
margin-top:0;
margin-bottom:0;
font-size:24px;
}
h2 {
margin-top:0;
margin-bottom:5px;
font-size:18px;
}
.container {
display:block;
width:996px;
margin-left:auto;
margin-right:auto;
}
.index {
padding-top:380px;
text-align:center;
color:#FDEBCF;
font-size:12px;
font-weight:bold;
background-image:url(/pic/index_pic.png);
background-repeat:no-repeat;
background-position:bottom;
}
.index a {
color:#FDEBCF;
margin:20px;
text-decoration:underline;
}
#main {
display:block;
float:left;
padding-left:26px;

}

/* -------------------- BORDER -------------------- */

.border {
	display:block;
	float:left;
}
.info .content {
padding:20px;
}
.content {
display:block;
padding-left:3px;
padding-right:3px;0
padding-bottom:2px;
}
.top {
display:block;
height:4px;
background-image:url(/pic/images.png);
background-position:left;
background-repeat:no-repeat;
}
.bottom {
display:block;
clear:both;
height:4px;
background-image:url(/pic/images.png);
background-position:left;
background-repeat:no-repeat;
}
.border .top div {
display:block;
width:50%;
float:right;
height:4px;
background-image:url(/pic/images.png);
background-position:right;
background-color:#863418;
}

.border .bottom div {
display:block;
width:50%;
float:right;
height:4px;
background-image:url(/pic/images.png);
background-position:right;
background-color:#863418;
}

/* -------------------- COLOR -------------------- */

.beige .top { background-position: left -370px;}
.beige .content { background-color: #FDEBCF;}
.beige .bottom { background-position: left -374px;}
.beige .top div {background-position: right -370px;}
.beige .bottom div {background-position: right -374px;}

.dark .top { background-position: left -378px;}
.dark .content {background-color:#6C2A13;}
.dark .bottom {background-position: left -382px;}
.dark .top div {background-position: right -378px;}
.dark .bottom div {background-position: right -382px;}

.orange .top { background-position: left -386px;}
.orange .content {background-color:#EB880E;}
.orange .bottom {background-position: left -390px;}
.orange .top div {background-position: right -386px;}
.orange .bottom div {background-position: right -390px;} 

/* -------------------- HEADER -------------------- */

#side {
display:block;
width:156px;
height:350px;
float:left;
}
#logo_design {
display:block;
float:left;
width:460px;
height:370px;
background-repeat:no-repeat;
background-image:url(/pic/images.png);
position:relative;
}
#logo_design h1 {
margin-bottom:5px;
}
.head_pic {
display:block;
background-color:#fff;
background-repeat:no-repeat;
height:300px;
margin-left:3px;
margin-right:3px;
float:left;
}
.wide {width:480px;}
.narrow {width:342px;}
.pic1 {background-image:url(/pic/head_pic1.jpg);}
.pic2 {background-image:url(/pic/head_pic2.jpg);}
.pic3 {background-image:url(/pic/head_pic3.jpg);}
.pic4 {background-image:url(/pic/head_pic4.jpg);}

/* -------------------- MENU -------------------- */

.menu {
display:block;
width:270px;
float:left;
margin-right:5px;
}
.menu .content {
padding-bottom:22px;
padding-left:22px;
padding-right:22px;
padding-top:19px;
}
.menu h1 {
color:#FDEBCF;
}
.menu h2 {
color:#FDEBCF;
margin-bottom:15px;
}
.menuitem {
display:block;
width:215px;
height:25px;
padding-left:10px;
padding-top:11px;
margin-bottom:1px;
font-size:12px;
color:#FDEBCF;
background-image:url(/pic/images.png);
background-repeat:no-repeat;
background-position:-460px 0;
font-weight:bold;
}
.menuitem_double {
padding-top:3px;
height:33px;
}
.menuitem div {
display:none;
float:right;
width:15px;
height:20px;
background-image:url(/pic/images.png);
background-repeat:no-repeat;
background-position:-685px -36px;
}
.aktiv div {
display:block;
}
.menuitem:hover {
background-position:-460px -36px;
}
.action {
background-position:-685px -73px;
font-weight:bold;
}
.action:hover {
background-position:-685px -109px;
}
/* -------------------- INFO -------------------- */

.info {
width:695px;
}
.info h1 {
color:#6C2A13;
margin-bottom:15px;
}
#slogan_hu {
display:block;
float:right;
background-image:url(/pic/images.png);
background-repeat:no-repeat;
background-position:-460px -73px;
width:225px;
height:297px;
}
#slogan_de {
display:block;
float:right;
background-image:url(/pic/images.png);
background-repeat:no-repeat;
background-position:-1505px -73px;
width:225px;
height:297px;
}
#slogan_en {
display:block;
float:right;
background-image:url(/pic/images.png);
background-repeat:no-repeat;
background-position:-1280px -73px;
width:225px;
height:297px;
}

/* -------------------- PROD -------------------- */

.group {
display:block;
margin-bottom:5px;
clear:both;
}
.group .logo {
display:block;
width:205px;
height:90px;
margin-right:5px;
background-color:#EB880E;
background-image:url(/pic/logos.png);
background-repeat:no-repeat;
float:left;
}
.logo_baldocer{background-position:0 -90px;}
.logo_caesar{background-position:0 -180px;}
.logo_gf{background-position:0 -270px;}
.logo_grohe{background-position:0 -360px;}
.logo_hansgrohe{background-position:0 -450px;}
.logo_imola{background-position:0 -540px;}
.logo_inceazahar{background-position:0 -630px;}
.logo_kludi{background-position:0 -720px;}
.logo_leonardo{background-position:0 -810px;}
.logo_mapei{background-position:0 -900px;}
.logo_mofem{background-position:0 -990px;}
.logo_murexin{background-position:0 -1080px;}
.logo_omega{background-position:0 -1170px;}
.logo_piemme{background-position:0 -1260px;}
.logo_radeco{background-position:0 -1350px;}
.logo_ravak{background-position:0 -1440px;}
.logo_roltechnik{background-position:0 -1530px;}
.logo_schonox{background-position:0 -1620px;}
.logo_stn{background-position:0 -1710px;}
.logo_vandelli{background-position:0 -1800px;}
.logo_vidrepur{background-position:0 -1890px;}
.logo_zalaker{background-position:0 -1980px;}

.title {
display:block;
clear:both;
width:504px;
height:33px;
padding-left:40px;
margin-bottom:5px;
font-size:18px;
font-weight:bold;
color:#6C2A13;
background-image:url(/pic/images.png);
background-repeat:no-repeat;
background-position:-685px 0;
}

.thumb {
display:block;
background-color:#fff;
float:left;
width:140px;
height:88px;
border-color:#EB880E;
border-width:1px;
border-style:solid;
margin-right:5px;
margin-bottom:5px;
}

#footer {
display:block;
font-size:12px;
font-weight:bold;
color:#EB880E;
text-align:center;
padding:25px;
}
#footer a {
color:#EB880E;
text-decoration:underline;
}