@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
body {
	color: #666666;
	background-image: url(../images/back.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em; 
	background-color: #000;
}

.wrapper{
	font-size:0.75em; /* 16x0.75=12 */
}
.wrapper p,
.wrapper ul,
.wrapper ol{
	margin-bottom: 1em;
}

ul, ol {
	margin-left: 15px;
}


strong {
	font-weight: bold;
	color: #666;
}

/* Standaard links toch een kleurtje meegeven */
a:link {
	color:#962399;
}
a:hover {
	color:#962399;
}
a:visited {
	color:#962399;
}
a:active {
	color:#962399;
}/* Clear Floats Without Structural Markup
http://www.positioniseverything.net/easyclearing.html
----------------------------------------------------------*/
/* put period after content and clear it to expand div */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
html .clearfix{
	height:1%;
}

.container {
	width: 782px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

/* header styles */

.header {
	padding: 0 3px;
	background: #000;
}

.header .homepage_button {
	float:left;
	background:url(/images/homepage_button.jpg) no-repeat;
	height:30px;
	width:120px;
}
.homepage_button a{
	display:block;
	height:32px;
	width:100px;
}

.header .sizer {
	position: relative;
	width: 100%;
	height: 95px;
	background: #fff;
}
.header .logo {
	position: absolute;
	width: 397px;
	height: 38px;
	background-image:url(../images/logo_boomers.gif);
	background-repeat:no-repeat;
	right: 9px;
	bottom: 13px;
}
.header .logo a{
	display: block;
	width: 397px;
	height: 38px;
}
.header span {
	display: block;
	position: absolute;
	left: 21px;
	bottom: 13px;
}
	
span.info {
  	font-size:0.875em; /* 16x.875=14 */
	color: #9D319F;
	width:200px;
	text-align:left;
}

/* menu styles */

div.menu {
	padding: 0 3px;
	background: #000;
}
div.menu div.sizer {
	width: 100%;
	background-color: #F2F2F2;
}
div.menu ul {
	list-style: none;
	width: 100%;
	background-image:url(../images/menu_ul_back.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0px;
	padding:0px;
	font-size:0.75em; /* 16x0.75=12 */
	
}
div.menu ul ul {
	display: none;
	visibility: none;
}
ul.menu li {
	background-repeat: no-repeat;
	background-image:url(../images/li_arrow.gif);
	background-position: 6px .75em;
	display: block;
	float: left;
	padding: 6px 10px 10px 20px;
	overflow:hidden;
}

ul.menu li a {
	text-decoration: none;
	color: #000000;
}

ul.menu li a.selected, 
ul.menu li a:hover {
	text-decoration: underline;
}

ul.menu li.target {
	background-image: url(../images/li_back_target.gif);
	background-position: -8px 50%;
	background-color: #C17DC3;
}
ul.menu li.target a {
	color: #fff;
}

/* submenu styles */

div.submenu {
	padding: 0 3px;
	background: #000;
	width:776px; /* */
}
div.submenu div.sizer {
	/*width: 100%;*/
	background-color: #fff;
}
div.submenu ul {
	list-style: none;
	/*width: 100%;*/
}
ul.submenu li {
  	font-size:0.6875em; /* 16x.6875=11 */
	display: block;
	float: left;
	padding: 6px 0px 10px 30px;
}
ul.submenu li a {
	color: #000;
	text-decoration: none;
}
ul.submenu li a.selected {
	color: #9D319F;
	text-decoration: none;
}
ul.submenu li a:hover {
	color: #000;
	text-decoration: underline;
}

/* content styles */

#content{
	background-color:#fff;
	padding: 0 3px;
	background: #000;
}
#content .sizer {
	width: 100%;
	background: #fff;
}

#left{
	background-color:#fff;
	width:578px;
	border-right:198px solid #C17DC3; 
	margin-right:-198px;
	float:left;
	text-align: left;
}
#right{
	overflow:hidden;
	background-color:#C17DC3;
	width:197px;
	float:left;
	text-align: left;
}

/* content left layout */

#left div.wrapper {
	padding: 2em 18px 18px 18px;
}

/* content left styles */

h1 {
    font-size:1em; /* 16×1=16 */
	margin-bottom: 1em;	
}

p {
	margin-bottom: 1em;
}

img {
	border: 0px;
}

#left h2 {
    font-size:1em; /* 16×1=16 */
	margin-bottom: 0.875em;
} 

img.banner_werkgevers {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 1em;
}
img.banner_kandidaten {
	display: block;
	float: left;
	clear: right;
	margin-bottom: 1em;
}

/* content right styles */

div.slideshow {
	position: relative;
	width: 198px;
	height: 190px;
}

div.slideshow div.bottom{
	background-image:url(../images/slideshow_bottom.jpg);
	background-repeat: repeat-x;
	width: 198px;
	line-height: 10px;
	height:10px;
	font-size:5px;
	background-color: #000;
}

div.banners {
	padding: 10px;;
}

div.contact div.image {
	background-image:url(../images/back_contact.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 87px;
	margin-bottom: 0.5em; 
}

div.contact h2 {
	width: 120px;
	font-size:1em; /* 16×1=16 */
	color: #fff;
}
div.contact p {
  	font-size:0.6875em; 
  	line-height:1em; 
}
div.contact p a {
	color: #000;
	text-decoration: none;
}
div.contact p a:hover {
	text-decoration: underline;
}
div.contact span.link {	
	display: block;
	width: 13px;
	height: 12px;
	float: right;
	background-image: url(../images/link_internal.gif);
	background-repeat: no-repeat;
}
div.contact span.link span {	
	display: none;
}

div.nieuwsbrief div.image {
	background-image:url(../images/back_nieuwsbrief.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 87px;
	margin-bottom: 0.5em; 
}
div.nieuwsbrief h2 {
	width: 120px;
	font-size:1em; /* 16×1=16 */
	color: #fff;
} 
div.nieuwsbrief p {
  	font-size:0.6875em; 
  	line-height:1em; 
}
div.nieuwsbrief p a {
	color: #000;
	text-decoration: none;
}
div.nieuwsbrief p a:hover {
	text-decoration: underline;
}
div.nieuwsbrief span.link {	
	display: block;
	width: 13px;
	height: 12px;
	float: right;
	background-image: url(../images/link_internal.gif);
	background-repeat: no-repeat;
}
div.nieuwsbrief span.link span {	
	display: none;
}

/* footer layout */

#footer {
	padding-bottom: 7px;
	text-align: left;
  	font-size:11px;
	background-image:url(../images/footer_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #C17DC3;
	clear: both;
	margin-bottom: 1em;
	
}
#footer a {
	display: block;
	float: right;
	color: #fff;
}
#footer a:hover {
	color: #C17DC3;
}
#footer p {
	margin: 5px 10px 0 10px;
	font-size:0.6875em; /* 16x0.75=12 */
}
#footer div.top {
	height: 7px;
	background-image:url(../images/footer_top.gif);
	background-repeat:no-repeat;
	background-color: #666;
	font-size:3px;
	line-height:3px;
}

/* background */
div.background {
	position: absolute;
	width: 420px;
	height: 480px;
	background-image:url(../images/back_building.jpg);
	background-repeat: no-repeat;
	left: -420px;
}

/* subhome specific styles */
div.subhome #left{
	background-repeat: repeat-x;
}
div.subhome .gradient {
	background-image: url(../images/content_back.jpg);
}

/* form styles */
form {
	margin: 10px 0;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em; 
}
form label {
	font-size:0.75em; /* 16x0.75=12 */
	display: block;
	float: left;
	width: 150px;
}
form label span {	
	display: block;
	padding-right: 10px;
	float: right;
}
form th {
	text-align: right;
	font-weight: normal;
	padding-right: 10px;
}
form .textfield {	
	font-size:0.75em; /* 16x0.75=12 */
	line-height: 1em;
	width: 300px;
	border: 1px solid #C17DC3;
	background-image:url(../images/back_textfield.jpg);
	background-repeat: repeat-x;
	padding: 3px 10px 3px 10px;
	margin: 0px 0px 6px 0px;
}
form .checkbox {	
	border: 1px solid #C17DC3;
	background-image:url(../images/back_textfield.jpg);
	background-repeat: repeat-x;
	margin: 0 10px 0 0;
	float: left;
}
.message {
	font-weight: bold;
}
.newsletter {
	font-size: 0.625em; 
	width: 300px;
}
input.bfeSubmit {
	background-image:url(../images/button_inloggen.gif);
	background-repeat: no-repeat;
	width:110px;
	margin: 0px 0 0 150px ;
	border:medium none;
	cursor:pointer;
	display:block;
	float:left;
	height:34px;
	position:relative;
}
input.inputsubmit {
	background-image:url(../images/button_aanmelden.gif);
	background-repeat: no-repeat;
	width:110px;
	margin: 10px 0 0 160px ;
	border:medium none;
	cursor:pointer;
	display:block;
	float:left;
	height:34px;
	position:relative;
}
div.submit {
	margin: 10px 0 0 150px;
}

/* profielen backup
.profiles div.total{
	color: #000;
	font-size:0.75em; /* 16x0.75=12 
	text-align: right;
	margin-bottom: 10px;
}

div.profiles div.total span{
	color: #962399;
}

div.profile_even h3 {
}
div.profile_odd h3 {

}
.profiles_odd {
	background-color: #F2F2F2;
	vertical-align:bottom;
}
.profiles_even {
	vertical-align:bottom;
	backgrond:#000000;
}
.button_meerinfo {
	float:right;
	background-color: #000000;
	background-image: url(../images/button_meerinfo.gif);
	background-repeat: no-repeat;
	width: 110px;
	height: 31px;	
}
.profiles_even .button_meerinfo {
	background-image: url(../images/button_meerinfo_shadow.gif);
	height: 35px;
}

.button_meerinfo a {
	display: block;
	width: 100%;
	height: 31px;
}
.button_meerinfo span {
	display: none;
}
*/

.profiles div.total{
	color: #000;
	font-size:0.75em; /* 16x0.75=12 */
	text-align: right;
	margin-bottom: 10px;
}
div.profiles div.total span{
	color: #962399;
}
div.profile {
	padding: 10px;
	position: relative;
}
div.profile p{
	/*margin: 0px;*/
}
div.profile .textwrap{
	width: 410px;
}
div.profile h3 {
}
.profiles_odd {
	background-color: #F2F2F2;
}
.button_meerinfo {
	position: relative;
	right: 0px;
	left:420px;
	bottom: 0px;
	width: 110px;
	height: 31px;
	background-color: #000000;
	background-image: url(../images/button_meerinfo.gif);
	background-repeat: no-repeat;
}

.profiles_even .button_meerinfo {
	/*background-image: url(../images/button_meerinfo_shadow.gif);*/
	height: 35px;
	background-color:#000000;
}

.button_meerinfo a {
	display: block;
	width: 100%;
	height: 31px;
}
.button_meerinfo span {
	display: none;
}

/* pagination */

#pager {
	margin: 1em 0;
}
#pager a {
	font-size:11px;
	display: block;
	float: left;
	margin-right: 5px;
	color: #000;
	text-decoration: none;
	text-align: center;
	line-height: 1.7em;
}
#pager a.selected {
	background-color: #EAD3EB;
}
#pager a:hover {
	text-decoration: underline;
}
#pager span {
	border: 1px solid #EAD3EB;
	display: block;
	width: 23px;
	height: 23px;
}


/* TABLES */

table tr td {
	vertical-align: top;
}
	
.oldnewsletter ul {
	list-style:none;
	margin:0;
	padding:0;
}

.oldnewsletter ul li a {
	color:#000;
	text-decoration:none;
	font-size:0.6875em;
}

.oldnewsletter ul li a:hover {
	text-decoration:underline;
}
.oldnewsletter h2 {
	font-size:0.75em;
	color:#fff;
}