body, html {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #ccc;
	color: #555;
	text-align: center;
	height: 100%;
}




h3 {
	display: block;
	margin: 0;
	padding: 0 20px;
	color: #fff;
	font-weight: bolder;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(img/h3-back-orange.jpg) repeat-x 0 0 #f00;

}

h2 {
	margin: 0 20px;
	padding: 20px 0 10px 0;
	
	color: #fff;
	font-weight: bolder;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	margin: 0;
	padding: 0 20px;
	color: #555;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
}

img {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 0;
}

div#content h2 {
	color: #fff;
	text-align: left;
	font-weight: bolder;
}

a.leesmeer {
	color: #555;
}
a.leesmeer:hover {
	color: #f19;
}





/* header */

div#headerback {
	display: block;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 84px;
}
div#headerback div {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 767px;
	height: 84px;
	background: url(img/back-head.jpg) repeat-x 0 0;
}



div#wrapheader {
	display: block;
	position: absolute;
	z-index: 500;
	left: 0;
	top: 0;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 84px;
}

div#header {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 767px;
	height: 84px;
}
div#header h1 {
	float: left;
	margin: 16px 0 0 20px;
	padding: 0;
	
	width: 300px;
	height: 68px;
	text-indent: -10000px;
	
	background: url(img/logo.png) no-repeat 0 0;
}







div#header form {
	float: right;
	width: 254px;
	height: 100px;
	margin: 0 10px;
	text-align: left;
}

div#header form p {
	padding: 0;
	margin: 10px 0 3px 0;
	border-bottom: none;
	color: #fff;
	font-size: 10px;
}

div#header form label {
	float: left;
	padding-top: 5px;
	width: 69px;
	height: 16px;
	font-size: 11px;
	color: #fff;
}

div#header form input {
	width: 150px;
	height: 14px;
	font-size: 11px;
	border: 0;
	height: 16px;
}

div#header form input.medium {
	margin: 5px 0 0 0;
}

div#header form input.verzend {
	margin: 2px 5px;
	padding: 0;
	width: 20px;
	height: 18px;
	font-size: 10px;
	font-weight: 900;
	color: #f09;
	background: #f6adcd;
}






div#header div.login {
	float: right;
	width: 284px;
	height: 100px;
	margin: 0 20px;
}

div#header div.login p {
	padding: 0;
	margin: 5px 0 3px 0;
	border-bottom: none;
	color: #fff;
	font-size: 10px;
	text-align: right;
	font-weight: bold; 
}
div#header div.login img {
	float: right;
	margin: 5px 10px;
	padding: 0;
}
div#header div.login a {
	color: #fff;
	}


/* header */



/* header */




















div#container {
	display: block;
	position: absolute;
	z-index: 300;
	left: 0;
	top: 84px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	bottom: 20px;
}
div#content {
	display: block;
	margin: 0 auto;
	padding: 20px 20px 0 0;
	bottom: 20px;
	width: 747px;
	_width: 767px;
	background: #fff;
	min-height: 100%;

}


body#home div#container {
	height: 550px;
}
body#home div#container div#content {
	height: 550px;
}




/* main-col */





div#content div.main-col {
	float: left;
	margin: 0;
	padding: 20px;
	width: 460px;
	background: url(img/back-rose-verloop.jpg) repeat-y 20px 0 #fff;
	text-align: left;

}



div#content div.main-col h3 {
	display: block;
	margin: 10px 31px 2px 31px;
	padding: 2px 0 2px 3px;
	color: #fff;
	font-weight: bolder;
	font-size: 11px;
	background: url(img/h3-back-orange.jpg) repeat-x 0 0 #f00;
	height: 12px;

}

div#content div.main-col p {
	padding: 0 31px;
	line-height: 13px;
			color: #555;
}



div#content div.main-col div.main-item {
	margin: 0;
	padding: 10px 0 0 0;
	width: 460px;
	height: 271px;
	background: url(img/back-visual.jpg) repeat-x 0 0;
}

div#content div.main-col div.main-item h2 {
	display: block;
	margin: 0 0 0 10px;
	padding: 10px;
	color: #f19;
	font-size: 26px;
	font-weight: 100;
	line-height: 26px;
	
	background: #fff;
	
	width: 230px;
	height: 40px;
}

div#content div.main-col div.main-item p {
	display: block;
	margin: 0 0 0 10px;
	padding: 10px;
	font-weight: bold;
	background: #fff;
	width: 230px;
	height: 120px;
}

div#content div.main-col div.main-item p a.inschrijven {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: bold;
	background: url(img/knop-inschrijven.gif);
	width: 96px;
	height: 17px;
	text-indent: -10000px;
}

div#content div.main-col div.main-item p a.mijnprofiel {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: bold;
	background: url(img/button_profile.png);
	width: 96px;
	height: 17px;
	text-indent: -10000px;
}




img.main-image {
	display: block;
	position: absolute;
	z-index: 200;
	top: -35px;
	margin-left: 200px;
	
}



/* main-col */


/* foto-slider */





div#content div.foto-slider {
	display: block;
	margin: 0;
	padding: 5px 6px;
	width: 540px;
}


div.foto-slider img{
	margin: 0 6px;
	padding: 0;
	border: 8px solid #fff;
}
div.foto-slider ul{
	margin: 0;
	padding: 0;
}
div.foto-slider ul li{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
div.foto-slider ul li.arrow-left a{
	display: block;
	height: 70px;
	width: 20px;
	/*background: url(img/arrow-left.gif) no-repeat 0 33px;*/
}
div.foto-slider ul li.arrow-right a{
	display: block;
	height: 70px;
	width: 20px;
	/*background: url(img/arrow-right.gif) no-repeat 0 33px;*/
}

.messagebody{
border-color:#D3D3D3;
border-style:solid;
border-width:1px;
padding: 10px;
} 

.messagesubject{
font-size: 14px;
} 

.messageother{
} 




/* footer */


ul.footer {
	float: left;
	margin: 0;
	padding: 0 20px;
	width: 460px;
	height: 25px;
	background: #fff;
	
	color: #555;
	font-size: 9px;
}

ul.footer li{
	float: left;
	list-style: none;
	text-align: left;
	padding-top: 7px;
}

ul.footer li a {
	color: #999;
	font-size: 9px;
	padding: 10px 10px;
}
ul.footer li a:hover {
	color: #eb008b;
}










/* rightcol rechter column */





div#content div.right-col {
	
	float: right;
	margin: 0;
	padding: 0;
	width: 244px;
	
}


div#content div.right-col div.agenda {
	
	display: block;
	margin: 0;
	padding: 0;
	width: 244px;
	background: url(img/back-agenda.jpg) repeat-x left bottom #873a8e;
}

div#content div.right-col div.agenda a {
	color: #fff;
	text-decoration: underline;
}
div#content div.right-col div.agenda a:hover {
	color: #fff;
}

div#content div.right-col div.agenda h2 {
	
	display: block;
	margin: 0;
	padding: 0;
	width: 244px;
	height: 33px;
	background: url(img/knop-agenda.gif) no-repeat 0 0;
	border-bottom: 2px solid #fff;
	text-indent: -10000px;
}

div#content div.right-col div.agenda ul {
	display: block;
	margin: 0;
	padding: 0;
	width: 244px;
}
div#content div.right-col div.agenda ul li {
	list-style: none;
	display: block;
	margin: 0 10px;
	padding: 5px 0;
	width: 224px;
	
	text-align: left;
	color: #fff;
	font-size: 10px;
	line-height: 13px;
	
	border-bottom: 1px dashed #fff;
}
div#content div.right-col div.agenda ul li.last {
	border-bottom: none;
}

div#content div.right-col div.agenda img.button {
	display: block;
	position: absolute;
	z-index: 190;
	top: 40px;
	margin-left: 140px;
	_margin-left: 10px;
}





div#content div.right-col h3 {
	display: block;
	margin: 0;
	padding: 4px 0 0 10px;
	width: 234px;
	height: 18px;
	text-align: left;
	font-size: 13px;
}
div#content div.right-col h3.rose {
	background: url(img/h3-back-rose.jpg);
}
div#content div.right-col h3.purple {
	background: url(img/h3-back-purple.jpg);
}





div#content div.right-col div.recenteleden {
	display: block;
	margin: 5px 0;
	padding: 0;
	width: 244px;
}

div#content div.right-col div.recenteleden ul {
	margin: 0;
	padding: 0;
}

div#content div.right-col div.recenteleden ul li {
	list-style:none;
	margin: 5px 0 0 0;
	padding: 0;
	
	display: block;
	height: 59px;
	
	font-size: 10px;
	text-align: left;
}
div#content div.right-col div.recenteleden ul li img {
	margin: 0 10px 0 0;
	padding: 0;
}


div#content div.right-col div.recenteleden ul li a {
	color: #555;
	text-decoration: underline;
}
div#content div.right-col div.recenteleden ul li a:hover {
	color: #f19;
}




div#content div.right-col form {
	float: right;
	margin: 0;
	padding: 0;
	width: 254px;
	height: 100px;
	text-align: left;
}

div#content div.right-col form select {
	margin: 5px 0 0 10px;
	padding: 0; 
	float: left;
	width: 150px;
}

div#content div.right-col form input {
	margin: 5px 0 0 10px;
	padding: 0; 
	float: left;
	width: 150px;
}

div#content div.right-col form label {
	float: right;
	padding: 5px 0 0 0;
	width: 90px;
	height: 16px;
	font-size: 9px;
	text-align: right;
}
div#content div.right-col form label a {
	color: #555;
	text-decoration: underline;
}
div#content div.right-col form label a:hover {
	color: #f19;
}

div#content div.right-col form input.verzend {
	float: right;
	margin: 2px 5px;
	padding: 0;
	width: 20px;
	height: 20px;
	font-size: 10px;
	font-weight: 900;
	color: #000;
	background: #aaa;
}


/*added by DP*/
dl { border: 3px double #ccc; padding: 0.5em;  font-size:10px;		}
dt { float: left; clear: left; width: 100px; text-align: right; font-weight: bold; color: #ffffff; font-size:10px; }
dt:after { content: ":"; }
dd { margin: 0 0 0 110px; padding: 0 0 0.5em 0; }

ul.subnavilist {
	margin-top:20px;
	font-size:10px;
	color:#6699CC;
	list-style-type:square;
	line-height:1.5;
	}
.message
{
font-family: Arial, Helvetica, sans-serif;
width:470px;
font-size:10px;
border-collapse:collapse;
margin: 0 0 0 0px;
}
.message td, .message th 
{
font-size:10px;
/*padding:3px 7px 2px 7px;*/
/*border:1px solid #FF9966;*/
}
.message th 
{
font-size:10px;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#FF9966;
color:#fff;
}
.message tr.alt td 
{
color:#000;
background-color:#EAF2D3;
}

form.message {
	float:left;
	}
	
table {
    font-size: 10px;
    }

ul.errorlist {
margin: 0;
padding: 0;
}
.errorlist li {
background-color: red;
color: white;
display: block;
font-size: 10px;
margin: 0 0 3px;
padding: 4px 5px;
}

/*added by DP*/
body#pers-male div#container div#content div.main-col {
	background: #d4eef1 url(img/back-pers-blue.jpg) repeat-x left bottom;
	height: inherit;
}
body#pers-female div#container div#content div.main-col {
	background: #fbddec url(img/back-pers-pink.jpg) repeat-x left bottom;
	height: inherit;
}

#subnavilist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#subnavilist li a
{
text-decoration: none;
}

#subnavilist li img
{
border : 0px;
margin-right : 10px;
}

#trash img
{
border : 0px;
}

.row1 { background:#EDF3FE; }
.row2 { background:white; }

label.compose {
    width:65px;
    float:left;
}

#id_recipient {
	width: 326px;
	font-size: 11px;
	border: 1;
	color: #555;
      }
#id_subject {
	width: 326px;
	font-size: 11px;
	border: 1;
	color: #555;
      }
      
form.message textarea {
	font-size: 11px;
	border: 1;
	color: #555;
      }

#left {
	float:left;
	font-size: 12px;
	margin-left: 30px;
	}

#right {
	float:right;
	font-size: 12px;
	margin-right: 30px;
	}

#veryright {
	float:right;
	}

#inlogprobleem	{
        text-align: left;
	}