<!--
@import"dhtml-horiz-co.css";
@import"dhtml-vert-co.css";
-->
@media print 
{
    body { background-color: #FFFFFF; }
	#Top, #TopNav, #ContentNav, #Formulier, #Creations, #Help {display:none;}
	#Content, #Footer	{padding: 0; width:640px;}
    .ShowAddress {display:block;margin-left:50px;}
}

@media screen
{
	body 	 {background: url(/look/bg.jpg); background-position: top center; background-color: #FFF; text-align:center; padding: 0; margin: 0;}
	#Content {padding: 10px 3px 0 7px; 	width:976px; border: 0px solid #F00;}   
    .ShowAddress {display:none;margin-left:50px;}
}

p, td, th, div, span, h1, h2, h3, h4 
    {
    font-family: Verdana, Helvetica;
    font-size: 11px;
    color: #030;
    }
h1
{
	font-size: 18px;
    color: #069;
	font-weight: bold;
}	
h2
{
	font-size: 14px;
    color: #069;
	font-weight: bold;
}	
h3
{
	font-size: 12px;
    color: #069;
	font-weight: bold;
}	

#ContentNav
{
	padding: 10px 3px 0 5px;		
	float:left;
	width: 165px;
	border: 0px solid #F00;
}
#ContentNav .Foto	{margin-top: 10px; margin-bottom: 10px; border: 1px solid #CCD;}

#Website 
    {
		margin: 0 auto 0 auto;  /* site centreren */ 
        padding-top: 10px;
        width: 992px;
		border:0px solid #F00;		
    	text-align: left;
    }
	
#Website hr
{
height: 0;
border: 0;
margin:0;
padding:0;
border-top: 1px solid #CCC;
clear:both;
}    
/* Menu */
#Menu
{
    FONT-SIZE: 11px; color: #999;
    height: 23px;   
	border-left: 1px solid #C8C8C8; 
	border-right: 1px solid #C8C8C8; 
    background-color: #FFF;
}

#Menu ul
{
padding: 0 0 0 0px;
margin:  0 0 0 0px;/*top right bottom left */
list-style:none;
}
#Menu li
{
	color: #999;
	margin: 0;		 
	padding: 3px 0px 0 0px;	/* tekst in de knop */

	float: left; 
	list-style-type: none;
	display: inline;
	text-align: center; 
	display: block; 
	float: left; 
	height: 19px; 
	border: 1px solid #C6C6C6; 
	text-align: center; 
	text-decoration: none; 
	background: transparent url(/look/bg-menu-inactive.gif) repeat-x top left; 
	font-size: 11px;
	font-weight: normal; 
}
#Menu li.T {width:1px; height:19px; background:#FFF; border:1px solid #FFF;}

#Menu .Titel
{
	width:170px !important;
	width:168px;	
  	padding: 2px 0 1px 0 !important;
  	padding: 3px 0 0px 0;	
	color:#A33;
	font-size: 13px;	
	font-weight: bold;	
}

#Menu .link
{
	color: #A33;
	font-size: 13px;
	font-weight: bold; 
	text-align: left;
  	padding: 2px 0 1px 0 !important;
  	padding: 3px 0 0px 0;		
}
#Menu .Info
{
	width:807px !important;
	width:809px;
	text-align:left;
}

#Menu a.link {color: #A33; text-decoration: none;}
#Menu a.link:hover {text-decoration: underline;}

/* Footer */
#Footer
{
    padding: 5px 5px 6px 0px; /* FF top / right / bottom / left*/     
    FONT-SIZE: 9px; color: #999;     
    text-align: right;   
/*    background: url(/look/bottom.jpg);*/
}
#Footer a {color: #999; text-decoration: none;}
#Footer a:hover {text-decoration: underline;}

/*HELP*/
#Help
{
    padding: 5px 5px 6px 0px; /* FF top / right / bottom / left*/     
    FONT-SIZE: 9px; color: #999;     
    text-align: right;   
/*    background: url(/look/bottom.jpg);*/
}
#Help a {color: #999; text-decoration: none;}
#Help a:hover {text-decoration: underline;}

/* Creations & Disclaimer */
#Creations 
{
    FONT-SIZE: 9px; 
    text-align: left; 
	float:left;
    color: #999; 
    padding: 5px 7px 0px 19px;
}
#Creations a {color: #999; text-decoration: none;}
#Creations a:hover {text-decoration: underline;}
#Creations a.Disclaimer {float:left;}    

#Top
{
    margin: 0px 4px 0px 4px; /* top / right / bottom / left*/  
	height: 128px;
	border: 0px solid #F00; 
}

#Top .Logo
{
    margin: 9px 0px 0px 0px; /* FF top / right / bottom / left*/     
}
#Top .LoginForm
{
    float:right;
	height: 118px;	
	padding-top:10px;
	width:250px;
}

#MainTable {width:948px; margin: 0; padding:0; border:0px solid #F00;}
#MainTable td.left {width:708px; vertical-align: top; margin: 0; padding:0;}
#MainTable td.middle {width:1px; border-left: 1px solid #B6CCE3; margin: 0; padding:0;}
#MainTable td.right {width:239px; vertical-align: top; margin: 0; padding:0;}
#MainTable hr.left {width: 234px; border-top: 1px solid #B6CCE3;}

#Postmaster .formulier
{
margin:0px;
padding:0px;
}

#Formulier, Formulier0, Formulier1
{
margin:0;
}

#Formulier .Titel,
#Formulier0 .Titel,
#Formulier1 .Titel
{
	color:#069;
	FONT-WEIGHT: bold;
}
#Formulier td,
#Formulier0 .td,
#Formulier1 .td
{
	color:#069;
}
#Formulier a.Link,
#Formulier0 a.Link,
#Formulier1 a.Link
 {color: #069; text-decoration: underline; FONT-SIZE: 9px;}

#Formulier a.Link:hover,
#Formulier0 a.Link:hover,
#Formulier1 a.Link:hover
 {text-decoration: none;}

#Formulier .Button,
#Formulier0 .Button,
#Formulier1 .Button
 {
	MARGIN-TOP: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	MARGIN-BOTTOM: 0px;
	background-color: #F1F2F6;
	border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    border-right: 1px solid #069;
    border-bottom: 1px solid #069;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #069;
}
#Formulier SELECT, input, textarea,
#Formulier0 SELECT, input, textarea,
#Formulier1 SELECT, input, textarea
 {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Times, Serif;
	FONT-WEIGHT: normal;
	text-transform: none;
	color: #069;
}
#Formulier .Error, 
#Formulier0 .Error,
#Formulier1 .Error
{FONT-SIZE: 10px; color: #F90; font-family: Verdana, Arial, Swiss, Helvetica; font-weight: bold;
margin: 5px 0 5px 0;
height: 15px;
}

#Website .LinkMore			{font-size: 11px; color: #393142; line-height: 18px;}
#Website a.LinkMore:link  	{color: #393142; text-decoration: underline;}
#Website a.LinkMore:hover  	{color: #666; text-decoration: none;}
#Website a.LinkMore:visited  {color: #666; text-decoration: none;}   
#Website a.LinkMore:active   {color: #393142; text-decoration: none;} 


#Content a  	{color: #036; text-decoration: underline;}
#Content a:hover  	{color: #069; text-decoration: none;}

#Content form
    {
    padding: 10px;
    font-size: 11px;
	color: #036;
	margin:0;
    } 

#Content label
    {
    float: left;
    width: 139px;
    text-align: right;
    margin-right: 4px !important;	
    margin-right: 0px;
	margin-top: 2px;
    }	
	
#Content input
    {
    background-color: #f5f5f5;
    font-size: 11px;
	width:280px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    margin-bottom: 2px;
	color:#036;
    }	
#Content input.checkbox
    {
	width:20px;
	background: transparent;
    border: 0;
	margin:0;
    }	
	
#Content input.button
    {
	font-weight: bold;	
    background-color: #036;
    font-size: 11px;
	width:280px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    margin-bottom: 2px;
	color:#FFF;
    }		
#Content	select
    {
/*    width: 160px;*/
    font-size: 11px;
    background-color: #f5f5f5;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 2px;
    }
	
#Content textarea
    {
    width: 250px;
    height: 100px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    
    margin-bottom: 2px;
    }
	
#Content .FormErrorMessage	
{
color:#900;
font-size:10px;
font-weight: bold;
/*border:1px solid #0F0;*/
line-height:12px;
}

#Content .FormErrorButton
{
width:142px;
background-color:#F5F5F5; 
border:1px solid #CCC;
border-left:0px; 
color:#F5F5F5; 
font-weight:bold;
text-align:center;
}


#Navigation	{margin-left:150px; font-size:10px;}

#Navigation ul
{
padding: 0 0 0px 0 !important; /*top right bottom left */
margin: 0;
}

#Navigation li
{
display: inline; 
margin: 0 0.15em 0 2px;
}

#Navigation  li a
{
height: 18px;
line-height: 18px;
width: 22px;
border: 1px solid #CCC;
color: #036;
margin: 0px 0 3px 0 !important;
margin: 10px 0 10px 0;
background-color:#FFF;
text-decoration: none;
text-align: center;
}

#Navigation  li a.active {color: #F90; text-decoration: underline; font-weight: bold;}

#Navigation  li a:hover  {color: #F90; text-decoration: underline;}
/* Hide from IE5-Mac \*/
#Navigation  li a {float: none}
/* End hide */

/* Te veranderen */
#navmenu li.Titel {color:#A33;} 
ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a {color: #A33;}

ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { color: #A33; }  

ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a { color: #A33; }

ul#navmenuvert a:hover,
ul#navmenuvert li:hover a,
ul#navmenuvert li.iehoververt a { color: #A33; } 

ul#navmenuvert li:hover li a:hover,
ul#navmenuvert li:hover li:hover a,
ul#navmenuvert li.iehoververt li a:hover,
ul#navmenuvert li.iehoververt li.iehoververt a { color: #A33; }


#ToolTip    {width:250px;}
#ToolTip ul 
{
list-style:disc;
margin: -5px 0 0 -25px !important;		 /*top right bottom left */
margin: -5px 0 0 17px;	
}
#ToolTip li
{
padding:5px 0 5px 0;
border-bottom:1px solid #DDD;
}
#ToolTip li.end
{
padding:5px 0 5px 0;
border-bottom:0px;
}
a.ToolTip
{
position: relative;
color: #FFF;
}
a.ToolTip:hover 
{
  background-color: #51504E;
  text-decoration: none;
}
a.ToolTip span {display: none; width:150px;}

a.ToolTip:hover span 
{
  position: absolute;
  width:250px;
  top: 9px;
  left: 9px;
  display: block;
  font-family: Verdana, Helvetica;
  font-size: 11px;
  color: #069;
  background: #F1F2F6;
  border: 1px solid #D4D0C8; 
  padding:3px;
}

#Menu .Bedanktvoorbezoek {color:#036;font-weight:bold;font-size:12px;}
#ToolTip .Titel {font-weight:bold;color:#F90;}

