html, body {
	margin:0;
	padding:0;  
	height:100%; 
	font-size:12px;
}

body{
	margin:0;
	padding:0;
	background-image:url(../image/background.png);
	background-repeat:repeat-x;
	font-family: tahoma, verdana, Sans, sans-serif;
	background-color:rgb(153,153,153);
}

.container{
	position:relative;
	padding:0;
	margin:0 auto; /*horizontale centrering. Werkt niet in IE quircksmode. Dan text-align:center aan body toevoegen*/
	width:1000px;
	background-image:url(../image/bg_content.gif);
	background-repeat:repeat-y;
	background-color:white;
}

.top{
	position:relative;
	width:1000px;
	height:180px;
	z-index:99;
}

#top_header{
	/*position:relative;*/
	margin:0;
	height:145px;
	background-image:url(../image/header7.jpg);
}

#top_menu{
/*position:relative;*/
	margin:0 5px;
	height:35px;
	width:990px;
	background-image:url(../image/bg_nav_all.png);
}

#bottom{
	position:relative;
	width:970px;
  min-height:400px;
  padding:0 5px;
}

#footer{
  position:relative;
  text-align:center;
  height:18px;
  padding:0 5px;
  width:986px;
  background-image:url(../image/bottombar.png);
  background-repeat:no-repeat;
  background-position: left top;
  font-family: tahoma, verdana, Sans, sans-serif;
  font-size:7pt;
  color:rgb(120,189,168);
}

.off{
        display:none;
}

.on{
        display:block;
}

.poll_header {
	font-weight:bold;
	font-size:14px;
	color:rgb(175,88,88);
}
	
.poll_percentage{
	width:200px;
	height:18px;
	border:solid 1px rgb(150,150,150);
	background-image:url(../image/progress_front.jpg);
	background-repeat:no-repeat;
	text-align:center;
	line-height:18px;
	color:black;
}

#vertnav{
	list-style: none;
}

#vertnav{
     padding:0;
     margin:0;
}

#vertnav ul {
     padding:0;
     margin:0;
     list-style: none;
     width:110px;
     position:absolute;
     overflow:visible;
     z-index:99;
}

#vertnav li {
	float:left;
	color:black;
	 position:relative;
     cursor:pointer;
     cursor:hand;
     margin:0;
     width:110px;
     padding:0 2px;
     display:block;
     text-align:center;
     height:35px;
     line-height:35px;
     background-image:url(../image/bg_nav.png);
}

#vertnav a {
	float:left;
     text-decoration:none;
     color:black;
     width:110px;
}

#vertnav a:hover, #vertnav li:hover{
  	 background-image:url(../image/bg_navhover.png);
  	 color:white;
}

#vertnav ul li:hover, #vertnav ul li a:hover{
	height:24px;
	line-height:24px;
	width:107px;
	background-image:none;
	background-color:rgb(230,250,221);
	color:rgb(110,192,188);
}

#vertnav ul{
     display:none;
     position:absolute;
     top:35px;
     left:0;
}

#vertnav ul li{
	background-image:none;
	background-color:#bbbbbb;
	height:24px;
	line-height:24px;
	width:107px;
	/*filter:alpha(opacity=90);opacity:.9;*/
	border:solid black;
	border-width:0 1px 1px 1px;
}

#vertnav ul ul, #vertnav ul ul ul{
     display:none;
     position:absolute;
     background-image: none;
     left:111px;
     top:0px;
     /*border:solid black;
	border-width:1px 0 0 0;*/
}


/* non-IE browsers see this */
#vertnav ul li>ul, #vertnav ul ul li>ul{
     margin-top:0;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul, #vertnav li:hover ul ul ul ul ul{
     display:none;
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul, #vertnav ul ul ul ul li:hover ul{
     display:block;
}

li>ul {
     top: -1px;
     left: -10px;
     display:block;
}

/* Win IE only \*/
* html #vertnav li{
  float:left;
  
  }
* html .left, .bottom{
  background-image: none;
  }
/* end holly hack */ 

A:hover {color:5500aa;}

a.foot:link {text-decoration: none;color:rgb(120,189,168);}
A.foot:visited {text-decoration: none;color:rgb(120,189,168);}
A.foot:hover {color:red;}

A.alt:link {color:black;}
A.alt:active {color:black;}
A.alt:hover {color:black;}
A.alt:visited {color:black;}