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

/* General Styles */

* { font-family: Arial, Helvetica, sans-serif; margin:0; padding:0;}
body { overflow:hidden;/*Needed to eliminate scrollbars*/background:#f0f0f0; }
#wrapper { z-index:4; width:980px; height:600px; position:absolute; left:50%; top:50%; margin-top:-300px; margin-left:-490px; }
img { border:none; }

/* Background Styles - Galleria */
.gallery_demo{width:300px; list-style:none;}
.gallery_demo li{ display:block; float:left; width:50px;height:50px;border:1px solid #ccc;margin: 25px 25px;background: none;}
.gallery_demo li img{ width:50px; height:50px;}
#imageframe { z-index:0; width:1104px; height:760px; position:absolute; left:50%; top:50%; margin-left:-552px; margin-top:-380px; border: 1px solid #CCC; background:white; }
#main_image{ z-index:1; position:absolute; top:50%; left:50%; margin:0px; margin-left:-512px; margin-top:-340px; width:1024px;height:680px;background:white; overflow:hidden; }
#main_image img{ vertical-align:middle; border: 1px double #ccc;}

		
/* Navigation Styles - Menubar */
#navbar { position:absolute; left:260px; top:15px;}
#language td { font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;color:#FFF; }
#language td img {margin-left:10px; margin-top:3px; border:none;}

#menu { margin:6px 0px;}
#menu ul{ border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;}
#menu ul li{ display: block; float: left; text-align: center; padding: 0;margin: 0;}
#menu ul li a{ background: #000; width: 115px; height: 18px; padding: 0px; margin: 0px 0px 10px 0px; color: #fff; text-decoration: none; display: block; text-align: center; font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;}
#menu ul li a:hover{ color: #000; background: #fff;}
#menu a:active{ background: #fff; color: #000;}
#menu li#active a{background: #fff; color: #000;}

/* Content Styles - Kamer informatie */

#content { position:absolute; width:380px; height:300px; top:250px; left:100px; font-size:12px; }
#content h2 { font-weight:lighter; padding:0px; margin:10px 0px; font-size:15pt;}

/* -- Container --- */

#containertable { width:380px; height:300px; padding:0px; margin:0px; border:none; }
#contentcell { width:335px; height:300px; color:#000;}
.container {width:315px; height:280px; padding: 10px; overflow:auto;}
.container ul {margin-left:15px;}
.visible { display: block; }
.invisible {display: none; }

#navcell { width:45px; vertical-align:middle; /*background:url(../images/border.gif) left repeat-y;*/}

#navcell a {text-decoration: none; }
#navcell a:link {  }
#navcell a:visited { }
#navcell a:hover { }
#navcell a:active { }

.selector { height:25px; width:25px; border:none;}
.selector img { margin:7px; width:6px; height:10px; border: none;}
.selector span {visibility:hidden;}
.activeselector { height:25px; width:25px; border:none; padding:10px;}
.activeselector img { margin:7px; width:6px; height:10px; border: none;}
.activeselector span {visibility:hidden;}

/* --- contact --- */
.content { color:#636363; padding:10px; height:300px; overflow:auto; }
.content table,tr,td,th { }
.content table {width:100%;}
.content table td { text-align:center; border-bottom:1px solid #FFF;}
.content table th {background-color:#FFF; color:#000; width:33%;}

/* Image Styles */

#imagebar { position:absolute; top: 250px; left:674px; width:300px;}
#controls div a { text-decoration:none; color:#FFF;  }
#controls div a:hover { text-decoration:underline; color:#FFF;  }
#previous { float:left; width:100px; font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color:#FFF; border-bottom:2px solid #000; margin-bottom:4px;}
#next { float:left; text-align:right; width:106px; font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color:#FFF; border-bottom:2px solid #000;margin-bottom:4px;}
#images { clear:both; }
.wrapper { margin: 0px 25px 25px 0px; padding:0px; float:left; border:1px solid #CCC; }
.image { border:0px; width:50px; height:50px;}

/* Formulier */
form.cmxform { width: 370px; }
form.cmxform fieldset {border: none;}
form.cmxform label { text-align:right; }
#submit { margin-left:123px;}
form.cmxform textarea { font-size:12px; width:190px; height:80px; }