/*******************************************************************************
  Deze website draait op het IPROX-platform van InfoProjects bv., IPROX is een
  state-of-the-art Content Management Systeem voor omvangrijke webomgevingen.
  Voor meer informatie, zie: http://www.infoprojects.nl en http://www.iprox.nl.
  
  @author : Tim van Uuden
            InfoProjects B.V.
            tim@infoprojects.nl
*******************************************************************************/

/* Styleset specifiek */

* {
  font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
}

body {
  padding: 0px;
  margin: 0px;
  background-color: #FFFFFF;
  background-image:url('../images/backgrounds/bg_totaal.gif');
  background-repeat:repeat-y;
  font-size: 90%;
}

body.popup {
  background-image:url('../images/backgrounds/bg_popup.gif');
  background-repeat:repeat-x;
}

h2 {
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 0px;
  color: #5D3B75;
}


div.contents a {
  text-decoration: underline;
}

div.contents .zijbalk_vlak a{
  text-decoration: none;
}

div.contents .zijbalk_vlak .lizijbalk_selected a{
  text-decoration: underline;
}

.nomargin {
  margin: 0px;
}

.nopadding {
  padding: 0px;
}

.ltrBlock {
  text-align: center;
  margin-top: 10px;
  padding: 3px;
  background-color: #DCDCE5;
  color: #010066;
  font-size: 100%;
}

a img {
  border: 0px none transparent;
}

div.ibutton {
  font-size: 90%;
  font-weight: bold;
  color:#D63F7D;
  font-style: italic;
}

div.border {
  padding: 3px;
  border: 1px solid #9B958E;
}

.hidden {
  display: none;
}

img.borderless {
  border: 0px none transparent;
}

.mailafriendtitle {
  margin-left:12px;
  font-size:120%;
  font-weight: bold;
  color: #ffffff;
}

.mailafriend_sent {
  margin-top:12px;
  margin-left:12px;
  color:#D63F7D;
  font-size:120%;
  font-weight: bold;
}

.container {  
  table-layout: fixed;  
  width:1000px;
  border-collapse: collapse;
}

/* Header elementen */
.header{
  width:1000px;
  height:187px;
  /*background-color: black;*/
}

.headerbuttons{
  margin: 31px 66px 0px 0px;
  font-size:70%; 
}

.headerbuttonleft{
  float:right;
  background-image:url('../images/backgrounds/left_header_btn.gif');
  height:26px;
  width:3px;
  margin-left:10px;
}

.buttonspacer {	
  height:1px;
  width:70px;
  overflow:hidden;
}

.headerbuttonlabel{
  float:right;
  background-image:url('../images/backgrounds/middle_header_btn.gif');
  height:26px;    
  font-weight:bold; 
  font-style: italic;  
  line-height:23px; 
}

.headerbuttonright{
  float:right;
  background-image:url('../images/backgrounds/right_header_btn.gif');
  height:26px;
  width:5px;
}

.language{
  width:1000px;
  height:16px;
  padding:0px;
  background-repeat:no-repeat;
  background-color: #D63F7D;
}

.chooselanguage{
  margin: 0px 50px 0px 0px;
  font-size:70%;
  color:#ffffff;
  text-align:right;
}

.chooselanguage a{ 
  color:#ffffff;
  font-weight:bold; 
  font-style: italic; 
}

.searchbox{
  float:right;
  background-image:url('../images/backgrounds/header_search_box.gif');
  height:23px;
  width:76px;
  overflow:hidden;
}

.searchbuttonborder{
  float:right;
  background-color: #ffffff;  
  height:23px;
  width:2px;
}

.searchbuttonholder{
  float:right;
  background-image:url('../images/backgrounds/header_search_btn.gif'); 
  height:23px;
}

.searchbutton{
  line-height:23px;
  margin:0px 3px 0px 1px;
  text-align: center;
}

.inputsearch{ 
  width: 72px;
  height:18px;
  font-size:110%; 
  font-weight:bold;
  font-style: italic; 
  background-color:#D63F7D;
  border-width:0px; 
  color:#ffffff;  
  margin:2px 0px 0px 2px;
}

.headerlabel{ 
  margin-right:3px;
  margin-left:1px;
}

.headerlink{   
  color:#ffffff;
  font-weight:bold; 
  font-style: italic; 
}

.headerhome{
  position:absolute;
  top:2px;
  left:30px;
  z-index:2;
}

.contents{
  font-size: 80%;
  padding:0px;
  margin-right: 50px; 
}

.contentsheader{
  width:580px;
  height:100px;
  background-repeat:no-repeat;
  margin-top: 0px;
  margin-left: 2px;
  padding: 0px;
}

.sitepad {
  vertical-align: bottom;
  margin: 8px 5px 0px 95px;
  padding: 0px 0px 0px 0px;
  font-size: 80%;
  color: #666666;
  height:20px;
}

.sitepad a {
  color: #d63f7d;
  text-decoration:underline;
}

.pagetitle {
  font-size: 110%;
  color: #ffffff;
  margin: 25px 0px 0px 105px;
  height:30px;
  width: 440px;
  font-weight:bold; 
  font-style: italic;  
}

.leftbar{
  padding:0px;
}

.top_knop a{
 font-size: 70%;
 color:#d63f7d;  
}

.topbtn {
 vertical-align:baseline;
}

.footer{
  border-top: 1px solid #d63f7d;  
  color: #333333;
  font-size: 80%;
  width:476px; 
  margin-top:27px;
  margin-right: 26px;
  float:right;
}

.footer_homepage{
  border-top: 1px solid #d63f7d;  
  color: #333333;
  font-size: 80%;
  width:674px; 
  margin-top: 0px;
  margin-left: 268px;  
}

div.contents a, div.contents a:hover, .footer a, .footer_homepage a {
  color: #d63f7d;
}

/* Global content */
.benadruk {
  font-size: 120%; 
  font-weight: bold;
  color: #D63F7D;
}

.benadruk a, .benadruk a:hover {
  color: #D63F7D;
}

h2 {
  font-weight: bold;
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  color: #5D3B75;
}

h3 {
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 0px;
  color: #f59a1b;
}

p {
  margin-top: 0px;
  padding-top: 0px;
}

li {
  margin-left: 15px;
}

ul li {
  padding-left: 7px;
  list-style-image: url(../images/symbols/bullit.gif);
}

table.border, table.noborder {
  width: 100%; 
}
table.iewidthcorrectie {
  width: 80%; 
}
table.border, table.border th, table.border td {
  border: 1px solid #E0E0E0;
  color: #5d3b75;
  border-collapse: collapse;
}

table.border th {
  background-color: #ECECEC;
}

table.border td {
}

/* Content */
div.middenvlak_width {
  width: 595px;
  float: left;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

div.middenvlak_content {
  border-right: 1px solid #E0E0E0;
  margin-left: 100px;
  padding-right: 10px;
  margin-right: 10px;
}

/* Zijbalk */
div.zijbalk_width {
  float: left;
  width: 190px;
  margin: 0px;
  padding: 0px;
}

div.zijbalk_content {
  margin-left: 5px;
  margin-right: 10px;
  margin-bottom: 25px;
  font-size: 90%;
}

div.zijbalk_vlak {
  background-color: #5D3B75;
  padding: 5px;
  color: #FFFFFF;
}

div.zijbalk_vlak a, div.zijbalk_vlak a:hover {
  color: #FFFFFF;
}

div.zijbalk_vlak div.bottomline {
  border-bottom: 1px solid #7D6291;
}

div.zijbalk_vlak div.nav {
  padding-bottom: 5px;
}

div.zijbalk_vlak div.tekst {
  padding-top: 5px;
}

div.zijbalk_vlak .linkblok {
  padding-bottom: 5px;
}

div.mailafriend_buttons div.link_print {
  font-size: 90%;  
  padding-bottom: 3px;
  display: inline;
  width: 100px;
}

div.mailafriend_buttons div.link_mail {
  font-size: 90%;
  padding-bottom: 1px;
  display: inline;
  width: 100px;
}

div.mailafriend_buttons a {
  text-decoration: none;
}

.ulzijbalk{
  margin: 0;
  padding: 0;
}

.lizijbalk{
  padding: 0;
  list-style-image: none;
  list-style-position: outside;  
}

.lizijbalk_selected{
  padding: 0;
  list-style-image: none;
  list-style-position: outside;  
}

.imgmapzijbalk{
  border:0px;
  width: 180px;
}

.static_content
{
  float:right;
  color: #333333;
  font-size: 70%; 
  width:234px;  
}

.static_content_homepage
{
  color: #333333;
  font-size: 70%; 
  width:134px;  
  margin-left: 874px;
}

.static_content a, .static_content_homepage a {
  color: #d63f7d;
}

/* Navigatie */
.navleft{
  margin-left:8px;
  margin-top:23px;
  font-size:80%;
  font-weight:bold; 
  font-style: italic; 
 }

.navlevel1{
  background-image:url('../images/backgrounds/nav_button_0.gif');
  background-repeat:no-repeat;
  width:153px;
  height:41px;  
  margin-bottom:7px;
  line-height:14px;
  display: table; 
  _position: relative;
}

.navlevel1_selected{
  background-image:url('../images/backgrounds/nav_button_1.gif');
  background-repeat:no-repeat;
  width:153px;
  height:41px;  
  margin-bottom:7px;
  line-height:14px;
  display: table; 
  _position: relative;
  color:#d63f7d;
}

.navlevel1_selected_hassubs {
  background-image:url('../images/backgrounds/nav1_hassubs.gif');
  background-repeat:no-repeat;
  width:153px;
  height:33px;   
  line-height:14px;
  display: table; 
  _position: relative;
  color:#d63f7d;
}

.navlevel2{
  background-image:url('../images/backgrounds/nav2_bg.gif');
  background-repeat:no-repeat;
  width:153px;
  height:33px;  
  line-height:12px;
  display: table; 
  _position: relative; 
}

.navlevel2_selected{
  background-image:url('../images/backgrounds/nav2_bg.gif');
  background-repeat:no-repeat;
  width:153px;
  height:33px;  
  line-height:12px;
  display: table; 
  _position: relative;
  color:#d63f7d; 
  text-decoration: underline;
}

.navlevel2_selected a, .navlevel2_selected_last a {
  text-decoration: underline;
  color:#d63f7d;
}

.navlevel2_last{
  background-image:url('../images/backgrounds/nav2_bg_last.gif');
  background-repeat:no-repeat;
  width:153px;
  height:37px;  
  margin-bottom:7px;
  line-height:12px;
  display: table; 
  _position: relative; 
}

.navlevel2_selected_last{
  background-image:url('../images/backgrounds/nav2_bg_last.gif');
  background-repeat:no-repeat;
  width:153px;
  height:37px;  
  margin-bottom:7px;
  line-height:12px;
  display: table; 
  _position: relative;
  color:#d63f7d; 
  text-decoration: underline;
}

.navcontainer{
  _position: absolute;
  _top: 50%;
  display: table-cell; 
  vertical-align: middle;
}

.navlevel1label{
  _position: relative;
  _top: -50%; 
  margin-bottom:6px; 
  margin-left:8px;  
  padding-right:9px;
}

.navlevel1label_selected_hassubs{
  _position: relative;
  _top: -50%;
  margin-top:4px;
  margin-left:8px;
  padding-right:9px;
}

.navlevel2label{
  _position: relative;
  _top: -50%;
  margin-top:4px;
  margin-left:8px;  
  font-size: 70%;  
}

.navlevel1 a{   
  color:#ffffff;  
}

.navlevel2 a, .navlevel2_last a, .navlevel1_selected_hassubs a{   
  color:#d63f7d;   
  font-size: 100%; 
}

.logoholder{
 margin-top:25px;
}

/* Imagemap header werkstuk maken */
.werkstukmap{
  position:absolute;
  top:74px;
  left:147px;
  z-index:2;
}

.map_onder{
  z-index:1;		 
}

.map_boven{
  z-index:3;		 
}

.werkstukmap_item1{
  position:absolute;
  left:684px;
  top:90px;
  z-index:31;	
 }

/* Imagemap werkstuk*/
.hsDiv {
  position:absolute;
  border:none;
  display:none;
  z-index:2;
  width:auto;
  padding:0;
  border:solid 1px #d63f7d;
  background-color:#ffffff;
}

.hotspotTitle {
  font-size:80%;
  font-weight:bold; 
  font-style: italic; 
  color:#d63f7d;
}

.hotspotText {
 font-size:80%;
 font-weight:bold; 
 font-style: italic; 
 color:#d63f7d;
}

table.imgHolder td {
  font-style: italic;
  font-size: 70%;
}

button {
  background-color: transparent;
  border: 0px none transparent;
  color: #d63f7d;
  margin: 0px;
  padding: 0px;
}

button.buttonOver {
  text-decoration: underline;
}

/* clipping */
form.clipform {
  vertical-align: center;
}

button.clipbutton {
  font-size: 60%;
  height: 16px;
}

button.img {
  width: 18px;
}

button.text {
  width: 102px;
  text-align: left;
}

div.clipbuttons button.text {
  text-align: right;
}

div.clipbuttons {
  text-align: right;
  width: 470px;
  margin: 0px;
  padding: 0px;
}

div.alreadyclippedtext {
  color: #d63f7d;
  font-size: 60%;
}

div.plakboek_pos {
  width: 235px;
  float: right;
  margin-top: 40px;
}

div.plakboek {
  height: 45px;
}

div.plakboek a {
  color: #d63f7d;
}

div.button_plakboek {
  float: left;
}

div.plakboek_uitleg {
  margin-bottom: 15px;
  font-size: 80%;
}

div.plakboek_text {
  font-style: italic;
  font-weight: bold;
  font-size: 80%;
  padding-top: 10px;
}

div.rechtervlak_content div.plakboek_text {
  font-size: 110%;
}

div.rechtervlak_content div.plakboek_uitleg {
  font-size: 90%;
}

form.clipform {
  margin: 0px;
  padding: 0px;
}

form.clipform button {
  cursor: pointer;
} 

form.clipform button.updown {
  cursor: pointer;
  background-color: transparent;
  border: 0px none transparent;
  margin: 0px;
  padding: 0px;
  height: 8px;
} 

form.clipform td.label {
  font-weight: bold;
}

form.clipform td.input input {
  font-size: 110%;
}

div.dummy {
  margin-left: 1px;
  margin-bottom: 1px;
  margin-top: 1px;
}

img.typeclipping {
  margin-left: 3px;
}

td.check, td.updown {
  text-align: center;
}

.ibuttonclip input {
  width: 100px;
  height: 20px;
  font-size: 90%;
  font-weight: bold;
  background-color: transparent;
  color:#D63F7D;
  border:0px none #FFFFFF;
  cursor: pointer;
  text-align: left;
  margin-left: 5px;
  font-style: italic;
}
table.borderFixed, table.borderFixed th, table.borderFixed td {
  table-layout: fixed;
  border: 1px solid #E0E0E0;
  color: #5d3b75;
  border-collapse: collapse;
  font-size: 100%;
}

table.borderFixed th {
  background-color: #ECECEC;
}

table.borderFixed td {
}

table.clipcontent {
  margin-bottom: 20px;
}

table.clipcontent td {
  padding: 3px;
}

div.clip_width {
  width: 550px;
}

div.clip_content {
  margin-left: 90px;
}

div.clipheader {
  font-size: 130%;
  background-image: url(../images/clipbook/titelHeader_plakboek.gif)
}

div.clipbook {
  margin-left: 10px;
  margin-right: 10px;
}

div.popupspacer {
  height: 40px;
}

div.close {
  width: 100%;
  text-align: right;
  position: absolute;
}

div.clipbuttonlabel {
  background-image:url('../images/clipbook/bg_button.gif');
  background-repeat: no-repeat;
  height:41px;    
  font-weight:bold; 
  font-style: italic;  
  line-height:23px; 
  width: 426px;
  text-align: center;
  margin-bottom: 20px;
  margin-left: 15px;
}

div.clipbuttonlabel a {
  color: #d63f7d;
}

div.clipbuttonlabel button.clipbutton {
  font-size: 120%;
  height: 30px;
  font-weight: bold;
}

div.buttons div.intro {
  color: #5d3b75;
  font-weight: bold;
  margin-bottom: 10px;
}

div.clipbuttonlabel button.bigger {
  font-size: 140%;
  height: 30px;
  font-weight: bold;
}

div.cliplabel {
  margin-top: 5px;
}

span.double input {
  border-width: 2px; 
  margin-bottom: 6px;
  margin-right: 5px;
}

div.downloadlink {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 130%;
  font-weight: bold;
}


/* generieke classes */

.left {
  float: left;
}

.right {
  float: right;
}

.pointer {
  cursor: pointer;
}