* {margin: 0; padding: 0;}
html {}
body {font-family: Verdana, sans-serif; font-size: 12px; line-height: 16px; color: #000000; margin: 0; padding: 0; text-align: center;
}

div#container {position: relative; padding: 10px; width: 975px; margin:0 auto; text-align: center;}
div#pagina {position: relative; margin-left: 10px;  text-align: left;  width: 950px; background: url('background.gif') repeat-y top left;}
div#pagina2 {background: url('background.gif') repeat-y top right;}

div#logo {position: relative; height: 130px; border: 0; margin: 0; padding: 0; color: #000000; background-color: #FFFFFF;}
div#navigatie {position: absolute; width: 135px; top: 140px; border: 0; margin: 0; padding: 20px 0px 0px 0px; color: #000000; background-color: #152DC6;z-index: 100;}
div#fotos     {position: absolute; width: 135px; top: 140px; border: 0; margin: 0; padding: 20px 0px 0px 0px; color: #000000; background-color: #152DC6;z-index: 100; left: 815px;}
div#inhoud {position: relative; left: 135px; top: 0px; margin: 0px 10px 0px 10px; width: 630px; padding: 10px 10px 110px 20px; color: #000000; background: url('background-inhoud.jpg') repeat-y top left;}

h1 {font-weight: bold; font-size: 13px; color: #152DC6;}

a:link {color: #000000; text-decoration: none; font-weight: bold;}
a:visited {color: #000000; text-decoration: none; font-weight: bold;}
a:active {color: #000000; text-decoration: none; font-weight: bold;}
a:hover {color: #000000; text-decoration: none; font-weight: bold;}

ul.menu, ul.menu ul {width: 135px; background-color: #152DC6; font-weight: bold; padding-left: 0px; cursor: default; margin-left: 0px;}
ul.menu li {list-style-type: none; margin: 0px; position: relative; color: #FFFFFF; text-align: right; padding: 2px 10px 2px 0px;}
ul.menu li li {text-align: left; padding: 2px 0px 2px 10px;}
ul.menu li > ul {display: none; position: absolute; border-left: 4px solid #FFFFFF; top: 0px; left: 135px; width: 175px;}
ul.menu li:hover, ul.menu li.CSStoHighlight {background-color: #ACBEFE; color: #000000;}
ul.menu li li:hover, ul.menu li.CSStoHighlight li{text-align: left;}
ul.menu ul.CSStoShow {display: block;}
ul.menu li:hover > ul {display: block;}
ul.menu li a { color: #FFFFFF; display: block; width: 100%;}
ul.menu li a:hover, ul.menu li a.CSStoHighLink { color: #000000; }
ul.menu li:hover > a { color: #000000; }

.input, .input1, .input2, .input3, .input4, {border: 1px solid #000000; font-size: 12px; background-color: #152DC6; color: #000000; padding: 1px 2px 0px 2px;}
.input1  {width: 400px}
.input2  {width: 200px}
.input3  {width: 100px}
.input4  {width:  50px}

.submit, .submit1, .submit2, .submit3 {font-weight: bold; font-size: 12px; color: #FFFFFF; border: 2px outset #d6f5d6; background-color: #152DC6; padding: 2px 2px 0px 2px; cursor: pointer; cursor: pointer}
.submit1 {width: 300px}
.submit2 {width: 150px}
.submit3 {width:  75px}