/* Start of CMSMS style sheet 'OSVR : OSVR' */
/* CSS-Start: Main HTML-page */
html {
	margin: 0px 0px 0px 0px;
scrollbar-face-color: #e5c0ff;
scrollbar-arrow-color: #ce70ff;
scrollbar-track-color: #bcbbb7;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #ce70ff;
scrollbar-darkshadow-color: ce70ff;}

body, html{
margin: 0;
font-size:13px;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
text-align: center;overflow:hidden;}
}

div#container{
margin: 30 auto auto auto;
border: 0px solid #e5c0ff;
width: 930px;height:90%;
text-align: left;
}


a,
a:link 
a:active {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #ce70ff;
  font-weight: bolder; 
}

a:visited {
   text-decoration: bold;
   background-color: inherit;
  color: #ce70ff;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: #fff;
   color: #d99aff;
}



img {
   border: 0;
}

h1 {
   line-height: 1.15em;
}

h2 {
   line-height: 1.1em;
}

h3 {
   line-height: 1.0em;
}

#background {
 margin: 30px auto auto auto;
  position:relative;
   z-index:1;
   width:930px;
 border: 1px solid #ce70ff;
  height: 500px;
}

#scroller {
   position:relative;
margin: 30px auto auto auto;
   width:930px;
   height: 500px;
   top:-535px;
   left:-40px;
   overflow:auto;
   z-index:1;
}
/* CSS-End: Main HTML-Page */


/* CSS-Start: WebSite Page */
#page {
   margin-top: 2%;
   margin-left: 2%;
   margin-right: 2%;
   overflow: auto;
/*   background-image: url(images/transparent.png); */
}
/* CSS-End: WebSite Page */

/* CSS-Start: WebSite Row Definition */
/*            Each row is defined of two "DIV" sections */
/*            One for the left side (Image or Menu) */
/*            one for the right side (Header or contents) */
ul.column{
   font-size: 1.0em;
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
   width: 100%;
}

ul.column li.columnitem {
   float: left;
   width: 100%;
   padding: 0;
   margin: 0;
}

ul.column li.columnitem .imgblock {
   font-weight: bold;
   float: left;
   width: 200px;
   padding: 0;
   text-align: center;
}

ul.column li.columnitem .imgblock img {
   padding: 0;
   margin-bottom: 0;
}

ul.column li.columnitem .detail {
   padding-left: 200px;
}

ul.column li.columnitem h2, ul.column li.columnitem p {
   margin: 0;
   padding: 0;
}
/* CSS-End: WebSite Row Definition */

/* CSS-Start: The WebSite's Logo */
#logo {
   width: 120px;
   height: 156px;
   margin: 0 40px;
   float: left;
   z-index: 4;
   background-image: url(/uploads/connie.jpg);
}
/* CSS-End: The WebSite's Logo */

/* CSS-Start: The WebSite's Name */
#sitename {
   margin: 0;
   margin-left: -20px;
   padding: 0px;
  height: 104px;  /* hoogte bepaalt of hor-menublok aansluit op de tekstbody*/
   color: #ce70ff;
   float: left;
}

#sitename h1 {
   margin: 0;   font-size: 1.5em;
   padding: 0;
}
/* CSS-End: The WebSite's Name */

/* CSS-Start: The section (showing where you are) */
#section {
   margin: 0;
   width: 100%;
   height: 0px;
   margin-left: -20px;
   padding: 0px;
   float: left;
   color: #ce70ff;
}

#section h3 {
   margin: 0;
   padding: 0;
}
/* CSS-End: The section (showing where you are) */

/* CSS-Start: The Horizontal Menu */
#menu_hor {
   text-align: middle;
   width: 100%;   margin: 0 -40px;
   padding: 0;
  /* background-color: #d99aff;*/
   float: left; /* Contain floated list items */
   height: 100%;
}

#menu_hor ul {
   margin: 0;
   width: 100%;   padding: 0;
   list-style: none;
}

#menu_hor li {
   float: left; 
}

#menu_hor a {
   display: block; /* to increase clickable area as a’s default to inline */
   float: left;
   text-align: center;
   color: #fff;
   text-decoration: none;
   line-height: 1.1;
   padding: 5px 10px;    /*2e padding paramater veranderen voor horizontaal uitlijnen menublokken*/
   border: 1px solid #fff;
   height: 100%;
   background-image: url(/uploads/bg_menu_ce70ff.png);}

#menu_hor a:hover {
   background: #ce70ff;
}

#menu_hor li.current a {
   background: #ce70ff;
   color: #fff;
}

#primary_nav { }
/* CSS-End: The Horizontal Menu */

/* CSS-Start: The Left Side of the contents (which stores the Vertical / Secondary Menu) */
#left {
   float: left;
   width: 160px;
   height: 100%;
   font-size: 13px;
   /*font-weight: lighter;*/
}

/* CSS-Start: The Vertical / Secondary Menu */
#menu_vert {
   margin: 0;
   padding: 0;
/* background-color: #fff; */
/* background: blue; /* Debugging */ */
   list-style-type: none;
   width: 160px;
   float: left; /* Contain floated list items */
}

#menu_vert ul {
   margin: 0;
   padding: 0;
   list-style: none;
/*   background-color:#d99aff; */
/*   background: /* Debugging */ */
}

#menu_vert li {
   margin: 0;
   padding: 0;
   float: left; /* This corrects the */
   width: 100%; /* IE whitespace bug */
/*   height: 25px; */
/*   background-color:#d99aff;/*
/*   background: navy; /* Debugging */ */
}

#menu_vert a {
   display: block; /* to increase clickable area as a’s default to inline */
   color: #fff;
   text-decoration: none;
   padding: 0 1px;
   line-height: 1.8;
   border-bottom:1px solid #FFF;
   border: 1px solid #fff;
   background-image: url(/uploads/bg_menu_ce70ff.png);
/*   background-color:#d99aff;*/
}

#menu_vert #menu_left_con a {
   border: none;
}

#menu_vert a:hover {
   background: #ce70ff;
/*   background: pink; /* Debugging */ */
}

#menu_vert li.current a {
   background: #ce70ff;
   color: #fff;
/* font-weight: bold; */
}
/* CSS-End: The Vertical / Secondary Menu */

/* CSS-Start: The WebSite's Contents: body*/
#content {
   margin: 0 -40px;
   padding: 20px;
   width: 99%;
   height: 100%;
   color: #606060;
text-align: left;
float: left;
/*   background-color: transparent;
   background-color: #739FC4; */
   background-image: url(uploads/bg_content.png);
}
#content h1{
   font-size: 1.15em;
}


/* CSS-End: The WebSite's Contents */

/* CSS-Start: The WebSite's Right Side (if used) */
#right {
   float: right;
   width: 20%;
   height: 100%;
}
/* CSS-End: The WebSite's Right Side (if used) */

/* CSS-Start: The WebSite's Footer */
#footer {
   clear:both;
   color:#ce70ff;
   font-size:1.0em;
   height:50px;
   padding:0 0 0 0;
   text-align:center;
   width:100%;
/*   background: blue url(uploads/RvanEerd_:_OSVR/footer_bg.gif); */
/* background-color:#004078; */
}

#footer a {
   color:#ce70ff;
   font-weight:700;
}

#footer a:hover {
   color:#d99aff;
   font-weight:700;
   text-decoration:none;
}
/* CSS-End: The WebSite's Footer */
/* End of 'OSVR : OSVR' */