/* CSS Document */
body, html {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fff;
}

html {
  width: 100%;
  height: 100%;
}

/*body {
  margin: 5px 0 0 0;
  padding: 0;
}*/

.screen {
  width: 100%;
  height: 100%;
}

.left {
  width: 50%;
  float: left;
  height: 1px;
  margin-left: -496px;
}

.container {
  width: 860px;
  /*height: 100%;*/
  /*margin: 0 auto 0 auto;*/
  float: left;
	margin-top: 5px;
}

/************************ sitetop  *********/

.sitetop {
  width: 640px;
  padding: 0 14px 0 186px;
  height: 153px;
	position: relative;
}

.sitetop .top {
	position: relative;
  width: 616px;
  min-height: 60px;
	float: left;
}

.righttop {
	height:105px;
	left:168px;
	top:0;
	width:620px;
	z-index:1;
}

.righttop img {
  border: 0;
  margin: 0;
}

.rightbottom {
  
}

.righttopmenu {
	border-bottom:1px solid #000000;
	height:22px;
	left:186px;
	padding:79px 0 4px 4px;
	position:absolute;
	top:0;
	width:616px;
	z-index:10;
	background: url("../images/logo-2011.png") no-repeat left top;
}

.righttopmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
   height: 22px;
}

.righttopmenu li {
  float: left;

}

.righttopmenu li a {
 display: block;
 float: left;
 margin: 0px 4px 0px 0px;
 text-decoration: none;
 height: 19px;
 padding: 3px 8px 0 8px; 
 color: #fff;
 background-color: #FF6600;
 font-weight: bold;
 font-size: 11px;
 text-align: center;
}

.sitetop .top .title {
	position: absolute;
	left: 0;
	top: 25px;
  width: 616px;
  height: 35px;
  font-size: 20px;
	z-index: 1;
/*	float: left;
  padding-top: 25px;*/
}

.sitetop .top .title .menutitle {
	font-size: 11px;
	font-weight:bold;
}

.sitetop .top .title .submenutitle, .sitetop .top .title .itemtitle {
	font-size: 10px;
	font-weight:bold;
}
/*---------   zoek  ----------*/
.sitetop .top .zoek {
	position: absolute;
	left: 552px;
	top: 3px;
  width: 64px;
  height: 57px;
	z-index: 2;
/*  float: left;
  margin-top: 3px;*/
}

.formzoek{
  float: left;
  display: inline;
}

.formzoek .textfield{
  width: 60px;
  padding-left: 2px;
  height: 12px;
  border: 1px solid black;
  font-size: 11px;
}

.zoekbutton {
  width: 64px;
  height: 12px;
  clear: both;
  margin-top: 0;
  border: 0;
  background-color: white;
  color: #666;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  letter-spacing: .2em;
}

.zoek_divrow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  height: 14px;
  width: 100%;
  padding: 2px 0px 2px 0px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
}

.zoek_divrow a {
  color: #333;
  text-decoration: none;
}

.zoek_divrow a:hover {
  color: #000;
}

.zoek_divrow.grey {
  background-color: #eee;
}

.zoekselected {
  font-weight: bold;
  text-decoration: underline;
}
/* ---------   end zoek  -----------------*/

/************************ left collom *****/

.leftcol {
  width: 186px;
  /*padding-right: 3px;*/
  float: left;
  margin-top: 6px;
}

/*  left menu  */

.menubox {
  width: 186px;
  /*margin-top: 154px;*/
  font-weight: bold;
  font-size: 10px;
}

.menubox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menubox li a, .menubox li .legelink{
  display: block;
  width: 166px;
  height: 14px;
  padding: 1px 4px 0 4px;
  overflow: hidden;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
}

.menubox ul li ul li a{
  width: 162px;
  padding: 1px 4px 0 20px;
  color: #666;
  font-size: 10px;
}

.menuitem {
  width: 186px;
  height: 14px;
  padding-top: 2px;
  overflow: hidden;
}

.menuitem a {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
}

.menuitem_orange a:hover, .menuitem_orange a.selected {
  color: #f60;
}

/*  end left menu */

/************************ end left collom *****/
/**/
/************************ rechter collom ******/


.rightcol {
  margin-top: 6px;
  width: 640px;
  padding-right: 14px;
  height: 100%;
  float: left;
}


/*  end topmenu  */

/*  content  */

.rightcontent {
  width: 636px;
  height: 478px;
  /*border-bottom: 1px solid #000;*/
  overflow: visible;
}



.txtorange {
  color: #f60;
}

.txtred {
  color: #cd3234;
}

.txtwhite {
  color: white;
}

.backpurple {
  background-color: #cb0088;
}


/* detail content */

.rightcontent .content {
  width: 638px;
  height: 412px;
  float: left;
 /* position: relative;
  margin-top: 30px;*/
}

.rightcontent .aftercontent {
  width: 618px;
  height: 20px;
  margin-top: 50px !important;
  margin-top: 0px;
  border-top: 1px solid #000;
  float: left;
  text-align: justify;
  font-size: 7.2pt;
  font-weight: bold;
  color: #999999;
  word-spacing: .38em;
  letter-spacing: .1em;
}

.rightcontent .aftercontent a{
	color: #999;
  text-decoration: none;
}

.rightcontent .aftercontent a:hover{
	color: #555;
  text-decoration: none;
}

.rightcontent .content .indexpage {
  width: 620px;
  height: 424px;
  float: left;
}

.rightcontent .content .indexpage .tekstblok {
/*  width: 323px;
  height: 389px;*/
  left: 0px;
  top: 0px;
  margin: 20px 0 0 20px;
  background: url("../images/indextekstback.png");
  position: relative;
  z-index: 1;
}

.rightcontent .content .indexpage .tekstblok .tekstback{
  position: absolute;
  z-index: 5;
  top: 0px;
  left: 0px;
  width: 318px;
  height: 384px;
  background-color: #fff;
}
.rightcontent .content .indexpage .tekstblok .tekst {
  position: absolute;
  z-index: 15;
  top: 0px;
  left: 0px;
  width: 287px;
  height: 360px;
  font-size: 12px;
  padding: 5px 18px 15px 13px;
  overflow: auto;
}
/*
.rightcontent .content .tekstdiv .tekstvlak {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  height: 364px;
  width: 253px;
  padding: 5px 18px 5px 13px;
  background-color: none;
  font-size: 11px;
  overflow: auto;
}


.rightcontent .content .indexpage .tekstblok .tekstipdiv {
  width: 318px;
  height: 384px;
  overflow: hidden;
  background-color: white;
}

.rightcontent .content .indexpage .tekstblok .tekstipdiv .tekst {
  width: 297px;
  height: 360px;
  font-size: 11px;
  padding: 5px 18px 15px 13px;
}
*/
.rightcontent .content .indexpage .tekstblok .tekst h1{
  font-size: 12px;
  color: red;
  /*font-weight;*/
}

.rightcontent .content .foto {
  float: left;
  width: 312px;
  height: 375px;
  margin-right: 20px;
}

.rightcontent .content .foto .imfoto{
  width: 312px;
  height: 375px;
  overflow: hidden;
}

.rightcontent .content .foto .link{
  width: 312px;
  text-align: left;
  margin-top: 10px;
}

.rightcontent .content .foto .link a{
  font-size: 10px;
  color: #666;
  font-weight: bold;
  text-decoration: none;
}


.rightcontent .content .foto .imfoto img {
  border: 0;
}

.rightcontent .content .tekstdiv {
  width: 292px;
  height: 382px;
  background: url("../images/backshadow.jpg");
  float: left;
  position: relative;
}

.rightcontent .content .tekstdiv .tekstback{
  position: absolute;
  z-index: 5;
  top: 0px;
  left: 0px;
  height: 374px;
  width: 284px;
  background-color: #fff;
}

.rightcontent .content .tekstdiv .tekstvlak {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  height: 364px;
  width: 253px;
  padding: 5px 18px 5px 13px;
  /*background-color: none;*/
  font-size: 12px;
  overflow: auto;
}

.rightcontent .content .tekstdiv .tekstvlak h1{
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.rightcontent .content .paging {
  font-size: 11px;
  width: 616px;
  height: 35px;
  padding-top: 15px;
  text-align: center;
  float: left;
  margin-top: 55px;
}

.rightcontent .content .terug, .p2{
  margin-top: 28px;
}


.itempage_paging {
	float:left;
	font-size:11px;
	height:35px;
	margin: 10px 0 0 0;
	padding-top:15px;
	text-align:center;
	width:616px;
}

.itempage_paging img {
  border: none;
  margin: 0;
}

/* paging menu */
.heenenterug {
  float: left;
  width: 482px;
}

.paging img {
  border: none;
}

.paging_left {
  width: 67px;
  height: 15px;
  float: left;
}

.paging_left img {
  border: none;
}

.paging_right {
  width: 67px;
  height: 15px;
  float: left;
}

.paging_right img{
  border: none;
}

#pagingmenu {
  width: 482px;
  /*height: 15px;*/
  float: left;
}

#pagingmenu ul {
 text-align: center;
 margin-left: -40px;

}

#pagingmenu li {
  display: inline;
}

#pagingmenu li a {
 padding: 12px 3px 0px 3px; 
 color:#F88;
 text-decoration: none;
 font-weight: bold;
 background: #fff url("../images/pagea_off.gif") no-repeat center top;
}

#pagingmenu li a:hover, #pagingmenu li a.selected {
color:#cd3234;
  background: #fff url("../images/pagea_on.gif") no-repeat center top;
}

.rightcontent .content .overviewcontent {
  width: 620px;
  height: 356px;
  float: left;
  /*margin-top: -25px;*/
}

.rightcontent .content .overviewcontent .detaildiv {
  width: 120px;
  height: 174px;
  float: left;
  margin:0 4px 4px 0;
}

.rightcontent .content .overviewcontent .detaildiv .top {
  width: 118px;
  height: 118px;
  border: 1px solid #c8c8c8;
  margin-bottom: 4px;
  overflow: hidden;
}

.rightcontent .content .overviewcontent .detaildiv .top img{
  border: 0;
  margin: 0;
}

.rightcontent .content .overviewcontent .detaildiv .bottom {
  width: 118px;
  height: 48px;
  border: 1px solid #c8c8c8;
}

.detailmenubox {
  width: 118px;
  margin-top: 2px;
  font-weight: bold;
  font-size: 10px;
}

.detailmenubox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.detailmenubox li.blackli {
  color: #000;
}

.detailmenubox li.greyli {
  color: #888;
}

.detailmenubox li a{
  display: block;
  width: 108px;
  height: 14px;
  padding: 1px 4px 0 4px;
  overflow: hidden;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
}

.detailmenubox li span {
  padding-left: 4px;
  height: 14px;
  display: block;
  overflow: hidden;
}

.detailmenubox ul li ul li a{
  width: 104px;
  padding: 1px 4px 0 20px;
  color: #666;
  font-size: 10px;
}
/*  end content  */


/***   extra buttons ****/
.extrabuttons {
	float: left;
 height: 21px;
 width: 616px;
}

.extrabuttons img {
  border: none;
}
/************************ end rechter collom ******/
/************************ formulier ***************/
/************************ formulier ***************/
#informatie {
  
}

#informatie textarea{
  width: 280px;
  padding-left: 2px;
  height: 45px;
  border: 1px solid #aaa;
    font-size: 11px;
}

#informatie input{
  width: 220px;
  padding-left: 2px;
  height: 12px;
  border: 1px solid  #aaa;
  font-size: 11px;
}

#informatie input.verplicht{
  border: 1px solid #f66;
}

#informatie .submitbutton{
  width: 283px;
  height: 20px;
  border: 1px solid  #aaa;
  background-color: #ddd;
  color: #000;
  text-align: center;
  cursor: pointer;
  font-size: 11px;
  margin: 5px 0px 20px 0px;
}

.bevestiging {
  margin: 20px 0 20px 0;
}

/************************ end formulier ***************/
#contactpopup {
  z-index: 20;
  display: none;
  position: absolute;
  width: 324px;
  height: 400px;
  background: url("../images/popupcontactback.png");
}

.contact_sluiten {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 25;
  font-size: 11px;
  width: 316px;
  height: 14px;

    text-align: center;
background-color: white;
  border: 1px solid black;
  
}

.contact_sluiten a{
	display: block;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  width: 316px;
  height: 12px;
  padding: 0 0 2px 0;
  background: #fff url("../images/contact-sluiten.gif") no-repeat;
}

.contact_backtrans{
  position: absolute;
  z-index: 1;
  left: 5px;
  top: 5px;
  width: 318px;
  height: 397px;
  background-color: #666;
  -moz-opacity: .25;
  filter: alpha(opacity=25); 
  opacity: .25;
  z-index: 1; 
}

.contact_tekstipdiv {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 16px;
  width: 316px;
  height: 377px;
  overflow: hidden;
  background-color: white;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.contact_iframe {
  width: 316px;
  height: 377px;
}

.contact_text {
  width: 302px;
  height: 328px;
  background-color: white;
  padding: 14px 0px 0px 14px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

#contact_informatie {
  margin: 0;
  float: left;
}


/*************************   mp3  ******************************/
.mp3div {
  width: 21px;
  height: 21px;
  float: left;
  position: relative;
}

.mp3imgaan {
  position: absolute;
  display: none;
  left: 0px;
  top: 0px;
  width: 21px;
  height: 21px;
  z-index: 10;
}

.mp3imguit {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 21px;
  height: 21px;
  z-index: 8;
}

.mp3img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 21px;
	height: 21px;
	z-index: 8;

}

.fmp3 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
  z-index: 1;
}