/*
* Cache van main.style.css
* Created: 2010-12-10 16:49:12
*/

/* global stuff */
body { margin : 0; background : #BABABD url(/images/bg.canvas.dots.png) top left repeat; font-family : Geneva, Arial, Helvetica, sans-serif; font-size : medium; color : #666; }
img, form { border : 0; margin : 0; padding : 0; }
.hlt { background-color : #FFFFCC !important; }
hr { height : 2px; border : none; border-top : 1px solid #C7D3D1; background-color : #C7D3D1; margin : 15px 0; }

hr + h2 { margin-top : 20px !important; }


/* Links */
a:link, a:active, a:visited { color : #666; text-decoration : none; }

a span.arrows { font-size : 14px; font-family : serif; color : #DE8703; font-weight : bold; }
a:hover span.arrows { color : #336699; }

a.intext:link, a.intext:active, a.intext:visited { color : #DE8703; }
.padded { padding : 0px 2px 1px 2px; }
.boxed:hover { color : #336699 !important; background-color : #D2F3FD !important; }
.more { padding : 0 10px 0 0; display : inline-block; background : transparent url(/images/more.png) bottom right no-repeat; }
.more:hover, a:hover .more { background : transparent url(/images/more-mo.png) bottom right no-repeat; }

p + .more-box { padding : 7px 0 5px 0; border-top : 1px solid #E9EFEE; clear : both; margin-bottom : 20px; font-weight : bold; }
.product .more-box { padding : 7px 0 5px 0; border-top : 1px solid #E9EFEE; clear : both; margin-bottom : 0px; font-weight : bold; }


/* Typo */
h2 { font-size : 140%; padding : 2px 0; }
p { margin : 0; }
ul { margin : 0; padding : 0; }
li { padding-left : 13px; list-style : none; background : transparent url(/images/list.bullet.png) top left no-repeat; }

#content ul { margin-bottom : 10px; }

/* transparency fix for ie */
img, #sitenav a:hover, #visualbox { behavior : url(/pngfix.htc); }

/* site wrapper */
#sitewrapper { float : none; clear : both; margin : 0 auto; width : 801px; position : relative; background-color : #fff; }

/* site header */
#siteheader { float : none; clear : both; width : 755px; height : 91px; padding : 0 23px; background : transparent url(/images/hdr.bg.jpg) top right no-repeat; }
#logo { float : left; }
#payoff { float : right; }

/* site navigation */
#sitenav { float : none; clear : both; width : 801px; height : 29px; background : url(/images/bg.sitenav.png) top left repeat-x; border-bottom : 1px solid #c7d3d1; }
#sitenav ul, #sitenav ul li { display : inline; margin : 0; padding : 0; list-style-type : none; }
#sitenav ul li a { display : block; float : left; margin : 0; width : 114px; padding : 0px; line-height : 29px; height : 29px; color : #FFFFFF; background : url(/images/bg.navitem.png) top right no-repeat; text-transform : uppercase; font-size : 65%; overflow : hidden; font-weight : bold; letter-spacing : 1px; text-align : center; }
html>body #sitenav ul li a { line-height : 30px; }
#sitenav a:hover { background : url(/images/bg.navitem-mo.gif) top right no-repeat; }
#sitenav a#active { line-height : 26px; background : url(/images/bg.navitem-a.png) top right no-repeat; }

/* HOMEPAGE */
/* corporate text, links & visual */
#corptext { float : left; position : relative; width : 356px; height : 140px; margin-top : 29px; padding-left : 23px; padding-right : 23px; border-bottom : 1px dotted #BABABD; }
#corptext p { font-weight : bold; line-height : 17px; text-align : justify; }
#corptext #ctext { height : 86px; overflow : auto; }
#clinks { position : absolute; left : 0px; bottom : 14px; line-height : 17px; width : 356px; margin : 0px 23px; }
#clinks div {float : right;}
#corpvisual { float : left; width : 399px; height : 169px; margin-top : 0px; border-bottom : 1px dotted #BABABD; }

/* HOMEPAGE */
/* product/service/facility highlight */
#hlight, #info { float : left; }
#hlight h2, #info h2 { margin : 0 0 6px 0; font-size : 110%; color : #999; text-transform : uppercase; overflow : hidden; height : 13px; font-family : 'Arial Narrow',Arial, Helvetica, sans-serif; }
#hlight { width : 379px; padding-left : 23px; margin-top : 30px; padding-bottom : 22px; }
#hlightitem { width : 355px; height : 186px; padding-top : 10px; border-top : 1px solid #C7D3D1; border-bottom : 1px solid #C7D3D1; background : transparent url(/images/bg.hlightbox.png) top left no-repeat; }
#hlightitem #hvisual { float : left; margin-left : 15px; }
#hlightitem #htxt { float : right; width : 150px; height : 90px; overflow : auto; margin : 20px 0 0 0; padding-right : 10px; font-size : 85%; line-height : 140%; }
#hlightitem #hlist { padding-top : 5px; padding-left : 45px; float : left; }
#hlightitem #hlist li { margin : 4px auto; }
#info { width : 377px; margin-top : 30px; margin-right : 0; padding-bottom : 22px; }
html>body #info { margin-right : 22px; }

/* HOMEPAGE */
/* news/info/other */
.infoitem a { display : block; height : 87px; text-decoration : none; padding-left : 23px !important; border-top : 1px solid #C7D3D1; border-bottom : 1px solid #C7D3D1; }
.infoitem a:hover { border-top : 1px solid #C7D3D1; border-bottom : 1px solid #C7D3D1; }
.infoitem .infohdr { font-weight : bold; color : #DE8703; display : block; margin : 6px 0; }
.infoitem .infotxt { color : #003366; display : block; float : left; height : 56px; width : 240px; overflow : auto; }
.infoitem a:hover .infotxt { cursor : pointer; }
.infoitem a img { border : 1px solid #C7D3D1; float : left; margin : 0 10px 10px 0; }
.infoitem a:hover img { border : 1px solid #C7D3D1; }
#lastitem { margin-top : 20px; }


/* content wrapper (containes all content between header and footer */
.midwrapper { width : 801px; float : none; clear : both; font-size : 70%; position : relative; }
.midwrapper:after { content : ""; display : block; height : 0; clear : both; }

.level01 { background : transparent url(/images/sectionvisuals/default.png) top right no-repeat; }
#section-products { background : transparent url(/images/sectionvisuals/products.png) top right no-repeat; }
#section-about { background : transparent url(/images/sectionvisuals/about.jpg) top right no-repeat; }
#section-facilities { background : transparent url(/images/sectionvisuals/facilities.jpg) top right no-repeat; }
#section-services { background : transparent url(/images/sectionvisuals/services.jpg) top right no-repeat; }
#section-partners { background : transparent url(/images/sectionvisuals/partners.jpg) top right no-repeat; }
#section-contact { background : transparent url(/images/sectionvisuals/contact.jpg) top right no-repeat; }

/* sub navigation */
#subnav { overflow : hidden; float : left; width : 150px; height : 500px; background : transparent url(/images/bg.subnav.png) top left no-repeat; padding-top : 41px; padding-left : 10px; }
html>body #subnav { height : auto; min-height : 350px; }

.subnavitem { width : 140px; }
.subnavitem .empty-panel { display : none; }
.subnavlabel { border-bottom : 1px dotted #BABABD; width : 140px; clear : both; cursor : pointer; }
.subnavlabel span { display : block; padding : 10px 0; line-height : 15px; color : #666; text-transform : uppercase; font-size : 85%; font-weight : bold; letter-spacing : 1px; }
.subnavlabel span:hover { color : #DE8703; }
.subnavitem ul, .subnavitem li { display : block; float : left; margin : 0; padding : 0; list-style-type : none; }
.subnavitem ul:after, .subnavitem ul li:after { content: ""; display: block; height: 0; clear: both; }
.subnavitem ul { margin-right : 10px; border-bottom : 1px dotted #BABABD; padding : 5px 0; }
.subnavitem ul li {background-image : none;}
.subnavitem ul li a { display : block; float : left; width : 138px; padding : 3px 0 3px 12px; line-height : 15px; color : #666; }
.subnavitem ul li a:hover { color : #DE8703; background : transparent url(/images/list.bullet.png) center left no-repeat; }
.subnavitem ul li a .arrows { visibility : hidden; }
.subnavitem ul li a:hover .arrows { visibility : visible; color : #DE8703; }
.subnavitem ul li a#sub-a { font-weight : bold; background : transparent url(/images/list.bullet.png) center left no-repeat; }
.subnavlabel #sub-a span { color : #003366; padding-left : 12px; background : transparent url(/images/list.bullet.png) 0 11px no-repeat; }

/* main content */
#content { float : left; width : 342px; padding : 0 10px 20px 20px; margin-top : 20px; }
#content h1 { font-size : 110%; font-weight : bold; color : #003366; text-transform : uppercase; letter-spacing : 1px; }
.level01 #content h1 { margin : 32px 0; }

#content h2 { margin : 0; font-size : 95%; color : #003366; text-transform : uppercase; font-weight : normal; letter-spacing : 1px; }
#content p { line-height : 150%; margin : 0 0 10px 0; }
#content p.intro { margin : 0; margin-bottom : 20px; font-weight : bold; }

/* side stuff */
#sidestuff { float : right; width : 238px; padding : 20px 20px 20px 10px; }
#pagevisual { margin-top : 5px; text-align : center; }

.insetbox { background : url(/images/bg.insetbox.png) top left repeat-x; padding : 20px; margin : 20px 10px; width : 167px; border-top : 1px solid #C7D3D1; border-bottom : 1px solid #C7D3D1; min-height : 70px; }
.insetbox p { font-size : 10px; line-height : 170%; }

/* footer */
#footer { float : none; clear : both; width : 801px; height : 30px; line-height : 30px; background : transparent url(/images/bg.product.hdr.png); border-top : 1px dotted #C7D3D1; font-size : 70%; }
#discl { padding-left : 20px; float : left; }
#totop { padding-right : 20px; float : right; }

/* products */
#section-products h2 {margin-top: 20px;}
h2 + .product {margin-top : 20px;}
.product { margin-bottom : 10px; }
.product:after { content: ""; display: block; height: 0; clear: both; }
.product h3 { margin : 0 0 15px 0; padding : 2px 4px; background : transparent url(/images/bg.product.hdr.png); font-size : 120%; }
.product img { float : left; }
.product ul { float : right; width : 225px; margin-bottom : 7px; }
.product li { margin-bottom : 4px; }

#productname { font-weight : bold; font-size : 110%; }
#specintro { border-bottom : 1px solid #C7D3D1; height : 56px; }

h3#spechdr { margin : 0; padding : 10px 0; font-size : 110%; }

h4.speccathdr { margin : 0; border-bottom : 2px solid #E9EFEE; background-color : #E9EFEE; padding : 5px; font-size : 100%; }
table.productspecs { border : none; line-height : 16px; width : 100%; }
table.productspecs td, table.productspecs th { border : none; vertical-align : top; border-bottom : 1px solid #E9EFEE; padding : 8px 2px; }
table.productspecs th { width : 110px; font-weight : normal; color : #999; text-align : right; padding-right : 10px; }
table.productspecs td { text-align : justify; }

/* contact form */
form#request {}
fieldset {}
legend {}
label {}
.row {}

/* aanvraag form */
form#request { margin : 0; border : none; }
form#request:after { content : ""; display : block; height : 0; clear : both; }
form#request fieldset { padding : 0 20px 10px 20px; border : none; background : transparent url(/images/bg.form.png) top left; border-bottom : 3px solid #D3D8D4; margin-bottom : 30px; }
form#request h2 { text-transform : none; font-weight : bold; letter-spacing : 0px; color : #333; font-size : 13px; padding : 6px 20px; background-color : #D3D8D4; border : 2px solid #fff; }
form#request p { margin : 10px auto; }
fieldset#set01 .text { width : 230px; }
select { color : #11559E; border : 1px solid #A5ACB2; padding : 1px;}
input.text, textarea { border : 1px solid #C7D3D1; color : #003366; font-family : Arial, Helvetica, sans-serif; font-size : 12px; }
input.text { height : 17px; padding : 2px 2px 1px 2px; }
textarea { padding : 4px; }
select:hover, input.text:hover, textarea:hover { border-color : #BABABD; }
select:focus, input.text:focus, textarea:focus { border : 1px solid #BABABD; background-color : #FFFFCC; }
label.row { display : block; margin-bottom : 5px; }
input.radiobox { vertical-align : middle; }
input.chckbox { vertical-align : middle; }
body[id=top] input.chckbox { vertical-align : top; }
body[id=top] input.radiobox { vertical-align : sub; }
p#pbtn { text-align : center; }
#submit { padding : 0 15px; margin-top : 10px; cursor : pointer; }
textarea { width : 288px; height : 100px; overflow : auto; }
.req { vertical-align : middle; font-size : 12px; color : #ff0000; }
.error {color: red;}
h2 span.newsdate {font-size: 10px;}

#zonenav {
	text-align: center;
	font-weight: bold;
}