﻿
body { text-align: center; background: #fff; }
	
h1 { margin-bottom: 20px; font-family: helvetica, serif; font-size: 20px; font-weight: bold; color: #501d62; }
h2 { margin-bottom: 5px; font-family: helvetica, serif; font-size: 14px; font-weight: bold; color: #501d62; }
h4 { margin-bottom: 5px; font-family: helvetica, serif; font-size: 13px; font-weight: bold; color: #d70d57; }
	
#container { width: 960px; margin: 0 auto; padding-bottom: 10px; text-align: left; background: url(/lib/images/body_bg.png) left bottom no-repeat; }
.container_wrapper { padding: 0 26px 0 25px; }

#header { position: relative; height: 185px; padding-top: 45px; background: url(/lib/images/header_bg2.jpg) right 45px no-repeat; }
.top_links { position: absolute; top: 15px; right: 0; width: 360px; }
.top_links ul { margin: 0; padding: 0; list-style: none; }
.top_links li { float: left; margin-right: 3px; }
.top_links a { float: left; margin-right: 3px; text-decoration: none; }
.top_links a:hover { text-decoration: underline; }
.top_links * { color: #5c1764; font-family: Tahoma, serif; font-size: 12px;  }
ul#language { position: absolute; top: 7px; left: 630px; }
ul#language li { float: left; margin-right: 7px;}
ul#language a.en { display: block; height: 17px; width: 17px; text-indent: -9999px; background: url(/lib/images/taal_en.png) 0 0 no-repeat; }
ul#language a.nl { display: block; height: 17px; width: 17px; text-indent: -9999px; background: url(/lib/images/taal_nl.png) 0 0 no-repeat; }
body#HRC #header { padding-top: 0; background-position: right top; }
body#HRC .top_links { display: none; }
body#HRC ul#language { display: none; }
body#HRC #breadcrumbs { top: 135px; left: 215px; }
body#HRC #breadcrumbs .search { left: 483px; }
#breadcrumbs { position: absolute; top: 180px; left: 215px; height: 50px; width: 694px; }
#breadcrumbs .crumbs { position: relative; padding: 30px 30px; }
#breadcrumbs .crumbs * { font-family: Tahoma, serif; font-size: 10px; font-weight: bold; }
#breadcrumbs .search { position: absolute; top: 7px; left: 403px; }
#breadcrumbs .search legend { display: none; }
#breadcrumbs .search input { border: 1px solid #dcdcdc; }
#breadcrumbs .search input.submit { color: #5c1764; font-family: Tahoma, serif; font-size: 12px; font-weight: bold; background: #fff; border: 0; cursor: pointer; }
body.homepage #breadcrumbs a { color: #5c1764; }
body.homepage #breadcrumbs a.gray { color: Gray; }
#breadcrumbs a { color: Gray; }
#breadcrumbs a.purple { color: #5c1764; }


#contentcontainer { position: relative; overflow: hidden; background: url(/lib/images/contentcontainer_bg.jpg) 0 0 no-repeat; }

#menu { float: left; width: 215px; padding: 15px 0; }
#menu a { display: block; padding: 5px 20px; color: #fff; font-family: Tahoma, Serif; font-size: 12px; text-decoration: none; }
#menu a:hover { background: #cd8fbd; }
#menu li.active a { background: #cd8fbd; }
#menu ul.submenu a { padding-left: 50px; background: transparent; }
#menu ul.submenu li.active a { background: #cd8fbd; }
#menu ul.submenu a:hover { background: #cd8fbd; }

#content { margin-left: 215px; }
.contentwrapper { overflow: hidden; padding: 20px 30px; }
body.homepage .contentwrapper { background: url(/lib/images/contentwrapper_bg_home.png) right top no-repeat; }
body.homepage .paragraphs { margin-right: 210px; }

body.index .paragraph { padding: 50px 100px; }
.paragraph { overflow: hidden; margin-bottom: 20px; }
.paragraph .text { font-size: 13px; color: #333333; font-family: Arial, Serif; } /* edited: 2010-6-14 */
.paragraph .text * { font-size: 13px; color: #333333; font-family: Arial, Serif; } /* edited: 2010-6-14 */
.paragraph .text p { margin-bottom: 10px; }
.paragraph ul { padding: 5px 20px; }
.paragraph li { list-style: square; margin-bottom: 2px; }
.paragraph img { float: right; margin: 0 0 15px 15px; }
/*body.telefoonnummers .paragraph .text em { color: #501d62; font-size: 12px; } */ /* edited: 2010-6-14 */
/*body.telefoonnummers .paragraph .text strong { color: #501d62; font-size: 12px; } */ /* edited: 2010-6-14 */
#homepage_nieuws { float: right; width: 180px; }
#homepage_nieuws .wrapper { padding-left: 25px; }
#homepage_nieuws h2 { margin-bottom: 20px; font-size: 17px; }
#homepage_nieuws .item { margin-bottom: 20px; }
#homepage_nieuws .item * { font-family: Arial, Serif; color: #501d62; font-size: 13px; } /* edited: 2010-6-14 */
#homepage_nieuws .item a { text-decoration: none; color: #da4e7d; }
#homepage_nieuws .item a:hover { text-decoration: underline; }

#contactform span { margin-top: 4px;float: left; width: 130px; }
#contactform legend { display: none; }
#contactform label { display: block; margin: 10px 0; }
#contactform div.right { float: left; margin-left: 130px; padding-bottom: 10px; }
#contactform input, #contactform textarea { width: 200px; border: 1px solid #000; }
#contactform .radio, #contactform .checkbox { width: auto; border: 0; }
#contactform input.submit, #contactform input.reset { border: 1px solid black; background-color: #5c1764; color: #FFF; width: 60px; }
#contactform input.reset { width: 40px; }
body.aanmelding fieldset {width: 640px;padding: 5px 5px 5px 20px;border: none;}
body.aanmelding legend {font-weight: bold; color: #00908e;}
body.aanmelding .label_vraag {width: 20em; float: left; margin: 7px 10px 5px 0px;}
body.aanmelding .extra_txt { float: left; font-size: 10px; margin: 2px 0px 0px 10px; width: 220px; height: auto; overflow:visible; padding: 0px;}
body.aanmelding .extra_txt p {margin: 0px; padding: 0px;}
body.aanmelding .vraag {clear: both; }
body.aanmelding .vraagstelling_txtveld {margin-top: 10px;}
body.aanmelding .form_checkbox_radio { vertical-align:middle; margin-bottom: 5px;}
body.aanmelding input {margin: 4px 0px; border: 1px solid #000; }
body.aanmelding textarea { width:  350px; height: 90px; border: 1px solid #000; }
body.aanmelding .submitbtn { border: 1px solid black; background-color: #5c1764; margin:  0px 0px 40px 250px; color: #FFF; }
#instellingenkaart { float: left; }


#footer { position: absolute; bottom: 10px; left: 245px; width: 450px; }
#footer ul { overflow: hidden; }
#footer li { float: left; margin-right: 10px; }
#footer * { color: #5c1764; font-family: Tahoma, serif; font-size: 10px; font-weight: bold; }


