/* KOPPEN */
	h1, h2 { font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif }
	h3, h4, h5 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }

	h1 { color: #142633; margin-top: 10px; font-size: 20pt; }
	h1.sifr { margin-bottom: 0em; }
	h2 { color: #142733; margin: 0; margin-top: 1em; font-size: 15pt; }
	h3 { color: #133D56; margin-bottom: 0; font-size: 10pt; }

/* FIELDSETS */
	fieldset { width: 564px; background-color: #E1EEF6; position: relative; padding: 0; border: 0; }
	fieldset p { padding: 1.2em; margin: 0; }
	fieldset div.button { position: absolute; right: 1em; top: 8px; }
	fieldset .bglefttop, fieldset .bgleftbottom,
	fieldset .bgrighttop, fieldset .bgrightbottom { position: absolute; width: 5px; height: 4px; background: url('../images/forms/announcement_corners.gif') no-repeat; font-size: 4px; }
	fieldset .bglefttop { left: 0; top: 0; background-position: left top;  }
	fieldset .bgleftbottom { left: 0; bottom: 0; background-position: left bottom; }
	fieldset .bgrighttop { right: 0; top: 0; background-position: right top; }
	fieldset .bgrightbottom { right: 0; bottom: 0; background-position: right bottom }
	
	fieldset ul, fieldset ul li { margin: 0; padding: 0; list-style: none; position: relative; }
	fieldset ul { margin: 1.5em; }
	fieldset ul.text_top { margin-top: 1em; }
	fieldset ul li { height: 35px; }
	fieldset ul li label { position: absolute; left: 0; top: 7px; width: 100px; }
	fieldset ul li div.input_field,
	fieldset ul li div.textarea_field,
	fieldset ul li select,
	fieldset ul li.submit input,
	fieldset ul li div.radiobuttons { position: absolute; left: 110px; }
	fieldset ul li p.text { margin: 0; padding: 0; position: absolute; left: 110px; bottom: 10px; }

	/* Langere labels */
	fieldset.long_labels ul li label { position: absolute; left: 0; top: 7px; width: 130px; }
	fieldset.long_labels ul li div.input_field,
	fieldset.long_labels ul li div.textarea_field,
	fieldset.long_labels ul li select,
	fieldset.long_labels ul li.submit input,
	fieldset.long_labels ul li div.radiobuttons { position: absolute; left: 140px; }
	fieldset.long_labels ul li p.text { margin: 0; padding: 0; position: absolute; left: 140px; bottom: 10px; }
	h2.fieldset { margin-left: 16px; }
	
	fieldset ul li div.radiobuttons { margin-top: 5px; }
	fieldset ul li div.radiobuttons label { position: relative; top: 0px; }
	
	fieldset ul li div.input_field {  width: 340px; } 
	fieldset ul li div.input_field input { width: 320px; }
	fieldset div.input_field div.leftcorner,
	fieldset div.input_field div.rightcorner { background-color: #E1EEF6; }

	fieldset ul li select { width: 250px; top: 6px; }

	fieldset ul li.input_textarea_field { height: 95px; width: 340px; }
	fieldset ul li.input_textarea_field div.background_top { position: absolute; top: 0; left: -1px; height: 19px; width: 340px;  background: url('../images/forms/input_field_textarea_background_top.gif') left top no-repeat; }
	fieldset ul li.input_textarea_field div.background_bottom { position: absolute; bottom: 0; left: -1px; height: 8px; width: 340px; background: url('../images/forms/input_field_textarea_background_bottom.gif') left top no-repeat; }

	fieldset ul li.input_textarea_field.article { height: 145px; }
	fieldset ul li.input_textarea_field.article div.textarea_field { height: 140px; }
	fieldset ul li.input_textarea_field.article div.textarea_field textarea { height: 118px; }

	/* IE6 Fix */
	* html fieldset ul li.input_textarea_field div.background_bottom { bottom: -1em; }
	fieldset ul li div.textarea_field textarea { width: 320px; height: 68px; overflow: auto; font-size: 10pt; background-color: transparent; position: absolute; top: 7px; left: 7px; z-index: 3; border: none; }
	fieldset ul li div.textarea_field { height: 90px; border: 1px solid #9DB7C6; border-top: 0; border-bottom: 0; background-color: #fff;  position: relative; }

	fieldset ul li.input_file_field div.input_field { width: 255px; }
	fieldset ul li.input_file_field div.input_field input { width: 235px; }
	fieldset ul li.input_file_field div.browse_button { position: absolute; left: 368px; }
	fieldset ul li.input_file_field input.upload_field { position: absolute; right: 76px; bottom: 0; z-index: 10; border: none; height: 36px; text-align: right;  -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0;  }


	/* inlogpagina 403 */
	fieldset.error403 { width: 400px; }
	fieldset.error403 ul li div.input_field { width: 200px; }
	fieldset.error403 ul li div.input_field input { width: 180px; }
	fieldset.error403 ul li.remind_login input { display: inline; position: relative; top: 5px; width: auto; }
	fieldset.error403 ul li.remind_login label { left: 25px; top: 5px; width: auto; }

	/* errors */
	span.failure,
	fieldset ul li label.error { color: #C00; }
	
	fieldset ul.errors li { height: auto; color: #C00; }

/* MEDEDELINGEN */
	div.announcement { width: 564px; background-color: #E1EEF6; height: 3.8em; position: relative; color: #142733; margin-top: 13px; }
	div.announcement p { padding: 1.2em; }
	div.announcement div.button { position: absolute; right: 1em; top: 8px; }
	div.announcement .bglefttop, div.announcement .bgleftbottom,
	div.announcement .bgrighttop, div.announcement .bgrightbottom { position: absolute; width: 5px; height: 4px; background: url('../images/forms/announcement_corners.gif') no-repeat; font-size: 4px; }
	div.announcement .bglefttop { left: 0; top: 0; background-position: left top;  }
	div.announcement .bgleftbottom { left: 0; bottom: 0; background-position: left bottom; }
	div.announcement .bgrighttop { right: 0; top: 0; background-position: right top; }
	div.announcement .bgrightbottom { right: 0; bottom: 0; background-position: right bottom }

/* PROMOQUOTES */
	div.promoquotes { width: 564px; }
	div.promoquotes div.item		{ width: 564px; height: 73px; background: #FFF url('../images/promoquotes/background.gif') top left no-repeat; margin-bottom: 0.5em; position: relative; overflow:hidden; }
	div.promoquotes div.item:hover	{ background-image: url('../images/promoquotes/background_hover.gif'); cursor: pointer; }
	div.promoquotes div.item h4		{ position: absolute; left: 18px; top: 7px; font-size: 12pt; margin: 0; }
	div.promoquotes div.item h4 a	{ color: #142733; text-decoration: none; }
	div.promoquotes div.item:hover h4 a	{ text-decoration: underline; }
	div.promoquotes div.item.new h4 a	{ color: #E25C00; }
	div.promoquotes div.item.new h4 img.new_icon	{ margin-right: 0.5em; }
	div.promoquotes div.item p	{ position: absolute; top: 27px; left: 18px;  color: #142733; width: 455px; margin: 0; }

/* PROMOTIPS */
	ul.promotips { margin: 0 0 0 0.5em; padding: 0; list-style: none; }
	ul.promotips li { line-height: 2.5em; }
	ul.promotips li img { margin-bottom: -5px; margin-right: 0.5em; }

/* ARTIKELEN */
	div.reactie_items div.reactie, div.selection_box,
	div.articles div.item		{ width: 564px; height: 113px; background: #fff url('../images/articles/intro_background_middle.gif') top left repeat-y;  position: relative; }
	div.reactie_items div.reactie div.bg_top, div.selection_box div.bg_top,
	div.articles div.item div.bg_top	{ height: 5px; width: 564px; background: url('../images/articles/intro_background_top.gif') top left no-repeat; position: absolute; top: 0; left: 0; font-size: 0; }
	div.reactie_items div.reactie div.bg_bottom, div.selection_box div.bg_bottom,
	div.articles div.item div.bg_bottom	{ height: 5px; width: 564px; background: url('../images/articles/intro_background_bottom.gif') bottom left no-repeat; position: absolute; bottom: 0; left: 0; font-size: 0; }
	div.articles div.item img.thumbnail	{ position: absolute; top: 13px; left: 16px; border: 1px solid #A1BBC9; }
	div.articles div.item div.content	{ position: absolute; top: 15px; left: 118px; right: 16px; }
	div.articles div.item div.content p	{ margin: 0; color: #142733; }
	div.articles div.item div.content p.title { margin-bottom: 0.5em; }
	div.articles div.item div.content p.title a { color: #142733; }
	div.articles div.item div.actions span.reacties { position: absolute; right: 110px; bottom: 10px; display: block; }
	div.articles div.item div.actions span.lees_meer { position: absolute; right: 10px; bottom: 10px; display: block; }
	div.articles div.item div.actions span a { color: #142733; }
	div.articles div.item div.actions span a img { position: relative; top: 3px; margin-right: 3px; }

	/* Lees artikel */
	div.newsarticle { width: 544px; margin-left: 10px; padding: 10px 0; }
	div.newsarticle div.thumbnail { float: left; margin: 0 5px; padding: 1px; background-color: white; border: 1px solid #A1BBC9; font-size: 0; }
	div.newsarticle p.images { text-align: center; }
	div.newsarticle p.images img { border: 1px solid #A1BBC9; margin: 0 5px; }
	div.newsarticle p { padding: 0; margin-bottom: 1em; }
	div.newsarticle h3 { margin: 0; font-size: 11pt; }
	div.newsarticle code { background: #fff; border: 1px solid #A1BBC9; display: block; width: 100%; overflow-x: auto; }

/* WEDSTRIJDEN */
	div.prijssponsoren div.reactie div.content		{ margin: 0; padding: 1em; }
	div.prijssponsoren div.reactie div.content div.sponsor_images { position: absolute; top: 11px; right: 7px; }
	div.prijssponsoren div.reactie div.content div.sponsor_images img { margin: 0 4px 0 2px; }
	div.prijssponsoren div.reactie div.content h3	{ margin: 0; margin-bottom: 1em; }
	div.prijssponsoren div.reactie div.content p	{ margin: 0; }

/* WEBGIDS */
	div.webgids div.item { width: 564px; background: url('../images/webgids/background.gif') left top repeat-y; position: relative; margin-bottom: 1em; }
	div.webgids div.item div.bg_top		{ width: 564px; height: 170px; position: absolute; top: 0; left: 0; background: url('../images/webgids/background_top.gif') left top no-repeat; }
	div.webgids div.item div.bg_bottom	{ width: 564px; height: 6px; position: absolute; bottom: 0; left: 0; background: url('../images/webgids/background_bottom.gif') left bottom no-repeat; }
	div.webgids div.item div.content	{ position: relative; padding: 10px 8px; }
	div.webgids div.item div.content div.head { background: center top no-repeat; width: 100%; height: 38px; color: #0E2F48; }
	div.webgids div.item div.content div.head.particulier { background-image: url('../images/webgids/head_background_particulier.gif'); }
	div.webgids div.item div.content div.head.zakelijk { background-image: url('../images/webgids/head_background_zakelijk.gif'); }
	div.webgids div.item div.content div.head div.type { float: left; font-weight: bold; margin: 10px 0 0 13px; }
	div.webgids div.item div.content div.head div.type img { margin-bottom: -2px; }
	div.webgids div.item div.content div.head div.category		{ float: right; margin: 10px 13px 0 0;  }
	div.webgids div.item div.content div.head div.category a	{ font-weight: bold; color: #0E2F48; text-decoration: none; }
	div.webgids div.item div.content div.head div.category a:hover	{ text-decoration: underline; }
	div.webgids div.item div.content div.thumbnail	{ background-color: #FFF; border: 1px solid #9db7c6; width: 180px; height: 140px; margin: 17px 20px 12px 0; }
	div.webgids div.item div.content div.thumbnail img	{ border: 7px solid #e3eff6; margin: 3px; }
	div.webgids div.item div.content div.thumbnail a img:hover	{ border-color: #DAEAF2; }
	div.webgids div.item div.content div.information	{ height: 140px; margin: 15px 0 0 0; position: absolute; top: 50px; left: 200px; width: 355px; }
	div.webgids div.item div.content div.information h3	{ font-size: 18pt; margin: 0; }
	div.webgids div.item div.content div.information h3 a	{ color: #0E314B; text-decoration: none; }
	div.webgids div.item div.content div.information h3 a:hover	{ color: #62839b; }
	div.webgids div.item div.content div.information p	{ margin: 5px 10px 0 0; }
	div.webgids div.item div.content div.information div a { color: #0E314B; }	

	/* IE6 */
	* html div.webgids div.item div.bg_bottom { bottom: -2px; left: -8px; }

	div.webgids div.item div.content div.information div.starbox,
	div.webgids div.item div.content div.information div.meerinformatie,
	div.webgids div.item div.content div.information div.reacties { margin-right: 10px; position: absolute; bottom: 0; }
	div.webgids div.item div.content div.information div.meerinformatie a img,
	div.webgids div.item div.content div.information div.reacties a img { position: relative; top: 3px; margin-right: 6px; }
	div.webgids div.item div.content div.information div.meerinformatie { left: 0; }
	div.webgids div.item div.content div.information div.total_votes { bottom:0pt; position: absolute; right: 140px }
	div.webgids div.item div.content div.information div.moderate_box { position: absolute; right: 10px; top: 95px; }
	div.webgids div.item div.content div.information div.moderate_box a { margin-left: 1em; text-decoration: none; }
	div.webgids div.item div.content div.information div.moderate_box a img { margin-bottom: -4px; }
	div.webgids div.item div.content div.information div.moderate_box a span { text-decoration: underline; }
	div.webgids div.item div.content div.information div.moderate_box a:hover span { text-decoration: none; }
	div.webgids div.item div.content div.information div.vote_button { position: absolute; right: 10px; top: 85px; }
	
	div.webgids div.item div.content div.information div.starbox { left: 0; bottom: 2em;  }
	div.webgids div.item div.content div.information div.reacties { right: 0; }

	div.webgids div.item div.content div.reply_form { margin: 2em 0 0 15px; }
	div.webgids div.item div.content div.reply_form ul,
	div.webgids div.item div.content div.reply_form ul li { margin: 0; padding: 0; list-style: none; }
	div.webgids div.item div.content div.reply_form form { margin: 0; padding: 0; }
	div.webgids div.item div.content div.reply_form ul li { display: block; height: 35px; position: relative; }
	div.webgids div.item div.content div.reply_form ul li label { display: block; width: 75px; position:absolute; left: 0px; top: 7px; }
	div.webgids div.item div.content div.reply_form ul li label.error { color: #C00; }
	div.webgids div.item div.content div.reply_form ul li div.input_field,
	div.webgids div.item div.content div.reply_form ul li div.textarea_field { position: absolute; left: 85px; }
	div.webgids div.item div.content div.reply_form ul li input.submit { width: 82px; position:absolute; left: 343px; }
	
	div.webgids div.item div.content div.reply_form ul li.input_textarea_field { height: 95px; width: 340px; }
	div.webgids div.item div.content div.reply_form ul li.input_textarea_field div.background_top { position: absolute; top: 0; left: -1px; height: 19px; width: 340px;  background: url('../images/forms/input_field_textarea_background_top.gif') left top no-repeat; }
	div.webgids div.item div.content div.reply_form ul li.input_textarea_field div.background_bottom { position: absolute; bottom: 0; left: -1px; height: 8px; width: 340px; background: url('../images/forms/input_field_textarea_background_bottom.gif') left top no-repeat; }
	div.webgids div.item div.content div.reply_form ul li div.textarea_field textarea { width: 320px; height: 68px; overflow: auto; font-size: 10pt; background-color: transparent; position: absolute; top: 7px; left: 7px; z-index: 3; border: none; }
	div.webgids div.item div.content div.reply_form ul li div.textarea_field { height: 90px; border: 1px solid #9DB7C6; border-top: 0; border-bottom: 0; background-color: #fff;  position: relative; }
	
	/* Smallbox */
	div.webgids.smallbox div.item div.content div.information { top: 20px; }
	div.webgids.smallbox div.item div.content { padding: 15px 8px; }
	div.webgids.smallbox div.item div.content div.thumbnail { margin: 0; }
	
	/* IE6 */
	* html div.webgids div.item div.content div.reply_form ul li.input_textarea_field div.background_bottom { bottom: -10px; }
	
	div.webgids div.item div.content div.reply_form ul li.alert_new_messages label,
	div.webgids div.item div.content div.reply_form ul li.alert_new_messages input { position: relative; width: auto; display: inline; top: 5px; left: 85px; }
	div.webgids div.item div.content div.reply_form ul li.alert_new_messages label { left: 90px; }
	
	div.webgids div.item div.content div.reply_form div.input_field .leftcorner,
	div.webgids div.item div.content div.reply_form div.input_field .rightcorner { background-color: #D9E9F2; }
	div.webgids div.item div.content div.reply_form div.input_field { width: 340px; }
	div.webgids div.item div.content div.reply_form div.input_field input { width: 320px; }
	div.webgids div.item div.content div.reply_form div.input_field.code { width: 70px; }
	div.webgids div.item div.content div.reply_form div.input_field.code input { width: 50px; }
	div.webgids div.item div.content div.reply_form div.input_field.code span { position: absolute; top: 7px; left: 80px; width: 200px; }

	/* REACTIES */
	div.webgids div.reactie_items div.reactie { height: auto; margin: 0 0 1em 0; }
	div.webgids div.reactie_items div.reactie a.delete_comment { position: absolute; right: 10px; top: 15px;}
	div.webgids div.reactie_items div.reactie div.content { margin: 0em; padding: 1em; }
	div.webgids div.reactie_items div.reactie div.content p { margin: 0; }
	div.webgids div.reactie_items div.reactie div.content p.title { margin-bottom: 0.5em; }
	
/* SITEMAP */
	ul.sitemap li { margin-bottom: 1em; }
	ul.sitemap li a { font-weight: bold; }
	ul.sitemap li ul li { margin-bottom: 0; }
	ul.sitemap li ul li a { font-weight: normal; }
	
/* INVOER VELDEN MET RONDE HOEKEN */
	div.input_field	{ width: 155px; height: 34px; background: url('../images/forms/input_field_background.gif'); }
	div.input_field .leftcorner		{ width: 6px; height: 34px; float: left; background: url('../images/forms/input_field_background_left.gif'); }
	div.input_field .rightcorner	{ width: 6px; height: 34px; float: right; background: url('../images/forms/input_field_background_right.gif'); }
	div.input_field input	{ width: 135px; padding: 7px 3px; color: #142733; font-size: 10pt; background: none; border: 0; }
	label	{ color: #142733; }
	
	/* IE6 */
	* html div.input_field { padding: 0px 0px; }
	* html div.input_field input { padding: 0;  margin-top: 6px; }
	
/* ALGEMENE CONTENT */
	a { outline: none; color: #133D56; }
	a:hover { text-decoration: none; }
	a img { border: none; }
	
	/* Alinea's */
	p.first { margin-top: 0; }
	p.last { margin-bottom: 5px; }
	p.intro { color: #133D56; }
	
	/* Invoer velden */
	input, textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; }