/* reset
------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, del, dfn, em, font, img, ins,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { background: #867568; font: 12px/16px "Trebuchet MS", Arial, sans-serif; color: #535458; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
th, td { text-align: left; font-weight: normal; }

sup {
	vertical-align: 3px;
	font-size:10px;
}

/* general
------------------------------------------------------------------*/
h1 { width: 359px; height: 65px; background: transparent url(/images/bg_h1.png) no-repeat; font-size: 32px; line-height: 35px; color: #fff; text-align: center; text-transform: uppercase; z-index: 10;}
h2 { margin: 0 0 10px 0; font-weight: bold; text-transform: uppercase; font-size: 17px;}
h3 { margin: 0 0 5px 0; font-weight: normal;font-size: 14px; color: #B91824; letter-spacing: 1px;}
h2 span { font-size: 11px; }
ul, ol { margin: 0 0 16px 16px; }
p, form { margin: 0 0 15px 0; }
a { color: #535458; }
a:hover { color: #c52634; }
fieldset { margin-bottom: 16px; }
legend { font-weight: bold; }
input, textarea, select { font-size: 12px; font-family: "Trebuchet MS", Arial, sans-serif; color: #535458; }
strong { font-weight: bold; }
em { font-style: italic; }
table { margin-bottom: 16px; }
th, td { border-right: 1px solid #fff; text-align: center;}
th { padding: 10px 7px; background: #685242; vertical-align: bottom; font-weight: bold; color: #fff; font-size: 12px;}
/* = "class" voor de 1e tr in js*/
th.last,
td.last { border-right: none; }
td { padding: 2px 7px; background: #f6f5f4; color: #262424; font-size: 11px}
tr.odd td { background: #e2deda; }

.button { height: 20px; border: 0; background: #e7e3e1; font-size: 11px; }
.button:hover { cursor: pointer; }

.clearfix:after,
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix,
#content:after { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix,
#content:after { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { background: #fff;  }
#header { position: relative; width: 935px; height: 235px; margin: 0 auto; }
#content { position: relative; width: 935px; min-height: 300px; margin: 1px auto 0 auto; padding-bottom: 1px; background: url(/images/bg_content.png) repeat-x; }
#footer { clear: both; width: 921px; height: 38px; margin: 0 auto; padding: 10px 7px; background: url(/images/bg_footer.jpg) no-repeat; color: #fff; }

/* taalkeuzepagina
------------------------------------------------------------------*/
#hp #content { background-image: none; }
#hp #logo { display: block; width: 388px; height: 78px; margin: 0 auto 45px auto; }

/* header
------------------------------------------------------------------*/
#logo img { float: left; margin-top: 4px; }
#languages { float: right; margin: 10px 0 0 0; }
#languages li { float: left; padding: 0 5px; border-right: 1px solid #535458; font-size: 11px; line-height: 12px; text-transform: uppercase; }
#languages li.last { border: 0; }
#languages li a { text-decoration: none; }
#languages li.active { color: #c52634; }
#searchform { float: right; clear: right; margin: 16px 0 0 0; }
#searchword { width: 146px; height: 14px; margin-right: 0px; }
#searchbutton { width: 60px; padding: 0; }
#infolink { display: block; float: right; clear: right; width: 216px; height: 22px; margin-top: 12px; background: url(/images/bg_infolink.png) no-repeat; line-height: 22px; text-decoration: none; text-align: center; }
#navigation { position: absolute; top: 102px; left: 0; width: 935px; }
#navigation ul { width: 935px; margin: 0; }
#navigation ul li { float: left; padding: 0 10px; border-right: 1px solid #535458; line-height: 12px; text-transform: uppercase; }
#navigation ul li.first { padding-left: 0; }
#navigation ul li.last { border-right: 0; }
#navigation ul li a { text-decoration: none; }
#navigation ul li.active a { color: #c52634; }
#navigation ul ul { position: absolute; left: 0; top: 24px; z-index: 2; }
#navigation ul ul li { padding: 0; border: 0; }
#navigation li.active ul li a { float: left; width: 187px; height: 26px; color: #262424; line-height: 26px; text-align: center; font-weight: bold; font-size: 11px; text-transform: uppercase; }
#navigation ul ul li.active a,
#navigation ul ul li a:hover { background: #685242; color: #fff; }
#navigation span { position: absolute; top: 24px; left: 0; z-index: 1; width: 935px; height: 26px; background: #f1efed; display: block;  filter: alpha(opacity=70); -moz-opacity: 0.70; opacity:0.70; }
#navigation img { position: absolute; left: 0; top: 24px; }
#navigation li.active ul#contactmenu li a { width: 467px; }
#navigation li.active ul#contactmenu li.last a { width: 468px; }

/* content
------------------------------------------------------------------*/
#path { position: absolute; z-index: 10; top: 40px; right: 10px; width: 440px; text-align: right; font-size: 11px; }
#path a { text-decoration: none; }
#path a:hover { text-decoration: underline; }
#content h1 { position: absolute; top: 0; left: 128px; }
#submenu { float: left; width: 118px; margin: 86px 0 0 0; padding-right: 10px; }
#submenu li { position: relative; width: 118px; margin: 0 0 11px 0; text-align: right; }
#submenu li.active span { position: absolute; top: 3px; left: 118px; width: 24px; height: 20px; background: url(/images/bg_submenu_active.png) no-repeat; }
#submenu li a { color: #322B29; text-decoration: none; font-size: 14px; line-height: 14px; }
#submenu li.active a,
#submenu li a:hover { color: #c52634; }
#contentBlock { float: right; width: 807px; }
#contentImages { float: left; width: 359px; }
#contentImages img { display: block; margin-bottom: 1px; }
#contentImages img.last { margin-bottom: 0; }
#contentText, #contentTextonly { position: relative; float: right; width: 430px; padding: 87px 0 0 0;}
.full #contentText { width: 807px;}
.full #contentTextonly { width: 807px; background: url(/images/bg_content.gif) repeat-y;} 
.contact #contentText { float: left; width: 359px; margin-right: 30px; }
#contentText ul { list-style: disc; }
#contentText #subitems { position: relative; top: -20px; right: 0; width: 100%; height: 17px; margin: 0; list-style: none; }
#subitems li { float: right; width: 150px; }
#subitems li a { float: left; display: inline; width: 149px; height: 17px; margin-left: 1px; background: #9e9186; color: #fff; text-decoration: none; text-align: center; }
#subitems li a span { padding-right: 10px;  background: url(/images/bg_subitems.png) no-repeat 100% 50%; }
#subitems li.active a,
#subitems li a:hover { background: #c52634; }
#subitems li.active a span,
#subitems li a:hover span { background-image: url(/images/bg_subitems_active.png); }
th.prodnaam,
td.prodnaam { text-align: left; }

#plan { float: left; width: 408px; padding-top: 87px; }
#plan img { margin-bottom: 20px; }

.textMessage,
#formContact { width: 349px; padding: 0 5px; }
#formContact textarea { width: 345px; }
#formContact input { float: left; width: 165px; }
#formContact label { float: left; width: 170px; margin-right: 4px; line-height: 20px; }
#formContact div { clear: both; padding: 5px 0; }
#formContact #submitbutton { float: right; width: 100px; margin-right: 5px; }
#verplicht { clear: both; font-size: 10px; }

#contentText #photogallery { width: 430px; margin: 0; list-style: none; }
#photogallery li { float: left; width: 100px; margin: 0 10px 10px 0; }
#photogallery li.last { margin-right: 0; }
#photogallery li a { display: block; overflow: hidden; width: 100px; height: 75px; background: #d3d1c9; text-align: center; }
#photogallery li a:hover { background: #867568; }

#newsitems li a { text-decoration: none; }

/* sitemaop
------------------------------------------------------------------*/
#sitemap ul {margin: 0 0 20px 20px}
#sitemap ul li{text-transform: uppercase; font-weight: bold;}
#sitemap ul ul { margin: 0 0 10px 40px;}
#sitemap ul li li{text-transform: none; font-weight: bold;}
#sitemap ul li li li{font-size: 11px;list-style: disc; font-weight: normal;}

/* footer
------------------------------------------------------------------*/
#footer a { font-size: 11px; color: #fff; }
#footer p { float: left; margin-right: 20px; }
#footer #contactdata a { font-size: 12px; }
#footer #duo { float: right; margin: 0; }


/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }