
body {
	font-family: arial;
	font-size: 0.9em;
	line-height: 160%;
	color: #000066; }

p { line-height: 160%; }

* html body {
	font-family: arial;
	font-size: 0.85em;
	line-height: 160%;
	color: #000066; }	
	
h1 {
	font-weight: bold; 
	font-size: 1em;
	color: red;
	background-color: transparent;
	display: inline; }

strong {	
	font-weight: bold; 
	font-style: normal; }


h2 {
	font-weight: bold; 
	font-size: 1em;
	color: #000066;
	background-color: transparent;
	display: inline; }	
	
em {
	color: red;
	font-style: normal; }

address {
	font-weight: normal; 
	font-style: normal;
	font-size: 1em;
	color: #000066;
	background-color: transparent;
	display: inline; }	

h3 {
	font-weight: normal; 
	font-size: 1em;
	color: #000066;
	background-color: transparent;
	display: inline; }	
	
h4 {
	font-weight: normal; 
	font-style: italic;
	font-size: 1em;
	color: #000066;
	background-color: transparent;
	display: inline; }		
	
h5 {
	font-weight: normal; 
	font-size: 1em;
	color: #9999CC;
	background-color: transparent;
	display: inline; }

h6 {
	font-weight: bold; 
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: red;
	background-color: transparent;
	display: inline; }	
	
.halve_regel_afstand {
	padding-top: 0.8em; }
	
a {
	color: #000066;
	background-color: transparent;
	text-decoration: none; }	
		
a:hover {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: red;
	text-decoration: none;
	color: red; }	

/* tooltip */

.beeld_overzicht {
	border: #000000 0px solid; }
	
a.beeld_overzicht {
	width: 150px;
	height: 150px;
	display: inline;
	border: 0px;  }
	 	
a.beeld_overzicht:hover {
	border: #000000 0px solid; }

a span {
	display: none;
}

a:hover span {
	display: block;
   	position: absolute; 
   	top: 10px; 
   	left: 40px;
   	padding: 10px; 
   	background: #ffffff; 
   	border: 1px solid #000066;
   	font-weight: normal;
   	width: 250px;
   	z-index: 60;
} 

a.beeld_overzicht:hover span {
	display: block;
   	position: absolute; 
   	top: 10px; 
   	left: 60px;
   	padding: 10px; 
   	background: #ffffff; 
   	border: 1px solid #000066;
   	font-weight: normal;
   	width: 250px;
   	z-index: 60;
} 

* html a.beeld_overzicht:hover span {
	display: block;
   	position: absolute; 
   	top: 80px; 
   	left: 70px;
   	padding: 10px; 
   	background: #ffffff; 
   	border: 1px solid #000066;
   	font-weight: normal;
   	width: 250px;
   	z-index: 60;
} 

.xstooltip {
    visibility: hidden; 
    position: absolute; 
   	top: 0px; 
   	left: 0px;
   	padding: 10px; 
   	color: red;
   	font-weight: normal;
   	background: #ffffff; 
   	border: 1px solid #000066;
   	font-weight: normal;
   	width: 250px;
   	z-index: 60; }

#tooltip_gekozen_opdracht {
	top: 0;
	left: 0; }


/* tooltip */


/* alert */

.alert {
   	display: none;
	position: absolute;
   	top: 0px; 
   	left: 0px;
   	color: white;
   	font-weight: bold;
   	font-size: 1.0em;
   	background: red; 
   	width: 250px;
   	border: 1px solid black;
	padding: 15px 15px 0px 20px;
   	z-index: 300; }
   	
#okay {
   	color: black;
   	background: white;
   	font-weight: bold;
   	font-size: 0.9em;
   	margin: 10px;
   	border: #000000 0px solid; }
   	
a#link_alert {
	color: white;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: white;
	padding-bottom: 1px;
	text-decoration: none;
	}

a:hover#link_alert {
	color: white;
	border-bottom-width: 0px;
	text-decoration: none; }
	
/* alert */

.interne_link {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666699;
	padding-bottom: 1px;
	text-decoration: none;
	color: #000066; }

#afzender {
	position: absolute; 
	top: 0px;
	left: 0px;
	padding: 1.5em 1.5em 0em 1.5em;
	background-color: transparent;
	z-index: 350; }

#categorieen {
	position: absolute;
	top: 4em;
	left: -1.3em; 
	background-color: transparent;
	list-style: none;
	z-index: 340; }
	
* html #categorieen {
	position: absolute;
	top: 5em;
	left: -1.3em; 
	background-color: transparent;
	list-style: none;
	z-index: 340; }

#categorieen ul li { 
	line-height: 1.8em;
	font-weight: bold; }

.keuze_categorie {
	font-weight: bold;
	color: red; }	

a.keuze_categorie {
	font-weight: bold; 
	color: red;	}	
	
#opdrachten {
	position: absolute;
	top: 4em;
	left: 9.5em; 
	padding-bottom: 100px;
	background-color: transparent;
	list-style: none;
	z-index: 330;}
	
* html #opdrachten {
	position: absolute;
	top: 5em;
	left: 10.5em; 
	background-color: transparent;
	list-style: none;
	z-index: 330;}
	
#opdrachten ul li { 
	line-height: 2em;
	font-weight: normal; }

.keuze_opdracht {
	font-weight: normal;
	color: red; }	

a.keuze_opdracht {
	font-weight: normal; 
	color: red;	}	

#opdracht_solo {
	position: absolute;
	top: 5em;
	left: 23em;
	width: 48em; 
	padding-bottom: 5em;}		
	
#tekst_solo {
	position: relative;
	top: 0em;
	left: 0em;
	width: 34em;
	z-index: 210; }		

#tekst_opdrachtgevers {
	position: relative;
	top: 0em;
	left: 9em;
	width: 31em;
	z-index: 20; }		

img {
	vertical-align: middle;
	text-decoration: none; }
	
#afbeelding_solo {
	position: relative;
	top: 2em;
	left: 0em; 
	padding-bottom: 2em;
	z-index: 20; }

#afbeelding_1 {
	margin: 0px 50px 0px 0px; 
	display: inline; }	
		
#afbeelding_2 {
	padding: 0px 0px 0px 0px; 
	display: inline; }	
		
.foto_grid {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; }

#opdracht_overzicht {
	position: absolute;
	top: 5em;
	left: 22.5em;
	width: 47em;
	padding-bottom: 150px; }		

* html #opdracht_overzicht {
	position: absolute;
	top: 5em;
	left: 23.5em;
	width: 48em;
	z-index: 20; }		

#zoek_opdracht_overzicht {
	position: absolute;
	top: 16em;
	left: 22em;
	width: 48em;
	z-index: 20; }		

#pay_off {
	position: relative;
	text-align: right; 
	top: 3em; }
	
#vlak {
	position: absolute; 
	top: 0px;
	left: 0px; 
	border-bottom: #ccff66 6px solid;
	background-color: #ccff66; 
	width: 100%;
	height: 4em;
	visibility: hidden; }
	
input {
	font-family: arial;
	font-weight: normal;
	font-size: 1.0em;
	color: #000066;
	background-color: #ccff66;
	border: 2px solid #ccff66;
	padding: 0.5em; 
	height: 3em;
	line-height: 1.5em;
	vertical-align: middle;
	margin: 0.5em 1.0em 1.5em 0em;
	width: 25em; }
	
textarea  {
	font-family: arial;
	font-weight: normal;
	font-size: 1.0em;
	color: #000066;
	border: 2px solid #ccff66;
	background-color: #ccff66;
	padding: 5px 10px 0px 10px;
	width: 25em; 
	height: 7em; }

select  {
	font-family: arial;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 160%;
	color: #666666;
	background-color: white;
	border: 2px solid #ccff66;
	padding: 5px 10px 0px 10px; 
	width: 400px;}
	
option {
	width: 350px;
	font-family: arial;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 160%;
	color: red; }
	
#monitor {
	position: absolute; 
	top: 50px;
	left: 50px; }	



#foto_grid_126 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 126; }

#foto_grid_125 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 125; }

#foto_grid_124 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 124; }

#foto_grid_123 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 123; }

#foto_grid_122 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 122; }

#foto_grid_121 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 121; }

#foto_grid_120 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 120; }

#foto_grid_119 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 119; }

#foto_grid_118 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 118; }

#foto_grid_117 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 117; }

#foto_grid_116 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 116; }

#foto_grid_115 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 115; }

#foto_grid_114 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 114; }

#foto_grid_113 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 113; }

#foto_grid_112 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 112; }

#foto_grid_111 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 111; }

#foto_grid_110 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 110; }

#foto_grid_109 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 109; }

#foto_grid_108 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 108; }

#foto_grid_107 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 107; }

#foto_grid_106 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 106; }

#foto_grid_105 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 105; }

#foto_grid_104 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 104; }

#foto_grid_103 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 103; }

#foto_grid_102 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 102; }

#foto_grid_101 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 101; }

#foto_grid_100 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 100; }

#foto_grid_99 {
	position: relative;
	display: inline;
	border: #000000 0px solid;
	background-color: #FFFFFF; 
   	z-index: 99; }