@charset "UTF-8";
/* CSS Document */

body{
margin: 0;
text-align:center;
background-image:url(images/achtergrond.jpg);
background-repeat:repeat-x;
background-position: top center;
font-family:Arial, Verdana, Helvetica;
font-size:11.8px;
line-height:20px;
color:#333333;
}

p{
font-family:Arial, Verdana, Helvetica;
font-size:11.8px;
line-height:20px;
color:#333333;
}

H1{
color:#0081C7;
font-size:14px;
font-weight:bold;
font-variant:small-caps;
line-height:20px;
letter-spacing:0.5px;
}

H2{
font-size:11.8px;
font-weight:normal;
line-height:20px;
color:#333333;
}

H3{
font-family:Arial, Verdana, Helvetica;
font-size:11px;
line-height:20px;
color:#0081C7;
font-weight:bold;
}


a:link, a:visited{
color:#0081C7;
text-decoration:none;
}

a:hover{
color:#0081C7;
text-decoration:underline;
}

#site{
width:960px;
height:100%;
text-align:left;
margin:auto;
}

#top_wrapper{
width:960px;
height:90px;
margin-top:30px;
margin-bottom:10px;
border-bottom:1px solid #0081C7;
}

#logo{
width:600px;
height:90px;
float:left;
}

#menu{
width:360px;
height:90px;
float:left;
}

#menu ul {
list-style:none;
padding:0;
margin:0;
}
 
#menu ul li {
float:left;
}
 
#menu ul li a {
text-indent:-9000px;
display:block;
width:85px;
height:20px;
margin-top:70px;
margin-right:5px; /* kleine ruimte tussen buttons */
}

#menu ul li.home a {
background:url(images/home.jpg);
}
#menu ul li.home a:hover {
background-position:bottom;
}
#menu ul li.home_active a {
background:url(images/home.jpg);
background-position:bottom;
}
#menu ul li.overons a {
background:url(images/overons.jpg);
}
#menu ul li.overons a:hover {
background-position:bottom;
}
#menu ul li.overons_active a {
background:url(images/overons.jpg);
background-position:bottom;
}
#menu ul li.route a {
background:url(images/route.jpg);
}
#menu ul li.route a:hover {
background-position:bottom;
}
#menu ul li.route_active a {
background:url(images/route.jpg);
background-position:bottom;
}
#menu ul li.contact a {
background:url(images/contact.jpg);
}
#menu ul li.contact a:hover {
background-position:bottom;
}
#menu ul li.contact_active a {
background:url(images/contact.jpg);
background-position:bottom;
}

#header{
width:960px;
height:210px;
}


#spacer{
width:950px;
height:13px;
padding-left:10px;
}

.submenu{
overflow:hidden;
}

.submenu ul {
list-style:none;
padding:0;
margin:0;
}
 
.submenu ul li {
float:left;
}
 
.submenu ul li a {
text-indent:-9000px;
display:block;
width:230px;
height:120px;
margin-right:0px; /* kleine ruimte tussen buttons */
}

.submenu ul li.tapijt a {
background:url(images/button_tapijt.jpg);
margin-right:13px;
}
.submenu ul li.tapijt a:hover {
background-position:bottom;
margin-right:13px;
}
.submenu ul li.tapijt_active a {
background:url(images/button_tapijt.jpg);
background-position:bottom;
margin-right:13px;

}
.submenu ul li.laminaat a {
background:url(images/button_laminaat.jpg);
margin-right:13px;
}
.submenu ul li.laminaat a:hover {
background-position:bottom;
margin-right:13px;
}
.submenu ul li.laminaat_active a {
background:url(images/button_laminaat.jpg);
background-position:bottom;
margin-right:13px;
}
.submenu ul li.gordijnen a {
background:url(images/button_gordijnen.jpg);
margin-right:13px;
}
.submenu ul li.gordijnen a:hover {
background-position:bottom;
margin-right:13px;
}
.submenu ul li.gordijnen_active a {
background:url(images/button_gordijnen.jpg);
background-position:bottom;
margin-right:13px;
}
.submenu ul li.raamdecoratie a {
background:url(images/button_raamdecoraties.jpg);
}
.submenu ul li.raamdecoratie a:hover {
background-position:bottom;
}
.submenu ul li.raamdecoratie_active a {
background:url(images/button_raamdecoraties.jpg);
background-position:bottom;
}


.submenu2{
width:960px;
height:25px;
background:#e1e1e1;
border-top:1px solid #0081C7;
border-bottom:1px solid #0081C7;
overflow:hidden;
margin-top:10px;
margin-bottom:10px;

}

.submenu2 ul {
list-style:none;
padding:0;
margin:0;
}
 
.submenu2 ul li {
float:left;
}
 
.submenu2 ul li a {
text-indent:-9000px;
display:block;
width:230px;
height:25px;
margin-right:0px; /* kleine ruimte tussen buttons */
}

.submenu2 ul li.tapijt a {
background:url(images/button2_tapijt.jpg);
margin-right:13px;
}
.submenu2 ul li.tapijt a:hover {
background-position:bottom;
margin-right:13px;
}
.submenu2 ul li.tapijt_active a {
background:url(images/button2_tapijt.jpg);
background-position:bottom;
margin-right:13px;

}
.submenu2 ul li.laminaat a {
background:url(images/button2_laminaat.jpg);
margin-right:13px;
}
.submenu2 ul li.laminaat a:hover {
background-position:bottom;
margin-right:13px;
}
.submenu2 ul li.laminaat_active a {
background:url(images/button2_laminaat.jpg);
background-position:bottom;
margin-right:13px;
}
.submenu2 ul li.gordijnen a {
background:url(images/button2_gordijnen.jpg);
margin-right:13px;
}
.submenu2 ul li.gordijnen a:hover {
background-position:bottom;
margin-right:13px;
}
.submenu2 ul li.gordijnen_active a {
background:url(images/button2_gordijnen.jpg);
background-position:bottom;
margin-right:13px;
}
.submenu2 ul li.raamdecoratie a {
background:url(images/button2_raamdecoraties.jpg);
}
.submenu2 ul li.raamdecoratie a:hover {
background-position:bottom;
}
.submenu2 ul li.raamdecoratie_active a {
background:url(images/button2_raamdecoraties.jpg);
background-position:bottom;
}

#content{
width:960px;

}

#content_links{
width:540px;
padding:20px 50px 50px 20px;
line-height:20px;
float:left;
}

#kolom_links{
width:270px;
padding:20px 25px 50px 20px;
float:left;
text-align:justify;
}

#kolom_rechts{
width:270px;
padding:20px 15px 50px 20px;
float:left;
text-align:justify;
}

#kolom_3{
width:340px;
padding-top:20px;
float:left;
text-align:center;
}

#content_rechts{
width:350px;
padding-top:20px;
float:left;
}

#footer{
height:120px;
margin-top:20px;
color:#0081C7;
padding-top:25px;
text-align:center;
background:url(images/footer_achtergrond.jpg) #e1e1e1 repeat-x;
clear:both;
}

.logo{
margin-right:10px;
margin-bottom:10px;
}

.thumb{
margin-right:5px;
margin-bottom:5px;
}