/* -----------------------------------------------------------------------------------

Style Sheet for APA 

Year:			2009
Website ontwerp: 	Daan Dijkmeijer	
XHTML/CSS:		Luc Koymans - www.koymans.be
CMS:			Rian Rietveld - www.rrwd.nl

----------------------------------------------------------------------------------- */




/* -------- GENERAL SETTINGS TO AVOID IMCOMPATIBILITIES BETWEEN DIFFERENT BROWSERS -------- */
* {
	margin:0;
	padding:0;
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif, courier;
 font-size: 12px;
	color:#333333;
}

body {
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif, courier;
	background-color :#ffffff;
	color:#333333;
}

/* The class clear is used as floated elements are taken out of the flow of the contents of the wrapper div */
.clear {
	clear:both;
}

.hide{ /* hides text from broswer */
        position:absolute;
        left:-9999px;
        width:0px;
        overflow:hidden;
}

/* In IE6 gaat de floating vaak mis. Een aparte div voor de float is net iets anders dan de float left zelf
aan een element meegeven. Dit gaat meestal wel goed in IE6 */

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

img {
	border:0;
}

h1 {
	font-size:16px;
	font-weight:bold;
  color:#e3001c;
}

h2 {
	font-size:14px;
	font-weight:bold;
}

h3 {
	font-size:12px;
	font-weight:bold;
}

p {
}

/* Always use the following order to avoid cascade problems */
/*a:link, a:visited {text-decoration:none; font-weight:bold; color:#ffb423;}
a:hover, a:active {text-decoration:underline; color:#8a4c13;}*/


/* -------- END OF GENERAL SETTINGS TO AVOID IMCOMPATIBILITIES BETWEEN DIFFERENT BROWSERS -------- */

#wrapper {
	position:relative;
	width:1109px;
	margin:0 auto;
	min-height:618px;
	height:auto !important;
	height:618px;
}

#mainnav {
	width:329px;
	min-height:618px;
	height:auto !important;
	height:618px;
	float:left;
	background:#ffffff url(../layout/bg-mainnav.jpg) 29px 0 no-repeat;
}

#content {
	width:775px;
	float:left;
	background:#ffffff url(../layout/bg-contenttext.jpg) 0 0 repeat-y;
}

#maincontent {
	float:left;
	width:610px;
}

#logoheader {
	position:relative;
	width:608px;
	height:148px;
	background:#ffffff url(../layout/bg-logoheader.jpg) 0 0 repeat-y;
}

#logo {
	position:absolute;
	top:40px;
	left:20px;
	width:298px;
	height:99px;
}

#contenttext {
	width:608px;
	min-height:618px;
	height:auto !important;
	height:618px;
	padding-top:35px;
}

#textwrapper {
	padding-left:20px;
	padding-right:20px;
}

#textwrapper h1{
	padding-bottom:15px;
}

#textwrapper ul {
	list-style-type:circle;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#contenttext p {
 padding-bottom: 7px;
}


#newscolumn {
	float:right;
	width:160px;
	height:618px;
	overflow:auto;
	padding-top:185px;
	text-align:left;
}

/* medewerkers  -----------------------------------------------------*/
#medewerkers a:hover {
	text-decoration:none;
}

#medewerkers a.active {
	text-decoration:none;
	color:#266864;
	font-weight:bold;
}

#medewerkers dt {
	font-weight:bold;
	font-size: 12px;
	padding-bottom:15px;
}

#medewerkers dd {
	line-height:20px;
}

#medewerkers_rechts {
	width:350px;
	float:right;
}

#medewerkers_links {
	width:200px;
	float:left;
	min-height:618px;
	height:auto !important;
	height:618px;
	border-right:1px solid #333;
}

#fototekst {
	width:250px;
	float:left;
}

#fototekst dt {
	font-weight:bold;
	font-size:12px;
}

#fototekst dd {
	padding-bottom:15px;
}

#fototekst dt.name {
	padding-bottom:15px;
}

#foto {
	width:100px;
	float:right;
}

#foto img {
	width:80px;
	height:137px;
	border:0;
}

/* aanmelden  -----------------------------------------------------*/

.omkader {
	border:1px solid #ff0000;
	padding-left:1px;
	padding-right:1px;
}

#aanmelden ol {
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	list-style-type:decimal;
}

#aanmelden h2 {
	padding-top:10px;
	padding-bottom:10px;
}

.rightalign {
	text-align:right;
	padding-left:15px;
	padding-right:15px;
	border-right:1px solid #aaa;
}

.leftalign {
	text-align:left;
	padding-left:15px;
}

.rightalign1 {
	width:250px;
	text-align:right;
	padding-left:15px;
	padding-right:15px;
	border-right:1px solid #aaa;
	background-color:#dfd;
}

.leftalign1 {
	text-align:left;
	padding-left:15px;
	background-color:#dfd;
}

#form6 table {
	width:500px;
	padding-top:15px;
	padding-bottom:15px;
}

#form6 p.middle {
	text-align:center;
}

/* fieldset */
fieldset {
	padding:10px;
	border:1px solid #266864;
}

fieldset.first {
	border:2px solid #266846;
}

fieldset.first1 {
	border:2px solid #266846;
	margin-top:15px;
}

fieldset.second {
	margin-top:15px;
}

#form1 fieldset {
	width:250px;
	border:1px solid #f00;
}

#form1 fieldset p {
	padding-top:3px;
	display:block;
}

/* legend */
legend {
	font-weight:bold;
}

/* input */
input[type="text"] {
	width:300px;
}

input.tekst { /* voor IE6 */
	width:300px;
	margin-top:10px;
}

#form1 input.tekst {
	width:150px;
}

input:focus, textarea:focus {
	background:#ffc;
}

input.verplicht {
	width:302px;
	margin-top:5px;
	border:1px solid #f00;
}

input.radio {
	float:left;
	margin-right:10px;
 padding-top: 10px;
}

input#opnieuw {
	float:left;
	margin-top:20px;
}

input#volgende {
	float:right;
	margin-top:20px;
}

input#vorige {
	float:left;
	margin-top:20px;
}

/* label */
label.verplicht {
	margin-top:6px;
}

label.tekst {
	margin-top:12px;
}

#form1 label.tekst {
	width:100px;
	float:left;
}

#form2 label, #form4 label {
	width:90px;
	float:left;
}

#form2 label.cb {
	width:250px;
	float:left;
}

#form2 label.radiolabel {
  width:50px;
}

#form3 label {
	width:150px;
	float:left;
}
#form3 label.radiolabel {
  width:50px;
}

#printpagina {
  text-align: center;
  margin-top: 20px;

}

#printpagina a {
  color:#266864;
  text-decoration: none;
  text-transform:uppercase;
}

#printpagina a:hover {
  text-decoration: underline;
}

/* textarea */
textarea {
	width:300px;
	margin-bottom:5px;
}

select {
	margin-bottom:5px;
}

textarea.verplicht {
	border:1px solid #f00;
}

/* select */
#form2 select {
	color:#f00;
}

#files_list {
	margin-top:15px;
	padding-right:50px;
}

/* news -----------------------------------------------------*/
#newswrapper {
	padding-left:15px;
}
	
#newswrapper ul {
	list-style-type:circle;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#news {
	color:#266864;
}

#news dt {
	font-weight:bold;
	font-size:14px;
	color:#266864;
}

#news dd {
	margin-top:25px;
}

#news a {
	color:#266864;
}

#news a:hover {
	text-decoration:none;
}

#footer {
	clear:both;
	text-align:center;
}

/* contact -------------------------------------------------*/
#contactwrapper {
	padding-left:5px;
}	

#contactwrapper ul {
	list-style-type:circle;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#contactwrapper p, #contactwrapper h1, #contactwrapper h2 {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
}

#contactwrapper img {
	padding-top:25px;
}

#contactwrapper a:hover {
	text-decoration:none;
}

/* main menu ------------------------------------------------*/


#menu {
	position:absolute;
	left:49px;
	top:185px;
	width:240px;
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:right;
	
}

#menu li {
	display:inline;
	float:left;
	text-align:right;
}

#menu a.main_link {
	position:relative;
	display:block;
	width:240px;
	height:18px;
	line-height:18px;
	color:#266864;
	text-decoration: none;
	text-transform:uppercase;
	padding-right:44px;
}

#menu a.main_link:hover {
	background:url(../layout/blokjerood.jpg) 100% 5px no-repeat;
}

#menu a.main_link_active {
	display:block;
	width:240px;
	height:18px;
	line-height:18px;
	color:#266864;
	text-decoration: none;
	text-transform:uppercase;
	background:url(../layout/blokjerood.jpg) 100% 5px no-repeat;
	padding-right:44px;
}

#menu a.sub_link_active {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color:#266864;
	text-decoration: none;
	background:url(../layout/blokjegrijsgroen.jpg) 100% 5px no-repeat;
	padding-right:14px;
}

#menu a.sub_link {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color:#266864;
	text-decoration: none;
}

#menu a.sub_link:hover {
	background:url(../layout/blokjegrijsgroen.jpg) 100% 5px no-repeat;
	padding-right:14px;
}

#menu a.sub_sub_link {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color:#266864;
	text-decoration: none;
}

#menu a.sub_sub_link:hover {
}

.hidden {
  text-indent: -1000px;
}

.error {
  color:#c00;
}