/* Thema 1 */
/* common items */

body {
	color:#ffffff;
}

/* menuitems */
a.login {
	color : #ffffff;
}

a:hover.login {
	color : #9b94bd;
}

a.menu {
	color: #000000;
}

a.submenu {
	color:#2B23C9;
}

a:hover.submenu {
	color:#2B23C9;
}

a {
	color : #4A7FF8;
}

a.axtion {
	color : #9b94bd;
}

a.axtion:hover {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	text-decoration: underline; 
}

a:hover.menu {
	color: #2B23C9;
	text-decoration: underline; 
}

.colofon {
	color: #ffffff;
}

.faq {
	color: #000000;
}
/* end common items */

hr {
  border: none;
  height: 1px;
  background-color: #6d659e;
}

/* topSite items */

td.banner {
 background: #4A7FF8;
}

td.menu 
{
	background-color: #4A7FF8;/* #D41F27;*/
	border-bottom:1px solid #D32C02; /*#ffffff;*/
}

td.topbar {
 background: #4A7FF8;
}
/* end topSite items */


/* mainSite Items */
.mainTitle {
 color: #ffffff;
}

.enquete {
 color: #FFF100;
}

.detailtitle {
 color: #FF7F00;
}

h1 {
	margin-top: 12px;
	color : #ffffff;
	font-style:italic;
	padding-bottom: 12px;
}

h2 {
	color : #2B23C9;
}

h3 {
    color : #ffffff;
}


td.main {
	border-left:1px solid #007299;
	border-right:1px solid #007299;
}
/* end mainSite Items */

/* leftSite Items */
td.leftBox {
	background: #4A7FF8;
}
/* end leftSite Items */

/* rightSite Items */

td.rightBox {
	background: #4A7FF8;
}

.rightTitle {
	color: #FF7F00;
}

.thin {
	border:0px;
	border-bottom:1px solid #381101;
}

/* search */
.search {
	background:#ffffff;
	color: #381101;
}
/* end search */

/* news items */
div.newsHeader {
	background-repeat: no-repeat;background-image:url(images/nieuwsblokje-geel7.png);
}


table.newsitems {
 background:#4A7FF8;
}

td.newsitem {
	color:#ffffff;
}

td.date {
	color: #83BED5;
}
/* end news items */

/* end rightSite Items */


/* Resets default browser CSS. */
html, body, div, span, applet, object, iframe,
h1, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}

body {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #E5E5E5;
}

body
{
	SCROLLBAR-FACE-COLOR: #FFFFFF; 
	SCROLLBAR-HIGHLIGHT-COLOR: white; 
	SCROLLBAR-SHADOW-COLOR: #C60B12; 
	SCROLLBAR-3DLIGHT-COLOR: #C60B12; 
	SCROLLBAR-ARROW-COLOR: #3B4E79; 
	SCROLLBAR-TRACK-COLOR: #F9F9F9; 
	SCROLLBAR-DARKSHADOW-COLOR: #F9F9F9; 
}

#container {
	
	width: 1024px;
	height:768px;
	margin-left: auto;
	margin-top:20px;
	margin-bottom:auto;
	margin-right: auto;
	border: 1px solid #FB3D03;/*oranje*/
	position:relative;
	background-color: #595959;
}	




#banner {
	background-image: url(../images/flash/banner.swf);
	position: absolute;
	top: 76px;
	left: 173px;
	width: 610px;
	height: 198px;
}
#left{
	background-image: url(images/left.jpg);
	position: absolute;
	top: 76px;
	left: 0px;
	width: 112px;
	height: 692px;
}
#left_banner{
	background-image: url(images/left_banner.jpg);
	position: absolute;
	top: 76px;
	left: 112px;
	width: 61px;
	height: 198px;
}
#right{
	background-image: url(images/right.jpg);
	position: absolute;
	top: 76px;
	right:0px;
	width: 127px;
	height: 692px;
}

#right_banner{
	background-image: url(images/right_banner.jpg);
	position: absolute;
	top: 76px;
	right: 127px;
	width: 114px;
	height: 198px;
}
#top {
	
	position: relative;
	top: 0px;
	left: 0px;
	width: 1024px;
	height: 76px;
	z-index: 3;
}
#grey {
	background:#999999;
	position: absolute;
	top: 304px;
	left: 112px;
	width: 785px;
	height: 6px;
}
#menu {
	position: absolute;
	top: 273px;
	left: 112px;
	width: 785px;
	height: 24px;
	z-index: 4;
}
#content {
	background-image: url(images/con,tent.jpg);
	position: absolute;
	bottom: 109px;
	left: 112px;
	width: 765px;
	height: 338px;
	overflow:auto;
	margin-left:10px;
	padding-top:10px;
	padding-right:10px;
	z-index: 2;
}
#footer {
	background-image: url(images/footer1.jpg);
	position: absolute;
	bottom: 0px;
	left: 112px;
	width: 785px;
	height: 109px;
}

.floatleft
{
	float: left;
	width: 783px;
	height: 70px;
	background: transparent;
	background-image: url(images/logos/sponsors.png)
}

div#main {
	width: 999px;
	margin: 0 auto;
	background-color: #4A7FF8;
  /*background-color: #dbd7f1;*/
  border:2px solid #999999;
  border-top: 0px;
  background: #4A7FF8 url("images/red.gif") top right repeat-y; height:
}

div#header {
	height: 21px;
	width: 100%;
	background-color: #4A7FF8;
	clear: right;
}

div#wrapper1 {
  height: auto;
  /*width: auto;*/
  overflow: hidden; /* !! deze is belangrijk en breekt niets van je inhoud, het is een formele aanpassing !! */
}

div#col_left {
	width: 175px;
	float: left;
	background-color: #4A7FF8;
	margin-bottom: 40px;
}

div#col_middle {
	width: 649px;
	float: left;
	background-color: #ffffff;
	min-height: 690px;
	border-bottom:8px solid #4A7FF8;
	overflow: auto;
}

div#col_right {
	min-height:700px;
	width: 175px;
	float: right;
/*	overflow: auto;*/
  overflow: hidden;
	/*position: relative;*/
}

div#footer {
	float: left;
	background-color: #4A7FF8;
	width: 785px;
}

/* common items */
textarea {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* menuitems */
a.menu {
	font-size: 12px;
	font-style: normal;
	line-height: 28px; 
	text-decoration : none; 
}

a.menu:hover {
	color:#ffffff;
	text-decoration : underline;
}

a {
	text-decoration: none;
	color: #add400;
}

/* end common items */

/* topSite items */

td.banner_pic {
 background-repeat: no-repeat;background-image:url(images/banner2/?1329941100);
 background-repeat: no-repeat;
}

div.randomBannerPic {
 position:relative;
 width:649px;
 height:154px;
 z-index:1;
 background-repeat: no-repeat;background-image:url(images/banner2/?1329941100);
}

div.randomBannerPicLogo {
 position:relative;
 width:175px;
 height:154px;
 background-repeat: no-repeat;background-image:url(images/banner3/?1329941100);
}

div.randomBannerPicLogorechts {
/* position:relative;*/
 width:175px;
 height:225px;
 background-repeat: no-repeat;background-image:url(images/banner4/?1329941100);
}

/* end topSite items */


/* mainSite Items */

input.button
{
border: 1px solid #aaaaaa; 
font-size: 8pt;
}

.mainTitle
{
 font-size: 16px;
 font-style: normal;
 font-weight:normal;
 line-height: 5px; 
border: 0px solid green;
padding-top: 6px;
}

.mainEnquete
{
 font-size: 16px;
 font-style: normal;
 font-weight:bold;
 line-height: 16px;
}


.subTitle
{
 font-size: 12px;
 font-style: normal;
 line-height: 12px;
}

.detailtitle
{
 font-size: 11px;
 font-style: italic;
 font-weight: bold;
 line-height: 11px;
}

h1
{
 font-size: 16px;
 font-style: normal;
 line-height: 16px;
 margin-top:0px;
 padding-top:0px;
 padding-bottom:6px;
 font-weight: normal;
}

h2
{
 font-size: 12px;
 font-style: normal;
 line-height: 12px;
}

h3
{
font-size: 13px;
font-style: normal;
line-height: 16px;
font-weight : lighter;
}

td.main 
{
	line-height: 14px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height:1.7em;
	font-size:1.2em;
	text-align:justify;
}

/* end mainSite Items */

/* leftSite Items */
td.leftBox
{}

/* end leftSite Items */

/* rightSite Items */

.rightTitle 
{
	font-size: 16px;
	line-height: 24px;
	padding-left: 5px;
	padding-right: 5px;
}

.righttext 
{
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 7px;
	padding-right: 5px;
}

.thin
{
	padding:0px;
	margin:0px;
	padding-top:20px;
}

/* search */
.search 
{
	font-weight: bold;
	line-height: 20px;

	padding-right: 15px;
	padding-left: 15px;
	padding-top: 9px;
	padding-bottom: 15px;
}
/* end search *

* login */
input.login 
{
 font-size: 9px;
}

td.login
{}
/* end login */


/* news items */
div.newsHeader
{
	position:relative;
	width:100%;
	height:26px;
	z-index:2;
	
}

td.newsitem
{
	line-height: 14px;
	padding: 0px;
	padding-bottom:5px;
	font-size: 10px;
}

td.date 
{
	font-size: 12px;
	font-weight: bold;
}

iframe
{
	border-color: #FF0000 #00FF00 #0000FF #000000;
	padding:0px;
	border-style: groove;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px
}
			
			/* end news items */

/* end rightSite Items */
/*** drop-down menu gegevens ***/
.root {
    text-align: left;
    width: auto; /* zodat de breedte mooi meeschaalt met de inhoud */
    padding-left: 0px;
    padding-right: 2px;
}

.menu_special {
    color: #757575;
}

.menu_special:hover {
    color: #757575;
}

.root ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.root li {
    position: relative;
    z-index: 99;
}

.root a {
    text-decoration: none;
    display: block;
    /*padding: 4px;*/
    margin: 0;
    background: transparent;
}

.root a {
    color: #fff; /* !! niet van waarde */
}

/* kleuren hoofdmenunaam indien hover */
.root > ul > li:hover {
    background-color: #666;
}

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

.root li ul {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    /*border: 1px solid #ABDA4D;*/
    text-align: left;
}

.root li:hover ul {
    display: block;
    position: absolute;
    z-index: 13;
    width: 128px;
    padding: 0;
    margin: 0;
}

/* ie6 */
li.over ul {
    display: block;
    position: absolute;
    z-index: 3;
    width: 128px;
    padding: 0;
    margin : 0;
    /* achtergrondkleur van het dropdown-menu */
    background-color: #fff;
    margin: 0;
}

/* ie6 */
li.over {
  background-color: #757575;
}
/* ie6 */
li.over ul li {
  background-color: #9e9e9e;
}

.root li li {
    border: none;
}




/* padding van de menu-items in dropdown */
.root li li a {

}

/* de ul heeft alleen een rand*/
#nav li ul {
    top: 31px;
    left: 0px;
	border: 0px solid yellow;/*dit werkt!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
	/*de breedte maakt niet uit; maar die krijgt hij ergens anders; */
	
}

#nav li ul li {
    margin: 0;/*deze heeft geen invloed in ff*/
    padding: 0;
}

#nav li ul li a {
	background-image: url(images/normal.jpg);
    padding: 3px 2px 3px 6px;
    font-size: 10pt;
    letter-spacing: 0.01em;
    font-family: arial;
    height: 24px;
    color: #fff; /* ie6 */   
	padding-left: 4px;
	width: 79px;/* VAN HET ANKER DUS: de groene hover kleur en de grijze gewone achtergrong rekt mee*/
}


#nav li ul li a:hover {
    background-image: url(images/hover.jpg);
    color: #FFF;
    
}

.root li ul li a:active {
    color: #ff0000;/*lichtgrijs*/
  
}



/* positie van menu */
#nav li {
    padding-left: 6px; /* this repairs strange ie6 behaviour */
    padding-right: 6px;
    margin: 0;
    font-family: arial black
}


li.menu {
  display: block;
  float: left;
  /* min-width: 82px; */
  height: 31px;
  text-align: center;

  padding-top:0px;
  /*temp*/
  background-image: url(images/normal.jpg);
  border-right: 1px solid #5D5D5D;
  border-left: 1px solid #797979;
 
  line-height: 25px;

}
li.menulast {
  display: block;
  float: left;
  /* min-width: 82px; */
  height: 31px;
  text-align: center;
  /*temp*/
  background-image: url(images/normal.jpg);
  
  border-left: 1px solid #797979;
  line-height: 25px;
  
}
li.menufirst {
  display: block;
  float: left;
  /* min-width: 82px; */
  height: 31px;
  text-align: center;
  /*temp*/
  background-image: url(images/normal.jpg);
   border-right: 1px solid #5D5D5D;
  line-height: 25px;
  
}

li.menu:hover {
  /*temp*/
  background-image: url(images/hover.jpg);
}
li.menu:active {
  /*temp*/
  background-image: url(images/hit.jpg);
}
li.menufirst:hover {
  /*temp*/
  background-image: url(images/hover.jpg);
}
li.menufirst:active {
  /*temp*/
  background-image: url(images/hit.jpg);
}
li.menulast:hover {
  /*temp*/
  background-image: url(images/hover.jpg);
}
li.menulast:active {
  /*temp*/
  background-image: url(images/hit.jpg);
}

li.menu a ul {
  display: none;
}

li > a {
  font-family: Arial Black;
  color: #fff;
  letter-spacing: 1px;
}

li > a:hover {
  font-family: Arial Black;
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none;
  
}

li.newsletter a {
  color: #93120B;
  font-weight: normal;
  font-family: arial;
}


/* EOF */