@charset "UTF-8";
/* CSS Document */

* {
        margin: 0;
        padding: 0;
        border: 0;
}

html {
	background-color:#ffffff;
}
body {
	background-color:#ffffff;
	text-align:center;
}

/* -------------------------------------- */
/*  Main Structure                        */
#main {
        width: 990px;
        margin: 0 auto;
	  text-align:left;
}

#topbalk {
	clear:both;
	width:990px;
	height:72px;
	min-height:72px;
}


/* -------------------------------------- */
/*  Top Balk                              */
#topbalk #logo {
	float:left;
	width:178px;
	height:72px;
}
.rightmenu {
	width:58px;
	float:right;
	height:72px;
	padding-left:10px;
	padding-right:10px;
	padding-top:11px;
}
.rightmenu a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #6e6e6e;
	text-decoration: none;
}
.rightmenu a:hover {
	color: #6e6e6e;
	text-decoration: underline;
}

.verticaleLijn {
	float:right;
	width:1px;
	height:50px;
	min-height:50px;
	background-color:#bcbcbc;
	margin-top:11px;
}
#zoekbox {
	width:180px;
	float:right;
	padding-top:10px;
	padding-right:10px;
	padding-left:50px;
	height:50px;
	border:0px;
	overflow:hidden;
}
#zoekbox fieldset {
	border: 0px;
}

#zoekbox #ajaxSearch_input {
	background-color:#ffffff;
	border:1px solid #7e7d7d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#737272;
}
#zoekbox #ajaxSearch_submit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#737272;
}

/* -------------------------------------- */
/*  Foto Balk bovenin                     */
#fotobalk {
	width:990px;
	clear:both;
}
#fotobalk #grotefoto {
	float:left;
	width:830px;
}
#fotobalk #kleinefotos {
	width:150px;
	float:right;
}
#fotobalk #kleinefotos .notlast {
	margin-bottom:10px;
}
#fotobalk #kleinefotos .titlepict {
	margin-bottom:10px;
	background-image:url(/assets/images/topfotos/klein/topfoto_00_tekstlogo.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:50px;
	min-height:50px;
}
#fotobalk #kleinefotos .titlepict h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#ffffff;
	padding-top:16px;
	padding-left:10px;
}

/* -------------------------------------- */
/*  Content vlak                          */
#contentContainer {
	clear:both;
	width:990px;
	padding-top:40px;
	position:inherit; /* Was: relative  ; Changed for Expose problem by BertC on 12-jul-2009 */
}
#leftMenuContainer {
	float:left;
	width:190px;
}
#content {
	float:left;
	width:420px;
}
#kolom3 {
	width:220px;
	float:left;
	position:inherit; /* Was: relative  ; Changed for Expose problem by BertC on 12-jul-2009 */
}
#kolom4 {
	float:right;
	width:150px;
}



/* -------------------------------------- */
/*  Left Menu                             */


ul#leftmenu {
	
}

ul#leftmenu, ul#leftmenu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 190px;
}

ul#leftmenu a {
  display: block;
  text-decoration: none;	
}

ul#leftmenu li {
  margin-top: 1px;
  margin-bottom:10px;
}

ul#leftmenu li ul.INNERCLASS {
  display: none;
}

ul#leftmenu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color: #a31d23;	
	text-decoration:none;
	padding-left:10px;
}

ul#leftmenu li a:hover {
	color: #a31d23;	
	text-decoration:underline;
}

ul#leftmenu li ul li {
	margin-bottom:0px;
}
ul#leftmenu li ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #666666;
	padding-left: 20px;
	text-decoration:none;
}
ul#leftmenu li ul li.active a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #a31d23;
	padding-left: 20px;
	text-decoration:none;
}

ul#leftmenu li ul li a:hover {
	text-decoration:underline;
	color:#666666;
}


/* -------------------------------------- */
/*  Content                               */
#content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#a31d23;
	padding-bottom:10px;
}
#content h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#a31d23;
	padding-bottom:10px;
	padding-top:20px;
}
#content h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	font-style:italic;
	color:#666666;
	line-height:24px;
	padding-bottom:15px;
}

#content p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	line-height:18px;
	padding-right:35px;
}
#content ul {
	list-style-type:disc;
	list-style-position:outside;
	padding-left: 13px;
}
#content li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	line-height:18px;
	padding-right:35px;
}

#content a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5375b4;
	text-decoration:none;
}
#content a:hover {
	color:#5375b4;
	text-decoration:underline;
}

a.googlelink
{
	color: #990000;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
a.googlelink:hover
{
	text-decoration: underline;
}

/* Content in Zoekresultaten pagina */
#content p.ajaxSearch_resultsInfo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	line-height:18px;
	padding-right:35px;
}
#content span.ajaxSearch_highlight {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
#content span.ajaxSearch_paging {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	line-height:18px;
	padding-right:35px;
	padding-top:5px;
	padding-bottom:5px;
}
#content div.ajaxSearch_result {
	padding-top:10px;
}
#content div.ajaxSearch_resultExtract {
	padding-left:15px;
	text-align:left;
}
#content div.AS_ajax_resultsIntroFailure {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	line-height:18px;
	padding-right:35px;
}

#content .nieuwsbericht {
	padding-bottom:15px;
}
#content .nieuwsbericht .nieuws_datum {
	display:block;
	border-top:1px solid #cccccc;
}
#content .nieuwsbericht h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#a31d23;
	padding-bottom:5px;
	padding-right:15px;
}


/* --------------------------------------------- */
/*  Content Formulier  - Voor Claudia en Menno   */
#content p.errormessage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ff2222;
	line-height:18px;
	padding-right:35px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:5px;
}
#content .formuliertable th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#000000;
	padding:5px;
}
#content .formuliertable td {
	text-align:left;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	padding:5px;
}
#content .formuliertable td input, #content .formuliertable td select {
	border:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	background-color:#ffdddd;
	width: 200px;
}
#content .formuliertable td textarea {
	border:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	background-color:#ffdddd;
	width: 390px;
	height:50px;
}

#content .formuliertable td input.readonly {
	border:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#444444;
	background-color:#ffdddd;
	width: 200px;
}
#content .formuliertable td input.disabled {
	border:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#444444;
	background-color:#ffffff;
	width: 200px;
}
#content .formuliertable td input.readonlydatum {
	border:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#444444;
	background-color:#ffdddd;
	width: 100px;
}
#content .formuliertable td input.input_tijd {
	border:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#444444;
	background-color:#ffdddd;
	width: 100px;
}
#content .formuliertable td input.missingfield {
	border:1px solid #a31d23;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#444444;
	background-color:#ffdddd;
	width: 200px;
}
#content .formuliertable input.formulierbutton {
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#000000;
	padding:10px;
	cursor:pointer;
}

/* Formulier */
#content #formulier {
}
#content #formulier #formulierTop {
	background-image:url(/assets/images/site/formulierBackBoven.gif);
	background-repeat:no-repeat;
	height:28px;
	padding-bottom:0px;
	padding-top:0px;
}
#content #formulier #formulierTop h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	padding-left:10px;
	padding-top:5px;
}
#content #formulier #formulierContent {
	border-left:1px solid #746d6f;
	border-right:1px solid #746d6f;
}
#content #formulier #formulierBottom {
	background-image:url(/assets/images/site/formulierBackOnder.gif);
	background-repeat:no-repeat;
	border:0;
	height:29px;
	padding-bottom:0px;
	padding-top:0px;
}

#content #formulierstappen {
	padding-top:10px;
	padding-left: 5px;
	text-align:left;
}


/* -------------------------------------- */
/*  Kolom 3                               */
#kolom3 .button {
	width:220px;
	margin-bottom:22px;
}


#kolom3 .kolom3ContentBlok {
	padding-top:0px;
	padding-bottom:10px;
}

#kolom3 .kolom3ContentBlok h1, #kolom3 .kolom3ContentBlok h2, #kolom3 .kolom3ContentBlok h3, #kolom3 .kolom3ContentBlok h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#a31d23;
	padding-bottom:7px;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
}

#kolom3 .kolom3ContentBlok h1 a {
	color:#a31d23;
	text-decoration:none;
}

#kolom3 .kolom3ContentBlok h1 a:hover {
	color:#a31d23;
	text-decoration:underline;
}

#kolom3 .kolom3ContentBlok .nieuwsitem {
	padding-top:0px;
	padding-bottom:5px;
}
#kolom3 .kolom3ContentBlok h6 {
	padding-bottom:0px;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
}
#kolom3 .kolom3ContentBlok h6 a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#5375b4;
	text-decoration:none;
}
#kolom3 .kolom3ContentBlok h6 a:hover {
	color:#5375b4;
	text-decoration:none;
}
#kolom3 .kolom3ContentBlok p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	line-height:14px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
}
#kolom3 .kolom3ContentBlok p.datum {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#666666;
	line-height:11px;
	padding-bottom:5px;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
}

/* -------------------------- */
/* Contact Uitgeklapt         */
#kolom3 #contactUitgeklapt {
	background-repeat:no-repeat;
	position:absolute;
	top:350px; /* Was 0, but changed to 350 due to Expose bug. BertC on 12-jul-2009 */
	width:220px;
	display:none;
}
#contactUitgeklapt h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#ffffff;
	/*height:28px;*/
	padding-left: 10px;
	padding-top:4px;
	padding-bottom:0px;
}
#contactUitgeklapt p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #454545;
	padding-left: 10px;
	padding-right:27px;
	padding-top:2px;
	padding-bottom:4px;
}
#contactUitgeklapt span.kleinitalic {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	color: #454545;
}

#contactUitgeklapt h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #454545;
	padding-left: 10px;
	padding-right:27px;
	padding-bottom:0px;
	height:47px;
}
#contactUitgeklapt p label {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color: #2e2e2e;
	padding-left: 0px;
	padding-right:20px;
}
#contactUitgeklapt input {
	border: 1px solid #a7a7a7;
	background-color:#ffffff;
	width:180px;
	height:14px;
}
#contactUitgeklapt p.contactformButton {
	padding-left:120px;
	padding-top:20px;
	width:73px;
	border:0;
	padding-bottom:0px;
}
#contactUitgeklapt p.contactformButton input {
	width:73px;
	height:18px;
	border:0;
}
#kolom3 #contactUitgeklapt #contactBoven {
	background-image:url(/assets/images/site/contactformBackBoven.gif);
	background-repeat:no-repeat;
	height:28px;
	padding-bottom:0px;
	padding-top:0px;
}
#kolom3 #contactUitgeklapt #contactBoven #contactFormCancelButton{
	cursor:pointer;
	font-weight:bold;
}
#kolom3 #contactUitgeklapt #contactMidden {
	background-image:url(/assets/images/site/contactformBackMidden.gif);
	background-repeat:repeat-y;
	border:0;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	overflow:hidden; /* This removes the space above and below the DIV. It appeared that the elements in this DIV took extra space outside the DIC */
}
#kolom3 #contactUitgeklapt #contactOnder {
	background-image:url(/assets/images/site/contactformBackOnder.gif);
	background-repeat:no-repeat;
	border:0;
	height:29px;
	padding-bottom:0px;
	padding-top:0px;
}
#kolom3 #contactUitgeklapt #contactOnderLeeg {
	background-image:url(/assets/images/site/contactformBackOnderLeeg.gif);
	background-repeat:no-repeat;
	border:0;
	height:29px;
	padding-bottom:0px;
	padding-top:0px;
}
#kolom3 #contactUitgeklapt .submitButton {
	border:0;
	background:none;
	width:220px;
	height:29px;
}
/* -------------------------------------- */
/*  Kolom 4                               */
#kolom4 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#a31d23;
	padding-bottom:10px;
}

/* Contactgegevens */
#contactgegevens {
	padding-left:4px;
}
#contactgegevens p.telefoonnummer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#3e3e3e;
	padding-bottom:10px;
	line-height:25px;
}

#contactgegevens p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#3e3e3e;
	padding-bottom:10px;
}
#contactgegevens a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#a31d23;
	text-decoration:none;
}
#contactgegevens a:hover {
	color:#a31d23;
	text-decoration:underline;
}

div#referenties {
	clear:both;
	margin-top: 54px;
}
div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 150px;
	height:150px;
	/* custom decorations */
	background-color:#efefef;        
}

div.scrollable div.items {
	/* this cannot be too large */
    width:20000em;  
    position:absolute;
    clear:both;             
    height:150px;
    margin-left:0px;
    vertical-align:middle;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
    text-align:center;
    width:150px;
	height:150px;
    background-color: #fff;
    vertical-align:middle;
    -moz-border-radius:5px;
}

/* active item */
div.scrollable div.items div.active {
	background-color:#fff;
	vertical-align:middle;
}


/* -------------------------------------- */
/*  Footer                                */
#footer {
	width:990px;
	clear:both;
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
}

#footer .copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#717171;
	text-align:center;
}

#footer .footermenu p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#717171;
	text-align:center;
	padding-top:5px;
}
#footer .footermenu p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#717171;
	text-decoration:none;
}
#footer .footermenu p a:hover {
	color:#717171;
	text-decoration:underline;
}

#footer .bookmarking {
	padding-top:15px;
	
	text-align:center;
}