/* 1.Reset 
---------------------------------------------------------------------------------------------------------------------------------------*/

@import url(reset.css);


/* 2.Default
---------------------------------------------------------------------------------------------------------------------------------------*/
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; background:#3C2B1B; color:#5D513B; padding-bottom:10px; }

p, ul, dl, ol { margin-bottom:18px; }

#content ul { list-style: disc; padding-left:14px; }

#content ol { list-style:decimal-leading-zero; padding-left:26px; }

#content ol li { margin-bottom:7px; }

#content ol li a { color:#3C2B1B; text-decoration:none; }

#content ol li a:hover { text-decoration:underline; }

#home #content ul, #producten #content ul { list-style:none; padding:0; }

#producten #content #inleiding ul { list-style: disc; padding-left:14px; } 

#content #details p a { color:#3C2B1B; text-decoration:none; }

#content #details p a:hover { color:#3C2B1B; text-decoration:underline; }



/* 3.Headings
---------------------------------------------------------------------------------------------------------------------------------------*/
h2, h3, h4, h5, h6 { color:#3C2B1B; }

h1 { font-size:16px; margin-bottom:38px; color:#FFF; font-weight:normal; }

h2 { font-size:20px; margin-bottom:10px; }

h3 { font-size:14px; color:#330000; }

h4 { font-size:13px; font-weight:bold; }

h5 { font-size:12px; }

p + h2, ul + h2 { padding-top:8px; }

p + ul { margin-top:-15px; }

#sidebar h2 { font-weight:normal; }

	
/* 4.Links
---------------------------------------------------------------------------------------------------------------------------------------*/
a, #home #content a, #producten #content a { text-decoration:none; color:#B2AA9C; }

#producten #content a:hover, a:hover { color:#FFF; }

#content a { text-decoration:underline; color:#B2AA9C; }

#content a:hover { color:#3C2B1B; }


/* 5.Images
---------------------------------------------------------------------------------------------------------------------------------------*/
img { border:none; display:block; }

img.fll { float:left; }

img.flr { float:right; }

.float_ul { float:left; margin-right:50px; height:150px; margin-bottom:18px; }

.clear { clear:both; }


/* 6.Layout
---------------------------------------------------------------------------------------------------------------------------------------*/
#site { width:100%; }

#siteleft { background:url(../_img/tmpl/bg_siteleft.gif) repeat-x; }

#siteright { background:url(../_img/tmpl/bg_siteright.gif) repeat-x; }

table#site td#wrapper { width:948px; }

#content { float:right; width:646px; padding:80px 32px 20px 32px; background:url(../_img/tmpl/head_img.jpg) no-repeat #fff; min-height:300px; }

#sidebar { float:left; background: url(../_img/tmpl/bg_main.jpg) no-repeat; width:238px; padding-top:79px; }


/* 6.Header_afbeeldingen
---------------------------------------------------------------------------------------------------------------------------------------*/
#traditie #content { background:url(../_img/tmpl/head_traditie.jpg) no-repeat #fff; }

#onzeproducten #content { background:url(../_img/tmpl/head_onzeproducten.jpg) no-repeat #fff; }

#toepassingen #content { background:url(../_img/tmpl/head_toepassingen.jpg) no-repeat #fff; }

#matcompany #content { background:url(../_img/tmpl/head_matcompany.jpg) no-repeat #fff; }

#vacatures #content { background:url(../_img/tmpl/head_vacatures.jpg) no-repeat #fff; }

#contact #content { background:url(../_img/tmpl/head_contact.jpg) no-repeat #fff; }

#faq #content { background:url(../_img/tmpl/head_faq.jpg) no-repeat #fff; }

#nieuws #content { background:url(../_img/tmpl/head_nieuws.jpg) no-repeat #fff; }

#misc #content { background:url(../_img/tmpl/head_disclaimer.jpg) no-repeat #fff; }

#opruiming #content { background:url(../_img/tmpl/head_opruiming.jpg) no-repeat #fff; }

#download #content { background:url(../_img/tmpl/head_download.jpg) no-repeat #fff; }

#overlijden #content { background:url(../_img/tmpl/head_overlijden.jpg) no-repeat #fff; }




/* 7.Branding/ 
---------------------------------------------------------------------------------------------------------------------------------------*/
#masthead { height:117px; background:url(../_img/tmpl/masthead.jpg) no-repeat; margin-top:0px; }

*html #masthead { margin-bottom:-62px; }

#masthead h1 { float:left; text-indent:-9000px; height:0px; margin:0; font-size:0px; }
	

/* 8.Navigation
---------------------------------------------------------------------------------------------------------------------------------------*/
ul#topnav { height:31px; line-height:31px; color:#B2AA9C; }

ul#topnav li.link { float:right; display:block;  }
 
ul#topnav li.link a { display:block; padding:0 15px; border-left:solid 1px #5D513B;  }

ul#topnav li.last { float:right; display:block; padding:0 0 0 15px; border-left:solid 1px #5D513B; height:31px; width:120px; }

ul#topnav li form { margin:5px 0 0 13px; float:right; }

*html ul#topnav li form { margin:3px 0 0 15px;  }

ul#topnav li.last span { float:left; }

ul#mainnav { margin:65px 0 0 173px; font-size:11px; line-height:11px; text-transform:uppercase; }
	
ul#mainnav li { float:left; display:block; height:18px; padding:0 15px; border-right:solid 1px #FED44D; }

ul#mainnav li.last { border:none; }

#home ul#mainnav li.home a, #traditie ul#mainnav li.rinos a, #matcompany ul#mainnav li.rinos a, #toepassingen ul#mainnav li.rinos a, #onzeproducten ul#mainnav li.rinos a, #producten ul#mainnav li.producten a, #faq ul#mainnav li.faq a, #vacatures ul#mainnav li.vacatures a, #contact ul#mainnav li.last a, #nieuws ul#mainnav li.nieuws a, #opruiming ul#mainnav li.opruiming a, #download ul#mainnav li.download a { color:#FFF; }



/* 9.Taalselectie
---------------------------------------------------------------------------------------------------------------------------------------*/
.niceform { height:21px; margin-top:3px; width:120px }
	
input, textarea, select { }

dl { clear:both; padding:0; margin:0; }
	
dt { float:left; width:49px; margin:0 12px 0 0; padding:0; line-height:25px; }

dd { float:right; width:55px; margin:0; padding:0; line-height:23px; }


/*Selects*/
.NFSelect { height:21px; position:absolute; border:none; }

img.NFSelectLeft { float:left; width:3px; height:21px; background:url(../_img/tmpl/select-right.gif) no-repeat 0 0; vertical-align:middle; }

.NFSelectRight { height:21px; width:auto; background: url(../_img/tmpl/select-right.gif) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#5d513b; padding-left:3px; margin-left:3px;  }

.NFSelectTarget { position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px; }
	
.NFSelectOptions { position:relative; background:#fff; margin-left:16px; margin-top:1px; list-style:none; padding:4px 0 0; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:-2px; 
top:0; border:#7f6f53 1px solid; border-top:none;  }
	
.NFSelectOptions li { padding:0 0 1px 0; }

.NFSelectOptions a { display:block; text-decoration:none; color:#5d513b; padding:4px 3px; background:none;  }
	
.NFSelectOptions a.NFOptionActive { background:#B2AA9C; color:#FFF; }
	
.NFSelectOptions a:hover { background:#3C2B1B; color:#FFF; }

.NFhidden { opacity:0; z-index:-1; position:relative; }



/* 9.Footer
---------------------------------------------------------------------------------------------------------------------------------------*/
#footer { float:left; width:901px; border-top:#FED44D solid 3px; padding:8px 0 0 47px; } 

#footer ul { }

#footer ul li { display:block; float:left; font-size:11px; line-height:11px; color:#B2AA9C; margin-right:12px; padding-right:12px; border-right:solid 1px #FED44D; }

#footer ul li.last { border:none; margin:0; padding:0; }


/* 10.Home
---------------------------------------------------------------------------------------------------------------------------------------*/

#home #content { width:948px; padding:0; background-image:none; }

#homeinfo { float:left; width:454px; background:url(../_img/tmpl/bg_intro.jpg) no-repeat; padding:0; }

#homeimg { width:474px; height:440px; float:left; }

#intro { float:left; padding:100px 44px 0px 33px; width:159px;  }

#intro p { color:#FFF; font-size:16px; line-height:22px; margin-bottom:7px; }

#intro a { font-size:14px; background:url(../_img/tmpl/arrowbig.gif) no-repeat right 2px; padding-right:20px; }

#intro h1 { margin-bottom:10px; }

#home #content #intro a:hover { background-position:right -11px; color:#FFF; }

#misc #sidebar h2 { text-indent:-9999px;  }


#navigatie h4 { color:#FFFFFF; font-size:16px; line-height:69px; padding-right:12px; font-weight:normal; height:69px;   }

#home #navigatie h4 a { color:#FFF; }

#home #navigatie h4 a:hover { color:#3C2B1B; }

#navigatie { padding:0; margin:0; float:left; background-color:#7F6F53; text-align:right; }

#navigatie #menu { background-color:#7F6F53; list-style-type: none; width:218px; height:244px; font-size:16px; line-height:59px; margin-bottom:0px; padding:0;  border-top:solid 1px #3C2B1B; }

#navigatie #menu li { text-align:right; background:#7F6F53; border-bottom:solid 1px #3C2B1B; display:block; list-style:none; }

#navigatie #menu li a { display:block; height: 60px; padding-right:12px; color:#fff; }

#navigatie #menu li a:hover { color:#3C2B1B; }



.newsblock_left, .newsblock_right  { float:left; height:106px; width:199px; margin-top:3px; background:#FFF; padding:20px 16px 0px 20px; border-right: dashed 1px #3C2B1B; }

.newsblock_right { width:196px; padding-right:0px; border-right:none; }

.newsblock_left p, .newsblock_right p { line-height:16px; }

#home #content .newsblock_left a, #home #content .newsblock_right a { display:block; margin-top:4px; color:#3C2B1B; width:70px; background:url(../_img/tmpl/arrow.gif) right no-repeat; }

#home #content .newsblock_left a:hover, #home #content .newsblock_right a:hover { text-decoration:underline; color:#3C2B1B; background:url(../_img/tmpl/arrow.gif) right no-repeat;  }

.date { font-size:11px; }


/* 11.Template Page
------------------------------------------------------------*/
ul#subnav { width:237px; }

ul#subnav li { }

ul#subnav li a { display:block; height:32px; line-height:32px; margin-bottom:1px; padding-left:32px; background:#7F6F53; color:#D6D0C6 }

ul#subnav li a:hover { background:#6e6047; color:#FFF; }

ul#subnav li a.active { background:url(../_img/tmpl/arrowsmall.gif) 215px no-repeat #5D513B; color:#FFF; }

#txtblock { margin-left:238px; background-color:#FFFFFF; width:646px; height:250px; padding: 32px; }

#sidebar h2 { color:#FFF; font-size:18px; margin-left:32px; margin-bottom:8px; }

#head { margin-left:238px; height:105px; padding-left:32px; }


/* 12. Template Products
------------------------------------------------------------*/
#producten #content { width:948px; padding:0; }

#inleiding { width:411px; float:left; background: url(../_img/tmpl/bg_main.jpg) no-repeat #7F6F53; padding:50px 31px 0 32px; height:274px; color:#FFF;  }

#inleiding h2 { margin-bottom:35px; }

#crumbtrail { margin:0 0 11px 0px; font-size:11px; }

ul#cat_menu { float:left; background-color:#FFF; margin-bottom:0px; font-size:14px; text-align:center;  }

ul#cat_menu li { height:106px; width:200px; background:#FFF; padding:4px 16px 8px 20px; border-right: dashed 1px #3C2B1B; float:left; margin:3px 0; }

ul#cat_menu li.blankborder { border-right: solid 1px #FFF; } 

ul#cat_menu li a { color:#7f6f53; font-size:15px;  }

ul#cat_menu li:hover { text-decoration:underline; }

body#producten h1 { font-size:18px;  } 

#details { width:409px; background-color:#FFF; float:left; padding:29px 32px; margin:3px 0; border-right:dashed 1px #3C2B1B; }

.news { border-bottom:#FED44D solid 1px; margin-bottom:25px; }


/* 13. Formulieren
------------------------------------------------------------*/
.formtable { width:366px; }

.formbutton {  border:none; text-transform: uppercase; color:#fff; background-color:#7f6f53; font-size: 11px; padding:2px 4px; font-weight: bold; float:right; cursor:pointer; }

.formbutton:hover { color:#fff; background-color:#3C2B1B; cursor:pointer;  }

#download #content a.formbutton {  border:none; text-transform: uppercase; color:#fff; background-color:#7f6f53; font-size: 11px; padding:2px 4px; font-weight: bold; float:right; cursor:pointer; text-decoration:none;}

#download #content a.formbutton:hover { color:#fff; background-color:#3C2B1B; cursor:pointer;  }

.formfield, .formarea { border:1px solid #5d513b; width:250px; height:12px; margin-bottom:8px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5D513B; }

.formfield { height:16px;  }

.formarea { height:100px; }

.formtd { width:110px; vertical-align:top; }


/* 13. Formulieren
------------------------------------------------------------*/
.agent { float:left; width:200px; margin:0 10px 25px 0; }


/* 13. Formulieren
------------------------------------------------------------*/
.productinfo { width:410px; color:#3C2B1B; margin-bottom:0px; }

.spec { width:134px; padding:3px 5px 3px 12px; border-right:1px solid #FFFFFF; }

.info { padding:2px 5px 2px 12px; }

.even, .oneven { height:24px; }

.even { background-color:#e3e0d9; } 

.oneven { background-color:#bbb1a0; }

#dis { margin-top:0px; }

#disger { margin-top:-8px; margin-bottom:5px;  }

#producten #inleiding h2 { color:#FFFFFF; margin-bottom: 10px; font-size:16px; }

#producten #details h4 { margin-bottom:5px; padding-left:12px; }

table + p { font-size:11px; line-height:14px; padding-left:12px; }

.meldingerror { color:#FF0000; font-weight:bold; margin-top:15px; }

.meldingok { color:#00CC33; font-weight:bold; margin-top:15px; }


#productnavigation { float:left; background-color:#7f6f53; height:24px; margin:0px; border-top:1px solid #3C2B1B; border-bottom:1px solid #3C2B1B; line-height:24px; width:442px; padding-left:32px; }

#productnavigationger { float:left; background-color:#7f6f53; height:24px; margin:0px; border-top:1px solid #3C2B1B; border-bottom:1px solid #3C2B1B; line-height:24px; width:474px; padding-left:0px; }

#productnavigationprod { float:left; background-color:#7f6f53; height:24px; margin:0px; border-top:1px solid #3C2B1B; border-bottom:1px solid #3C2B1B; line-height:24px; width:474px; }
 
#producten #content #productnavigation a { color:#B2AA9C; font-size:11px; display:block; padding:0 8px; float:left;  }

#producten #content #productnavigationger a { color:#B2AA9C; font-size:11px; display:block; padding:0 7px; float:left;  }

#producten #content #productnavigation a:hover { background:#6e6047; color:#FFF; }

#producten #content #productnavigationger a:hover { background:#6e6047; color:#FFF; }
 
#producten #content #productnavigation a.active { color:#fff; background:#5D513B;  }

#producten #content #productnavigationger a.active { color:#fff; background:#5D513B;  }



#producten #content #productnavigationprod a.back { padding:0 11px 0 32px; background:url(../_img/tmpl/back.gif) top left no-repeat; color:#B2AA9C; font-size:11px; display:block; }

#producten #content #productnavigationprod a.back:hover { background-position:0 -24px; color:#FFF; }

#extra {  width:400px; width:410px; background-color:#FFF; float:left; padding-top:29px; padding-left:29px; margin:3px 0px;  }

#extra ul { float:left; margin-top:5px; }

#extra ul li { display:block; float:left; margin:0 20px 30px 0; width:110px; height:100px; font-size:11px;  }

#extra ul li img { border:1px solid #3C2B1B; float:left; }

#extra ul li span { margin-left:-5px; }


.answer { border-top:1px dashed #3C2B1B; border-bottom:1px dashed #3C2B1B; padding:10px 0; }

.answer p { margin:0px;  }



/* 13. Sitemap
------------------------------------------------------------*/
#sitemap_div ul { list-style:none; margin:0; }

#sitemap_div { float:left; width:300px; }

#sitemap_div ul li a { color:#5D513B; text-decoration:none; }

#sitemap_div ul li a:hover { text-decoration:underline;}

#sitemap_div ul.niveau1 { margin-bottom:10px; }

#sitemap_div ul.niveau1 li a { font-weight:bold; font-size:14px; }

#sitemap_div ul.niveau2 li { list-style:disc; }
 
#sitemap_div ul.niveau2 li a { font-weight:normal; font-size:12px;}


/* 14. Overzicht
-----------------------------------------------------------*/
table .overzicht { width:85%; }

table .overzicht tr.top td { font-weight:bold; border-bottom:1px solid #FFCC00; }

table .overzicht tr.top td.nummer { background-color:#fff; }

table .overzicht tr td { padding:6px; vertical-align:middle; } 

table .overzicht tr td.nummer { text-align:center; width:30px; }

table .overzicht tr td.titel { font-weight:bold; }

table .overzicht tr td.verwijder { width:120px; text-align:right; }


/* 15. Overlijdensbericht
-----------------------------------------------------------*/
#overlijdensbericht { float:left; width:480px; }

#overlijdensbericht H2 { text-align:center; font-size:26px; margin-bottom:20px; }

#overlijdensbericht p.armen { text-align:center; font-weight:bold; font-style:italic; }

#afsluiten { width:480px; float:left; }

#familie { float:right; margin-bottom:15px; width:160px; padding-left:320px; }

#familie p { margin-bottom:10px; }