/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { font: 12px/16px 'Trebuchet MS', Arial, sans serif; color: #636466; }
h1 { margin: 0 0 26px 0; font-size: 18px; line-height: 18px; color: #c41230; text-transform: uppercase; }
h2 {}
h3 { margin: 0 0 5px 0; font-size: 13px; line-height: 13px; color: #c41230; }
h4 {}
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #636466; }
a:hover { color: #c41230; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }

sup,
sub { vertical-align: 0; position: relative; }
sup { bottom: 4px; font-size: 9px; }
sub { top: 4px; font-size: 9px; }

.img_left { float: left; margin: 0 10px 10px 0; }
.img_right { float: right; margin: 0 0 10px 10px; }

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

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 980px; margin: 0 auto; }
#header { position: relative; width: 944px; height: 206px; margin: 0 0 0 26px; background: url(../images/bg_header.gif) no-repeat; }
#contentWrapper { position: relative; width: 928px; margin: 12px auto 0 auto; background: url(../images/bg_content_wrapper.gif) top left repeat-y; }
#contentWrapper.noBackGround { background: none; }
#navigation { float: left; width: 196px; margin: 0 24px 0 0; }
#content { float:left; width: 552px; }
#sidebar { float: right; width: 132px; color: #231f20; }
#footer { clear: both; background: #bfb6ad; font: 10px Verdana, sans-serif; color: #fff; }
.noBackGround #content p { text-align:justify; }

/* header
------------------------------------------------------------------*/
#logoWrapper { position: absolute; top: 0; left: 0; width: 827px; height: 152px; }
#logo { width: 827px; height: 152px; background: url(../images/header_logo_petitat.png) no-repeat; }
#logo a { position: relative; display: block; width: 827px; height: 152px; }
#logo a img { display: none; }

ul#headerNav { position: absolute; top: 164px; left: 24px; width: 796px; margin: 0;}
ul#headerNav li { float: left; border-left: #fff 1px dashed; }
ul#headerNav li.first { border: none; }
ul#headerNav li.first a { padding-left: 0; }
ul#headerNav li a { display: block; padding: 0 24px 4px 24px; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; }
ul#headerNav li.active a,
ul#headerNav li a:hover { color: #c41230; }

ul#languages { position: absolute; top: 164px; left: 796px; width: 132px; margin: 0; }
ul#languages li { float: left; color: #9b948c; }
ul#languages li#nl span,
ul#languages li#fr { padding-left: 5px; }
ul#languages li a { display: block; float: left; font-size: 10px; color: #9b948c; text-decoration: none; }
ul#languages li.active a,
ul#languages li a:hover { border-bottom: #c41230 1px solid; }

/* navigation
------------------------------------------------------------------*/
#contentWrapper.noBackGround #navigation { display: none; }

#navigation ul { width: 196px; margin: 0; padding: 24px 0 10px 0; background: #e3ddd8; }
#navigation ul li { width: 196px; margin: 0 0 10px 0; padding: 0; }
#navigation ul li a { display: block; width: 148px; margin: 0; padding: 6px 24px; font-size: 13px; color: #9b948c/*#bfb6ad*/; text-decoration: none; }
#navigation ul li.active a,
#navigation ul li a:hover { background: #bfb6ad; color: #fff; }
#navigation ul li a:hover.subitem { background: #bfb6ad url(../images/arrow.gif) 172px 9px no-repeat; color: #fff; }
#navigation ul li.active a.subitem { background: #bfb6ad url(../images/arrow_down.gif) 172px 9px no-repeat; color: #fff; }

#navigation ul li.active ul { width: 196px; margin: 0; padding: 10px 0; }
#navigation ul li.active ul li { display: inline; width: 196px; margin: 0; padding: 0; }
#navigation ul li.active ul li a { width: 172px; margin: 0; padding: 2px 0 4px 24px; background: #dbd2c9; color: #9b948c; }
#navigation ul li.active ul li.active a,
#navigation ul li.active ul li a:hover { background: #dbd2c9; color: #fff; }

/*#navigation ul ul { display: none; width: 172px; margin: 0 0 0 24px; }
#navigation ul li:hover ul { display: block; }
#navigation ul ul li { width: 172px; }
#navigation ul li.active ul li a,
#navigation ul ul li a,
#navigation ul ul li a:hover { padding: 0; background: none; }*/

#transpDegrade { width: 195px; height: 150px; background: url(/images/transp_degrade.png) no-repeat; }

/* sidebar
------------------------------------------------------------------*/
.inDeKijkerBlock { position: relative; width: 116px; margin: 0 0 14px 0; padding: 13px 8px; }
.inDeKijkerBlock p { margin: 0; }
.link { display: block; float: right; width: 16px; height: 9px; padding: 6px 10px 0 0; background: url(../images/indekijker_link.gif) 0 6px no-repeat; }
#news { background: url(../images/indekijker1.gif) no-repeat; }
#nieuwsbrief { background: url(../images/indekijker2.gif) no-repeat; }
#newsBottom { position: absolute; bottom: 0; left: 0; width: 132px; height: 10px; background: url(../images/indekijker1_bottom.gif) no-repeat; overflow: hidden; }
#nieuwsbriefBottom { position: absolute; bottom: 0; left: 0; width: 132px; height: 10px; background: url(../images/indekijker2_bottom.gif) no-repeat; overflow: hidden; }

#contactBlock { position: absolute; bottom: 50px; left: 10px; width: 171px; height: 80px; padding: 5px 2px 5px 8px; background: url(/images/bg_contactBlock.png) no-repeat; color: #bfb6ad; }
#contactBlock h2 { font-size: 14px; }
#contactBlock a { color: #bfb6ad; text-decoration: none; }
#contactBlock a:hover { text-decoration: underline; }


/* content
------------------------------------------------------------------*/
#contentWrapper.noBackGround #content { display: inline; width: 540px; margin-left: 130px; }

#content ul { list-style-type: square; }
#content ul ul { list-style-type: disc; }

/* footer
------------------------------------------------------------------*/
#footer p { float: left; width: 700px; margin: 6px 0 6px 50px; }
#footer p a { color: #fff; text-decoration: none; }
#footer p a:hover { color:#c41230; }
#footer #logoDuo { float: right; width: 30px; margin: 0 26px 0 0; }

/* homepage
------------------------------------------------------------------*/
#homepage #wrapper { position: relative; height: 767px; background: url(../images/homepage.jpg) no-repeat; }

#homepage #bol { position: absolute; top: 226px; left: 329px; width: 323px; height: 323px; /*background: url(../images/bol.png) no-repeat;*/ }
#homepage #bol img { display: block; margin: 71px 0 0 98px; }
#taalkeuze { margin: 14px 0 0 98px; font-size: 14px; color: #fff; }
#taalkeuze a { color: #fff; text-decoration: none; }
#taalkeuze a:hover { color: #fff; text-decoration: underline; }

#homepage #footer { width: 980px; margin: 0 auto; }
#homepage #footer p { margin: 4px 0 4px 55px; }
#homepage #footer #logoDuo { float: right; width: 30px; margin: 2px 45px 0 0; }


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


/* samenstelling
------------------------------------------------------------------*/
#gallerij { margin-bottom:25px; }
.vennoot, .medewerker { text-align:center; width:142px; border:solid 3px #BFB6AD; padding:10px; background-color:#ffffff; }
.vennoot { margin:auto; }
.medewerker { float:left; margin-right:23px; }
.last { margin-right:0; }
.medewerker_lijn { margin-top:23px; }
.vennoot img { width:140px; }
.medewerker img { width:140px; }
#advoInfo { margin-bottom:15px; }
#advoInfo .type { float:left; }
#advoInfo .backlink { float:right; }
/*.advoPic { border:solid 3px #BFB6AD; padding:10px; padding:15px; width:243px; margin-bottom:15px; background-color:#ffffff; }*/
.advoPic { margin-bottom:15px; }

/* contactform
------------------------------------------------------------------*/
#contactform div { margin-bottom:5px; }
#contactform label { display:block; float:left; width:130px; }
#contactform input, #contactform textarea { width:350px; }
input#contact_postalcode { width:50px; margin-right:15px; }
input#contact_city { width:279px; }
.verplicht { color: #c41230; }
#contactform input.submitbtn { width:80px; }

#newsletter div { margin-bottom:10px; }