/* CSS Document standaard voor ZZP Basis  */
* 
{
	margin:0; 
	padding:0;
}
html,body,ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-indent: 0px;
	list-style-position: outside;
	list-style-image: url(arrow.gif);
	list-style-type: disc;
	padding-left: 26px;
	margin: 0px	
}

ul
{
	text-align: left;
}

/*Linken in de tekst*/
	a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active {
	font-weight: bold;
	text-decoration: none;
}
/*Linken in het menu*/
.menu a:link, .menu a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.menu a:hover, .menu a:active {
	font-weight: bold;
	text-decoration: none;
}
.activemenu{
	font-weight: bold;
	text-decoration: none;
}
.tekstlinkactive {
	font-weight: bold;
	text-decoration: none;
}

li{
   list-style-type:disc;
}



/*Koppen bij TekstR en TekstL zijn h2*/
.h2{
	font-size: 11px;
	font-weight: bold;
}
.highlight{
	font-size: 11px;
}

/*Hierin wordt alle content geplaatst, de container zorgt voor plaatsing in het midden vh beeld*/
#container {
	position: relative;
	width: 771px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;	
	text-align: center;
	visibility: visible;
	z-index: 4;
}

/*met de container op 100% wordt IE gefopt en zorgt ervoor dat DIV's op het hele scherm worden getoond.omdat IE geen min-height ondersteund.
RJV*/
#container {
	min-height:100%
}

#kaderlijn{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 771px;
	height: 600px;
	z-index: 6;
	visibility: visible;
	overflow: visible;
}
#kop{
	position:absolute;
	width: 100%;
	height: 135px;
	top: 0px;
	left: 0px;
	z-index: 3;
	visibility: visible;
	overflow: hidden;
	}

#logo{
	position:absolute;
	width: 771px;
	height: 101px;
	top: 0px;
	left: 1px;
	z-index: 5;
	visibility: visible;
	overflow: hidden;
}

/* styles for IE 5 Mac */
/* commented backslash hack  - invisible to IE 5 \*/
/*Kleuren uitsluitend in de kleuren.css */ 

.tekst {
	text-decoration: none;
	font-weight: bold;
}


/* ==============================================================
	 achtergrond-img menu en kleurachtergrond menutekst in kleuren css zonodig aanpassen 
	 ============================================================*/
#xmenu {
	position: absolute;
	top: 101px;
	left: 10px;
	width: 761px;
	height: 34px;
	vertical-align: middle;
	visibility: visible;
	z-index: 8;
}

#menutekst {
	position: absolute;
	top: 110px;
	left: 10px;
	width: 761px;
	height: 16px;
	text-align: left;
	line-height: 16px;
	visibility: visible;
	z-index: 11;
}

#mailicoontje{
	position: absolute;
	top: 110px;
	left: 716px;
	width: 20px;
	height: 16px;
	text-align: right;
	visibility: visible;
	font-size: 11px;
	font-weight: bold;
	z-index: 15;
}



/* Teksten staan in deze divs*/
#tekstL{
	position: absolute;
	top: 165px;
	left: 10px;
	width: 282px;
	z-index: 7;
	text-align: left;
	visibility: visible;
	overflow: visible;
}
#tekstR{
	position: absolute;
	top: 165px;
	left: 330px;
	width: 428px;
	z-index: 9;
	text-align: left;
	visibility: visible;
	overflow: visible;
}

/* Fotopagina : In de fotoR komen de gevulde foto-divs en de pijltjes, links en foto's staand of liggend. */
#FotoL{
	position: absolute;
	width: 187px;
	height: 500px;
	z-index: 7;
	top: 165px;
	left: 10px;
	text-align: left;
	visibility: visible;
	overflow: visible;
}

#FotoBijschrift {
	position: absolute;
	width: 187px;
	z-index: 8;
	top: 0px;
	left: 0px;
	text-align: left;
	visibility: visible;
	overflow: hidden;
	height: 208px;
}
#Fotolijst {
	position: absolute;
	width: 187px;
	z-index: 8;
	top:224px;
	left: 0px;
	text-align: left;
	visibility: visible;
	overflow: hidden;
	height: 250px;
}

/* 	contactpagina bevat divs contact,contactadres en contactcopyright  */
#contacttekst {
	position: absolute;
	width: 187px;
	z-index: 8;
	top: 165px;
	left: 10px;
	text-align: left;
	visibility: visible;
	overflow: hidden;
	height: 384px;
}

#contactcopyright {
	position: absolute;
	width: 187px;
	z-index: 8;
	top: 581px;
	left: 10px;
	text-align: left;
	visibility: visible;
	overflow: hidden;
}



/* ==============================================================
	bij elke kleuren css achtergrondkleuren eventueel aan te passen  
	============================================================*/
#FotoContainer{
	position: absolute;
	right: -1px;
	width: 530px;
	height: 533px;
	z-index: 8;
	text-align: center;
	visibility: visible;
	background-color:#CCCCCC;
	top: 165px;
}

#FotoStaand {
	position: absolute;
	top: 0px;
	width: 400px;
	height: 533px;
	z-index: 4;
	text-align: center;
	overflow: hidden;
	left: 64px;
	visibility: visible;
}
#FotoLiggend{
	position: absolute;
	top: 52px;
	left: 0px;
	width: 530px;
	height: 530px;
	z-index: 4;
	overflow: hidden;
	text-align: center;
	visibility: visible;
}
#Pijltjes{
	position: absolute;
	top: 16px;
	left: 8px;
	width: 52px;
	height: 20px;
	text-align: left;
	visibility: visible;
	z-index: 9;
}

#fotonummers{
	position: absolute;
	top: 16px;
	left: 465px;
	width: 60px;
	height: 16px;
	text-align: center;
	visibility: visible;
	z-index: 4;
}

#cv{
	position: absolute;
	width: 670px;
	z-index: 8;
	top: 165px;
	left: 41px;
	text-align: left;
	visibility: visible;
	overflow: visible;
}

/*contactpagina en mailen pagina gebruiken deze div*/
#contact{
	position: absolute;
	right: -2px;
	width: 530px;
	height: 460px;
	z-index: 9;
	text-align: right;
	visibility: visible;
	top: 165px;
}

/*voor het mailformulier*/
.tekstvlak{
 font-family: verdana;
 font-size:10px;
 padding-left: 5px;
}
.invultekstvlak{
 font-family: verdana;
 font-size:10px;
 padding-left: 5px;
}