/*	-------------------------------------------------------------
		Highfive
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		Description:	Base stylesheet
		Filename:			base.css
		Version:			1.0
		Date:					Nov 26 2007 
		-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
		Base HTML Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		html {
				height: 100%;
				width: 100%; }
			
		body {
			height: 100%;
			width: 100%;
			padding: 0;
			margin: 0;
			font-size: 1em;
			font-family: Arial;
			text-align: center;
			overflow-x: hidden;
			background-image:url(../images/spacer_background.gif);
			background-repeat: repeat-x;}

		a {
			outline: none; }
			
      
      
/*	-------------------------------------------------------------
		Container
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#container {
			width: 770px;
			min-height: 100%;
			padding: 0;
			margin: 0 auto;
			text-align: left;
			position: relative;
			background: #fbdb7f url(../images/body-bg.gif) top center repeat-y; }
			
		* html #container {
			height: 100%; }
			
		#home #disclaimer {
  		    width: 770px;
			background-image: url(../images/home-body-bg.gif);}
			
		#home #container {
			background: #fbdb7f url(../images/home-body-bg.gif) top center repeat-y;}



/*	-------------------------------------------------------------
		Header -login, home, logo
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#header-logo {
			height: 62px;
			width: 100%;
			background: #181ea5; }
			
		#header-logo ul {
			margin: 0;
			padding: 0;
			list-style: none; 
			text-align: right;
			position: absolute; 
			top: 3px;
			left: 146px; }
			
		#header-logo a {
			color: #5256bc;
			font-size: 0.7em;
			letter-spacing: 0.2em;
			font-weight: 700;
			text-transform: uppercase;
			text-decoration: none; }
			
		#header-logo a:hover {
			color: #fff; }
			
		#header-logo h1 {
			height: 45px;
			width: 184px;
			padding: 0;
			margin: 0;
			position: absolute;
			right: 30px;
			top: 5px;
			text-indent: -100000em;
			background: url(../images/logo.gif) top left no-repeat;	}
			
			
		#flags {
			padding-left: 20px;
			padding-top: 12px;}	
		
/*	-------------------------------------------------------------
		Header - main menu, image
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#header-menu {
			width: 100%;
			height: 164px;
			overflow: hidden;
			position: relative;
			background: #ffffff url(../images/header-menu-bg.gif) 396px 0px ; }
			
		#home #header-menu {
			width: 199px;	}
			
		#header-menu ul {
			width: 396px;
			/*height: 164px;*/
			height: 100%;
			margin: 0;
			padding: 0;
			list-style: none;
			position: relative;
			/*background: #181ea5 url(../images/shadow_below_menu.gif) bottom left no-repeat;*/
  		background: url(../images/menu-bg.jpg) top left no-repeat; }
			
		#home #header-menu ul {
			padding: 1px 0 0 0;
			background: #181ea5; }
			
		#header-menu li {
			width: 199px;
			text-align: right; }
			
		#header-menu li a {
			font-size: 0.7em;
			letter-spacing: 0.1em;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: 700;
			color: #8c8fd2;
			padding: 0 5px 0 0;	}
			
		#header-menu li li a {
			font-size: 0.7em;
			letter-spacing: 0.1em;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: 700;
			color: #b3b5e2;
			padding: 0 5px 0 0;	}

		#home #header-menu li a {
			font-weight: 700;
			letter-spacing: 0.2em;			
			font-size: 0.95em; }
				
		#header-menu li li {
			text-align: left;	}
			
		#header-menu li li a {
			font-size: 0.7em;
			padding: 0 0 0 20px;
			letter-spacing: 0em;
			text-transform: none; }
			
		#header-menu li li a:hover {
			background: url(../images/sub-menu-hover.gif) 5px 2px no-repeat;
			color: #f8b800; }
			
		#header-menu li a:hover {
			color: #fff; }
			
		#header-menu ul ul {
			/*height: 159px;*/
			width: 197px;
			position: absolute;
			top: 0;
			right: -999em;
			padding: 5px 0 0 0;
			/*background: #5256bc url(../images/background_submenu.gif) top left no-repeat;*/
     background: none;	}
		
		#header-menu ul ul ul {
			text-indent: 30px;
			padding: 0;
			position: static;
			display: none;
			/*background: transparent;*/	}
			
		#header-menu a.custom-sel {
			color: #f8b800;	}
			
		#header-menu img {
			position: absolute;
			top: 0;
			right: 0; }

/*	-------------------------------------------------------------
		Crumbs
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
					
		#crumbs {
			margin: 1em 0 0 100px; }
			
		#crumbs a, #crumbs span {
			text-decoration: none;
			font-size: 0.75em;
			color: #5256bc;
			font-style: italic;	}
			
/*	-------------------------------------------------------------
		Content
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#content {
			width: 640px;
			font-size: 0.75em;
			line-height: 1.6em;
			padding: 10px 0 0 100px; }

		#home #content {
			width: 395px;
			padding: 0;
			background: url(../images/home-content-bg.gif) top left repeat-y;
			color: #0f1482;	}
			
      
/*	-------------------------------------------------------------
		Frontpage
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    #home #columns {
      width: 100%;
      clear: left;
      padding: 0 0 20px 0;
	  background: url(../images/home-body-bg.gif) top center repeat-y; }
    
		.column {
			/*height: 500px;*/
			width: 199px;
			position: relative;
			font-size:11px;
			line-height: 1.6em;
			float: left; }
			
		#column1 img {
			position: absolute;
			top: 164px;
			left: 0;	}
			
		#column1 #icons img {
			position: relative;
			top: 0;
			left: 0;	}
			
		#column2 {
			width: 176px;
			color: #b4bfe5; 
			font-size:11px;
		}
			
		#column2 p {
			margin: 0;
			padding-left: 3px; }
			
		#column2 p img {
			margin: 0 -3px; 
			}
			
		#column2 form {
			padding: 0 3px;
			margin: 10px 0 0 0;	}
		
		#column2 form label {
			width: 100%;
			display: block;	}
		
		#column3 {
			width: 395px;
			text-align: left;	}	
			
		#column3 #intro p {
			margin: 0;
			padding: 10px; 
			font-size:11px;
			line-height: 1.6em;
			color: #181ea5;
			background: #f8b800 url(../images/home-intro-bg.jpg) top left no-repeat; }

		#column3 #intro-image p {
			padding: 0;
			margin: 0; }
			
		#poll {
			width: 202px;
			font-size:11px;
			height:310px;
			padding: 0 3px;
			float: left;
			line-height: 1.6em;	}
		
		#text {
			width: 177px;
			height:310px;
			padding-top:12px;
			padding-right:2px;
			font-size:11px;
			float: right;
			line-height: 1.6em;	}
			
		#meer-weten {
			position: absolute;
			top: 280px;
			left: 20px;
			padding: 0 0 0 20px;
			text-decoration: none;
			font-size: 11px;
			color: #fff;
			background: url(../images/go.gif) top left no-repeat; }
			
		#meer-weten:hover {
			color: #dddffd;	}
			
/*	-------------------------------------------------------------
		Footer
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
		#footer {
			width: 100%;
			height: 25px;
			position: absolute;
			bottom: 0;
			left: 0;			
			background: url(../images/footer_content.gif) top left no-repeat;
			padding-right: 10px;
			text-align: right; 
			font-size: 7pt;
			color: #767ab7;		}					
			
		.footer {font-size: 7pt; line-height: 7pt }
		a.footer:link {color:#767ab7; text-decoration:none; background:none;}
		a.footer:visited {color:#767ab7; text-decoration:none; background:none;}
		a.footer:hover {color:#43468d; background:none;} 
			
		#home #footer {
			display: none; }
			
		#disclaimer_vak{
			width: 395px;
			padding: 0 0px;
			float: right;
			color: #bcbee5;
			background-color: #181ea5;}
			
		#advertentie_vak{
			width: 212px;
			height: 100%;
			padding: 0 0px;}
			
		.disclaimer_vak {color:#bcbee5; font-size: 8pt; line-height: 8pt }
		a.disclaimer_vak:link {color:#bcbee5; text-decoration:none; background:none;}
		a.disclaimer_vak:visited {color:#bcbee5; text-decoration:none; background:none;}
		a.disclaimer_vak:hover {color:#bcbee5; background:none;} 
			

/*	-------------------------------------------------------------
		Headers
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		
		h1 {
			color: #000000;	
			font-family: Arial;
			font-weight: bold;
			font-size: 16px;}
		
		h2 {
			color: #181ea5;	
			font-family: Arial;
			font-weight: bold;
			font-size: 12px;}
			
			
/*	-------------------------------------------------------------
		Hovers
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
			
			
			A:link {color:#181ea5; text-decoration:none; background:none;} 

			A:visited {color:#181ea5; text-decoration:none; background:none;} 

			A:active {color:#181ea5; text-decoration:none; background:none;} 

			A:hover {color:#696dd7; text-decoration:none; background:none;} 

			
			#mylist li {

                                   list-style-position: outside;

                                   list-style-image: url(../media/image/arrow.gif);

                                   list-style-type: square;

                                   }