html, body {
	margin : 0;
	padding : 0;
	background-color : #FFFFFF;
	height : 100%;
}

/* //////////////////// LAYOUT \\\\\\\\\\\\\\\\\\\\ */

img { border : 0; }

.container {
	position : relative;
	margin : 0 auto;
	width : 966px;
}

.holder {
	float : left;
	width : 966px;
}

.header {
	float : left;
	position : relative;
	width : 966px;
}

.logo {
	position : absolute;
	top : 17px;
	left : 18px;
}

.quickmenu {
	float : left;
	padding : 21px 0 0 0;
	text-align : right;
	font-size : 11px;
	color : #565656;
	width : 966px;
}

.quickmenu a, .quickmenu a:link, .quickmenu a:active, .quickmenu a:visited {
	margin : 0 10px 0 0;
	color : #df9352;
	font-size : 13px;
	text-decoration : none;
}

.quickmenu a:hover {
	color : #000000;
}

.slogan {
	position : absolute;
	top : 64px;
	left : 475px;
	color : #565656;
	font-size : 12px;
	line-height : normal;
}

.zoeken {
	float : right;
	padding : 16px 7px 0 0;
	text-align : right;
	font-size : 11px;
	color : #565656;
	width : 261px;
}

.zoeken input {
	float : left;
	background-image : url(http://www.hrdigitaal.nl/gfx/zoeken-input.gif);
	background-repeat : repeat-x;
	background-color : transparent;
	border : none;
	outline: none;
	padding : 3px 8px;
	margin : 0;
	color : #acacac;
	line-height : 1.4em;
	width : 211px;
	height : 22px;
}

.zoeken button {
	float : left;
	background-image : url(http://www.hrdigitaal.nl/gfx/zoeken-btn.gif);
	background-repeat : no-repeat;
	background-color : transparent;
	cursor : pointer;
	border : none;
	outline: none;
	padding : 0;
	margin : 0;
	width : 34px;
	height : 28px;
}

.menu {
	float : left;
	position : relative;
	z-index : 1000;
	background-image : url(http://www.hrdigitaal.nl/gfx/menu.gif);
	background-repeat : no-repeat;
	margin : 19px 0 0 3px;
	padding : 0 0 0 10px;
	width : 956px;
	height : 42px;
}

.box {
	float : left;
	position : relative;
	background-image : url(http://www.hrdigitaal.nl/gfx/box-mid-1.gif);
	background-repeat : repeat-y;
	margin : 18px 0 0;
	width : 966px;
}

.box .top {
	float : left;
	background-image : url(http://www.hrdigitaal.nl/gfx/box-top.gif);
	background-repeat : no-repeat;
	overflow : hidden;
	width : 966px;
	height : 4px;
}

.box .mid {
	float : left;
	background-image : url(http://www.hrdigitaal.nl/gfx/box-mid-2.gif);
	background-position : left bottom;
	background-repeat : no-repeat;
	padding : 20px 30px;
	overflow : hidden;
	width : 906px;
}

.box .bottom {
	float : left;
	background-image : url(http://www.hrdigitaal.nl/gfx/box-bottom.gif);
	background-repeat : no-repeat;
	overflow : hidden;
	width : 966px;
	height : 5px;
}

.moodbar {
	border-top : 1px solid #FFFFFF;
	margin : 0;
}

.moodbar-vervolg {
	border-top : 1px solid #FFFFFF;
	margin : 0;
}

.moodbar .mid {
	padding : 0;
	width : 966px;
}

.moodbar-vervolg .mid {
	position : relative;
	padding : 0 5px;
	line-height : 0;
	width : 956px;
}

.moodbar-vervolg .mid .text-overlay{
	position : absolute;
	overflow : hidden;
	top : 22px;
	left : 30px;
	line-height : 19px;
	font-size : 13px;
	color : #000000;
	width : 956px;
}

.moodbar-vervolg .mid .text-overlay h2{
	padding : 0 0 10px 0;
	font-family: 'FrutigerLTStd75Black', Arial;
	font-weight : bold;
	color : #FFFFFF;
	font-size : 29px;
	line-height : 1.0em;
}

.moodbar .moodbar-text {
	position : absolute;
	background-image : url(http://www.hrdigitaal.nl/gfx/moodbar-text.png);
	background-repeat : no-repeat;
	padding : 15px 25px 20px 55px;
	z-index : 999;
	top : 210px;
	right : 21px;
	overflow : hidden;
	width : 504px;
	height : 101px;
}

.moodbar .moodbar-text h2 {
	margin : 0;
	padding : 15px 0 10px;
	font-weight : bold;
	font-style : italic;
	line-height : normal;
	color : #f58220;
	font-size : 28px;
}

.trail {
	float : left;
	padding : 10px 5px 0;
	font-size : 12px;
	color : #565656;
	width : 956px;
}

.vervolg .trail {
	float : left;
	padding : 0;
	font-size : 12px;
	color : #565656;
	width : 906px;
}

.trail a, .trail a:link, .trail a:active, .trail a:visited, .trail a:hover {
	color : #565656;
	font-weight : bold;
	text-decoration : none;
}

.vervolg {
	margin : 0;
}

.vervolg .mid .content{
	float : left;
	background-image : url(http://www.hrdigitaal.nl/gfx/vervolg.gif);
	background-repeat : repeat-y;
	margin : 30px 0 0 0;
	width : 906px;
}

.vervolg .mid .breed{
	float : left;
	margin : 10px 0 0 0;
	margin : 30px 0 0 0;
	width : 906px;
}

.vervolg .mid .content .left{
	float : left;
	padding : 0 20px 0 0;
	width : 185px;
	min-height : 1px;
}

.vervolg .mid .content .left ul.sub {
	float : left;
	margin : 0;
	padding : 0;
	list-style-type : none;
}

.vervolg .mid .content .left ul.sub li{
	float : left;
	font-size : 13px;
	line-height : normal;
	height : 39px;
}

.vervolg .mid .content .left ul.sub li a, .vervolg .mid .content .left ul.sub li a:link, .vervolg .mid .content .left ul.sub li a:visited, .vervolg .mid .content .left ul.sub li a:active {
	float : left;
	padding : 0 15px;
	margin : 12px 0 0;
	color : #565656;
	text-decoration : none;
	width : 155px;
}

.vervolg .mid .content .left ul.sub li a:hover{
	color : #f58220;
}

.vervolg .mid .content .left ul.sub li.current a, .vervolg .mid .content .left ul.sub li.current a:link, .vervolg .mid .content .left ul.sub li.current a:visited, .vervolg .mid .content .left ul.sub li.current a:active {
	float : left;
	background-image : url(http://www.hrdigitaal.nl/gfx/submenu.gif);
	background-repeat : no-repeat;
	padding : 12px 15px 0;
	margin : 0;
	color : #f58220;
	font-weight : bold;
	text-decoration : none;
	width : 155px;
	height : 27px;
}

.vervolg .mid .content .left .linkerkolom{
	float : left;
	padding : 12px 0 0;
	width : 185px;
	min-height : 1px;
}

.vervolg .mid .content .right{
	float : left;
	padding : 0 0 0 30px;
	width : 670px;
}

.box .mid .in-left {
	float : left;
	padding : 0 20px 0 0;
	width : 436px;
}

.box .mid .in-mid {
	float : left;
	padding : 0 20px 0 0;
	width : 215px;
}

.box .mid .in-right {
	float : left;
	width : 215px;
}

.box .mid .in-left .title,
.box .mid .in-mid .title,
.box .mid .in-right .title{
	display : block;
	position : relative;
	background-image : url(http://www.hrdigitaal.nl/gfx/title-l.gif);
	background-repeat : no-repeat;
	padding :  0 0 15px;
	height : 27px;
}

.box .mid .in-left .title img,
.box .mid .in-mid .title img,
.box .mid .in-right .title img{
	position : absolute;
	top : 2px;
	left : -13px;
}

.box .mid .in-left .title h2,
.box .mid .in-mid .title h2,
.box .mid .in-right .title h2{
	display : block;
	background-image : url(http://www.hrdigitaal.nl/gfx/title-r.gif);
	background-position : right top;
	background-repeat : no-repeat;
	padding : 5px 20px 0 25px;
	font-family: 'FrutigerLTStd65Bold', Arial;
	font-weight : normal;
	color : #FFFFFF;
	font-size : 15px;
	height : 22px;
}

.box .mid .news h2 {
	padding : 0 0 3px;
	font-size : 13px;
	font-weight : bold;
	font-family : Arial;
}

.box .mid .news ul {
	border-top : 1px solid #f2f2f2;
	margin : 5px 0 0;
	padding : 0;
	list-style-type : none;
}

.box .mid .news ul li{
	border-bottom : 1px solid #f2f2f2;
	padding : 5px 0;
	line-height : normal;
}

.box .mid .news .archief {
	display : block;
	margin : 5px 0 0;
}

.box .mid .news .archief a, .box .mid .news .archief a:link, .box .mid .news .archief a:active, .box .mid .news .archief a:visited, .box .mid .news .archief a:hover {
	color : #565656;
	text-decoration : underline;
}

.box .mid .news .archief a:hover {
	text-decoration : none;
}

.box .mid .in-mid .referenties{
	float : left;
	text-align : center;
	width : 215px;
}

.footer {
	float : left;
	padding : 15px 0;
	font-size : 11px;
	line-height : normal;
	width : 966px;
}

.footer .left {
	float : left;
	width : 766px;
}

.footer .left a, .footer .left a:link, .footer .left a:active, .footer .left a:visited, .footer .left a:hover {
	color : #565656;
	text-decoration : none;
}

.footer .left a:hover {
	color : #000000;
	text-decoration : none;
}

.footer .right{
	float : left;
	text-align : right;
	color : #d5d5d5;
	width : 200px;
}

.footer .right a, .footer .right a:link, .footer .right a:active, .footer .right a:visited, .footer .right a:hover {
	color : #d5d5d5;
	text-decoration : none;
}