
body
	{
	font-family: Arial, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	line-height: 24px; 

	overflow:  hidden; 
	
	margin: 0; 


	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;
	
	border-style: solid;
	border-width: 0px;
	border-color: #000000; 
	background-color:#FFFFCC;
	}
		
a:link , a:visited
	{
	text-decoration: none; 
	color: #CC3300; 
	
	}
a:hover
	{
	font-weight: normal;
	text-decoration: none; 
	color: #990000;
	}
	
a img
	{
	border-style: solid;
	border-width: 0;
	}

h1	{
	font-size: 24px;
	}
h2	{
	font-size: 16px;
	}
h3	{
	font-size: 12px;
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 10px 0px ;

	border-style:solid;
	border-width: 0px;
	border-color: #CC6666;
	
	}
	
p	{
	color: #666666;
	line-height: 16px;
	margin: 8px 4px 4px 4px;	
	border-style:solid;
	border-width: 0px;
	}

#topframe
	{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 180 px;
	height: 90px;
	padding: 4px 4px 4px 4px ;
	margin:  10px 10px 10px 10px ;
	background-color:#ffffff;
	border-style:solid;
	border-width: 0px;
	border-color: #CC6666;
	z-index:99;
	}	
	
#topframe img

	{

	}	
#inlognaam
	{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 200px;
	height: 20 px;
	}
		

#content
	{ 
	position: absolute;
	left: 208px;
	top: 0px;
	width: 900px;
	height: 580px;
	padding: 4px 4px 4px 4px ;
	margin:  10px 10px 10px 10px ;
	border-style: solid;
	border-width: 0px;
	border-color: #99FF00; 
	background-color: #FFFFCC; 

	
	}

#menu
	{
	position: absolute;
	left: 0px;
	top: 98px;
	width: 200px;
	height: 500px;
	padding: 4px 4px 4px 4px ;
	margin:  10px 10px 10px 10px ;
	border-style: solid;
	border-width: 0px;
	border-color:  #3399CC; 
	background-color:##FFFFCC; 
	}

	

/*style voor copyrigth*/
#copyright
	{
	position: absolute;
	left:620px;
	top:598px;
	width: 200px; 
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-align: right;
	overflow: hidden;
	}
#copyright a, #copyright a:link 
	{
	right: 0px;
	text-decoration: none; 
	color: #333333;
	}
#copyright a:hover 
	{
	text-decoration: none; 
	font-weight: strong;
	}
#copyright a:visited 
	{
	text-decoration: none; 
	}

#voordebots
	{
	position:absolute;
	top: 9000px;
	left:9000px;
	}

#label
	{
	position: relative;
	left:0px;
	top:0px;
	width: 160px; 
	height: 14px;

	}

#invoer
	{
	position: relative;
	left:0px;
	top:0px;
	width: 200px; 
	height: 14px;

	}

#scrollvlak
	{
	position: relative;
	left:0px;
	top:0px;
	width: 100%;	
	height: 520px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000; 
	overflow: auto;	
	}
#scrollvlak img
	{
	border-style: solid;
	border-width: 0px;
	border-color:  #ffcc00;
	overflow: auto;	
	}

#lefttable
	{
	position: relative;
	left:0px;
	top:0px;
	width: 400px; 
	height: 520px;
	border-style: solid;
	border-width: 1px;
	border-color:   #000000; 
	overflow: auto;	
	}

#righttable
	{
	position: relative;
	left:450px;
	top:-520px;
	width: 400px; 
	height: 520px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000; 
	overflow: auto;	
	}

/*menu voor openbaar deel site*/

#leftmenu
	{
	position: absolute;
	left: 0px;
	top: 80px;
	width: 200px;
	height: 500px;
	padding: 4px 0px 0px 0px ;
	margin:  10px 10px 10px 10px ;
	border-style: solid;
	border-width: 0px;
	border-color:  #3399CC; 
	background-color:#ffffff; 
	z-index:99;
	}


#navlist li
{
display: inline;
/* for IE5 and IE6 */

}

#navlist
{
font-size:12px;
width: 17em;
/* to display the list horizontaly */
font-family: sans-serif;
margin: 0 0 0 0em;
padding: 0;
border-top: 1px #000 solid;
border-left: 1px #000 solid;
border-right: 1px #000 solid;
}

#navlist a
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color:	#FFCC00;
border-bottom: 1px #000 solid;
text-align: center;
text-decoration: none;
color: #000;
}

#navlist a:hover { background-color: #FF9900; }
#navlist a:visited { color: #000; }


#inhoud
	{ 
	position: absolute;
	left: 208px;
	top: 88px;
	width: 900px;
	height: 510px;
	padding: 4px 4px 4px 4px ;
	margin:  10px 10px 10px 10px ;
	border-style: solid;
	border-width: 1px;
	border-color:	#990033; 

	overflow:auto;  
	}
	
#selectform
	{
	position: absolute;
	left: 0px;
	width: 95%;
	height: 50px;
	z-index: 90;
	padding: 0px 4px 4px px ;
	margin:  0px 10px 0px 10px ;
	
	border-style: solid;
	border-width: 0px;
	border-color: #99FF00; 
	


	
	}

#schaduwvlak
	{
	background-image:url(../pics/site/SCHADUW_BG_WIT_500.jpg); 
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;				
	}
	
#help
	{
	position: absolute;
	top: 70px;
	left: 9900px;
	width: 700px;
	height: 400px;
	border-style: solid;
	border-width: 2px;
	border-color: #CC0000; 
	background-color: #FFCC00;
	padding: 0;
	margin:  0; 
	z-index:99;	
	
	}	
#helptopbar
	{
	left: 0px; 
	top: 0px; 
	background-color: #FF0000;  
	color:#ffffff; 
	width: 696px; 
	text-align:right; 
	vertical-align:middle; 
	height: 20px; 
	padding: 0;
	padding-right: 4px; 
	margin:0;
	}	
#helpcontent
	{
	top: 20px;
	left: 0px;
	height: 376px;
	width: 696px;
	overflow: auto;
	}
#helpcontent p
	{
	color: #333333;
	font-size: 11px;
	}
	
#dog_detail
	{
	position: absolute;
	top: 70px;
	left:9100px;
	width: 500px;
	height: 600px;
	border-style: solid;
	border-width: 2px;
	border-color: #FFCC00; 
	background-color: #FFFFCC;
	padding: 0;
	margin:  0; 
	z-index:99;	
	}	
	
#dog_detail_topbar
	{
	left: 0px; 
	top: 0px; 
	background-color: #FFFF66;  
	color:#ffffff; 
	width: 496; 
	text-align:right; 
	vertical-align:middle; 
	height: 20px; 
	padding: 0;
	padding-right: 4px; 
	margin:0;
	}	
#dog_detail_content
	{
	top: 20px;
	left: 0px;
	height: 376px;
	width: 696px;
	overflow: auto;
	}

#contactvlak
	{
	position: absolute;
	top: 165px;
	_top: 155px;
	left: 0px;
	width:  95%;
	height: 400px;
	border-style: solid;
	border-width: 2px;
	border-color: #CC0000; 

	padding: 0;
	margin:  0; 
	z-index:99;	
	background-color:#FFFFCC; 
	

	}	
#updatesvlak
	{
	position: absolute;
	top: 165px;
	_top: 155px;
	left: 9400px;
	width: 95%;
	height: 400px;
	border-style: solid;
	border-width: 2px;
	border-color: #CC0000; 
	padding: 0 0 0 10px;
	margin:  0; 
	z-index:99;	
	background-color:#FFFFCC;	
	overflow:scroll;		
	}	
#statsvlak
	{
	position: absolute;
	top: 165px;
	_top: 155px;
	left: 9600px;
	width:  95%;
	height: 400px;
	border-style: solid;
	border-width: 2px;
	border-color: #CC0000; 
	padding: 0 0 0 10px;
	margin:  0; 
	z-index:99;	
	background-color:#FFFFCC;	}	


#nav_top
	{
	position:absolute; 
	top:65px; 
	left:0px; 
	height: 40px; 
	width: 95%; 
	z-index:99; 
	
	margin: 0 0 0 0px;  
	padding : 0 0 0 0px; 
	color:  #660000; 
	
	line-height:18px; 
	text-align: right;

	border-style: solid;
	border-width: 0px;
	border-color: #CC0000; 

	}

#nav_top a
	{
	width: 200px;
	margin: 0 10px 0 10px;  
	padding : 0 0 0 0px; 
	border-style: solid;
	border-width: 0px;
	border-color: #CC0000;
	
	}
#nav_top a:link,  #nav_top a:visited
	{
	color: #CC3300;  
	font-weight:500;
	}
#nav_top a:hover
	{
	color: #6600FF;
	font-weight:500;
	text-transform:uppercase;
	}