@charset "utf-8";
/* CSS Document */

body { 
	background:url(../images/bg.gif) top left repeat; 
	height:100%; 
	margin:0; 
	padding:0;
	font-size:62.5%;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

#container1 { background:#ebebeb url(../images/bg_kop.jpg) top center repeat-x; height:620px; width:100%; font-size:1.1em; } 
#container2 { position:relative; width:950px; margin:0px auto; font-size:1.1em; padding:0;  }
#kop span { text-align:right; position: absolute; top:23px; right:20px; color:#515151; font-size:0.9em;  }
#printkop { display:none; }

#content_home { 
	background:#fff url(../images/bg_content_home.gif) top right repeat-y; 
	width:890px; 
	margin:0 auto;
	padding:40px 30px 10px 30px;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
}
#content_home #tekst { width:520px; padding-top:20px; float:left; line-height:1.8em; }
#loginform { width:260px; float:left; margin:0px 0px 0px 110px; padding-bottom:10px;  }
.clear { clear:both; }

#content { 
	background:#fff url(../images/bg_content.gif) top left repeat-y; 
	width:890px; 
	margin:0 auto;
	padding:40px 30px 0px 30px;
	font-size:inherit;
	line-height:1.8em;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content #tekst { width:560px; margin-left:240px; font-size:inherit;}
#tekst h1 { font-size:1.5em; font-weight:normal; margin:1.5em 0 1.5em 0; }
#tekst h2 { font-size:1.2em; color:#cc3300; margin:1.5em 0 0 0; }

a:link, a:active, a:visited { color:#cc3300; }
a:hover { color:#333; }

a.no-line { text-decoration:none; }

td { vertical-align:top; }

#fotobalk { width:950px; margin:0 auto; border-bottom:1px solid #fff; }
#fotobalk #img1, #fotobalk #img2 { border-right:1px solid #fff; }
#bottom { width:950px; height:10px; background-color:#cc3300; margin:0 auto 30px auto; } 


h1.typeface-js { 
	font-family: Dream Orphans; /*aparte font geladen als speciaal geconverteerde versie van Dream Orphans TTF; staat in map js/typeface*/
	color:#cc3300;
	text-align:right; 
	padding: 0px 680px 5px 0px; 
	background:url(../images/stippellijn.gif) bottom left no-repeat;
	font-weight: normal;  /*Remember that heading styles are bold by default, so you'll either need to add font-weight: normal to you heading styles, or load the bold version of the font if that's what you're after. */
	font-size:16pt;
}
#content_home h1.typeface-js { text-align:left; }

h2.typeface-js {
	font-family: Dream Orphans; /*aparte font geladen als speciaal geconverteerde versie van Dream Orphans TTF; staat in map js/typeface*/
	color:#333;
	font-weight: normal;  /*Remember that heading styles are bold by default, so you'll either need to add font-weight: normal to you heading styles, or load the bold version of the font if that's what you're after. */
	font-size:12pt;
}


/*inlogform*/
#loginform .label, #accessform .label { display:inline-block; width:95px; text-align:right; padding-right:5px;color:#999; }
#loginform input { width:130px; margin:3px; }
#accessform input { width:260px; margin:3px; }
#accessform .label { display:inline-block; width:250px; text-align:right; padding-right:5px; color:#999; }
#loginform .radio, #accessform .radio { width:20px; margin:3px 0px; }
#loginform .radiolabel, #accessform .radiolabel { color:#999; }
#loginform #inlogbutton, #accessform #inlogbutton { width:80px; background-color:#333; color:#fff; margin:10px 0px; padding:2px 0px; }
#accessform .error { display:block; color:#cc3300; }
.special { width:5px; visibility:hidden; }

#accountform { width:500px; }
#accountform .label { display:inline-block; width:200px; text-align:right; padding-right:5px; color:#999; }
#accountform input { width:200px; margin:3px; }
#accountform #button { width:150px; background-color:#333; color:#fff; margin:10px 0px; padding:2px 0px; }
#accountform .error, .error { border:1px solid #cc3300; }
#content .required { color: #cc3300; font-size:140%; }


div.error { border:2px solid #cc3300; color:#cc3300; padding:5px; }


#voet { width:950px; height:138px; margin:0 auto; background:url(../images/bg_voet.jpg) top left no-repeat;  }
#credits { text-align:center; padding-bottom:30px; }
#credits a { color:#95b4c4; text-decoration:none; }
#credits a:hover { text-decoration:underline; }