/* layout opmaak */

* {margin: 0; padding: 0; border: 0;}

html 
{  
background-color: #fff;
text-align: center; 
font-size:18px; 
font-family: Arial;
color: #fff;
}

body 
{ 
margin: 0 auto;
text-align: center;
}

#container
{
margin: 0px auto;
text-align: center;
width: 962px;
background-color: #fff;
padding: 18px;
}

.clear
{
clear: both;
}

/* LANGUAGES */

#languages
{
text-align: right;
width: 965px;
height: 28px;
color: #003150;
font-size: 22px;
}

#languages a
{
font-size:22px;
color: #003150;
text-decoration:none;
}

/* CONTENT */

#content
{
width: 962px;
border: 2px solid #003150;
}

/* LEFT */

#menu
{
width: 191px;
float: left;
text-align: right;
}

#menu ul
{
list-style-type: none;
margin-right: 25px;
}

#menu ul li
{
padding-top: 65px;
}

#menu ul li a
{
font-size:18px;
color: #003150;
text-decoration: none;
}

#menu ul li a:hover, #home #navhome, #about #navabout, #contact #navcontact, #collection #navcollection, #comingsoon #navcomingsoon
{
font-weight:bold;
}

#menu p
{
font-style:italic;
font-size: 10px;
color: #003150;
margin-right: 25px;
}

#home #menu p /*alleen voor engelse en duitse pagina*/
{
margin-top: 312px;
}

#collection #menu p, #comingsoon #menu p
{
margin-top: 511px;
}

#contact #menu p /*alleen voor engelse pagina*/
{
margin-top: 2793px;
}

#about #menu p /*alleen voor engelse pagina*/
{
margin-top: 1078px;
}

#menu p a
{
color: #003150;
}

#menu p a:hover
{
text-decoration:none;
}

/* TEXT */

#text
{
background-color: #003150;
text-align: left;
width: 766px;
float: right;
}

#text h1
{
margin-top: 63px;
margin-left: 65px;
margin-right: 65px;
margin-bottom: 48px;
font-size: 22px;
}

#text h2
{
font-size: 18px;
margin-left: 65px;
margin-right: 65px;
}

#text p
{
margin-left: 65px;
margin-right: 65px;
margin-bottom: 40px;
line-height: 28px;
}

#text #websites
{
text-align: right;
margin-right: 99px;
margin-top: -9px;
margin-bottom: 45px;
}

#text table
{
margin-left: 65px;
margin-right: 65px;
margin-bottom: 40px;
}

#text table td
{
vertical-align: top;
font-size: 16px;
}

#text a
{
color: #fff;
}

#text a:hover
{
text-decoration: none;
}

#text input, #text textarea
{
border: 1px solid #22004b;
width: 200px;
}

#text input.button
{
background-color: #22004b;
color: #fff;
cursor: pointer;
}

/* FOTO'S */
.fotocontainer { position: relative; height: 480px; overflow:hidden; margin-left: 2px; /* aanpassen aan de hoogte van de grootste afbeelding */ }
#thumbnails {width: 118px; height: 458px; overflow-y:scroll}
/* css-kenmerken kleine afbeelding (indien gewenst) */
.thumb img {width:100px; height: 150px;}
.thumb:hover { }
.thumb:hover img { }

/* css-kenmerken grote afbeelding */
.thumb span { position: absolute; visibility: hidden; }
.thumb span img {width: 300px; height: 450px; border: solid thin #fff }
.thumb:hover span {
visibility: visible;
top: 13px; left: 280px;
font-family: arial; font-size: 10pt; text-decoration: none; color: #000000; text-align: center;
z-index: 100; }