@charset "utf-8";

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 {
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}
body {
line-height:1;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:none;
}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}


body  {
	font: 90% Arial, Helvetica, Verdana,  sans-serif;
	background: url(../images/blokjes_balk.png) repeat-y center 0;
	text-align: center; 
	color: #000000; line-height:1.2em;
}
.twoColFixRtHdr #container { 
	width: 960px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
} 

.twoColFixRtHdr #streep { 
	background: url(../images/header_stripe.jpg) repeat-x 0 bottom; 
	padding: 0 10px 0 30px; height:30px; 
} 



.twoColFixRtHdr #serviceMenu {background: #FFF; padding: 9px 10px 0 20px;} 
.twoColFixRtHdr #serviceMenu ul{ background:url(../images/blokje.jpg) no-repeat; padding:5px 0 10px 10px; float:right; font-weight:bold} 
.twoColFixRtHdr #serviceMenu li{ display:inline; padding-left:25px} 
.twoColFixRtHdr #serviceMenu a{ text-decoration:none; color:#006699; font-size:13px;} 
.twoColFixRtHdr #serviceMenu a:hover{color:#CC0000;} 


.twoColFixRtHdr #header {background: #FFF; 	padding: 0;} 
.twoColFixRtHdr #header h1 { background:url(../images/Blokkendoos_logo_03.png) no-repeat -7px -31px; text-indent:-4000px; display:block; width:400px; height:175px; float:left; }
.twoColFixRtHdr #header img { margin-top:55px; margin-left: 17px;}

.twoColFixRtHdr #mainMenu {background: url(../images/nav_bar.jpg) repeat-x; padding: 0 10px; height:50px}
.twoColFixRtHdr #mainMenu ul {background: none; padding: 10px 10px 0 0px;} 
.twoColFixRtHdr #mainMenu li{ display:inline; padding:0px; text-align:center;} 
.twoColFixRtHdr #mainMenu a{ color:#006699; font-weight:bold; text-decoration:none; padding:4px 20px; font-size:16px}
.twoColFixRtHdr #mainMenu a:hover{ background-color:#FFFFFF; border:1px solid #CCCCCC; border-bottom:none; padding:3px 19px; color:#CC0000;}
.twoColFixRtHdr #mainMenu a.active{ background-color:#FFFFFF; border:1px solid #CCCCCC; border-bottom:none; padding:3px 19px; color:#CC0000;}


.twoColFixRtHdr #sidebar1 {
	float: right; 
	width: 300px; 
	background: none; 
	padding: 0;
	margin:20px 60px 0 0;
}

#sidebar1  p { padding-bottom:10px; color:#333; font-size:90%}
#sidebar1  a {color:#006699; }
#sidebar1  h3 { color:#006699; padding: 4px 0 15px 0 }
#sidebar1 ul { padding-left:60px; margin-bottom:10px}
#sidebar1 li {list-style-image:url(../images/blokje_blauw.jpg); line-height:2em;}
#sidebar1 .downloads li {list-style-image:url(../images/pdf.png); line-height:3em;}
#sidebar1 .downloads li.word {list-style-image:url(../images/word-icon.gif); line-height:3em;}

.twoColFixRtHdr #mainContent { 
border-right:1px solid #DDDDDD;
margin:25px 400px 0 0;
padding:0 30px;
} 
.twoColFixRtHdr #mainContent h1 { color:#CC0000; background:url(../images/blokje.jpg) no-repeat; padding:5px 0 10px 35px; }
.twoColFixRtHdr #mainContent h2 { color:#CC0000; background:url(../images/blokje.jpg) no-repeat; padding:5px 0 10px 35px;}
.twoColFixRtHdr #mainContent h3 { color:#006699; padding: 4px 0 5px 35px }
.twoColFixRtHdr #mainContent h4 { }
.twoColFixRtHdr #mainContent p { padding-left:35px; padding-bottom:10px;}
.twoColFixRtHdr #mainContent  a {color:#006699; }

.twoColFixRtHdr #mainContent ul, .twoColFixRtHdr #mainContent ol { padding-left:60px; margin-bottom:10px}
.twoColFixRtHdr #mainContent li {list-style-image:url(../images/blokje_blauw.jpg); line-height:2em;}
.twoColFixRtHdr #mainContent ul.medewerkers {}
.twoColFixRtHdr #mainContent .medewerkers li {list-style-image: none;}


div.adres {color:#006699; border:1px solid #FC6; padding:17px 0 10px 0; background-color:#f2f2f2}
div.last{ border-top:none; margin-bottom:15px}
.twoColFixRtHdr #footer { background:#FFF; margin-top:20px; } 

.twoColFixRtHdr #footerblokjes { background:url(../images/header_stripe.jpg) repeat-x 0 -12px; padding-top:10px }
.twoColFixRtHdr #footerstreepjes { background:url(../images/header_stripe.jpg) repeat-x 0 0; padding-top:10px}


.twoColFixRtHdr #footer p {
	margin: 0; 
	padding: 10px; 
	font-size:10px;
	color:#CC0000;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}