/* CSS Document */

/* Describes properties of header and menu, used in both the homepage and the new forum */

body
	  { font-size: 11px; font-family: verdana, swiss, helvetica; background-color: #ffffff; text-align: center; margin: 0; padding: 0; order-right-style: solid; }
.plat
	  { font-size: 11px; font-family: Verdana, swiss, helvetica; line-height: 13px; }
	  div.content  { background-color: #ffffff; text-align: justify; margin: 0 auto; width: 770px; }
	  

a.tab         { color: #ffffff; text-decoration: none }
a:visited.tab      { color: #ffffff; text-decoration: none }
a:active.tab       { color: #ffffff; text-decoration: none }
a:hover.tab       { color: #000000; text-decoration: none }



div#header
	{
	background-repeat : 	no-repeat ;
	background-position : 	top center ;
	padding: 				0px;
	margin:					0px;
	height: 				272px;
	}
form
	{
	margin: 	0px;
	padding:	0px;
	}
input, textarea, select
	{
	border-width: 		1px ;
	border-style : 		solid ;
	border-color : 		#ccc ;
	background-color: 	#efefef;
	margin: 			1px;
	}

.submit
{
	font-size: 	11px;
}
form.zoekheader
{
	position: 				absolute; 
	top: 					123px; 
	margin-left: 			10px
}

form.zoekheader input
{
	border: 			1px solid #000; 
	font-size: 			10px
}

/*Loginformulier gebruikt 2 fontsizes:*/

.loginform input
{
	font-size:		12px;
}

.loginform input.loginpass
{
	font-size: 		10px;
}

.loginform input.loginemail
{
	font-size:		9px;
}

input.setcookie
{
	padding: 		0px; 
	margin: 		0px; 
	border: 		0px;
}


/* Het vlak waarin de invulvelden voor het inlogform staan, boven het menu*/
div.login
{
	margin-top: 		0px;
	margin-bottom: 		0px;
	padding: 			2px;
	background-image:  	url(images/bg_login.gif);
	text-align: 		center;
	border-bottom: 		1px solid #000;
	border-top: 		1px solid #000;
	width: 				766px;
	font-size: 			11px;
	text-align: 		center;
	height:				21px;
	vertical-align:		bottom;
}
div.login a
{
	color: 				#000;
	text-decoration: 	none
}

div.login a:hover
{
	text-decoration: 	underline;
}

.login form, .login p
{
	margin:				0px;
	padding:			0px;
}

.login input
	{
		border: 		1px solid #000000;
		font-size: 		9px;
	}



/*Einde loginform*/
/*content gebruiken we om de site te centreren*/
/*Center is het middelste gedeelte, tussen het menu en de onderkant. Eigenlijke content dus*/
div.center
	{
	padding-left: 		5px;
	padding-right: 		5px;
	line-height: 		130%;
	background-color: 	#ffffff;
	padding-bottom: 	0px;
	padding-top: 		0px;
	margin: 			0px;
	color: 				#000000;
	}

div.center a
	 { color: #f00; 
	 text-decoration: 	none;}

div.center a:hover
	{
	color:				#666666;
	text-decoration: 	underline;
	}

/*aRAchNiON was hier*/ 
#navigation 
{ 
	height: 20px; 
	background-color: #FFFFFF; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
} 
  /* navigation li menu buttonimage*/
#navigation li 
     { background-image: url(../img/button.jpg); background-repeat: repeat-x; text-align: center; display: block; position: relative; width: 120px; float: left; vertical-align: middle; top: 33px; } 
#navigation #bureau
  { width: 122px; height: 20px }
#navigation #diensten 
  { width: 122px; height: 20px }
#navigation #drukwerk 
  { width: 122px; height: 20px }
#navigation #portfolio
  { width: 122px; height: 20px }
#navigation #navigation
  { width: 122px; height: 20px }
#navigation #nieuws 
  { width: 122px; height: 20px }     
#navigation #contact 
  { width: 122px; height: 20px } 

 
  /* navigation a kleur mainbuttons*/

#navigation a 
    { color: white; font-weight: bold; text-decoration: none; display: block; margin: 0; padding: 3px 0 5px; vertical-align: middle } 
  
  /* navigation ul achtergrond kleur openklapmenu, left: -1px horizon pos. openklapmenu, kaderrand te bepalen*/

#navigation ul 
    { background-color: #ff9e89; list-style: none; display: none; margin-left: 0; padding: 0; position: absolute; top: 4px; z-index: 500; left: 122px; border: solid 1px red; } 

/* navigation ul li inhoud openklapmenu, positie tekst*/
#navigation ul li 
 { background-color: transparent; background-image: none; text-align: left; position: static; width: 100%; float: none; border: none } 

/* navigation ul li a inhoud openklapmenu, tekst kleur en stijl*/
#navigation ul li a 
   { color: #fcfefd; font-weight: bold; padding: 3px 2px 4px; width: 118px } 
#navigation #bureau a, #navigation #portfolio a, #navigation #nieuws a, #navigation #drukwerk a 
 { width: 118px 
 } 
#navigation #contact a
{ 
	width: 118px; 
} 
#navigation #navigation #diensten a 
{ 
	width: 121px; 
} 
#navigation ul li a:hover 
 { background-color: #F16A56 } 
#navigation li:hover ul 
{ 
	display: block; 
} 


/*aRAchNiON was hier niet*/