p, td, th, dd, dt, li, h1, h2, h3, a, div {
	font-family: arial, verdana, sans-serif;}

body {
	color: #404040;
	background: #F1F0ED url('images/bg.jpg') left repeat-y;
	margin-right: 10px;}

h1 {
	font-size: 180%;
	font-weight: bold;
	color: #6A5252;}
h2 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom:-1em;
	color: #6A5252;}
h3 {
	font-size: 90%;
	font-weight: bold;
	margin-bottom:-1em;
	color: #404040;}

.rechts {float:right; margin-left:15px;}
.links {float:left; margin-right:15px;}
.center {text-align: center;}
.hide {display: none}
.break {font-size: 1px}
.closer_both {margin-top:-1em; margin-bottom:-1em}
.closer_up {margin-top:-1em;}
.closer_down {margin-bottom:-1em}

div.fotorechts {float:right; text-align: center; margin-left:15px; font-style: italic; padding-bottom: .3em}
div.fotolinks {float:left; text-align: center; margin-right:15px; font-style: italic; padding-bottom: .3em}

table {width: 100%; border-collapse: collapse} 
td {vertical-align: top}
th {text-align: left;}
strong {	
	font-weight: bold;
	color: #6A5252;}
span.alert, .rood, span.rood {color:red}	
.grijs {color: gray;}
img {border: none}

/* Select in zoekoptie (anders probleem met resizen)
select.zoek {font-size: .9em; width: 100%}
Werkt niet!? Daarom inline style */

/*Screens op pag Toegankelijkheid */
div.thumb {float: left; text-align: center}
div.thumb img {margin: 10px;}

a:link {color: #993300;	background: transparent;}
a:visited {color: #68321A; background: transparent;}
a:hover {color: #6A5252; background: transparent;}

div.topimage {
	width:200px; 
	left: 50px;
	top: 10px;
	position: absolute;
	text-align: left;}

div#kop {
	padding-top: 20px; 
	margin-left: 28ex;}
div#logo {
	margin-bottom: 10px;
	background: url('images/borderlogo2.jpg') top left no-repeat}

div#logo2 {
	font-size:30px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #993300;
	font-family: arial, helvetica, sans-serif;
	border-left: 3px solid #6A5252;
	background: url('images/borderlogo2.jpg') bottom left no-repeat; 
	padding-left: 30px;}

div#content {
	margin-left: 28ex;
	text-align: left;}

div.menubottom {
	text-align: center;
	margin-top: 10px;
	padding-bottom:10px;
	clear:both}
div.menu {
	background: url('images/leo2_g.jpg') top left no-repeat; /* verder per pagina in de CSS! */
	padding-top: 136px;
	width:26ex;
	left: 10px;
	top: 5px;
	position: absolute;
	text-align: left;}	
div.menu ul {
	padding:0; margin: 0;}
div.menu li {
	font-weight: bold; 
	font-size: 110%; 
	padding-top: 17px; 
	padding-bottom: 17px; 
	list-style-type: none;}

a.menu {
	padding-left: 80px; 
	padding-bottom: 20px; 
	padding-top: 15px; 
	text-decoration: none;}
a.menu:visited {color: #993300;	background: transparent;}
a.menu:active {color: #DB4605;	background: transparent;}

/*Background onderdrukt voor IE5 (Viel over de link heen*/
a.menu_home/* */ {
	background: url('images/leo1_s.png') no-repeat 0px 3px;}
a.menu_home:visited/* */ {
	background: url('images/leo1_s.png') no-repeat 0px 3px;}
a.menu_home:active/* */ {
	background: url('images/leo1_s.png') no-repeat 0px 3px;}
a.menu_home:hover/* */ {
	background: url('images/leo1_s.png') no-repeat 0px -140px;}

a.menu_ontwerp/* */ {
	background: url('images/leo2_s.png') no-repeat 0px 3px;}
a.menu_ontwerp:visited/* */ {
	background: url('images/leo2_s.png') no-repeat 0px 3px;}
a.menu_ontwerp:active/* */ {
	background: url('images/leo2_s.png') no-repeat 0px 3px;}
a.menu_ontwerp:hover/* */ {
	background: url('images/leo2_s.png') no-repeat 0px -140px;}

a.menu_bouw/* */ {
	background: url('images/leo3_s.png') no-repeat 0px 3px;}
a.menu_bouw:visited/* */ {
	background: url('images/leo3_s.png') no-repeat 0px 3px;}
a.menu_bouw:active/* */ {
	background: url('images/leo3_s.png') no-repeat 0px 3px;}
a.menu_bouw:hover/* */ {
	background: url('images/leo3_s.png') no-repeat 0px -140px;}

a.menu_wie_ben_ik/* */ {
	background: url('images/leo15_s.png') no-repeat 0px 3px;}
a.menu_wie_ben_ik:visited/* */ {
	background: url('images/leo15_s.png') no-repeat 0px 3px;}
a.menu_wie_ben_ik:active/* */ {
	background: url('images/leo15_s.png') no-repeat 0px 3px;}
a.menu_wie_ben_ik:hover/* */ {
	background: url('images/leo15_s.png') no-repeat 0px -140px;}

a.menu_portfolio/* */ {
	background: url('images/leo8_s.png') no-repeat 0px 3px;}
a.menu_portfolio:visited/* */ {
	background: url('images/leo8_s.png') no-repeat 0px 3px;}
a.menu_portfolio:active/* */ {
	background: url('images/leo8_s.png') no-repeat 0px 3px;}
a.menu_portfolio:hover/* */ {
	background: url('images/leo8_s.png') no-repeat 0px -140px;}
	
a.menu_contact/* */ {
	background: url('images/leo9_s.png') no-repeat 0px 3px;}
a.menu_contact:visited/* */ {
	background: url('images/leo9_s.png') no-repeat 0px 3px;}
a.menu_contact:active/* */ {
	background: url('images/leo9_s.png') no-repeat 0px 3px;}
a.menu_contact:hover/* */ {
	background: url('images/leo9_s.png') no-repeat 0px -140px;}

a.menu_terminologie/* */ {
	background: url('images/leo4_s.png') no-repeat 0px 3px;}
a.menu_terminologie:visited/* */ {
	background: url('images/leo4_s.png') no-repeat 0px 3px;}
a.menu_terminologie:active/* */ {
	background: url('images/leo4_s.png') no-repeat 0px 3px;}
a.menu_terminologie:hover/* */ {
	background: url('images/leo4_s.png') no-repeat 0px -140px;}