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

html, body {
background-color: #c0ebb9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
color: #434343;
margin: 0px;
height:100%; /* voor IE */
}

/* Alinea's */

p.vet {
font-weight:bold;
}

.star {
font-weight:bold;
color:#FF0000;
}

p.dikstreep {
text-decoration:underline;
font-weight:bold;
}

p.lijst{
margin-left:15px;
}

p.lijstcursief{
margin-left:15px;
font-style:italic;
}

p.center {
text-align: center;
}

p.vetmidden {
text-align: center;
font-weight: bold;
}

p.vetrechts {
text-align: right;
font-weight: bold;
}

.vet {
font-weight: bold;
}

/* Tekst en koppen - Tekst en koppen - Tekst en koppen - Tekst en koppen - */

.first {
margin-left: 30px
}

.koptekst {
font-size: 23px;
font-weight: bold;
color: #000000;
line-height: 30px;
}

.kopafm {
font-size: 23px;
font-weight: bold;
color: #000000;
line-height: 30px;
text-align:center;
text-decoration:underline;
}

/* Afbeeldingen - Afbeeldingen - Afbeeldingen - Afbeeldingen - */

img.displayed {
text-align:center;
}
	
img.filmpic {
float: left;
margin: 5px;
}

img.presspic {
float: left;
margin: 10px;
border: 1px solid #ccccab;
}

img.floatlinks {
float: left;
margin-right: 10px;
}

img.floatrechts {
float: right;
margin-left: 10px;
}

/* Lijnen - Lijnen - Lijnen - Lijnen - Lijnen - Lijnen */

.hr {
border: 0;
height: 1px;
background-color: #ccccab;
margin: 5px;
}

.hr2 {
border: 0;
width: 100%;
height: 1px;
background-color: #ccccab;
margin:0px 0px 5px 5px;
float:left;
margin-left: 15px;
}

.hr3 {
border: 0;
width: 100%;
height: 2px;
background-color: #a8b86f;
float:left;
margin: 0px 15px 15px 0px;
}

.hr4 {
border: 0;
width: 100%;
height: 1px;
background-color: #a8b86f;
float:left;
margin: 0px 15px 15px 0px;
}

.hr5 {
border: 0;
height: 1px;
background-color: #ccccab;
margin: 5px;
}

.hr6 {
border: 0;
width: 100%;
height: 2px;
background-color: #434343;
float:left;
margin: 2px;
}

/* Opbouw structuur - Opbouw structuur - Opbouw structuur - Opbouw structuur */

div.container {
width: 1003px;
position: relative;
margin: 0px auto;
border-right: 1px solid #ccccab;
background: url(img/bck.jpg) repeat-y #ffffd7;
overflow: hidden;
min-height: 100%;   
height:auto !important; /* voor moderne browsers */  
height:100%; /* voor IE */
}

div.twi {
position: absolute;
bottom: 85px;
left: 37px;
width: 100px;
height:36px;
}

div.bottom { 
position: absolute;
bottom: 0px;
left: 0px;
background: url(img/bottom.gif) repeat-x #465c47;
width: 1003px;
height:60px;
overflow: hidden;
font-size:11px;
color: #c0ebb9;
text-align:center;
}

.header {
width: 1003px;
height: 175px;
float: left;
}

.menuutje {
float: left;
width: 173px;
margin-top:5px;
}

.content {
float: left;
width: 800px;
padding: 15px 15px 75px 15px;
background-color: #ffffd7;
color: #434343;
line-height: 20px;
overflow:hidden;
min-height: 100%;  
height:auto !important; /* voor moderne browsers */  
height:100%; /* voor IE */
}

.price {
font-size: 12px;
}

/* Opbouw op pagina - Opbouw op pagina - Opbouw op pagina - Opbouw op pagina */

div.advenster {
margin: 0px auto;
width: 780px;
margin-bottom: 25px;
overflow: hidden;
border: 1px solid #666666;
}

div.adkop {
float: left;
width: 780px;
padding: 0px;
background-color:#e1e1bd;
}

div.adtitel {
float: left;
width: 480px;
padding: 5px;
font-weight:bold;
color: #000000;
}

div.adtekst {
float: left;
width: 770px;
padding: 5px;
}

div.adtekst1 {
float: left;
width: 380px;
padding: 5px;
margin-top:5px;
}

div.adtekst2 {
float: left;
width: 375px;
padding: 5px;
}

div.klikfoto {
float: left;
width: 725px;
padding: 0px 5px;
}

div.adnr {
float: right;
width: 270px;
padding: 5px;
text-align:right;
}

div.adfotolijst{
clear: both;
overflow: hidden;
width: 725px;
padding: 5px;
margin: 10px auto;
}

div.adfoto{
float:left;
width: 175x;
padding: 3px;
}

#announce {
position: absolute;
left: 250px;
top: 150px;
background-color: #f2f2eb;
width: 600px;
border: 5px solid #4d578c;
padding: 10px;
}

#ann {
position: absolute;
left: 250px;
top: 150px;
width: 558px;
height: 387px;
}

#film {
width: 640px;
height: 369px;
margin: 0px auto;
}

div.filmfoto {
float: left;
width: 150px;
height: 113px;
}

div.foto{
float:left;
width: 300px;
text-align: right;
}

div.fotolijst{
float:left;
padding-top: 15px;
padding-bottom: 15px;
width: 800px;
border-top: 1px solid #97a663;
}

div.fototekst{
float:left;
width: 460px;
padding-left: 10px;
vertical-align:text-top;
color: #434343;
}

div.fout {
width: 400px;
margin: 0px auto;
margin-bottom: 15px;
border:1px solid #ff9535;
padding: 10px;
background-color:#465c47;
color: #ff9535;
font-weight:bold;
}

div.succes {
width: 530px;
margin: 0px auto;
margin-top: 25px;
border:1px solid #ff0000;
padding: 10px;
background-color:#ffffff;
color: #ff0000;
font-weight:bold;
font-size:21px;
line-height: 30px;
}

.succespic {
width: 490px;
height: 265px;
margin: 0px auto;
margin-top: -20px;
}

div.mcodefoto{
float:left;
width: 275px;
text-align: right;
}

div.mcodelijst{
float:left;
padding-top: 15px;
padding-bottom: 15px;
width: 700px;
border-top: 1px solid #ccccab;
}

div.mcodetekst{
float:left;
width: 415px;
padding-left: 10px;
vertical-align:text-top;
}

div.mcodevoet{
float:left;
width: 700px;
margin-top: 5px;
border-top: 1px solid #ccccab;
}

div.minifoto{
float:left;
width: 250px;
text-align: right;
}

div.minifototekst{
float:left;
width: 510px;
padding-left: 10px;
vertical-align:text-top;
color: #434343;
}

#mplaatje {
width: 630px;
margin: 0px auto;
}

#mplaatjelinks {
width: 255px;
float: left;
padding: 5px;
border: 1px solid #a8b86f;
text-align:center;
}

#mplaatjerechts {
width: 255px;
float: right;
padding: 5px;
border: 1px solid #a8b86f;
text-align:center;
}

.pers {
margin: 0px auto;
width: 684px;
overflow: hidden;
}

#remark {
position: absolute;
text-shadow:#666666;
top: 200px;
right: 100px;
width: 602px;
height:925px;
background-color:#ffffff;
overflow: hidden;
text-align:right;
font-weight:bold;
z-index:1;
}

div.typefoto{
float:left;
width: 200px;
text-align: right;
}

div.typefototekst{
float:left;
width: 560px;
padding-left: 10px;
vertical-align:text-top;
color: #434343;
}

div.typelijst{
float:left;
padding-top: 10px;
padding-bottom: 10px;
width: 770px;
border-top: 1px solid #ccccab;
}

div.updates
{width: 800px;
margin-top: 20px;
overflow: hidden;
}

div.updweek {
width: 788px;
padding: 5px;
border-bottom: 1px solid #434343;
float: left;
font-weight: bold;
}

div.date {
width: 50px;
padding: 5px;
margin-left: 15px;
float: left;
font-weight: bold;
}

div.updlinks {
width: 715px;
padding: 5px;
float: left;
}

/* Links - Links - Links - Links - Links */

a:link {color:#4d578c; text-decoration:none;}
a:visited {color:#4d578c; text-decoration:none;}
a:hover {color: #660000; text-decoration:underline;}
a:active {color:#4d578c; text-decoration:underline;}

/* TABELLEN */

#tabel {
padding: 10px;
color: #434343;
line-height: 20px;
width: 100%;
border-collapse:collapse
}

.inhtabel {
padding: 10px;
}

.introtabel {
text-align: center;
padding: 10px;
}

.link {
border-bottom:1px solid #e5e5e5;
}

.y {
border-right:1px solid #a8b86f;
text-align:left;
vertical-align: top;
white-space: nowrap;
}

.yb {
border-right:1px solid #a8b86f;
text-align:left;
vertical-align: bottom;
white-space: nowrap;
}

.yno {
text-align:left;
vertical-align: top;
white-space: nowrap;
}

/* Contactformulier - Contactformulier - Contactformulier */

th {
  background-color:#0080C0;
  color:white;
  font-weight:bold;
  font-size:18px;
  border: 1px solid #0080C0;
}
input.text, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

#mydiv {
margin: 0px auto;
width: 600px;
  text-align: left;
  border: 1px solid #ccccab;
  padding: 5px;
}
td.colone {
  text-align: left;
  vertical-align: top;
  padding-top:6px;
}
td.coltwo {
  color:red;
  text-align: center;
  vertical-align: top;
  padding-top:9px;
}
td.colthree {
  width:80%
}
table.border {
  border: 1px solid #0080C0;
  border-collapse: collapse;
}

/* NAVIGATIE MENU */
/* ____________________________________________________________________________________ */
	
#menu {
width: 143px; /* set width of menu */
margin: 10px auto;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
display: block;
margin: 0;
padding-left: 5px;
}

#menu h2 {
color: #fff;
text-transform: uppercase;
border-top: 1px solid #465c47;
}

#menu a {
color: #21302a;
text-decoration: none;
background-image:url(/img/menu.png);
}

#menu a:hover {
color: #21302a;
background:url(/img/menu.png) 0 -25px;
}

#menu a:active {
color: #a00;
background:url(/img/menu.png) 0 -50px;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
}

#menu li a {
height: 25px;
line-height: 24px;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
z-index:+1;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}