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

html, body {
  margin: 0;
	padding: 0;
	min-height: 100%;
}
body {
  background: #f9f9f9 url('/~siteDesign/site/~img/background.gif') no-repeat top center;
	font: .74em/1.5em Arial, Helvetica, sans-serif;
  color: #383838;
	text-align: center;
}


h1, h2, h3 {
  margin: 0;
  padding: 0;
  color: #cc0000;
}

h4 {
  margin: 0;
  padding: 0;
  color: #383838;
  margin-bottom:10px;
}

h1 {
  margin: 15px 0 10px 0;
  /*font-size: 20px;*/
  font-size:165%;
	font-weight: normal;
}
h2 {
  color: #383838;
  margin-top: 10px;
  /*font-size: 15px;*/
  font-size:125%;
}
h2.searchResult a{
	text-decoration:none;
}
h2.searchResult a:hover{
	text-decoration:underline !important;
}
.searchPaging{
	text-align:center;
}
.searchPaging a{
	text-decoration:none;
}
.searchPaging a:hover{
	text-decoration:underline !important;
}
h3 {
  color: #383838;
  margin-top: 10px;
  font-size: 14px;
}
p{
	margin-top:0;
}

#printHeader{
	display:none;
}

#pageWrapper {
  position: relative;
	width: 974px;
	margin: 0 auto;
	text-align: left;
}
.showAll #content {
  padding: 0 223px;
}
.contentBig {
  padding-right:0 !important;
  padding-bottom:142px !important;
}
.hideLeft #content {
  padding: 0 223px 0 0;
}
.hideRight #content {
  padding: 0 0 0 223px;
}
.colsWrapper {
  width: 100%;
}
.colsWrapper[class] {
  padding-bottom: 0.1px;
}
.floatWrapper {
  float: left;
  width: 100%;
  position: relative;
  z-index: 0;
}
.floatWrapper[class] {
  margin-right: -1px;
}
.sideCol {
  position: relative;
  width: 223px;
  overflow: hidden;
}
.contentBox,
.mainContent {
  margin: 0 8px;
  padding-top: 5px;
}
.box,
.roundedbox {
  margin: 10px 0;
}
.box {
  background-color: #d5d9e3;
}
  .box .innerbox td {
    vertical-align: top;
  }
  .box .innerbox .icon {
    float: left;
    display: inline;
    margin-right: 10px;
  }
  .box .innerbox .text p {
    margin: 0;
	padding-top:7px;
  }
  
.roundedbox {
  border: 1px solid #eaeaea;
}
  .roundedbox .innerbox {
    margin: 3px;
  }
  .roundedbox .innerbox tr,
  .roundedbox .innerbox td {
    padding: 0 5px;
    vertical-align: top;
  }
  .roundedbox .innerbox .icon {
    margin: 0;
    padding-top: 3px;
  }
  .roundedbox .innerbox h3 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .roundedbox .innerbox p {
    margin: 0;
    padding: 0;
  }
  .roundedbox .innerbox .navlink {
    margin: 5px 0 2px 0;
    text-align: right;
  }
  .roundedbox .top-left,
  .roundedbox .top-right,
  .roundedbox .bottom-left,
  .roundedbox .bottom-right {
    position: absolute;/*niet absoluut?*/
    width: 3px;
    height: 3px;
  }
  /* light */
  .roundedbox-light {
    background-color: #fff;
  }
  .roundedbox .top-left {
    top: -1px;
    left: -1px;
    background: url('/~siteDesign/site/~img/corner_top_left.gif') no-repeat 0 0;
  }
  .roundedbox .top-right {
    top: -1px;
    right: -1px;
    background: url('/~siteDesign/site/~img/corner_top_right.gif') no-repeat 0 0;
  }
  .roundedbox .bottom-left {
    bottom: -1px;
    left: -1px;
    background: url('/~siteDesign/site/~img/corner_bottom_left.gif') no-repeat 0 0;
  }
  .roundedbox .bottom-right {
    bottom: -1px;
    right: -1px;
    background: url('/~siteDesign/site/~img/corner_bottom_right.gif') no-repeat 0 0;
  }
  /* dark1 */
  .roundedbox-dark1 {
    background-color: #f4f4f4;
  }
    .roundedbox-dark1 .top-left {
      background-position: 0 -3px;
    }
    .roundedbox-dark1 .top-right {
      background-position: 0 -3px;
    }
    .roundedbox-dark1 .bottom-left {
      background-position: 0 -3px;
    }
    .roundedbox-dark1 .bottom-right {
      background-position: 0 -3px;
    }
  
  /* dark2 */
  .roundedbox-dark2 {
    background-color: #d5d9e3;
    border-color: #e1e1e1;
  }
    .roundedbox-dark2 .top-left {
      background-position: 0 -6px;
    }
    .roundedbox-dark2 .top-right {
      background-position: 0 -6px;
    }
    .roundedbox-dark2 .bottom-left {
      background-position: 0 -6px;
    }
    .roundedbox-dark2 .bottom-right {
      background-position: 0 -6px;
    }
.roundedbox-home{
	height:108px;
	overflow:hidden;
}
.roundedbox-homeBigNews{
	height:208px;
	overflow:hidden;
}

.textBox{
	padding: 10px 20px 10px 20px;
	color:#cc0000;
	font-style:italic;
	font-size:12px;
	}	
	
.navbox a {
  padding: 20px;
  background: #f4f4f4 url('/~siteDesign/site/~img/arrow3.gif') no-repeat 95% 50%;
  display: block;
  height: 100%;
  color: #383838;
  font-weight: bold;
  text-decoration: none;
}

.navbox span {
  padding: 20px;
  background: #f4f4f4 url('/~siteDesign/site/~img/arrow3.gif') no-repeat 95% 50%;
  display: block;
  height: 100%;
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
}

.navbox a:hover {
  background-color: #fff;
}
.button {
  margin: 0;
  padding: 4px 0 4px 10px;
  color: #383838;
  background: transparent url('/~siteDesign/site/~img/block_left.png') no-repeat left -23px;
  text-decoration: none;
}
  .button a {
    color: #383838;
    text-decoration: none;
  }
  .button span {
    margin: 0;
    padding: 4px 10px 4px 0;
    color: #383838;
    background: transparent url('/~siteDesign/site/~img/block_right.png') no-repeat right -23px;
  }
.button:hover,
.selectedbutton {
  color: #cc0000;
  background-position: left 0;
}
  .button:hover span,
  .selectedbutton span {
    color: #cc0000;
    background-position: right 0;
  }
.clear {
  clear: both;
}
.clearer {
  margin-top: -1px;
  width: 100%;
  height: 1px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.none {
  display: none;
}
.slides {
	margin-bottom:20px;
}
  .slides dl {
    border: 1px solid #e1e1e1;
    background-color: #f3f4f6;
    margin: 2px 0 1px 0;
  }
  .slides dl.active {
    background-color: #fff;
  }
    .slides dl dt {
      line-height: 22px;
      padding: 0 10px;
      font-weight: normal;
      cursor: pointer;
      color: #383838;
      background: transparent url('/~siteDesign/site/~img/arrow2_down.gif') no-repeat 98% 50%;
    }
    .slides dl.active dt {
      color: #cc0000;
      font-weight: bold;
      background-image: url('/~siteDesign/site/~img/arrow2_up_gray.gif');
    }
    .slides dd {
      display: none;
	  padding-right:40px;
	  text-align:justify;
    }
    .slides ul {
      list-style: outside none;
      padding-left: 15px;
    }
    .slides li,
    .slides a {
      color: #cc0000;
    }
    /*.slides a {
      font-size: 12px;
      padding-right: 15px;
      background: transparent url('/~siteDesign/site/~img/arrow2.gif') no-repeat right 0.3em;
    }*/
    .slides a:hover {
      text-decoration: none;
    }
    .slides h3,
    .slides li span {
      color: #383838;
    }
p.legend {
  margin-bottom: 1em;
}
p.legend em {
  color: #C00;
  font-style: normal;
}
div.errors {
  margin: 0 0 10px 0;
  padding: 5px 10px;
  border: #FC6 1px solid;
  background-color: #FFC;
}
div.errors p {
  margin: 0;
}
div.errors p em {
  color: #C00;
  font-style: normal;
  font-weight: bold;
}
div.form-container {
  background-color: #FFF;
  margin: 0;
  padding: 0;
}
  div.form-container form p {
    margin: 0;
  }
  div.form-container form p.note {
    margin-left: 125px;
    font-size: 90%;
    color: #333;
  }
  div.form-container form fieldset {
    border: 0;
    margin: 0;
    padding: 10px 0;
  }
  div.form-container form legend {
    font-weight: bold;
    color: #666;
  }
  div.form-container form fieldset div {
    padding: 0.25em 0;
  }
  div.form-container label {
    margin-right: 10px;
    padding-right: 10px;
    width: 100px;
    display: block;
    float: left;
    text-align: right;
    position: relative;
  }
  div.form-container input {
    margin: 0 0 0 4px;
  }
  
  div.form-container textarea {
    margin: 0 0 0 4px;
  }  
  label.error,
  span.error {
    color: #C00;
  }
  div.form-container label em {
    position: absolute;
    right: 0;
    font-size: 120%;
    font-style: normal;
    color: #c00;
  }
  input.error {
    border-color: #c00;
    background-color: #fef;
  }
  textarea.error {
    border-color: #c00;
    background-color: #fef;
  } 
  div.form-container div.controlset label,
  div.form-container div.controlset input {
    display: inline;
    float: none;
  }
  div.form-container div.controlset label.controlset {
    display: block;
    float: left;
  }
  div.form-container div.controlset div {
    margin-left: 170px;
  }
  div.form-container div.buttonrow {
    margin-left: 180px;
  }
  form#contactform input#fname,
  form#contactform input#lname,
  form#contactform input#address,
  form#contactform input#phone,
  form#contactform input#email,
  form#contactform input#zip,
  form#contactform input#city {
    font-size: 12px;
    width: 300px;
    padding: 0;
  }
  form#contactform input#fname,
  form#contactform input#lname,
  form#contactform input#address,
  form#contactform input#phone,
  form#contactform input#email {
    width: 300px;
  }
  form#contactform input#zip {
    width: 60px;
  }
  form#contactform input#city {
    width: 232px;
  }
.breadcrumb {
  margin: 0 0 15px 0;
  color: #383838;
  font-style: italic;
}
  .breadcrumb a {
    color: #cc0000;
    text-decoration: none;
  }
  .breadcrumb a:hover {
    text-decoration: underline;
  }
.navlink a {
  color: #cc0000;
  padding-right: 12px;
  background: url('/~siteDesign/site/~img/arrow2.gif') no-repeat right 4px;
}
.navlink a:hover {
  text-decoration: none;
}

.navlinkGrey a {
  color: #848484 !important;
  padding-right: 12px;
  background: url('/~siteDesign/site/~img/arrowGrey.gif') no-repeat right 4px;
  cursor:pointer;
  text-decoration:underline;
}
.navlinkGrey a:hover {
  text-decoration: none;
}

.homeNavlink a {
  color: #cacaca !important;
  text-decoration: none;
  font-weight:bold;
  font-size:13px;
  padding-right: 12px;
  background: url('/~siteDesign/site/~img/arrow2grey.gif') no-repeat right 4px;
}
.homeNavlink a:hover {
  text-decoration: underline !important;
}

.left {
  float: left;
  text-align: left;
}
.right {
  float: right;
  text-align: right;
}
div#pageTop {
	height: 40px;
  line-height: 40px;
	padding: 0 15px;
	padding-right:8px;
  background: url('/~siteDesign/site/~img/contentBg-top.png') no-repeat bottom center;
	color: #9a9a9a;
	font-weight: bold;
}
  div#pageTop fieldset {
    margin: 8.5px 0 0 0;
    width: 225px;
    padding: 0;
    border: 0;
  }
  div#pageTop input {
    display: block;
    float: left;
    margin: 0 2px;
    padding: 0;
    height: 21px; /* 23px - 2px */
	  border: 1px solid #c7c7c7;
    background-color: #f7f7f7;
    width: 150px;
	}
  div#pageTop input.searchbutton {
    border: 0;
    height: 23px;
    width: 60px;
    background: transparent url('/~siteDesign/site/~img/button_seach_bg.png') no-repeat center center;
  }
  div#pageTop .left,
  div#pageTop .middle,
  div#pageTop .right {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    float: left;
    height: 100%;
  }
  div#pageTop .left {
    width: 290px;
    text-align: left;
	/*background:#F0F;*/
  }
  div#pageTop .middle {
    width:400px;
    list-style: none;
    text-align: center;
    font-size: 12px;
	/*background:#00F;*/
  }
    div#pageTop .middle li {
      display: inline;
      margin: 0 0 0 1px;
    }
  div#pageTop .right {
    width:250px;
    text-align: right;
	/*background:#0FF;*/
	float:right;
  }
    div#pageTop .right form,
    div#pageTop .right p {
      float: left;
      width: auto;
      margin: 0;
      padding: 0;
    }
    /*div#pageTop .right form {
      margin-left: 60px;
    }*/
div#pageMain {
  background: url('/~siteDesign/site/~img/contentBg-main.png') repeat-y top center;
}
div#pageBottom {
  height: 10px;
  background: url('/~siteDesign/site/~img/contentBg-bottom.png') no-repeat top center;
}
div#header,
div#menu,
div#content,
div#footer {
  margin: 0 7px;
}
div#header {
  height: 75px;
	padding-top: 5px;
	padding-bottom: 1px;
  position: relative;
	background: url('/~siteDesign/site/~img/header.jpg') no-repeat center 5px;
}
  div#header a {
    display: block;
    position: absolute;
    left: 8px;
    top: 5px;
    width: 207px;
    height: 75px;
  }
div#menu {
  position: relative;
	height: 27px;
	margin: 0 15px;
	background-color: #d5d9e3;
}
div#content {
}
  div#content ul {
    margin: 5px 0;
    padding: 0;
  }
  div#content ol {
    margin: 5px 0;
    padding: 0;
  }  
  div#content li {
    margin: 0;
    color: #383838;
  }
  div#content a {
    margin: 0;
    color: #cc0000;
  }
  div#content a:hover {
    text-decoration: none;
  }
  div#content ul li {
    margin-left: 15px;
    list-style-image: url('/~siteDesign/site/~img/arrow2.gif');
  }
  div#content ol li {
    margin-left: 17px;
  }  
  
/* ol {
    margin: 5px 0;
    padding: 0;
  }

  ol li {
    margin-left: 15px;
  }*/
  
ul#sideNav {
  width: 207px;
	margin: 0;
	padding: 0;
}


  ul#sideNav li {
	  width: 100%;
		margin: 0 0 3px 0 !important; 
		padding: 0;
		line-height: 23px;
		white-space: nowrap;
    list-style: outside none none;
    background: url('/~siteDesign/site/~img/subnavBg.png') no-repeat top right;
  }
	  ul#sideNav li a {
      display: block;
		  padding: 0 10px;
		  font-weight: bold;
			color: #848484;
			text-decoration: none;
		}
		ul#sideNav li a:hover {
		  color: #363636;
		}
	ul#sideNav li.active {
	  background-image: url('/~siteDesign/site/~img/subnavBg-expanded.png');
	}
	  ul#sideNav li.active a {
		  color: #383838;
		}
		ul#sideNav li li.active {
			/* sub dinge actief (bg?) */
			background-image: none;
		}
			ul#sideNav li li.active a {
				/* sub dinge actief */
				background: url("/~siteDesign/site/~img/arrow.gif") no-repeat 2px 50%;
			}
	ul#sideNav li ul {
	  background-color: #f4f4f4;
    margin: -1px 0 0 0;
		padding-left: 15px;
	}
	ul#sideNav li li {
    margin: auto;
	  background-image: none;
		list-style: none outside;
	}
	  ul#sideNav li li a {
		  font-weight: normal;
			color: #868686;
		}
		ul#sideNav li li a:hover {
		  background: url("/~siteDesign/site/~img/arrow.gif") no-repeat 2px 50%;
		}
div#footer {

	position: relative;
	width: 962px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	

	line-height: 46px;
	color: #868686;
	line-height:18px;
	padding-bottom:5px;
	padding-left:12px;

}
  div#footer a {
	  color: #868686;
	}
	div#footer a:hover {
	  text-decoration: none;
	}
div#colMain {
  float: right;
  width: 100%;
	min-height: 150px;
}
div#colMain[id] {
  margin-left: -1px;
}
div#colLeft {
  float: left;
  margin-left: -223px;
  z-index: 10;
}
div#colLeft[id] {
  margin-right: 1px;
}
div#colRight {
  float: right;
  margin-right: -223px;
	padding-bottom: 140px;
  z-index: 11;
}
div#colRight[id] {
  margin-left: 1px;
}
  div#colRight .box p,
  div#colRight .roundedbox p {
    font-size: 11px;
  }
div#flippedCorner {
  position: absolute;
	right: 0;
	bottom: 0;
	width: 167px;
	height: 142px;
	background: url('/~siteDesign/site/~img/contentBg-flippedCorner.png') no-repeat bottom right;
}
div#flippedCorner a {
  display: block;
  height: 100%;
  width: 100%;
}



#homeLeft{
	width:460px;
	float:left;
}

#homeRight{
	width:460px;
	float:right;
	}

.homeBottomLeft{
	width:225px;
	float:left;
	}

.homeBottomRight{
	width:225px;
	float:right;
	}

.photoPlayer{
	background: url('/~siteDesign/site/~img/photoPlayerBg.jpg') no-repeat;
	/*border:#F00 solid 1px;*/
	height:287px;
	width:494px;
}

.photoPlayerTop{
	height:13px;
	}

.photoPlayerLeft{
	width:47px;
	float:left;
	}

.photoPlayerMiddle{
	width:400px;
	float:left;	
	}
	
.photoPlayerRight{
	width:47px;
	float:left;	
	}

.photoPlayerPhoto{
	border:#eaeaea solid 1px;
	cursor:pointer;
}

.photoPlayerPreviousBtn{
	cursor:pointer;
	visibility:hidden;
	}
	
.photoPlayerNextBtn{
	cursor:pointer;
	}
	
	
.personBox{
	background-color: #f4f4f4;
	margin-bottom:10px;
	}
	
.personPhoto{
	width:100px;
	height:120px;
	float:left;
	margin-right:10px;
	background-color:#d5d9e3;
	}

.personText{
	float:left;
	margin-top:5px;
	width:375px;
	}
	
.bookBox{
	background-color: #f4f4f4;
	margin-bottom:10px;
	}
	
.bookPhoto{
	width:100px;
	height:120px;
	float:left;
	margin-right:10px;
	background-color:#d5d9e3;
	}

.bookText{
	float:left;
	margin-top:5px;
	width:380px;
	}

.bookTitle{
	font-weight:bold;
	font-size:16px;
}

.bookSubtitle{
	font-weight:bold;
	font-size:12px;
}

.bookZoom{
	height:20px; 
	width:20px; 
	background:url(/~siteDesign/site/~img/vergrootglas.png) no-repeat;
	position:absolute;
	margin-left:80px;
	margin-top:100px;
}

.iaBlockWithText{
	background-color: #fff;
	margin-bottom:10px;
	border:#EAEAEA solid 1px;
	}

.iaBlockWithTextOver{
	background-color: #f4f4f4;
	}

.iaBlockWithText a{
	padding:10px;
	display:block;
	height: 100%;
	text-decoration:none;
	}
.iaBlockWithText .iaBlockWithTextTitle{
	color:#383838;
	font-weight:bold;
	display:block;
	
	}

.iaBlockWithText .iaBlockWithTextLinkText{
	font-style:italic;
	display:block;
	}

.iaBlockWithText .iaBlockWithTextText{
	color:#383838;
	}


/*.personPhoto{
	width:100px;
	height:120px;
	float:left;
	margin-right:10px;
	background-color:#d5d9e3;
	}

.personText{
	float:left;
	margin-top:5px;
	}*/

.formStatus{
	color:#CC0000;
	font-style:italic;
	margin-bottom:5px;
	display:block;
	}
	
.homeBigBlock{
	border:#EAEAEA solid 1px;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	height:188px;
	overflow:hidden;
}

.hidden{
	display:none;
}

.textSizeActive{
	color:#CC0000 !important;
}

.introimg{
	background: #D5D9E9; 
	width: 75px; 
	height: 75px;
}

.mainimg{
	background: #D5D9E9; 
	width: 219px; 
	height: 150px;
}





h2.latestNews{
	color:#848484;
	}

ul.newsLinksInColumn a{
	color:#848484 !important;
	text-decoration:none;
	}
ul.newsLinksInColumn a:hover{
	text-decoration:underline !important;
	}
	
ul.newsLinksInColumn li {
    margin-left: 18px !important;
	padding-left: 8px !important;
    list-style-image: url('/~siteDesign/site/~img/arrowGrey.gif') !important;
  }	
  
.newsLinksInColumnRSS{
	width:180px;
	margin-left:8px;
	float:left;
	color:#848484;
	}
  
.newsLinksInColumnRSS a{
	color:#848484 !important;
	text-decoration:none;	
}

.newsLinksInColumnRSS a:hover{
	text-decoration:underline !important;
	}
	
img.rssIcon{
	float:left;
	margin-top:2px;
	}
	
	
	
.newsFilter{
	color:#848484;
	}
	
	
.backToTop{
	width:498px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	}

.backToTop a{
	background:url(/~siteDesign/site/~img/backToTop0.gif);
	height:26px;
	display:block;
	text-align:center;
	line-height:26px;
	color:#bcbcbc !important;
	text-decoration:none;
	outline:0;
	}

.backToTop a:hover{
	background:url(/~siteDesign/site/~img/backToTop1.gif);
}