/*--------------------------------- gallery 02--------------------------------*/
#container {
   width:85%;
/*position: relative;*/
/*width:670px;*/
/*height:700px;*/
background:#B799BA; /*#FF99CC;*/
margin:0px auto;
border:0px solid red;
}

html, body{
 /*margin:0;*/
 /*padding:0;*/
 text-align:center;
 margin: 0px;
 position: center;
 font-size:16pt;
 font-family:Times new Roman;
 color:#525252;
 font-weight:none;
 border:0px solid purple;
/* background-color: #FFBBEE; /*#FF99CC;*/
 background:#B799BA;
}

/*table {
 font-size:12pt;*/
/* font-family:trebuchet ms, Verdana;
 text-align: left;
 position: left;
 margin-left: 15px;
 /*background-color: #000000;*/
/*}*/

#left {
  display: inline;
  float: left;
  /*position: absolute;*/
  width:280px;
  /*<!--[if IE 6]>*/
  height: 625px;
  /*<![endif]-->
  height: 100%;*/
  background-image: url(boek.jpg);
  background-repeat: repeat-y;
  /*background-position: left;*/
  /*background:#FFBBEE; /*#FF99CC;*/
  margin:-10px 0px 0px -0px; /* upper  right  bottom left */
  /*margin-top:-10px;
  margin-left:-200px; /* upper  right  bottom left */
  z-index:5;
  border:0px solid white;
}

#content {
  display: inline;
  /*position: absolute;*/
  position: relative;
  /*text-align:left;*/
  /*display:block; /* set up as a block */
  /*right:0px;*/
/*  left:-5px;*/
  left:-50px;
  /*top: 20px;*/
  top: 20px;
  /*bottom:100px;*/
  height:auto;
  z-index: 4;
  width:95%;
  /*height:700px;*/
  background:#B799BA; /*#FF99CC;*/
  margin:10px auto;
  border:0px solid green;
}

#contentindex {
  display: inline;
  /*position: absolute;*/
  position: fixed;
  /*text-align:left;*/
  display:block; /* set up as a block */
  /*right:0px;*/
/*  left:-5px;*/
  left: 220px;
  /*top: 20px;*/
/*  top: 235px;*/
  /*bottom:100px;*/
  height:125px;
  z-index: 4;
/*  width:85%;*/
  /*height:700px;*/
  /*background:#B799BA; /*#FF99CC;*/
  margin: -145px 0px 0px 150px; /* upper  right  bottom left  */
  /*margin:100px auto;*/
  border:0px solid green;
}

.a, .a:visited {
  color:#525252;
}

.titel {
 text-align:center;
 margin: 0px;
 position: center;
 background:#B799BA;
 /*margin:0px 50px 50px -50px; /* upper  right  bottom left  */
 font-size:48pt;
 /*font-family:trebuchet ms, Verdana;*/
 font-family:Times new Roman;
 /*font-weight:bold;*/
 padding: 0px;
 border: 0px solid red;
}

.welkom {
/*  float: center;
 text-align:center;
 margin: -10px -0px 0px 200px; /* upper  right  bottom left */
 /*position: center;*/
 background:#87A3AB;
 /*margin:0px 50px 50px -50px; /* upper  right  bottom left  */
 font-size:44pt;
 /*font-family:trebuchet ms, Verdana;*/
 font-family:Times new Roman;
 /*font-weight:bold;*/
 padding: 30px;
 border: 0px solid red;
 z-index:3;
}

.booktable {
  /*padding: 5px;*/
  /*margin: 10px;*/
  font-size:12pt;
  font-family:trebuchet ms, Verdana;
  color:#111111;
  text-align: left;
  position: left;
  /*margin-left: -15px;*/
  background-color: #000000;
}

.bookchange {
  /*padding: 5px;*/
  /*margin: 10px;*/
  font-size:10pt;
  font-family:trebuchet ms, Verdana;
  color:#111111;
  text-align: left;
  position: left;
  /*margin-left: -15px;*/
  background-color: #000000;
}

.bookpic {
background-color:#87A3AB;  /*8EB0B9*/
width: 105px;
text-align:center;
/*  font-size:08pt;*/
  font-family:trebuchet ms, Verdana;
}

.booktext {
background-color:#DDDDFF;
width: 85%;
height: 210px;
/*text-align:justify;*/
/*  font-size:08pt;*/
  font-family:trebuchet ms, Verdana;
}

.linkpic {
background-color:#87A3AB;  /*8EB0B9*/
width: 15%;
text-align:left;
padding-left: 15px;
padding-right: 15px;
/*  font-size:08pt;*/
  font-family:trebuchet ms, Verdana;
  font-size:13pt;
}

.linktext {
background-color:#DDDDFF;
width: 85%;
padding-left: 10px;
/*height: 210px;*/
/*text-align:justify;*/
/*  font-size:08pt;*/
  font-family:trebuchet ms, Verdana;
  font-size:12pt;
}

.book-text {
background-color:#DDDDFF;
width: 85%;
/*height: 230px;*/
/*text-align:justify;*/
/*  font-size:08pt;*/
  font-family:trebuchet ms, Verdana;
}



input, textarea, select {
    background-color:#FFFFFF;
    border:1px solid #DEDEDE;
    font-family:Tahoma, Arial, sans-serif;
    font-size:10pt;
    color:#666666;
    text-decoration:none;
}
input:focus { background-color: #ffffdd } /*E8E8E8=lichtgrijs*/

textarea, select {     /* ----- voor invul velden bijv bij: contact -----*/
    background-color:#F8F8F8;
    border:1px solid #DEDEDE;
    font-size:08pt;
    font-family:Verdana, sans-serif;
    /*color:#666666;*/
    overflow: auto;
    scrollbar-base-color:#F7F5F6;
    color:#000033;
    text-decoration:none;
}
textarea:focus { background-color: #ffffdd }

/* ----- Alle buttons op de site mooi stylen ----- */
.button {
background-color:#F8F8F8;
border: 2px solid;
 font-size:11pt;
 font-family:Times new Roman;
font-style:regular;
text-decoration:none;
/*display: block;*/

border-color: #edcadb #cc6699 #cc6699 #edcadb;
/*width: 8em;*/
/*background: #F8F8F8;*/
}

.button:hover
{
background-color:#ffffdd; /*E8E8E8=lichtgrijs*/
border: 2px solid;
 font-size:11pt;
 font-family:Times new Roman;
font-style:regular;
text-decoration:none;
/*position: relative;
top: 1px;
left: 1px;*/
border-color: #BB5588 #edcadb #edcadb #BB5588;
}

/* ----- Dus ook in IE want daar werkt hover niet ----- */
/* ----- Samen met javascript hoverButton in config_html.php ----- */
.button:hover, .over
{
background-color:#ffffdd; /*E8E8E8=lichtgrijs*/
border: 2px solid;
 font-size:11pt;
 font-family:Times new Roman;
font-style:regular;
text-decoration:none;
/*position: relative;
top: 1px;
left: 1px;*/
border-color: #BB5588 #edcadb #edcadb #BB5588;
}


.right {
 text-align: right;
 margin:-15px 0px 0px 0px; /* upper  right  bottom left  */}

.bookextra {
  background-color: #FFBBEE; /*#E4C0E3;*/
  font-size:08pt;
  font-family:trebuchet ms, Verdana;
}

.bookdetails {
  background-color:#FFBBEE; /*#E4C0E3;*/
  /*border: 2px solid;
  border-color: #BB5588 #edcadb #edcadb #BB5588;*/
  font-size:08pt;
  font-family:trebuchet ms, Verdana;
  /*margin: -20px -2px -2px -2px; /* upper  right  bottom left  */
}

.details {
 /*padding-left: -50px;*/
 text-align: center;
 background-color:#FFBBEE; /*#E4C0E3;*/
 border: 1px solid;
 /*border-color: #000000 #FF99DD #FF99DD #000000;*/
 border-color: #000000 #FFBBEE #FFBBEE #000000;
 z-index: 50;
/* margin: -5px -5px -10px -111px; /* upper  right  bottom left  */
 margin: -0px -5px -6px 78%; /* upper  right  bottom left  */
}

#beheer {
/*background-position: center;*/
position: relative;
/*height:460px;*/
width:70%;
display:inline;
float: left;
text-align:left;
/*margin-right: 35px;*/
padding: 05px;
font-size:09pt;
font-family:Verdana;
color:#4A4A4A;
background:#F7F5F6;
margin: 3px 3px 6px 8px
/*margin:1px 6% 2px 6%;*/
/*border:2px solid red;*/
/*z-index:08;*/
/*line-height: 18px;*/
}

#error {
  position: fixed;
  left: -100px;
  top: 150px;
  float: center;
  display:inline;
  width:600px;
  height:800px;
  font-family:Verdana, sans-serif;
  font-size:10pt;
  z-index:1000;
  padding: 25px;
  background:#F7F5F6;
  margin:-60px 0px 0px 190px; /* upper  right  bottom left  */
  border:2px solid red;
}
.error {
  position: fixed;
  left: -100px;
  top: 260px;
  float: center;
  display:inline;
  width:600px;
  height:800px;
  font-family:Verdana, sans-serif;
  font-size:10pt;
  z-index:1000;
  padding: 25px;
  background:#F7F5F6;
  margin:-60px 0px 0px 190px; /* upper  right  bottom left  */
  border:2px solid red;
}

#text {
/*background-position: center;*/
position: relative;
/*height:460px;*/
width:660px;
display:inline;
float: left;
/*text-align:left;*/
/*margin-right: 35px;*/
/*padding: 05px;*/
font-size:10pt;
font-family:Verdana;
color:#4A4A4A;
background:#F7F5F6;
margin: 3px 3px 4px 4px;
/*margin:1px 6% 2px 6%;*/
/*border:2px solid red;*/
/*z-index:08;*/
/*line-height: 18px;*/
}

#show_text {
/*background-position: center;*/
padding: 0px;
/*position: relative;
float: center;*/
height:450px; /* bepaald de hoogte van text-plaatjes box tussen 8 pics en text links */
width:800px;
/*display: inline;
float: left;
/*text-align:justify;*/
 font-size:16pt;
 font-family:Times new Roman;
color:#4A4A4A;
/*background:#D88CB2;*/
overflow: auto;scrollbar-base-color:#F7F5F6;
margin: 0px 0px 0px 25px;
border:0px solid #867366;
/*z-index:200;*/
}


#show_link {
/*background-position: center;*/
/*position: relative;/*
/*display: inline;*/
float: left;
/*text-align:justify;
font-size:11pt;
font-family:Verdana;
color:#4A4A4A;
background:#F7F5F6;
/*overflow: auto;scrollbar-base-color:#F7F5F6;*/
margin: 3px 3px 6px 8px;
border:0px solid red;
/*z-index:200;*/
}

  
/*a:link	{         /* ----- normal links ----- */

a:link,a:active {
    color:#525252;
    font-family:trebuchet ms, Verdana;
    /*font-size:20pt;*/
    font-weight:none;
    text-decoration:underline;
}

a:visited {
/*color: #CC0000;*/
color: #525252;
font-family:trebuchet ms, Verdana;
/*font-size:20pt;*/
font-weight:none;
text-decoration:underline;
/*font-size:11pt;
font-family:Arial;
font-weight:bold;
text-decoration:none;*/
}

a:hover	{
color: #009900;
font-family:trebuchet ms, Verdana;
/*font-size:20pt;*/
font-weight:none;
text-decoration:none;
/*font-weight:bold;*/
/*text-decoration:underline;*/
}

.text {        /* ----- voor alle overige text -----*/
/*background-color:#F8F8F8;*/
/*color: #000000;*/
/*border:1px solid #006666;*/
 font-size:16pt;
 font-family:Times new Roman;
/*line-height: 18px;*/
/*font-weight:bold;*/
font-style:regular;
text-decoration:none;
}
  
.input {        /* ----- voor invul velden bijv bij: contact -----*/
background-color:#F8F8F8;
/*color: #000000;*/
border:1px solid #006666;
 font-size:16pt;
 font-family:Times new Roman;
/*line-height: 18px;*/
/*font-weight:bold;*/
font-style:regular;
text-decoration:none;
}

.visiaddrecensie {
  background-color: #DDDDFF; /*#E4C0E3;*/
  font-size:08pt;
  font-family:trebuchet ms, Verdana;
}

.visirecensie {
  background-color: #FFBBEE; /*#E4C0E3;*/
  font-size:08pt;
  font-family:trebuchet ms, Verdana;
}

/*background-color:#DDDDFF;
width: 85%;
/*height: 230px;*/
/*text-align:justify;*/
/*  font-size:08pt;*/
/*  font-family:trebuchet ms, Verdana;*/