/* BASIC HTML DEFINITIONS */

body  {background: #2D89A8 url('../images/website/achtergrond.jpg'); background-repeat: no-repeat; color: #FFFFF; font-family: Verdana; font-size: 80%; scrollbar-face-color: #2D89A8;
scrollbar-highlight-color: #A8D7E9;
scrollbar-3dlight-color: #A8D7E9;
scrollbar-darkshadow-color: #2D89A8;
scrollbar-shadow-color: #A8D7E9;
scrollbar-arrow-color: #A8D7E9;
scrollbar-track-color: #2D89A8; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:20
}
table, td  {padding: 0px; margin: 0; border-collapse: collapse; font-size: 100%;}

/* HEADING DEFINITIONS */

h1 {font-family: verdana, Georgia, serif; color: #ffa500; text-align: left; font-size: 120%; font-weight: bold; padding: 0px; margin: 0 0 10px 0;}
h2 {font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; color: #C25E03; text-align: left; font-variant: small-caps; font-size: 16px; font-weight: bold; letter-spacing: 2px; margin: 10px 0;}
h3 {font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; color: #5E3812; text-align: left; font-variant: small-caps; font-size: 14px; font-weight: bold; letter-spacing: 2px; margin: 10px 0;}
h4 {font-size: 14px; font-variant: small-caps; background-color: #9E5205; font-weight: bold; color: #FFF; padding: 3px; margin: 0 0 10px 0;}
h5 {font-size: 120%; font-weight: bold; color: #5E3812; margin: 10px 0;}
h6 {font-size: 120%; font-weight: bold; color: #000000; margin: 10px 0;}
li {font-size: 110%;  color: #FFFFE3;}
span.dropcap {font-family: Georgia, Georgia, serif; float: left; color: #5E3812; font-size: 58px; font-weight: bold; line-height: 45px; padding: 0 2px 0 0;}
span.heading {color: #B0B0B0;}

/* BASIC LINK COLORS */

A:LINK    {color: #000; text-decoration: none; font-size: 90%; font-weight: normal;}
A:VISITED {color: #000; text-decoration: none; font-size: 90%; font-weight: normal;}
A:HOVER   {color: #fff; text-decoration: none; font-size: 90%; font-weight: normal;}
A:ACTIVE  {color: #000; text-decoration: none; font-size: 90%; font-weight: normal;}

/* PROPERTIES FOR THE MAIN TABLE AREA */

.main {width: 900px; background-color: #A8D7E9; top; border-top: 0px solid #cc0000; border-left: 0px solid #cc0000; border-right: 0px solid #cc0000; border-bottom: 0px solid #cc0000;}
.maincontent {width: 900px; padding: 10px 50px 30px 50px; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; vertical-align: top;}
.mainwide {width: 300px; padding: 0px 0px 0px; vertical-align: top;}
.maincontent900 {width: 900px; padding: 10px 0px 30px 10px; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; vertical-align: top;}
.mainwide800 {width: 800px; padding: 10px 10px 10px 10px; vertical-align: top; border-top: 0px solid #cc0000; border-left: 1px solid #fff; border-right: 0px solid #cc0000; border-bottom: 1px solid #fff;}
.mainwide400 {width: 350px; padding: 10px 10px 10px 10px; vertical-align: top; border-top: 0px solid #cc0000; border-left: 1px solid #fff; border-right: 0px solid #cc0000; border-bottom: 1px solid #fff;}
.mainwide500 {width: 450px; text-align: center; vertical-align: bottom; border-top: 0px solid #cc0000; border-left: 1px solid #fff; border-right: 0px solid #cc0000; border-bottom: 1px solid #fff;}
.mainwide900 {width: 900px; padding: 10px 10px 20px 10px; vertical-align: top; border-top: 0px solid #cc0000; border-left: 1px solid #fff; border-right: 0px solid #cc0000; border-bottom: 1px solid #fff;}
.mainfotos {width: 900px; text-align: center; vertical-align: top; border-top: 0px solid #cc0000; border-left: 0px solid #cc0000; border-right: 0px solid #cc0000; border-bottom: 0px solid #cc0000;}
.mainleft {width: 400px; padding: 0 0px 0px; text-align: justify; line-height: 14px; color: #000; vertical-align: top; border-right: 1px dashed #C0C0C0}
.mainright {width: 360px; padding: 0 0px 0px; text-align: justify; line-height: 14px; color: #000; vertical-align: top;}

/* PROPERTIES FOR Tekst */

.sidebar  {width: 100%;}
.sidebartext {width: 100%; font-family: Verdana; color: #000; font-style: normal; font-size: 110%; font-weight: 500; margin: 0 0 0;}


/* PROPERTIES FOR THE LOGO AREA */
.logo {width: 800px; height: 85px;  background: url(''); align: center}

/* PROPERTIES FOR THE PAGE NAME AREA */
.banner {font-family: verdana; width: 900px; height: 25px; color: #31A0C8; font-size: 80%; font-weight: bold; text-align: left; padding-left: 52px; border-bottom: 4px solid #2D89A8; border-top: 0px solid #2D89A8;}
.banner A:LINK    {color: #fff; text-decoration: none; font-size: 110%; font-weight: bold;}
.banner A:VISITED {color: #fff; text-decoration: none; font-size: 110%; font-weight: bold;}
.banner A:HOVER   {color: #000; text-decoration: none; font-size: 110%; font-weight: bold;}
.banner A:ACTIVE  {color: #fff; text-decoration: none; font-size: 110%; font-weight: bold;}


.date {font-family: verdana; width: 450px; height: 15px; background-color: #ff9900; color: #333; font-size: 90%;
         font-weight: bold; text-align: right; padding-right: 70px; border-bottom: 0px solid #AE0000; border-top: 2px solid #333;}


/* PROPERTIES FOR THE TABBED NAVIGATION */


/* FOOTER AREA */
.bottom    {background-color: #FFFFFF; color: #FFF; width: 800px; height: 20px; text-align: center; font-size: 90%;}
.topdate   {background-color: #2D89A8; color: #A8D7E9; width: 450px; height: 10px; border-top: 0px solid #AE0000; text-align: left; padding-left: 10px; font-size: 70%; font-weight: normal;}

.toplink    {background-color: #2D89A8; color: #fffff; width: 450px; height: 10px; border-top: 0px solid #AE0000; text-align: right; padding-right: 40px; font-size: 80%; font-weight: bold;}
.toplink A         {color: #A8D7E9; text-decoration: none; font-weight: normal;}
.toplinl A:VISITED {color: #A8D7E9; text-decoration: none; font-weight: normal; }
.toplink A:HOVER   {color: #fff; text-decoration: underline; font-weight: normal;}
.toplink A:ACTIVE  {color: #A8D7E9; text-decoration: underline; font-weight: normal;}

.copyright {width: 100%; height: 35px; color: #FFF; text-align: left; padding-left: 5px; font-size: 110%; font-weight: bold;}
.copyright A         {color: #000; text-decoration: none; font-weight: normal;}
.copyright A:VISITED {color: #000; text-decoration: none; font-weight: normal;}
.copyright A:HOVER   {color: #fff; text-decoration: underline; font-weight: normal;}
.copyright A:ACTIVE  {color: #000; text-decoration: none; font-size: 110%; font-weight: bold;}


.footer    {background-color: #31A0C8; color: #fff; width: 900px; height: 20px; border-top: 0px solid #AE0000; text-align: left; padding-left: 260px; font-size: 80%; font-weight: bold;}
.footer A         {color: #fff; text-decoration: none; font-weight: normal;}
.footer A:VISITED {color: #fff; text-decoration: none; font-weight: normal;}
.footer A:HOVER   {color: #000; text-decoration: underline; font-weight: normal;}
.footer A:ACTIVE  {color: #fff; text-decoration: none; font-size: 110%; font-weight: bold;}

.oter {width: 100%; font-family: Verdana; color: #000; font-style: normal; font-size: 100%; font-weight: 500; margin: 0 0 0;}
.oter A         {color: #333; text-decoration: none; font-weight: normal;}
.oter A:VISITED {color: #333; font-weight: normal; text-decoration: none;}
.Oter A:HOVER {color: #FF0000; text-decoration: underline; font-weight: normal;}

/* ASSIGN CLASSES TO IMAGES TO PLACE THE PHOTOS' BORDER AND ALIGNMENT */

.ximageleft   {margin: 3px 10px 2px 0px; float: left; border: 3px double #C0C0C0;}
.ximageright  {margin: 3px 0px 2px 10px; float: right; border: 3px double #C0C0C0;}
.imagecenter {margin: 0px 0px; border: 10px solid #ffa500; }
.imagecent {border-style:outset; border-color: #CC0000;	border-width:5px;}



/* ######### Style for Logo Menu ######### */

.chromestyle  {height: 250px; width:100%; background: url('../images/website/logo.jpg');}


.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border-top: 0px solid #CC0000; border-bottom: 0px solid #CC0000;
width: 100%;
background: ;  /*THEME CHANGE HERE*/

margin: 0;
text-align: center; padding-left:0 ; padding-right:0; padding-top:210px; padding-bottom:5px
}

.chromestyle ul li{display: inline;}

.chromestyle ul li a{
color: #CACACA;
padding: 2px 4px;
margin: 0;
text-decoration: none;
border-right: 0px solid #cccccc;
}

.chromestyle ul li a:hover{
background: url('') repeat-x center; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute; top: 0;
border: 0px solid #CC0000; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-size: 100%;
line-height:18px;
z-index:100;
background-color: #2D89A8; width: 150px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color: #888;,direction=135,strength=1); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 0px solid #CC0000; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: ;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #A8D7E9;
}