/* stylesheet:  */
/* versie: 0.1 - 07/06/2007 */
/* Maaike de Laat - maaike@onwaarschijnlijk.org */


/*  schone start geïnspireerd op eric meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------- */

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,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	color:#353535;
	background-color:#fff;
	font-size:100%;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*  basis typografie
-------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	background-color:#fff;
}

.b_index h1 {
	background:none;
	color:#fff;
	width:200px;
}

h2 {
}

p {
	background-color:#fff;
	color:#353535;
}

em {
	font-style:italic;
}

.verstoppen {
	position:absolute;
	top:-5000px;
	left:0;
}

a:link, a:visited {
	text-decoration:none;
	border-bottom:1px dotted #353535;
	color:#353535;
}

a:hover, a:active {
	text-decoration:none;
	border-bottom:1px dotted #545454;
	color:#545454;
}

strong {
	font-weight:bold;
}

/*  basislayout
-------------------------------------------- */
html {
	height:100%;
}

body {
	font:0.8em/1.36 Calibri, Arial, Helvetica, Verdana, sans-serif;
	background:url(../img/body_bg.gif) center -2px repeat;
	height:100%;
}

.b_index body {
	
}

#headerhouder {
	position:absolute;
	top:0;
	left:0;
	height:50px;
	background:#353535 url(../img/header_bg.gif) center top repeat-x;
	width:100%;
	z-index:1;
	color:#fff;
}

#header {
	width:1000px;
	margin:0 auto;
	position:relative;
}

#header a {
	color:#fff;
	font-weight:bold;
	border:none;
}

#header em {
	width:200px;
	height:18px;
	padding:20px 0 0 0;
	display:block;
}

#header em a {
	color:#fff;
	background:#353535 url(../img/header_maaike_mo.gif) 25px 0 no-repeat;
	display:block;
	text-indent:-5000px;
	width:150px;
}

#header em a:hover {
	border:none;
	background:#353535 url(../img/header_maaike_mo.gif) 25px -20px no-repeat;
}

#header img {
	margin: 20px 0 0 25px;
}

#header #nav {
	position:absolute;
	top:20px;
	left:775px;
	z-index:1000;
}

#header #nav li {
	height:18px;
	width:50px;
	float:left;
}

#header #nav li.active {
	margin-top:40px;
	background:url(../img/header_wat_act.gif) 0 0 no-repeat;
	text-indent:-5000px;
}

#header #nav li a {
	color:#fff;
	display:block;
	text-indent:-5000px;
	position:relative;
}

#header #nav li a:hover {
	border:none;
}

#header #nav li#nav_wie a {
	background:url(../img/header_wie.gif) 0 0 no-repeat;
}

#header #nav li#nav_wie a:hover {
	background:url(../img/header_wie.gif) 0 -20px no-repeat;
}

#header #nav li#nav_wat a {
	background:url(../img/header_wat.gif) 0 0 no-repeat;
}

#header #nav li#nav_wat a:hover {
	background:url(../img/header_wat.gif) 0 -20px no-repeat;
}

#header #nav li#nav_waar a {
	background:url(../img/header_waar.gif) 0 0 no-repeat;
}

#header #nav li#nav_waar a:hover {
	background:url(../img/header_waar.gif) 0 -20px no-repeat;
}

#content {
	width:1000px;
	margin:0 auto;
	position:relative;
	min-height:100%;
}

#footerhouder {
	width:100%;
	background-color:#FBF7D6;
	position:relative;
	margin-top:-8em;
	height:8em;
}

#footer {
	width:1000px;
	margin:0 auto;
	position:relative;
	padding-top:15px;
}

#footer p {
	background:none;
	position:absolute;
	top:15px;
	left:275px;
}

#footer form {
	width:200px;
	margin:0 0 0 25px;
}

#footer form label {
	margin:0 0 7px 0;
	display:block;
}

#footer form input {
	width:130px;
	margin-top:4px;
	float:left;
	font-family:Calibri, Arial, Helvetica, Verdana, sans-serif;
	padding:1px;
	color:#353535;
}

#footer form button {
	background:transparent url(../img/button_pijl.gif) bottom right no-repeat;
	border:none;
	color:#fff;
	display:block;
	height:28px;
	padding:3px 7px 5px 2px;
	font-family:Calibri, Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	width:60px;
	float:right;
	cursor:pointer;
}

.vcard .url {
	display:none;
}

/*  index
-------------------------------------------- */
#content #inleiding {
	width:445px;
	position:absolute;
	top:140px;
	left:24px;
	/*
	height:215px;
	background:url(../img/index_intro.gif) 0 0 no-repeat;
	text-indent:-5000px;*/
}

#content #inleiding p.inleiding {
	font:150%/1.7 Calibri, Arial, Helvetica, Verdana, sans-serif;
	margin-bottom:30px;
}

#content #inleiding p, #content #inleiding ul {
	font:125%/1.55 Calibri, Arial, Helvetica, Verdana, sans-serif;
	margin-bottom:1em;
	
}

#content #inleiding ul {
	margin-top:-1em;
	background-color:#fff;
	width:445px;
}

#nieuws {
	width:200px;
	padding:113px 0 9em 525px;
	min-height:475px;
}

#nieuws ul {
	margin-top:7px;
}

#nieuws li {
	
}

#nieuws em {
	color:#545454;
	font-style:normal;
	background-color:#fff;
	margin-bottom:1em;
	display:block;
}

#nieuws p em {
	color:#353535;
	font-style:italic;
	background:none;
	margin-bottom:0;
	display:inline;
}

#werk {
	width:202px;
	position:absolute;
	top:113px;
	left:775px;
}

#werk ul {
	padding:11px 2px 0 0;
	background-color:#fff;
	
}

#werk ul img {
	background:url(../img/img_bg.gif) 0 0 no-repeat;
	padding:1px 3px 3px 1px;
}

#werk li {
	height:125px;
	margin-bottom:25px;
	position:relative;
}

#werk li a {
	color:#fff;
	text-decoration:none;
	position:absolute;
	top:102px;
	left:2px;
	background:url(../img/list_pijl2.gif) bottom right no-repeat;
	display:block;
	padding:0 15px 5px 5px;
	border:none;
}

#werk li a:hover,#werk li a:active {
	border:none;
	text-decoration:underline;
	color:#fff;
}

/*  werk
-------------------------------------------- */
.b_werk #plaatjes {
	min-height:500px;
	width:450px;
	padding-left:27px;
}

.b_werk #plaatjes img {
	display:block;
	padding-top:2px;
}

.b_werk #plaatjes img:first-child {
	padding-top:100px;
}

.b_werk #plaatjes {
	padding-bottom:9em;
}

#omschrijving {
	width:200px;
	position:absolute;
	top:118px;
	left:525px;
}

#omschrijving h1, #omschrijving h2 {
	font-weight:bold;
}

#omschrijving h2 {
	margin-bottom:8px;
}

#omschrijving p {
	padding-top:1em;
}

#omschrijving ul {
	background-color:#fff;
}

#omschrijving li {
	
}


#omschrijving li a {
	border:none;
	color:#9C0E33;
	background:url(../img/link_bullet.gif) 0 4px no-repeat;
	padding:0 2px 0 12px;
}

#omschrijving li a:hover {
	border:none;
	background:#9C0E33 url(../img/link_bullet_mo.gif) 0 4px no-repeat;
	color:#fff;
}

#portfolio {
	width:202px;
	position:absolute;
	top:116px;
	left:775px;
}

#portfolio h3 {
	clear:left;
}

#portfolio ul {
	padding:8px 0 17px 0;
	float:left;
}

#portfolio ul li {
	margin:0;
	height:49px;
	width:49px;
	float:left;
	background:url(../img/portfolio_bg.gif) 0 0 no-repeat;
	padding:1px 0 0 1px;
	position:relative;
}

#portfolio ul img {
	
}

#portfolio li a {
	border:none;
	height:49px;
	width:49px;
	position:absolute;
	top:-1px;
	left:-1px;
	text-indent:-5000px;
	z-index:1000;
}

#portfolio li a.active {
	background:transparent url(../img/pijltje.png) 32px 32px no-repeat;
}

#portfolio li a:visited {
	background:transparent url(../img/vinkje.png) 32px 32px no-repeat;
}