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



html
{overflow-x:hidden; overflow-y:scroll;}

html, body
{padding:0; margin:0; height:100%; width:100%;}

body
{background-color:#e2dedb; /* c9c6c3 */
text-align:center;
margin:0px;
background-image:url(img/bg.jpg); background-repeat:no-repeat; background-position:center 0px;}

body,div,td,p,ul,li,input,select,textarea,h1,h2,h3
{font-family:arial, helvetica, ms sans serif; font-size:17px; line-height: 22px;}


:-moz-any-link:focus
{outline: none;}

object {outline:none;}




td
{vertical-align:top;}


ul
{line-height:14px; margin:0px 0px 15px -25px;}


ol li
{list-style-type:decimal; color:#a9a29f;}



ol li. ul li
{list-style-type:square; list-style-position:outside; color:#a9a29f;}
li span
{color:#000000;}




a
{color:#000000; text-decoration:underline;}
a:hover
{color:#5a5a5a; text-decoration:underline;}

sup
{font-size:7px;}



/* ====================================================    border:1px solid green;     */



div.banner
{float:right; border:1px solid #C7C1B6; background-color:#ffffff; width:450px; padding:5px 10px 7px 10px; margin-top:20px;
font-size:17px; color:#d92228;}

div.banner_txt_small
{float:right; font-size:11px; color:#6e5d53}


table.container
{width:873px; height:100px; margin:0px auto; text-align:left; margin-bottom:30px;}

td.logo
{height:86px;}
td.logo img
{margin-top:23px;}




div.footerwide
{height:250px; background-image:url(img/bg_footer.jpg); background-repeat:no-repeat; background-position:0px 40px; padding:0px 0px 0px 16px;}

td.footer
{font-size:12px; color:#a39187; padding-top:0px; text-align:center; padding-top:80px}
td.footer a
{color:#a39187;}


a.red
{color:#d92228;}
a.red:hover
{color:#d92228;}



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

td.menu
{height:69px; background-image:url(img/bg_menu.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 0px 16px;}

div.menu_item
{float:left; height:31px; background-repeat:no-repeat; overflow:hidden;}

div.mi1
{width:71px; background-image:url(img/m_home.jpg);}
div.mi1:hover
{width:71px; background-image:url(img/m_home.jpg); background-position:0px -31px;}
div.mi1_active
{width:71px; background-image:url(img/m_home.jpg); background-position:0px -62px;}

div.mi2
{width:92px; background-image:url(img/m_over.jpg);}
div.mi2:hover
{width:92px; background-image:url(img/m_over.jpg); background-position:0px -31px;}
div.mi2_active
{width:92px; background-image:url(img/m_over.jpg); background-position:0px -62px;}

div.mi3
{width:89px; background-image:url(img/m_terrazzo.jpg);}
div.mi3:hover
{width:89px; background-image:url(img/m_terrazzo.jpg); background-position:0px -31px;}
div.mi3_active
{width:89px; background-image:url(img/m_terrazzo.jpg); background-position:0px -62px;}

div.mi4
{width:99px; background-image:url(img/m_producten.jpg);}
div.mi4:hover
{width:99px; background-image:url(img/m_producten.jpg); background-position:0px -31px;}
div.mi4_active
{width:99px; background-image:url(img/m_producten.jpg); background-position:0px -62px;}

div.mi5
{width:94px; background-image:url(img/m_bestellen.jpg);}
div.mi5:hover
{width:94px; background-image:url(img/m_bestellen.jpg); background-position:0px -31px;}
div.mi5_active
{width:94px; background-image:url(img/m_bestellen.jpg); background-position:0px -62px;}

div.mi6
{width:85px; background-image:url(img/m_contact.jpg);}
div.mi6:hover
{width:85px; background-image:url(img/m_contact.jpg); background-position:0px -31px;}
div.mi6_active
{width:85px; background-image:url(img/m_contact.jpg); background-position:0px -62px;}







/* --  SUBMENU  ------------------------------------    */

td.submenu
{height:121px; padding-left:8px;
background-image:url(img/bg_submenu.jpg); background-repeat:repeat-x; background-position:0px 0px;}

div.submenu_item
{float:left; height:26px; margin:10px 0px 0px 22px;}

div.submenu_item a
{color:#e2d5cc; display:block; height:26px; padding:4px 0px 0px 0px; text-decoration:none;}
div.submenu_item a:hover
{color:#ffffff;}

div.submenu_item_active
{float:left; height:26px; margin:10px 0px 0px 11px; color:#ffffff; text-decoration:none;
background-image:url(img/bg_active-submenu.jpg); background-repeat:no-repeat; background-position:0px 0px;}

div.submenu_item_active div
{background-image:url(img/bg_active-submenu-right.jpg); background-repeat:no-repeat; background-position:right 0;
border:0px solid green; display:block; width:100%; height:26px; padding:4px 0px 0px 11px;}








/* --  HOME  ------------------------------------ */

td.topblock
{height:auto; border:1px solid #29221f; border-top:0px; background-color:#433831; color:#ffffff;
background-image:url(img/bg_topblock.jpg); background-repeat:repeat-x; background-position:0px 0px;}

#carrousel
{float:left; width:973px; height:600px; padding:0px; margin:0px;}

#carrousel .item img
{width:973px !important; height:551px !important; margin-top:1px;}




div.home_block_grey
{float:left; margin:20px 0px 0px 0px; width:100%; border:1px solid #29221f;
background:url(img/bg_home-block-grey.jpg); background-repeat:repeat-x; background-color:#6e5d53;}

.contact-info
{float:left; width:270px;}

div.home_block_grey ul, div.home_block_grey p, div.home_block_grey table
{margin:20px; color:#ffffff;}
div.home_block_grey table
{margin:5px 20px 20px 20px;}
div.home_block_grey p
{margin-top:0px;}
div.home_block_grey ul
{margin:20px 20px 30px -6px; list-style-type:square;}
div.home_block_grey ul li
{color:#b4a398; padding-bottom:8px;}
div.home_block_grey ul li span
{color:#ffffff;}
div.home_block_grey a
{color:#ffffff;}
div.home_block_producten
{float:left; margin:20px 0px 0px 0px; width:556px; height:252px; border:1px solid #ab0b0e;
background:url(img/bg_home-block-red.jpg); background-repeat:repeat-x; background-color:#bd181e;}

div.home_block_werkwijze
{float:left; margin:20px 0px 0px 0px; width:556px; height:252px; border:1px solid #ab0b0e;
background:url(img/bg_home-block-red.jpg); background-repeat:repeat-x; background-color:#bd181e;}
div.home_block_werkwijze img
{display:block; float:left; border:1px solid #2f2724; margin:10px 0px 8px 10px;}
div.werkwijze_text
{float:right; width:221px; color:#ffffff;}
div.werkwijze_text p.wwtext
{width:182px; padding:15px 20px 0px 20px; margin-top:24px; border-top:1px solid #df4d52;}
div.werkwijze_text div.wwtext
{margin-top:50px;}
div.werkwijze_text a
{color:#ffffff;}

div.offerte .text, div.related_content
{margin-top:70px; width:300px;}

div.related_content ul
{margin-top:0px;}



/* --  CONTENT  ------------------------------------ */

div.header_1r
{width:226px; height:30px;}
div.header_2r
{width:226px; height:50px;}



h1
{float:left; position:absolute; z-index:2; margin:20px 0px 20px 20px;
color:#ffffff; font-size:27px; line-height:27px; font-weight:normal; display:block;}
h1.ds /* dropshadow */
{float:left; position:absolute; z-index:1; padding-top:1px; color:#000000; margin:20px 0px 20px 20px
filter:alpha(opacity=70);  
-moz-opacity:0.7;  
-khtml-opacity: 0.7;  
opacity: 0.7;  }

h2
{color:#d92228; font-size:30px; font-weight:normal; margin-top:0px;}

h3
{margin-bottom:5px; margin-top:0px;}

h4
{color:#d92228; font-size:16px; font-weight:normal; margin-top:0px; margin-bottom:0px;}



h1.home_intro
{text-indent:-9999px; background:url(img/header_home_intro.gif); background-repeat:no-repeat;
background-position:20px 0px; position:relative; width:250px; height:48px; margin:25px 0px 10px 0px;}  

div.header2
{width:500px; height:47px; margin-top:75px;}

div.header2 h1
{font-size:25px; margin:0px 0px 10px 20px; font-family:Tahoma;}


div.text
{margin:22px 10px 0px 20px;}



input.direct_aanvragen
{background:url(img/bt_direct-aanvragen.jpg); background-repeat:no-repeat; background-position:0px 0px;
margin-left:12px; width:158px; height:42px; border:0px; cursor:pointer; cursor:hand;}



p.link
{width:240px; text-align:right;}
p.link a
{display:block; padding-right:10px; background:url(img/link_arrow.gif); background-repeat:no-repeat;
background-position:right 5px;}



div.home_block_werkwijze p.link
{width:200px; text-align:right;}
div.home_block_werkwijze p.link a
{display:block; padding-right:10px; background:url(img/link_arrow_red.gif); background-repeat:no-repeat;
background-position:right 5px;}











td.content
{background-color:#ffffff; border-bottom:1px solid #29221f; height:400px;
background-image:url(img/bg_content.gif); background-repeat:repeat-y;}

td.content_wide
{background-color:#ffffff; background-image:none;}



div.content_right
{float:right; width:290px;}

div.content_left
{float:left; width:580px;}




div.content_left table
{margin:30px 0px 0px 30px;}

td.content_wide table
{margin:30px 0px 0px 30px; width:810px;}






a.redlink
{color:#bd181e;}
a.redlink:hover
{color:#ff4642;}



td.content_intro
{font-weight:bold; padding-right:20px;}














div.formrow, div.formrow div, div.formrow2, div.formrow2 div, div.formbutton
{border:0px solid green;}

div.formrow
{width:470px; height:30px; margin-top:7px; display:block;}
div.formrow2
{height:130px;}

div.formtekst
{float:left; width:130px;}

div.forminput
{float:left; width:320px;}

div.formrow input
{margin-right:5px; width:300px;}



.requiredtekst
{float:right; width:150px; height:30px; text-align:right;}
.required
{color:#d92228;}

div.forminput textarea
{width:300px; margin-right:5px;}


div.formuploadtekst
{height:30px; float:left; display:block; margin-bottom:30px;}

div.formupload
{height:30px; float:left; display:block; margin-bottom:30px;}

.uploadbutton
{font-size:12px; font-family:arial;}

div.formbutton
{float:left; width:440px; margin-bottom:60px;}


span.formsmall
{color:#999999; font-size:11px;}



#formfeedback
{padding:10px; background-color:#eeebe9; width:455px; border:1px solid #C0C0C0; margin-bottom:20px;}

span.header_foutmelding
{color:#d92228; font-size:16px;}




/* assortiment ======================= */

table.assortiment img
{margin-bottom:1px; margin-top:2px;}

table.assortiment td
{border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}

table.assortiment td.img
{background-color:#cacaca;}

table.assortiment td.txt
{background-color:#ffffff; padding:0px 10px 20px 20px;}

table.assortiment h2
{margin-top:20px;}

table.assortiment h3
{mmmargin-bottom:-14px;}







