@import url('layout.css');

BODY {
	background: url(../images/page-bg.png) repeat-x #d8d8d8;
	font-family: verdana,sans-serif;
	font-size: 11px;
	color: #000000;
}

IMG {
	border: 0;
}

UL.opsomming {
	margin: 0 0 0 3px;
	list-style: none;
}

UL.opsomming li {
	margin: 0 0 15px;
	padding: 0 0 0 12px;
	background: url(../images/bullet-opsomming.gif) no-repeat 0 60%;
}

UL.links {
	margin: 0 0 0 3px;
	list-style: none;
}

UL.links li {
	margin: 0 0 15px;
	padding: 0 0 0 18px;
	background: url(../images/bullet-link.gif) no-repeat 0 60%;
}

#outerwrapper {
	background: url(../images/pageshadow-bgbottom.png) no-repeat 0 100% #ffffff;
	
}

#shadowright {
	background: url(../images/pageshadow-bgright.png) repeat-y 100% 0;
}

#shadowtop {
	background: url(../images/pageshadow-bgtop.png) no-repeat 100% 0;
}

#headerwrapper h1 {
	background: url(../images/logo-bg.png) no-repeat;
}

#headerwrapper h2 {
	background: url(../images/vacatures-bg.png) no-repeat;
}






/*
 * blocks
 */

.block-vacature {
	background: url(../images/block-vacature-bg.png) no-repeat #e7ea00;
	line-height: 18px;
}

.block-vacature h1 a {
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}

.block-vacature h1 a:hover {
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}


.block-vacature h2 a {
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}

.block-vacature h2 a:hover {
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}

.block-vacature a {
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}

.block-vacature a:hover {
	
	text-decoration:underline;
	color:#000000;
}


.block-vacature-button {
	background: url(../images/btn-solliciteer.png) no-repeat;
}

.vacature-button {
	background: url(../images/btn-solliciteer.png) no-repeat;
}

.block-contact-button {
	background: url(../images/btn-contact.png) no-repeat;
}

.contact-button {
	background: url(../images/btn-contact.png) no-repeat;
}

.block {  /* waarom + andere vacatures */
	color: #808080;
	font-weight: bold;
	font-size: 12px;
	background: url(../images/block-bgtop.png) no-repeat #f1f1f1;
}

.block .block-inner {
	background: url(../images/block-bgbottom.png) no-repeat 0 100%;
}

.block ul.links a {
	color: #808080;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.block ul.links a:hover, .block ul.links a:active {
	color: #505050;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

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



.block-overons {
	font-size: 11px;
	line-height: 15px;
	background: url(../images/block-overons-bgmiddle.png) repeat-y ;
}

.block-overons .block-top {
	background: url(../images/block-overons-bgtop.jpg) no-repeat;
}

.block-overons .block-bottom {
	background: url(../images/block-overons-bgbottom.png) no-repeat 0 100%;
}

.block-overons h2 {
	font-size: 14px;
	font-weight: bold;
	color: #808080;
}



.block-bel {
	background: url(../images/block-bel-bgright.png) no-repeat 100% 0;
}

.block-bel .block-left {
	background: url(../images/block-bel-bgleft.png) no-repeat;
}

.block-bel h2 {
	font-size: 14px;
	color: #aeb900;
	font-weight: bold;
}

.block-bel h2 span {
	font-size: 18px;
	color: #0099ff;
	font-weight: bold;
}



.block-form {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: url(../images/block-form-bgtop.png) no-repeat #d9de00;
}

.block-form h2 {
	font-size: 14px;
	margin: 0 0 17px;
}

.block-form .block-bottom {
	background: url(../images/block-form-bgbottom.png) no-repeat 0 100%;
}


.block-bottom a {
	color: #000000;
	}

button {
	background: url(../images/btn-solliciteer-submit.png) no-repeat;
	width: 158px;
	height: 25px;
	cursor: pointer;
}






/*
 * main content
 */

.block-main-content {
	line-height: 18px;
	
}

.block-main-content h1 {
	color: #aeb900;
	font-size: 18px;
	margin: 0 0 25px;
}

.block-main-content h2, .block-main-content h3, .block-main-content h4 {
	color: #aeb900;
	font-size: 12px;
}

.block-main-content p {
	margin: 0 0 25px;
}

.block-main-content ul {
	margin: 0 0 25px 15px;
	list-style-type: square;
}

.block-main-content ol {
	margin: 0 0 25px 20px;
}

.block-main-content a {
	color: #aeb500;
	
	text-decoration: none;
}

.block-main-content a:hover, .block-main-content a:active {
	text-decoration: underline;
}