body{background-color: #333333; margin: 15 0 10 0;}

td{font: 8pt Verdana; color: #333333}

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

h1{margin: 0px 0px 8px 0px; font: 12pt Trebuchet MS; color: #333333; font-weight: bold;}
h2{margin: 0px 0px 2px 0px; font: 10pt Trebuchet MS; color: #333333; font-weight: bold;}

.layout{width: 950px; height: 100%;}
.tr-navigatie{width: 950px; height: 31px;}
.td-navigatie{width: 950px; height: 31px;}
.nav-left{width: 225px; height: 31px; background: url(layout/bg-nav-left.gif) right;}
.nav-right{width: 225px; height: 31px; background: url(layout/bg-nav-right.gif) left;}
.nav-button{width: 100px; height: 31px; background: url(layout/bg-nav-button.gif); text-align: center; font: 8pt Verdana; color: #EEEEEE; line-height: 31px;}
.nav-button-over{width: 100px; height: 31px; background: url(layout/bg-nav-button-over.gif); text-align: center; font: 8pt Verdana; color: #EEEEEE; line-height: 31px;}

.tr-header{width: 950px; height: 130px;}
.td-header{width: 950px; height: 130px; background: url(layout/header.gif); vertical-align: top;}

.tr-contents{width: 950px; height: auto;}
.td-contents-marge-left{width: 31px; height: auto; background: #EEEEEE url(layout/bg-contents-left.gif) repeat-y left;}
.td-contents-marge-right{width: 31px; height: auto; background: #EEEEEE url(layout/bg-contents-right.gif) repeat-y right;}
.td-contents{width: 888px; height: auto; background: #EEEEEE; vertical-align: top; text-align: center; background: #EEEEEE url(layout/bg-contents.gif) center bottom no-repeat;}

.tr-footer{width: 950px; height: 40px;}
.td-footer{width: 950px; height: 40px; background: url(layout/footer.gif); vertical-align: top; text-align: center; font: 8pt Verdana; color: #EEEEEE; line-height: 30px; font-weight: none;}
.td-footer a{color: #EEEEEE;}
.td-footer a:hover{color: #EEEEEE;}

.contents{width: 800px; margin-top: 10px;}
.contents-stijl1-1 a, .contents-stijl1-4 a, .contents-stijl2-1 a{text-decoration: none; color: red; font-weight: bold;}
.contents-stijl1-1 a:hover, .contents-stijl1-4 a:hover, .contents-stijl2-1 a:hover{text-decoration: underline; color: red; font-weight: bold;}

.contents-stijl1-1{width: 376px; vertical-align: top; line-height: 16px;}
.contents-stijl1-2{width: 24px;}
.contents-stijl1-3{width: 24px; background: url(layout/bg-line-v.gif) top left repeat-y;}
.contents-stijl1-4{width: 376px; vertical-align: top; line-height: 16px;}

.contents-stijl2-1{width: 566px; vertical-align: top; line-height: 16px;}
.contents-stijl2-2{width: 24px;}
.contents-stijl2-3{width: 10px; background: url(layout/bg-line-v.gif) top left repeat-y;}
.contents-stijl2-4{width: 200px; height: 20px; vertical-align: top; line-height: 16px; text-align: right;}
.contents-stijl2-4-over{width: 200px; height: 20px; vertical-align: middle; line-height: 16px; text-align: right; background: #FF0000; color: #EEEEEF; font-weight: none;}

ul{margin: 0 0 0 0; padding: 0 0 0 0;}
.contents-stijl2-4 li{width: 200px; list-style: none; margin: 0 0 0 0; padding: 0 0 0 0;}
.contents-stijl2-4 li a{width: 200px; background: none; list-style: none; margin: 0 0 0 0; padding: 3 5 3 5;}
.contents-stijl2-4 li a:hover{width: 200px; background: red; list-style: none; margin: 0 0 0 0; padding: 3 5 3 5; font-weight: none; color: white;}

.contents-stijl2-4-over a:hover, .contents-stijl2-4-over a{color: #EEEEEF; text-decoration: none; font-weight: none;}
.contents-stijl2-4 a{color: #333333; text-decoration: none; font-weight: none;}

.contents-stijl3-1{width: 800px; vertical-align: top; line-height: 16px;}
.contents-stijl3-1 a{text-decoration: none; color: red; font-weight: bold;}
.contents-stijl3-1 a:hover{text-decoration: underline; color: red; font-weight: bold;}

.form-input{width: 175px; border: 1px solid #333333; font: 8pt Verdana; color: #333; background: #EEEEEF;}

.home-port{margin-right: 10px; margin-top: 3px; border: 1px solid #333333;}