/* Veel gebruikte kleuren

paars:				#512A65;
top roze:			#B71A8B;
oranje:				#F4792D; menu fotoboek


---------------------------------------------- */
body {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other font-sizes in % (preferred) or ems ***/
	color:#000000;
	font-size: 13px;
}
a {
	text-decoration: underline;
	outline: none;
	color: #512A65;
}
a:visited {
}
a:active {
}
a:hover {
	text-decoration: none;
}
strong, b {
	font-weight: bold;
}
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
}
div, p { 
	margin:0px;
}

p {
	line-height: 1.41;
	margin-top: 0.75em;
	margin-bottom: 0.75em; 
	/*font-size: 80%;*/
}
li { 
	/*font-size: 80%;*/
	line-height: 1.31;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
}
td { 
	/*font-size: 80%;*/
	line-height: 1.31;
}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
}
img {
	border: 0;
}
h1, h2, h3, h4, h5, h6, h7 {
	color: #512A65;
}
h1 { font-size: 14pt;font-size: 17px; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }






/* Layout elementen 
---------------------------------------------- */
#header {
	background: url(images/header_bg.png) no-repeat;
	overflow: visible;
}
body.ohab #header {
	background: url(images/header_ohab_bg.png) no-repeat;
}
#footer {
	background: url(images/footer_bg.png) no-repeat center bottom;
}
#container-center {
	width: 500px;
}



/* Kruimelpad
---------------------------------------------- */
.B_crumbBox {
	margin: 8px 0px 0px 0px;
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	color: rgb(0,0,0);
	position: absolute;
	width: 500px;
}
.B_crumbBox a {
	text-transform: uppercase;
	color: rgb(102,102,102);
	text-decoration: none;
}.B_crumbBox a:hover {
	text-decoration: underline;
	color: #512A65;
}





/* Algemene design elementen
---------------------------------------------- */
#fotocontainer {
	width: 422px;
	height: 236px;
	padding: 0px 8px 13px 11px;
	background: url(images/fotovlak_bg.png) no-repeat;
}

#content2 {
	margin-left: 8px;
}
#right .oranje, #right .geel, #right .rose, #right .paars {
	background: #F4792D;
	padding: 7px;
	margin: 10px 0px 0px 0px;
	color: #fff;
}
#right .geel {
	background: #FCB41F;
}
#right .rose {
	background: #DD75AE;
}
#right .paars {
	background: #512A65;
}
#right .oranje h1, #right .geel h1, #right .rose h1, #right .paars h1,
#right .oranje h2, #right .geel h2, #right .rose h2, #right .paars h2,
#right .oranje h3, #right .geel h3, #right .rose h3, #right .paars h3,
#right .oranje h4, #right .geel h4, #right .rose h4, #right .paars h4,
#right .oranje h5, #right .geel h5, #right .rose h5, #right .paars h5 {
	color: #fff;
	margin: 0.2em 0em 0.5em 0em;
}


p.ajaxSearch_resultsInfo {
	margin: 0;
}
.ajaxSearch_resultLink {
	font-weight: bold;
}
.ajaxSearch_paging {
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
	display: block;
}





/* Opsommingen (Ditto)
---------------------------------------------- */
.ditto_item {
	margin: -10px 0px 15px 134px;
	padding-bottom: 5px;
	clear: both;
	display: block;
}
.ditto_date {
	margin-left: -134px;
	width: 130px;
	float: left;
}
.ditto_pageTitle {
	font-weight: bold;
}
.no_ditto_item {
	margin: -10px 0px 10px 0px;
	padding-bottom: 5px;
	color: #666;
	font-style: italic;
}






/* Homepage
---------------------------------------------- */
#hpteaser1, #hpteaser2, a#hpteaser1, a#hpteaser2 {
	clear: both;
	display: block;
	float: left;
	width: 240px;
	width: 226px;
	padding: 6px;
	background: #FCB41F;
	border: 1px solid #FCB41F;
	text-decoration: none;
	color: #000;
	margin: 16px 0 0 0;
	height: auto;
	overflow: visible;
}
#hpteaser2, a#hpteaser2 {
	clear: none;
	background: #DD75AE;
	border: 1px solid #DD75AE;
	margin-left: 16px;
}
a#hpteaser1:hover, a#hpteaser2:hover {
	border: 1px solid #000;
	color: #512A65;
}
#hpteaser1 img, #hpteaser2 img {
	border: 0;
	float: left;
	margin-right: 7px;
}
#homenews {
	background: #F4792D;
	padding: 7px;
	margin: 10px 0px 0px 0px;
}
#homenews h2 {
	color: #fff;
	margin: 0px 0px 0px 0px;
	margin: 0.2em 0em 0.5em 0em;
}
#homenews .ditto_item {
	margin: 2px 0px 5px 134px;
	padding-bottom: 0px;
}
#homenews a {
	color: #fff;
}
#homenews p {
	margin: 0px;
	padding-top: 5px;
	border-top: 1px dotted #FFA46C;
}





/* Fotoboek
---------------------------------------------- */

.fotoboek #container-center {
	width: 783px;
	margin-left: 178px;
	background: #fff;
}
.fotoboek #right {
	width: 162px;
	margin: 0px;
	left: 0px;
	position: absolute;
}
.fotoboek #container-right {
	width: 148px;
	margin: 10px 0px 0px 0px;
	padding: 7px 7px 40px 7px;
	background: #F4792D;
}
.fotoboek #container-right h3 {
	color: #fff;
	font-size: 15px;
	margin: 5px 0px 10px 0px;
}
.fotoboek #container-right ul {
	margin: 0;
	padding: 0px 15px;
	list-style-type: square;
	
}
.fotoboek #container-right li {
	padding: 0px 0 7px 0px;
	margin: 0px;
}
.fotoboek #container-right a {
	color: #000;
	text-decoration: none;
}
.fotoboek #container-right li.youarehere a {
	color: #fff;
	text-decoration: none;
}
.fotoboek #container-right a:hover {
	color: #512A65;
	text-decoration: underline;
}
.pagenumbers {
	clear: both;
}
.thumbscontainer {
	width: 795px;
	overflow: hidden;
}
ul.thumbs {
	width: 810px;
	overflow-x: visible;
	margin-bottom: 10px;
}
ul.thumbs li {
	width: 160px;
	margin: 0px;
}
ul.thumbs li:last-child {
	width: 145px;
	margin: 0px;
}
.thumbscontainer {
	margin-bottom: 5px;
}



/* Opleiding details
---------------------------------------------- */
.opleiding #right, .opleiding #right p {
	color: #626262;
	line-height: 1.41;
}
.opleiding #right strong {
	color: #402455;
}
.opleiding #right a {
	color: #a62a2c;
}
#opleidingtools {
	display: block;
	width: 400px;
	height: 30px;
	margin: 10px 0px 0px 8px;
}
a#inschrijflink, a#mailafriendlink {
	display: block;
	float: left;
	width: 100px;
	height: 30px;
	background: url(images/inschrijven_bg.png) no-repeat 0px -40px;
}
a#mailafriendlink {
	width: 213px;
	background: url(images/mailafriend_bg.png) no-repeat 0px -40px;
}
a#inschrijflink:hover {
	background: url(images/inschrijven_bg.png) no-repeat 0px 0px;
}
a#mailafriendlink:hover {
	background: url(images/mailafriend_bg.png) no-repeat 0px 0px;
}
#opleidingtools a b {
	position: absolute;
	left: -9999px;
}
#mailafriend {
	position: absolute;
	overflow: visible;
	top: 65px;
	left: 218px;
	width: 388px;
	z-index: 1000;
	background: #f3ecea;
	padding: 10px;
	border: 1px solid #222;
	top: -700px;
}
#closeform {
	position: absolute;
	top: -14px;
	right: -15px;
	display: block;
	width: 30px;
	height: 30px;
	background: url(fancybox/fancy_closebox.png) no-repeat;
	cursor: pointer;
}



/* Citaten carousel 
------------------------------------------------------------------------------- */
#IEspacer {
	display: block;
	height: 14px;
	width: 421px;
}
#carousel img, #carousel img#onlyoneimg {
	/* margin-top: 4px; */
}
#citatencontainer {
	width: 411px;
	height: 352px;
	background: url(images/citatenkader.png) no-repeat;
	padding: 12px 12px 12px 11px;
	width: 388px;
	height: 328px;
	margin: 8px 0px 0px 15px;
}
#citatencontainer div {
	/*margin: 8px 8px 13px 13px;*/
	width: 388px;
	height: 328px;
}
#citatencontainer ul {
	height: 328px;
}
#citatencontainer li {
	line-height: 1.49em;
	height: 328px;
}
#citatencontainer li.citaat1 { color: #F4792D; }
#citatencontainer li.citaat2 { color: #A91478; }
#citatencontainer li.citaat3 { color: #703799; }
#citatencontainer li.citaat4 { color: #008040; }
#citatencontainer li.citaat5 { color: #375FA9; }

#citatencontainer li.citaat1 img, #citatencontainer li.citaat3 img, #citatencontainer li.citaat5 img {
	float: right;
	margin: 3px 0px 3px 8px;
}
#citatencontainer li.citaat2 img, #citatencontainer li.citaat4 img {
	float: left;
	margin: 3px 8px 3px 0px;
}
.prev, .next {
	position: absolute;
	top: 300px;
	width: 16px;
	height: 28px;
	display: block;
	background: url(images/cprev_bg.png) no-repeat;
	left: -2px;
}
.next {
	background: url(images/cnext_bg.png) no-repeat;
	left: 430px;
}
.prev b, .next b {
	position: absolute;
	left: -9999px;
}
.externalControl {
	margin: 8px 0 0 26px;
}
.externalControl a {
	text-decoration: none;
	font-weight: normal;
	color: #999;
}
.externalControl a.active {
	font-weight: bold;
	color: #512A65;
}




/* Forms 
------------------------------------------------------------------------------- */
.errors {
	color: #a80023;
}
form {
	text-align: left;
	clear: both;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
	border: none;
}
form.full { width: 100%; }


fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

legend {
	display: none;
}
form h3 {
	clear: both;
	padding: 5px 0 5px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}


#Emailform label, #Emailform p {
	display: block;
	clear: both;
	width: 410px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.first input,
form label.city input,
form label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

form label,
form p {
	float: left;
	clear: left;
	width: 390px;
	margin: 10px 0 0 0;
	line-height: 1.5em;
}

form label input {
	float: left;
	width: 383px;
	padding: 0;
}

form input.radio,
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
	width: 25px;
}

form label.radio,
form label.radioitem {
	clear: none;
	margin: 0 0 0 0px;
	padding: 5px 0 0px;
	width: 365px;
}

form input.checkbox {
	float: left;
	padding: 0;
	margin: 0;
	width: 20px;
	height: 18px;
	clear: both;
}

form label.checkbox {
	float: left;
	clear: none;
	width: 380px;
}
/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff;
    /*background: #fff url(images/input-bg.gif) repeat-x top left;*/
}
form input.checkbox,
form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
form textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

form label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
form input.button {
    clear: left;
}
form label.postcode {
	display: block;
	clear: both;
	float: none;
	margin-top: 10px;
}




#cfPostcode, #cfWoonplaats {
	width: 85px;
	display: inline;
	margin: 0px 8px 8px 0px;
}
#cfWoonplaats {
	width: 283px;
	margin-right: 0px;
}
form span {
	float: left;
}



/* Header 
---------------------------------------------- */
h2#homebutton, h2#homebutton a {
	display: block;
	width: 240px;
	height: 47px;
	position: absolute;
	top: 0px;
	margin: 0;
	padding: 0;
	background: url(images/fontys_pedagogiek.png) no-repeat;
}
h2#homebutton a:hover {
	background: url(images/fontys_pedagogiek.png) no-repeat 0px -50px;
}
h2#homebutton a strong {
	position: absolute;
	left: -9999px;
}

#homebuttons, #zoekregel {
	height: 24px;
	width: 438px;
	background: #512A65;
	position: absolute;
	right: 0px;
	margin: 8px 0px 8px 0px;
}
#homebuttons a {
	color: rgb(255,255,255);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
	padding: 0px 0px 0px 25px;
	height: 24px;
	line-height: 25px;
	background: url(images/rssfeed.png) no-repeat 4px 3px;
	display: block;
	float: left;
}
a#rsslink {
	display: none;
}
#homebuttons a#hyveslink {
	background: url(images/hyves.png) no-repeat 4px 3px;
	margin-left: 20px;
}
#homebuttons a#facebooklink {
	background: url(images/facebook.png) no-repeat 4px 4px;
	margin-left: 4px;
}
#homebuttons a#twitterlink {
	background: url(images/twitter.png) no-repeat 5px 3px;
	padding: 0px 0px 0px 28px;
	margin-left: 50px;
}
#homebuttons a:hover {
	text-decoration: underline;
}

#zoekregel {
	background: #fff url(images/zoekregel_bg.png) no-repeat;
	height: 32px;
	margin-top: 42px;
	width: 438px;
}
#zoekregel form, #zoekregel fieldset, #zoekregel #ajaxSearch_input, #zoekregel #ajaxSearch_submit {
	margin: 0;
	padding: 0;
	border: 0;
}
#zoekregel form {
	position: absolute;
	width: 300px;
	display: block;
	height: 32px;
	top: 0px;
	float: left;
}
#zoekregel label {
	margin: 0;
}
#zoekregel #ajaxSearch_input {
	position: absolute;
	display: block;
	width: 236px;
	padding: 0px 2px;
	height: 20px;
	line-height: 20px;
	margin: 6px 0px 0px 9px;
	color: rgb(102,102,102);
	background: transparent;
	
}
#zoekregel #ajaxSearch_submit {
	position: absolute;
	display: block;
	width: 34px;
	height: 20px;
	margin: 6px 0px 0px 253px;
	border: 0;
	background: none;
	color: rgb(102,102,102);
	cursor: pointer;
	background: url(images/zoekbutton_bg.png) 0px -40px;
	
	
}
#zoekregel #ajaxSearch_submit:hover {
	background: url(images/zoekbutton_bg.png) 0px 0px;
}

a#inloglink, a#contactlink {
	display: block;
	height: 32px;
	width: 70px;
	background: url(images/inlogbutton_bg.png) no-repeat;
	float: left; 
	margin-left: 300px;
	position: absolute;
	top: 0px;
}
a#inloglink:hover {
	background: url(images/inlogbutton_bg.png) no-repeat 0px -32px;
}
a#contactlink {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 67px;
	margin: 0;
	background: url(images/contactbutton_bg.png) no-repeat;
}

a#contactlink:hover {
	background: url(images/contactbutton_bg.png) no-repeat 0px -32px;
}
#zoekregel a b {
	position: absolute;
	left: -9999px;
}



/* Vanaf 14-12-2010 zichtbaar. Onderstaande is overbodig. */
#homebuttons {
	/* Op verzoek nog even verbergen */
	/*display: none;*/
}
#zoekregel {
	/* Deze moet dan omhoog */
	/*margin-top: 8px;*/
}

#clearheaderright {
	/*height: 131px;*/
}


#clearheadercenter {
	height: 131px;
}