﻿
body{
background-image: url("fotos/background2b.jpg");
background-attachment: fixed;
background-repeat: repeat-x;
font-family: verdana;
width: 800px;
margin: auto;}

#background{
background-color: #fff2c4;
border: 1px #a0522d solid;
width: 800px;
min-height: 700px;
margin-top: 10px;
margin-bottom: 10px;}


#ne_header{
background-image: url("logo/ne_header.jpg");
height: 250px;
background-repeat: no-repeat;}

#en_header{
background-image: url("logo/en_header.jpg");
height: 250px;
background-repeat: no-repeat;}

#de_header{
background-image: url("logo/de_header.jpg");
height: 250px;
background-repeat: no-repeat;}

#fr_header{
background-image: url("logo/fr_header.jpg");
height: 250px;
background-repeat: no-repeat;}


#language{
float: left;
width: 217px;
position: relative;
left: 15px;
height: 30px;
}

#content{
clear: right;
border: 1px #c0261c inset;
background-color: #f29c55;
color: #3a2308;
text-align: left;
padding: 30px;
font-size: 14px;
min-height: 500px;
margin-left: 245px;
margin-right: 25px;
margin-bottom: 20px;}

#menu1{
width: 100%;
height: 28px;
margin-top: 0px;
margin-bottom: 79px;}

#menu1 ul, #menu ul, .submenu ul {
list-style-type : none;
padding: 0;
margin:0;
font-size: 15px;}

#menu1 li{
float: left;
width: 200px;
font-size: 12px;}


#menu1 a, #menu1 span {
display: block;
background-image: url("menu/menu1.jpg");
background-position: left top;
background-repeat: no-repeat;
background-color: #a0522d;
color:  #fff8eb;
padding-top: 6px;
padding-bottom: 7px;
text-align: center;
text-decoration: none;}

#menu1 ul.subMenu li a{
background-image: url(menu/menu1.jpg);
background-position: 0 -84px;
font-size: 1em;
color: #7c3f22;
padding-top: 5px;
padding-bottom: 5px;}

#menu1 li a:hover {
border: 1px #512613 solid;
text-decoration: underline;
color: #fff8eb;}

#menu1 ul.subMenu li a:hover {
border: 1px #512613 solid;
text-decoration: underline;
color: #7c3f22;}

#menu1 .toggleSubMenu a, #menu1 .toggleSubMenu span {
background-image: url(menu/menu1.jpg);
background-position: 0 -28px;
}

#menu1 li.open a, #menu1 li.open span {
background-image: url(menu/menu1.jpg);
background-position: 0 -56px;
}


#menu {
float: left;
clear: left;
width: 210px;
position: relative;
top: 30px;
left: 15px;}

#menu2 li
{
width: 100%;
}
 
#menu2 li a, #menu2 span {
display: block;
color: #a0522d;
font-weight: bold;
padding-bottom: 11px;
padding-top: 11px;
padding-left: 12px;
margin-bottom: 2px;
font-size: 14px;
text-decoration: none;
background: url(menu/menu2.jpg) no-repeat;
background-position: left top;}

#menu2 .toggleSubMenu a, #menu2 .toggleSubMenu span {
background-image: url(menu/menu2.jpg);
background-position: 0 -39px;
}

#menu2 .open a, #menu2 .open span, #menu2 span.open{
background-image: url(menu/menu2.jpg);
background-position: 0 -78px;
}

#menu2 li a:hover, #menu2 li a:focus, #menu2 li a:active , #menu3 li a:hover, #menu3 li a:focus, #menu3 li a:active {
text-decoration: underline;
border: inset transparent 1px;}

#menu2 ul.subMenu , #menu2 ul.open_at_load{
font-size: .8em;
background-color: #fdf8f4;
border-right: 3px #a0522d solid;
border-left: 1px #a0522d solid;
border-top: 1px #a0522d solid;
border-bottom: 3px #a0522d solid;
margin-left: 5px;
margin-right: 15px;}

#menu2 ul.subMenu li a, #menu2 ul .open_at_load li a {
border-bottom: 1px #a0522d solid;
font-weight: normal;
background: #fefbf5;
color: #7c3f22;
padding: 3px 8px;}


#menu3  {
margin-top: 30px;
width: 85px;
}

#menu3 a{
display: block;
background-image: url("menu/menu3.jpg");
background-repeat: no-repeat;
font-size: 13px;
color: #8c4727;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 7px;
text-decoration: none;
}

#nieuwsbrief{
float: left;
clear:left;
width: 190px;
position: relative;
top: 60px;
left: 18px;
color: #3a2308;}




label.captcha{
margin-top: 8px;}

input.captcha{
margin-left: 20px;
margin-top: 10px;
padding: 2px;
font-size: 20px;}

fieldset{
border: 1px solid black;
text-align: left;
font-weight: normal;
margin-bottom: 20px;
padding: 10px;}

fieldset.hidden_form{
border: none; }

fieldset.nieuwsbrief{
border: 1px solid #a0522d;
font-size: 12px;
}

input {
background-color: #f5f5f5;
margin-bottom: 10px;
margin-right: 5px;}

ul{
list-style-type : square;}

textarea {
border: 2px inset #808080;
background-color: #f5f5f5;
margin-left: 2px;}

a{
color: #7c0000;
font-size: 1.1em;}

a:hover
{
color: #ffdbb3}


#content h2{
text-align: left;}

#content img{
margin: 10px;
border: 2px inset #ffefd5;
margin-left: 5px;}

#formboeken{
border: 1px solid #3a2308;
padding: 20px;}

#footer{
background-color: #340000;
color: #fbfae5;
font-size: 12px;
padding-left: 10px;}

#language img{
border: 1px black solid;
margin-right: 10px;}

div.blue-border {
margin-left: 10px;
width: 350px;
border: 1px #00567c solid; 
padding: 10px;}

.italic {
font-style: italic;}

.nomargin{
margin: 0;
margin-left: -3%;}

.hidden {
display: none}

.error{
color: #dc0000;
font-weight: bold;}

.ok{
color: #2a00aa;
font-weight: bold;}

.boeken label{
float: left;
width: 180px;
text-align: right;
margin-right: 5px;}

.anchor a{
font-weight: bold;}

.boeken select {
width: 180px;
background-color: #f5f5f5;
margin-bottom: 10px;
margin-right: 5px;}

.contact label {
float: left;
width: 90px;
text-align: right;
margin-right: 5px;}

.berichtveld label{
width: 300px;
text-align: left;}

.messagegastenboek{
font-size: 12px;
background-color: #fff2c4;
border: 2px groove #ffffff;
margin-top: -10px;
padding: 10px;}


.titelform{
font-size: 1.1em;
font-weight: bold;
font-style: italic;
color: #1e1a01}

/*foto's*/
.subtitle{
display: block;
font-size: 10px;
font-style: italic;
margin-left: 10px;}

.reisdata{
font-weight: bold;
font-style: italic;}

.sublogo{
font-size: 16px;
font-weight: bold;
font-style: italic;
color: #fffabc;}

.nolist{
list-style-type: none;
padding: 0px;
text-decoration: none;}

.kleiner{
font-size: 12px;}

.note{
font-size: 10px;
font-style: italic;}

.linkinfo{
margin-left: 20px;}

.writer{
margin-left: 10px;
font-style: italic;}

.white {
color: #ffffff; }

.design {
color: #52dc00;
font-style: italic;}

.N{
font-weight: bold;
font-style: italic;
color: #ffb109;}

.Look{
font-weight: bold;
font-style: italic;
color: #52dc00;}
