/* --------------------------------------------------------------------------------------------- */
/*
/*		ALGEMEEN
/*
/* ----------------------------------------------------------------------------------------------*/

html {
	height: 100%;
	min-width: 950px;
}

body {
	background: #E6DDD5;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	min-width: 950px;
}
body#niv3 {
	background: #FFFFFF url(../images/niv3_back.jpg) no-repeat center 130px;
}
body#taalkeuze {
	background: #FFFFFF;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.cntr {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.clearer {
	clear:both;
}
.floatleft {
	float: left;
}

/* --------------------------------------------------------------------------------------------- */
/*
/*		HEAD
/*
/* ----------------------------------------------------------------------------------------------*/

/* --- BLUENAV ----------------------------------------------------------------------------------*/

#head-bluenav {
	background: #355F86;
	line-height: 22px;
	height: 22px;
}
#head-bluenav ul {
	float: right;
	height: 22px;
	overflow: hidden;
}
#head-bluenav ul li {
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 25px;
	white-space: nowrap;
}
#head-bluenav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	float: left;
	white-space: nowrap;
}
#head-bluenav ul li a.current, #head-bluenav ul li a.in {
	color: #06163A;
}
#head-bluenav ul li.prof {
}
#head-bluenav ul li.prof a {
	background: #333333 url(../images/bluenav_arrow_whiteondark.png) no-repeat right center;
	padding: 0px 20px 0px 5px;
}
#head-bluenav ul li.last {
	background: url(../images/bluenav_divider.png) no-repeat 8px center;
	margin-left: 0px;
	padding-left: 18px;
}

/* --- NAV --------------------------------------------------------------------------------------*/

#head-nav {
	background: #FFFFFF;
	height: 79px;
	position:relative;
	z-index: 10;
}
#head-nav h1 a {
	background: url(../images/logo_lambrechts.png) no-repeat left top;
	display: block;
	float: left;
	height: 28px;
	width: 193px;
	text-indent: -9999px;
	margin-top: 25px;
}
#head-nav ul {
	float: right;
	margin-right: -15px;
}
#head-nav ul li {
	float: left;
	position: relative;
	padding: 11px 0px 0px;
	background: url(../images/nav_divider.png) no-repeat left 32px;
}
#head-nav ul li.menu2 {
	background: url(../images/nav_divider_dark.png) no-repeat left 32px;
}
#head-nav ul li.first {
	background: none;
}
#head-nav ul li.last a {
	padding: 0px 0px 0px 15px;
}
#head-nav ul li a {
	line-height: 68px;
	display: block;
	padding: 0px 15px;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
/* .over class is added by jquery when hovering */
#head-nav ul li.over a, #head-nav ul li a.in {
	background: url(../images/nav_hover.png) no-repeat center bottom;
	color: #4074A5;
}
/* this is the dropdown */
#head-nav ul li ul {
	float: left;
	position: absolute;
	left: 0px;
	top: 79px;
	background: #FFFFFF url(../images/nav_menu_back.png) repeat-x left top;
	padding: 10px 15px 15px;
	margin: 0px;
	display: none;
	z-index: 10;
}
/* .over class is added by jquery when hovering = show menu */
#head-nav ul li.over ul {
	display: block;
}
/* .openrechts to display the dropdown menu to the left */
#head-nav ul li ul.openrechts {
	right: 0px;
	left: auto;
}
#head-nav .cntr ul li ul li {
	margin: 0px;
	padding: 0px;
	min-width: 170px;
	background: url(../images/nav_menu_divider.png) no-repeat left bottom;
	white-space: nowrap;
	float: none;
}
#head-nav .cntr ul li ul li a {
	margin: 0px;
	padding: 8px 0px;
	background: url(none);
	line-height: 110%;
	display: block;
	color: #666666;
}
#head-nav .cntr ul li ul li a:hover, #head-nav .cntr ul li ul li a.in  {
	color: #4074A5;
}

/* --- BREADCRUMB ---------------------------------------------------------------------------------*/
#breadcrumb {
	background: url(../images/breadcrumb_back.png) repeat-x left top;
	height: 25px;
	font-size: 1em;
	line-height: 25px;
	color: #666666;
}
#breadcrumb a {
	color: #666666;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #333333;
	text-decoration: none;
}

/* --------------------------------------------------------------------------------------------- */
/*
/*		FLASH
/*
/* ----------------------------------------------------------------------------------------------*/

#topflash {
	background-repeat: no-repeat;
	background-position: center top;
	height: 389px;
	margin-bottom:20px;
}
#home #topflash {
	height: 500px;	
	margin-bottom:20px;
}
#topflash #moodbox {
	position: absolute;
	top: 146px;
	left: 50%;
	height: 200px;
	width: 200px;
	z-index: 1;
	padding-left: 260px;
	text-align: right;
}
#topflash #moodbox label {
	color: #FFFFFF;
	font-size: 12px;
	clear: both;
	padding-bottom: 4px;
	text-align: left;
	display: block;
}
#topflash #moodbox form select {
	clear: both;
	width: 200px;
	margin-bottom: 10px;
}
#topflash #moodbox form input {
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #3B505B;
	text-align: center;
	width: 90px;
	background: transparent url(../images/moodbox_go.png) no-repeat left top;
	border: 0px none #FFFFFF;
	padding: 4px 0px 4px 0px;
	text-transform: uppercase;
}


/* --- TAALKEUZE -------------------------------------------------------------------------------*/

#content_container #taalkeuze {
	background: url(../images/taalkeuze.png) no-repeat left top;
	width: 300px;
	height: 503px;
	margin-top: 60px;
	padding-left: 532px;
	padding-top: 120px;
}
#content_container #taalkeuze a {
	background: url(../images/taalkeuze_knop.png) no-repeat center top;
	height: 50px;
	width: 170px;
	display: block;
	font-size: 1.5em;
	line-height: 50px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 45px 0px 15px;
	text-decoration: none;
}
#content_container #taalkeuze a:hover {
	text-decoration: none;
}
#content_container #taalkeuze a.fr {
	margin-top: 10px;
}

/* --------------------------------------------------------------------------------------------- */
/*
/*		CONTENT
/*
/* ----------------------------------------------------------------------------------------------*/

/* --- HEADERS ----------------------------------------------------------------------------------*/

#content a {
	color: #355F86;
}
#content h1 {
	color: #355F86;
	font-weight: normal;
	font-size: 40px;
	line-height: 130%;
	margin-bottom: 15px;
}
#content h2 {
	color: #355F86;
	font-weight: normal;
	font-size: 30px;
	line-height: 130%;
	margin-bottom: 15px;
}
#content h2.withline {
	background: url(../images/linefade.png) no-repeat left bottom;
	padding-bottom: 10px;
}
#moodbox #content h2.withline {
	background: url(../images/linefade_beige.png) no-repeat left bottom;
}
#content h3 {
	color: #355F86;
	font-weight: normal;
	font-size: 21px;
	line-height: 130%;
	margin-bottom: 15px;
}
#content h4 {
	color: #333333;
	font-weight: bold;
	font-size: 17px;
	line-height: 130%;
	margin-bottom: 15px;
}
#content h5 {
	color: #355F86;
	font-weight: bold;
	font-size: 14px;
	line-height: 130%;
	margin-bottom: 15px;
}
#content h5.datum {
	margin-bottom: 0px;
}
#content h6 {
	color: #294C73;
	font-weight: bold;
	font-size: 13px;
	line-height: 130%;
	margin-bottom: 15px;
}
#content h6 a {
	color: #294C73;
	font-weight: bold;
}
#content .form-row h1, #content .form-row h2, #content .form-row h3, #content .form-row h4, #content .form-row h5, #content .form-row h6 {
	padding-top: 5px;
	margin-bottom: 0px;
} 

/* --- CONTENT PARTS ---------------------------------------------------------------------------*/

#content p {
	font-size: 1.2em;
	line-height: 130%;
	color: #333333;
	margin-bottom: 18px;
}
#content .box {
	margin-bottom: 20px;
}
#content p.withlineheight {
	line-height: 180%;
}
#content ul {
	margin-bottom: 18px;
}
#content ul li {
	list-style: disc;
	font-size: 1.2em;
	line-height: 130%;
	color: #333333;
	margin-left: 30px;
}
#content ul.linklist {
	margin-bottom: 30px;
}
#content ul.linklist li {
	list-style: none;
	font-size: 1.5em;
	line-height: 150%;
	color: #333333;
	background: url(../images/content_arrow_darkontrans.gif) no-repeat 5px 6px;
	padding-left: 20px;
	margin-left: 0px;
}
#content ol {
	margin-bottom: 18px;
}
#content ol li {
	list-style: decimal;
	font-size: 1.2em;
	line-height: 130%;
	color: #333333;
	margin-left: 30px;
}
#content blockquote {
	background: url(../images/blockquote.png) no-repeat 130px 0px;
	color: #355F86;
	padding: 15px 100px 25px 160px;
	font-size: 24px;
	line-height: 130%;
	font-weight: bold;
}
#moodbox #content blockquote {
	background: url(../images/blockquote_beige.png) no-repeat 130px 0px;
}
#content blockquote div {
	font-size: 10px;
	color: #666666;
	text-align: right;
}
#content a.download {
	display: block;
	background: url(../images/link_download_ico.png) no-repeat left top;
	font-size: 13px;
	color: #999999;
	padding-left: 22px;
	height: 23px;
	margin-bottom: 10px;
	text-decoration: none;
	padding-top: 3px;
}
#content a.download span, #content a.download:hover span {
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
}
#content .tip {
	background: url(../images/tip.png) no-repeat left bottom;
	padding: 0px 0px 10px;
	margin-bottom: 15px;
	min-height: 80px;
	_height: 85px;
}
#content .tip p, #content .tip ul, #content .tip ol {
	padding: 0px 20px 10px 75px;
	color: #333333;
}
#content .tip .top {
	background: url(../images/tip.png) no-repeat left top;
	height: 5px;
	margin-bottom: 15px;
}

#content div.hr {
	background: url(../images/linefade.png) no-repeat left top;
	height: 1px;
	overflow: hidden;
	margin-bottom: 15px;
}
#moodbox div.hr {
	background: url(../images/linefade_beige.png) no-repeat left bottom;
}

/* --- COLUMNS ----------------------------------------------------------------------------------*/

#leftcol {
	float:left;
}
#content {
	float:left;
}
#rightcol {
	float:right;
}


#home #leftcol {
	width: 230px;
	min-height: 10px;
	*height: 10px;
}
#home #content {
	width: 190px;
	margin: 0px 30px 0px 50px;
}
#home #rightcol {
	width: 450px;
}

#niv1en2 #leftcol {
	width: 230px;
	min-height: 10px;
	*height: 10px;
}
#niv1en2 #content {
	width: 440px;
	margin: 0px 0px 0px 25px;
}
#niv1en2 #rightcol {
	width: 230px;
}
#niv3 #leftcol {
	display: none;
}
#niv3 #content {
	width: 650px;
	margin: 0px 20px 0px 0px;
	padding: 25px;
}
#niv3 #rightcol {
	width: 230px;
}
/* niv3 has no topflash */
#niv3 #topflash {
	display: none;
}
#niv3 #content_container .cntr {
	padding-top: 25px;
	background: url(../images/niv3_contentback.png) no-repeat left 25px;
}

#moodbox #topflash {
	margin-bottom: 20px;
}

#moodbox #leftcol {
	display: none;
}
#moodbox #content {
	width: 650px;
	margin: 0px 20px 0px 0px;
	padding: 0px 25px 25px;
}
#moodbox #rightcol {
	width: 230px;
}

/* --- FORMS ----------------------------------------------------------------------------------*/

#content form {
	margin-bottom: 15px;
}

#content form * {
	clear: both;
	padding: 10px 0px 0px;
	*padding: 4px 0px 0px;
}
#content form * * {
	padding: 0px;
	clear: none;
}
#content .form-row, #content .button-row {
	clear: both;
	padding: 10px 0px 0px;
	_padding: 4px 0px 0px;
}
#content .form-row .form-l {
	font-size: 1.4em;
	font-weight: bold;
	color: #333333;
	margin: 0px 0px 5px;
}
#content .form-row .form-l label {
	font-weight: bold;
}
#content .form-row .form-r {
	float: left;
	width: 405px;
	font-size: 1.4em;
	color: #333333;
}
#content .form-row .form_inputtxt {
	background: transparent;
	width: 390px;
	border: 0px none #FFFFFF;
	height: 19px;
	font-size: 13px;
	color: #333333;
	padding: 1px 5px 0px;
}
#content .form-row .form_inputtxt_back {
	background: url(../images/form_veld.png) no-repeat left top;
	height: 20px;
	width: 400px;
}
#content .form-row select {
	width: 400px;
}
#content .form-row .form_textarea {
	padding: 3px 5px;
	height: 114px;
	width: 390px;
	background: transparent;
	border: 0px none #FFFFFF;
}
#content .form-row .form_textarea_back {
	background: url(../images/form_textarea.png) no-repeat left top;
	height: 120px;
	width: 400px;
}
#content .form-row .checkbox-row {
	padding: 0px 0px 5px;
}
#content .form-row .checkbox-row label {
	display: block;
	margin-top: -16px;
	_margin-top: -19px; /* only for IE */
	margin-left: 25px;
	line-height: 130%;
	color: #333333;
}

#content .form-row .error {
	font-size: 1.4em;
	color: #CC0000;
	float: left;
	margin-left: 20px;
	padding-top: 2px;
	display: none;
}

#content .form-row.error .error {
	display: block;
}
#content .form-row.error .form-l label, #content .form-row.error .form-l {
	color: #CC0000;
}
#content .form-row.error .checkbox-row label {
	color: #CC0000;
}
#content .form-row.error select {
	color: #CC0000;
}
#content .form-row.error .form_textarea_back {
	background: url(../images/form_textarea_error.png) no-repeat left top;
}
#content .form-row.error .form_inputtxt_back {
	background: url(../images/form_veld_error.png) no-repeat left top;
}
/* --- bannerwithshadow --------------------------------------------------------------------------*/

.bannerwithshadow {
	background: url(../images/bannerwithshadow_back.png) no-repeat center bottom;
	padding-bottom: 14px;	
	margin-bottom: 6px;
}

/* --- bannerwithshadow2 --------------------------------------------------------------------------*/
/* --- only used on homepage --- */
.bannerwithshadow2 {
	text-align: right;
	padding: 0px 0px 0px 20px;
	width: 430px;
	background: url(../images/bannerwithshadow2_back.png) no-repeat left center;
}

/* --- subnav_home -------------------------------------------------------------------------------*/

#content ul.subnav_home {
	margin: 0px 0px 20px;
	padding: 0px;
}
#content ul.subnav_home li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 1em;
}
#content ul.subnav_home li a {
	font-size: 1.2em;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/content_nav_back.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	line-height: 130%;
	width: 190px;
}
#content ul.subnav_home li a span {
	display:block;
	padding: 8px 20px 8px 0px;
	background: url(../images/content_arrow_darkonbeige.jpg) no-repeat right center;
	font-weight: bold;
}
#content ul.subnav_home li a:hover {
	background-position: right bottom;
}

/* --- subnav_niv1en2 -------------------------------------------------------------------------------*/

ul.subnav_niv1en2 {
	margin-bottom: 20px;
	background: url(../images/niv1en2_subnav_back.png) no-repeat left top;
	padding: 10px 10px 0px;
	border-top: 7px solid #294C73;
	border-right: 7px #294C73;
	border-bottom: 7px #294C73;
	border-left: 7px #294C73;
}
ul.subnav_niv1en2 li a {
	font-size: 1.2em;
	color: #333333;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	line-height: 130%;
	width: 210px;
	background: url(../images/niv1en2_subnav_line.png) no-repeat left bottom;
}
ul.subnav_niv1en2 li a span {
	display:block;
	padding: 8px 20px 8px 0px;
	background: url(../images/niv1en2_subnav_arrow.png) no-repeat right center;
	font-weight: bold;
}

/* --- subniv_niv3 -------------------------------------------------------------------------------*/

ul.subnav_niv3 {
	background: #ededed url(../images/niv3_subnav_back.png) no-repeat left top;
	padding: 10px 10px 20px;
	border-bottom: 7px solid #294C73;
}
ul.subnav_niv3 li a {
	font-size: 1.2em;
	color: #333333;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	line-height: 130%;
	width: 210px;
	background: url(../images/niv1en2_subnav_line.png) no-repeat left bottom;
}
ul.subnav_niv3 li a.in {
	color: #4074A5;
}
ul.subnav_niv3 li a span {
	display:block;
	padding: 12px 20px 12px 0px;
	background: url(../images/niv1en2_subnav_arrow.png) no-repeat right center;
	font-weight: bold;
}

/* --- banner_text ------------------------------------------------------------------------------*/

.banner_text {
	background: url(../images/niv1en2_bannertext_back.png) no-repeat left top;
	padding: 15px 20px;
	font-size: 1.6em;
	color: #355F86;
	font-weight: bold;
	line-height: 130%;
}

.banner_text a {
	color: #355F86;
	font-weight: bold;
	text-decoration: none;
}

/* --- banner_text ------------------------------------------------------------------------------*/

ul.meerlink, #content ul.meerlink {
	height: 19px;
	margin: 0px 0px 20px;
	padding: 5px 0px 0px;
}

ul.meerlink li, #content ul.meerlink li {
	float: left;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.meerlink li.rechts, #content ul.meerlink li.rechts {
	float: right;
}
ul.meerlink li a, #content ul.meerlink li a {
	float: left;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
	background: url(../images/content_arrow_darkontrans.png) no-repeat right 5px;
	padding: 0px 12px 0px 0px;
}
#rightcol ul.meerlink {
	margin-bottom: 0px;
}
#content  p.filter  a {
	color: #333333;
	text-decoration: none;
}
#content  p.filter a:hover {
	text-decoration: underline;
}
#content p.filter a.current {
	font-weight: bold;
	color: #4074A5;
}

#content ul.newslist {
	margin: -10px 0px 5px;
	padding: 0px;
}
#content ul.newslist li {
	background: url(../images/niv1en2_newslist_line.png) no-repeat left bottom;
	font-size: 13px;
	color: #333333;
	padding: 10px 0px 11px;
	margin: 0px;
	list-style: none;
}
#niv3 #content ul.newslist li {
	background: url(../images/linefade.png) no-repeat left bottom;
}
#content ul.newslist li a.floatleft {
	display: block;
	float: left;
	height: 80px;
	width: 80px;
	overflow: hidden;
}
#content ul.newslist li.first {
	padding-top: 0px;
}
#content ul.newslist .naastfoto {
	line-height: 140%;
	margin: 0px 0px 0px 100px;
	padding: 0px;
}
#content ul.newslist .naastfoto a {
	color: #333333;
}
#content ul.newslist .naastfoto h6 {
	margin-bottom: 8px;
}
#content ul.newslist .naastfoto h6 a {
	color: #294C73;
	padding-bottom: 5px;
}

/* --- inschrijfbox niv 2 content --------------------------------------------------------------------------*/

#content div.inschrijfbox {
	background: url(../images/niv1en2_newsletter_back.png) no-repeat left top;
	padding: 15px;
	margin-bottom: 20px;
}
#content div.inschrijfbox p, #content div.inschrijfbox input {
	font-size: 1.2em;
	line-height: 130%;
	font-weight: bold;
	color: #294C73;
	margin-bottom: 10px;
}
#content .inschrijfbox .form-row {
}
#content div.inschrijfbox .form-l {
	display: none;
}
#content div.inschrijfbox .form-r {
	background: url(../images/niv1en2_newsletter_field.png) no-repeat left top;
	height: 30px;
	width: 400px;
}
#content div.inschrijfbox .form-r input {
	width: 206px;
	background: transparent url(none);
	border: 0px none #E6DDD5;
	margin: 0px 5px 10px;
	padding: 2px 0px 0px;
	float: left;
}
#content .inschrijfbox .form-r button {
	background: url(../images/niv1en2_newsletter_button.png) no-repeat left top;
	height: 20px;
	width: 20px;
	border: 0px none #E6DDD5;
	float: left;
	margin-left: 5px;
}
#content .inschrijfbox .error {
	font-size: 1.2em;
	color: #CC0000;
	line-height: 130%;
}

/* --- rechterkolom -------------------------------------------------------------------------------------------*/

#rightcol .box {
	margin-bottom: 18px;
}

/* --- inschrijfbox niv 3 - rechterkolom ----------------------------------------------------------------------*/

#rightcol div.inschrijfbox {
	border: 1px solid #DFDFDF;
	padding: 0px;
}
#rightcol div.inschrijfbox p {
	font-size: 1.2em;
	line-height: 130%;
	font-weight: bold;
	color: #294C73;
	padding: 12px 17px;
}
#rightcol div.inschrijfbox input {
	font-size: 1.2em;
	line-height: 130%;
	font-weight: bold;
	color: #294C73;
	margin-bottom: 10px;
}
#rightcol div.inschrijfbox .form-row {
	padding: 9px 0px 0px 17px;
	background: url(../images/niv3_colrechts_inschrijf_back.png) no-repeat left top;
	height: 30px;
}
#rightcol div.inschrijfbox .form-l {
	display: none;
}
#rightcol div.inschrijfbox .form-r {
	background: url(../images/niv3_colrechts_inschrijf_veld.png) no-repeat left top;
	height: 30px;
}
#rightcol div.inschrijfbox .form-r input {
	width: 168px;
	background: transparent url(none);
	border: 0px none #E6DDD5;
	float: left;
	margin: 0px 5px 10px;
	padding: 2px 0px 0px;
}
#rightcol .inschrijfbox .form-r button {
	background: url(../images/niv3_colrechts_inschrijf_knop.png) no-repeat left top;
	height: 20px;
	width: 20px;
	border: 0px none #E6DDD5;
	float: left;
}
#rightcol .inschrijfbox .error {
	font-size: 1.2em;
	color: #CC0000;
	line-height: 130%;
}

/* --- textwhite & textblue in rightcol -------------------------------------------------------*/

#rightcol .textwhite, #rightcol .textblue {
	 border: 1px solid #DFDFDF;
}
#rightcol .textwhite .cont, #rightcol .textblue .cont {
	padding: 17px;
	font-size: 1.4em;
	line-height: 130%;
}
#rightcol .textwhite .cont {
	color: #333333;
	background: #FFFFFF;
}
#rightcol .textblue .cont {
	color: #FFFFFF;
	background: #355F86 url(../images/niv3_colrechts_textblueback.png) repeat-x left bottom;
}
#rightcol .textwhite .cont a, #rightcol .textblue .cont a {
	text-decoration: underline;
}
#rightcol .textwhite .cont a {
	color: #333333;
}
#rightcol .textblue .cont a {
	color: #FFFFFF;
}
#rightcol .textwhite a.more, #rightcol .textblue a.more {
	display:block;
	text-align: right;
	font-size: 1.4em;
	line-height: 16px;
	text-decoration: none;
	padding: 8px 40px 8px 17px;
	font-weight: bold;
}
#rightcol .textwhite a.more {
	color: #333333;
	background: #FFFFFF;
	background: #D8D8D8 url(../images/niv3_colrechts_textwhitelink.png) no-repeat left top;
}
#rightcol .textblue a.more {
	color: #FFFFFF;
	background: #3F5D79 url(../images/niv3_colrechts_textbluelink.png) repeat-x left top;
}

/* --- bluebutton ------------------------------------------------------------------------------*/

ul.bluebutton, #content ul.bluebutton {
	background: url(../images/bluebutton.png) no-repeat left bottom;
	margin: 0px 0px 15px;
	padding: 0px;
}
ul.bluebutton li, #content ul.bluebutton li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.bluebutton li a {
	background: url(../images/bluebutton_arrow.gif) no-repeat right center;
	padding: 10px 40px 10px 20px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 130%;
	text-decoration: none;
}
ul.bluebutton li a:hover {
	text-decoration: none;
}

/* --- bluebutton small  ------------------------------------------------------------------------------*/

ul.bluebuttonsmall, #content ul.bluebuttonsmall {
	margin: 0px;
	padding: 0px;
}
ul.bluebuttonsmall li, #content ul.bluebuttonsmall li {
	background: url(../images/bluebutton_small.png) no-repeat right bottom;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	list-style: none;
	float: left;
}
ul.bluebuttonsmall li.rechts, #content ul.bluebuttonsmall li.rechts {
	float: right;
}
ul.bluebuttonsmall li a, #content ul.bluebuttonsmall li a {
	background: url(../images/bluebutton_small.png) no-repeat left bottom;
	padding: 0px 10px 0px 25px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 27px;
	text-decoration: none;
}
ul.bluebuttonsmall li a:hover, #content ul.bluebuttonsmall li a:hover {
	text-decoration: none;
}

/* --- bluebutton no arrow ---------------------------------------------------------------------*/

ul.bluebuttonno, #content ul.bluebuttonno {
	margin: 0px 0px 15px;
	padding: 0px;
	height: 27px;
}
ul.bluebuttonno li, #content ul.bluebuttonno li {
	background: url(../images/bluebutton_noarrow.png) no-repeat right bottom;
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 0px 0px;
	list-style: none;
	float: left;
}
ul.bluebuttonno li.rechts, #content ul.bluebuttonno li.rechts {
	float: right;
}
ul.bluebuttonno li a, #content ul.bluebuttonno li a {
	background: url(../images/bluebutton_noarrow.png) no-repeat left bottom;
	padding: 0px 10px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 27px;
	text-decoration: none;
}
ul.bluebuttonno li a:hover, #content ul.bluebuttonno li a:hover {
	text-decoration: none;
}

/* --- banner_box for image banners -------------------------------------------------------------*/

.banner_box {
	padding-bottom: 25px;
}

/* --- contactbox op vacatures  -------------------------------------------------------------*/

#content .contactbox {
	background: url(../images/contactbox.png) no-repeat left top;
	padding: 10px 0px 0px;
	margin-bottom: 30px;
	width: 333px;
}
#content .contactbox  .cont {
	background: url(../images/contactbox.png) no-repeat left bottom;
	padding: 5px 20px 1px;
	line-height: 150%;
}
#content .contactbox .cont p {
	line-height: 150%;
}


/* --- inhoudsopgave boven pagina -------------------------------------------------------------*/

#content .inhoudsopgave {
	background: url(../images/niv3_inhoudsopgave_back.png) no-repeat left top;
	padding: 10px 0px 0px;
	margin-bottom: 30px;
}
#content .inhoudsopgave  .cont {
	background: url(../images/niv3_inhoudsopgave_back.png) no-repeat left bottom;
	padding: 0px 5px 10px;
}
#content .inhoudsopgave ul {
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px 10px 0px 50px;
}
#content .inhoudsopgave ul.last {
	padding-left: 49px;
	border-left: 1px solid #CCCCCC;
}
#content .inhoudsopgave ul li {
	margin: 0px;
	padding: 5px 0px;
	list-style: none;
}
#content .inhoudsopgave a {
	font-size: 15px;
	line-height: 130%;
	color: #333333;
	font-weight: bold;
}
#content .inhoudsopgave a.in {
	color: #4074A5;
}

/* --- foto in tekst (links/rechts) -------------------------------------------------------------*/

.fotolinks {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.fotorechts {
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
}
.fotofull {
	text-align: left;
	padding-bottom: 20px;
}
.fotolinks .desc, .fotorechts .desc {
	font-size: 1.1em;
	line-height: 130%;
	color: #666666;
	padding-top: 5px;
	text-align: right;
	width: 325px;
}
.fotofull .desc {
	font-size: 1.1em;
	line-height: 130%;
	color: #666666;
	padding-top: 5px;
	text-align: left;
}

/* --- paginator voor nieuws,... -------------------------------------------------------------*/

.paginator {
	text-align:center;
	height: 16px;
	margin-bottom: 30px;
	font-size: 1.2em;
	line-height: 16px;
	padding: 10px;
	width: 630px;
	margin-top: 10px;
	background: url(../images/pager_back.png) no-repeat left top;
}

#content .paginator a {
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	padding-left: 3px;
	padding-right: 3px;
}

#content .paginator a:hover {
	text-decoration: underline;
}

#content .paginator a.in, #content .paginator a.in {
		color:#4074A5;
		text-decoration:underline;
}

.paginator .links {
	float:left;
	text-align:left;
}

.paginator .rechts {
	float:right;
	text-align:right;
}

#content .paginator .links a {
	display: block;
	float: left;
	padding-left: 20px;
	font-size: 12px;
	color: #333333;
	background: url(../images/pager_left.png) no-repeat left center;
	height: 16px;
	font-weight: normal;
}

#content .paginator .rechts a {
	display: block;
	float: left;
	padding-right: 20px;
	font-size: 12px;
	color: #333333;
	background: url(../images/pager_right.png) no-repeat right center;
	height: 16px;
	font-weight: normal;
}

/* --- installateurslist -------------------------------------------------------------*/

#content ul.installateurlist {
	margin-bottom: 15px;
}
#content ul.installateurlist li {
	background: url(../images/linefade.png) no-repeat left bottom;
	margin: 0px 0px 8px;
	padding: 0px 0px 9px;
	list-style: none;
}
#content ul.installateurlist li.last {
	background: none no-repeat left bottom;
}
#content ul.installateurlist li a {
	background-image: url(../images/installateurlist_back.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 36px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 8px;
	overflow: hidden;
	display: block;
}
#content  ul.installateurlist .col1 {
	font-size: 13px;
	font-weight: bold;
	color: #294C73;
	float: left;
	width: 200px;
	line-height: 120%;
}
#content  ul.installateurlist .col2 {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	float: left;
	line-height: 120%;
}
#content ul.installateurlist li a:hover {
	background-position: right bottom;
	background-color: #F0F0F0;
	text-decoration: none;
}

/* --- videobox -------------------------------------------------------------*/

#content .video {
	text-align: center;
	margin-bottom: 15px;
}

/* --- vind een installateur FORM --------------------------------------------*/

#content #vindinstallateur {
	background: url(../images/linefade.png) no-repeat left bottom;
	padding-bottom: 15px;
}
#content #vindinstallateur .form-row, #content .button-row {
	padding: 7px 0px 0px;
	font-size: 10px;
	color: #333333;
}
#content #vindinstallateur .form-row .form-l {
	float: left;
	width: 165px;
	font-size: 13px;
	line-height: 20px;
}
#content #vindinstallateur .form-row .form-r {
	padding-left: 10px;
}
#content #vindinstallateur .form-row .form-r .form_inputtxt_back {
	background: url(../images/niv3_form_veld.png) no-repeat;
	height: 20px;
	width: 221px;
	overflow: hidden;
}
#content #vindinstallateur .form-row .form-r .form_inputtxt {
	width: 203px;
}
#content #vindinstallateur .form-row select {
	width:203px;
}
#content #vindinstallateur .form-row .form-r .checkbox-row {
	padding: 0px 30px 2px 0px;
	float: left;
}
#content #vindinstallateur .button-row .form-r {
	float: left;
	padding-left: 175px;
}
#content #vindinstallateur .button-row .form-r input {
	width: 84px;
	text-align: center;
	background: transparent url(../images/niv3_form_knop.png) no-repeat left top;
	height: 20px;
	border: 0px none #FFFFFF;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-right: 20px;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
}

/* --- diensten list  -------------------------------------------------------------*/

#content ul.diensten li {
	float: left;
	width: 200px;
	background: url(none);
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	line-height: 140%;
	list-style: none;
}
#content ul.diensten li ul li {
	float: none;
	width: auto;
	font-weight: normal;
	background: url(../images/bull_arrow.png) no-repeat left 8px;
	padding-left: 12px;
	padding-top: 2px;
}

/* --- logocontainer -------------------------------------------------------------*/

#content #logocontainer {
	background: url(../images/logocontainer.png) no-repeat center bottom;
	text-align: center;
	padding: 20px;
	width: 146px;
	float: right;
	position: relative;
	margin-top: -20px;
}
#content #logocontainer .top {
	background: url(../images/logocontainer.png) no-repeat left top;
	height: 10px;
	width: 186px;
	left: 0px;
	top: 0px;
	position: absolute;
}


/* --- thumb gallery for lightbox -------------------------------------------------*/

#content ul.gallery {
	margin: 0px;
	padding: 0px 0px 20px;
	clear: both;
}
#content ul.gallery li {
	width: 106px;
	background: url(none);
	padding: 0px 10px 0px 0px;
	float: left;
	font-size: 12px;
	color: #333333;
	margin: 0px;
	list-style: none;
	line-height: 100%;
}
#content ul.gallery li span {
	font-weight: bold;
	display: block;
	padding-bottom: 7px;
}
#content ul.gallery li img {
	margin-bottom: 7px;
}
#content ul.gallery li a {
	color:  #333333;
	text-decoration: underline;
}
#content p.info {
	clear: both;
	font-size: 10px;
	color: #999999;
}
#content .gallerybottom {
	clear:both;
	margin-bottom: 18px;
}

/* --- zoekform ----------------------------------------------------------------------*/

#content #zoekform {
	padding: 0px 0px 16px;
	background: url(../images/linefade.png) no-repeat left bottom;
	margin: 0px 0px 15px;
}
#content #zoekform .form-l {
	display: none;
}
#content #zoekform .form-r {
	background: url(../images/niv3_zoekform_veld.png) no-repeat left top;
	height: 20px;
	width:auto;
}
#content #zoekform .form-r input {
	width: 180px;
	background: transparent url(none);
	border: 0px none #E6DDD5;
	float: left;
	margin: 0px 10px;
	padding: 3px 0px 0px;
	height: 17px;
	font-size: 12px;
	font-weight: bold;
	color: #294C73;
}
#content #zoekform .form-r button {
	background: url(../images/niv3_zoekform_knop.png) no-repeat left top;
	height: 20px;
	width: 70px;
	border: 0px none #E6DDD5;
	float: left;
	text-align: center;
	margin-left: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #294C73;
}

/* --- zoeken list -------------------------------------------------------------*/

#content ol.zoekenlist {
	margin-bottom: 15px;
}
#content ol.zoekenlist li {
	background: url(../images/linefade.png) no-repeat left bottom;
	margin: 0px 0px 8px 30px;
	padding: 0px 0px 9px;
	list-style: decimal url(none);
}
#content ol.zoekenlist li.last {
	background: none no-repeat left bottom;
}
#content ol.zoekenlist h5 {
	margin-bottom: 5px;
}
#content ol.zoekenlist p {
	margin-bottom: 5px;
	font-size: 1em;
}
#content ol.zoekenlist .breadcrumb {
	font-size: 11px;
	line-height: 120%;
	color: #666666;
}
#content ol.zoekenlist .breadcrumb a {
	color: #666666;
	text-decoration: underline;
}
#content ol.zoekenlist li a {
	text-decoration: underline;
}

/* --- enquete -------------------------------------------------------------*/

#content ul#enquete_stappen {
	clear: both;
	height: 32px;
	margin: 0px 0px 40px;
	padding: 0px;
}
#content ul#enquete_stappen li {
	margin: 0px;
	float: left;
	height: 32px;
	list-style: none;
	background: url(../images/enquete_stappen.png) no-repeat left top;
	font-size: 15px;
	line-height: 32px;
	color: #345F85;
	padding: 0px 0px 0px 10px;
}
#content ul#enquete_stappen li span {
	background: url(../images/enquete_stappen.png) no-repeat right top;
	display:block;
	padding: 0px 30px 0px 20px;
}
#content ul#enquete_stappen li.current {
	background: url(../images/enquete_stappen.png) no-repeat left bottom;
	color: #FFF;
}
#content ul#enquete_stappen li.current span {
	background: url(../images/enquete_stappen.png) no-repeat right bottom;
}
#enquete .blok {
	margin: 0px;
	padding: 0px 0px 20px;
	clear: both;
}
#content #enquete .clearer {
	clear: both;
}
#enquete h5 {
	background: url(../images/linefade.png) no-repeat left bottom;
	margin: 0px 0px 10px;
	padding: 10px 0px 5px;
	clear: both;
}
#enquete .form-row {
	padding:10px 0 0;
	margin-top:5px;   /* added by RM */
	*padding: 0px;
	clear: both;
}
#enquete .form-row .form-l {
	float: left;
	width: 270px; 			/*280px;  RM*/
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}
#enquete .form-row .form-r {
	float: right;
	width: 370x; 			/*360px;  RM*/ 
	font-size: 12px;
	color: #333333;
	width: auto;
}
#enquete .form-row .step {
	clear: left;    /* changed by RM */
	float: left;    /* changed by RM */
}
#enquete form .form-row .error {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	width: 100%; padding-top: 4px;   /* added by RM */
}
#enquete .form-row .form-r .checkbox-row {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	*margin-top: -4px;
}
#enquete .form-row .form-r .checkbox-row label {
	margin-left: 20px;
	font-weight: normal;
}
#enquete .textarea-row .form-l {
	display: none;
}
#content #enquete .textarea-row .form-r {
	float: none;
	width: auto;
}

#content #enquete .textarea-row .form_textarea_back {
	background:transparent none no-repeat scroll left top;
	height:auto;
	width:auto;
}
#content #enquete .textarea-row .form_textarea {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	height:150px;
	padding:3px 5px;
	width:600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#enquete .button-row .form-r .form_button {
	background: url(../images/enquete_knop.png) no-repeat left top;
	height: 30px;
	width: 120px;
	color: #FFF;
	text-align: left;
	padding-right: 20px;
	padding-left: 10px;
	border: 0px none #FFF;
	font-weight: bold;
	font-size: 12px;
}
#enquete form .button-row .form-r {
	text-align: right;
}

/* --------------------------------------------------------------------------------------------- */
/*
/*		FOOTER with sticky footer technique
/*
/* ----------------------------------------------------------------------------------------------*/

#nonfooter {
	min-height: 100%;
	min-width: 950px;
}
#nonfooter #content_container {
	padding-bottom: 53px;
}

#footer {
	position:relative;
	background: url(../images/footer_back.gif) repeat-x left top;
	height: 53px;
	margin-top: -53px;
}
#footer .cntr {
	background: url(../images/footer_c_back.png) left top;
	height: 33px;
	padding: 10px 30px;
	width: 890px;
	color: #FFFFFF;
	font-size: 1em;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}