/* ----------------------------------------- Algemene Instellingen > OlgaBakker.com */
html, body
{	margin: 0 0 26px 0;
	padding: 0;
	height: 100%;
}

body
{	background: url("../img/bg.jpg") repeat; 
	text-align:left;
}

div, p, td, h1, h2, h3
{	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	line-height: 130%;
}

#container
{	position: relative;
	background: url("../img/bg.gif") repeat; 
	width: 738px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	
	padding: 0;	
	border-right: 6px solid #fff;
	border-left: 6px solid #fff;
	border-bottom: 6px solid #fff;
	background-color: #fff;
	/* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
}

a, a:visited
{	text-decoration: none;
	color: #D50000;
}
a:hover
{	text-decoration: none;
	color: #C48580; 
}

/* ----------------------------------------- Eigenschappen Images */
img
{	border: 0;
	margin: 0;
	padding: 0;
}

img.left
{	border: 1px solid #7B7B7B;	
}

img.leftimage
{	display: block;	
	border: 1px solid #686868;
	
}


/* ----------------------------------------- Navigatie Elementen */	

#navcontainer
{	font-family: Century Gothic, Verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	width: 738px;
	background-color: #000;	
	display: block;		
	clear: left;
}

#nav a:hover
{	background: url("../img/nav_over.gif") no-repeat;
	background-position: 8px 11px;
	background-color: #733A34;
	color: #fff;
}

#nav li a
{	color: #fff;
	text-decoration: none;
	font-weight: normal;
	padding: 3px 0 1px 20px;
	display: block;
}

#active a:link, #active a:visited, #active a:hover
{	background: url("../img/nav_over.gif") no-repeat;
	background-position: 8px 11px;
	background-color: #550A0A;
	color: #fff;
	text-decoration: none;
}

#noactive a:link, #noactive a:visited, {
	background: none;
	background-color: #000;
}

#noactive2 a:link, #noactive a:visited, {
	background: none;
	background-color: #000;
}

#noactive a:hover 
{	background: url("../img/nav_over.gif") no-repeat;
	background-position: 8px 11px;
	background-color: #733A34;
}


#nav li ul li a
{	padding: 3px 0 1px 20px;
}

ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

li { /* all list items */
	float: left;
	position: relative;
	width: 122px;
	background-color: #0C0C0C;
	border-right: 1px solid #7B7B7B;
	letter-spacing: 0.9px;
	line-height: 2em;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	padding: 0;
	font-size: 10px;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}


/* ----------------------------------------- Image Header */
#imageheader
{	display: block;		
	background: url("../img/header.jpg") no-repeat;
	width: 738px;
	height: 139px;
	/* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
}

/* ----------------------------------------- Linker Content */

#leftcontainer {
	position: absolute;
	margin: 0;
	padding: 5px 0 30px 0;
	width: 246px;	
	color: #686868;
	/* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	display: inline;
	background-color: #fff;
	border-bottom: 1px solid #686868;
}

#leftcontainer span
{	display: block;
	width: 238px;
	margin: 0;
	padding: 1px 0 0 0;
	background: url("../img/nav_over.gif") no-repeat;
	background-position: 1px 3px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #1D1D1D;
	text-decoration: none;
	font-weight: normal;
	float: left;
	letter-spacing: 1px;
	line-height: 100%;	
}

em.leftem
{	font-style: normal;
	text-decoration: none;
	color: #D50000;		
	font-weight: normal;
}


/* ----------------------------------------- Rechter Content */
#rightcontainer {
	font-family:  "Trebuchet MS", Verdanna, sans-serif;
	color: #2B2B2B;
	font-size: 11px;
	line-height: 2em;
	word-spacing: 0.3em; 
	margin: 0;
	padding: 1px 0 0 252px;
	width: 486px;	
	height: 500px;
	display: block;
	/* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;	
}

div.link
{	margin: 0;
	padding: 0;
	word-spacing: 0em; 
	line-height: 100%;
	border-bottom: 1px dotted #686868;
	text-align: right;
}

em.rightem
{	font-family: Times, serif;
	font-size: 26px;
	padding-right: 1px;
	font-style: normal;
	text-decoration: none;
	color: #D50000;		
	font-weight: normal;
	line-height: 100%;
}

em.linkem
{	font-family: Times, serif;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;
	color: #D50000;		
	font-weight: normal;
	line-height: 100%;
}

/* ----------------------------------------- Bottom */

#bottom
{	margin: 0;
	padding:0;
	font-family: Verdanna, sans-serif;
	font-size: 10px;
	color: #4C4C4C;	
	line-height: 0;
	text-align: right;
}

#bottom a
{	font-family: Verdanna, sans-serif;
	font-size: 9px;
	color: #4C4C4C;	
	text-decoration: none;
	font-weight: normal;
}

#bottom a:hover
{	color: #D50000;	
}

#footer
{	padding: 0 0 10px 252px;
	margin: 0;
	line-height: 0;
}

img.bottomleft
{	padding: 0 6px 0 0;
}

img.bottom
{	border: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}

#bottomline
{	line-height: 0;
}


/* ----------------------------------------- CV tables */
table.cv	
{	border-collapse: collapse;
	border: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 2em;
	
}

table.cv tr
{	
}

table.cv td
{	padding: 3px 5px 3px 0px;
	border-bottom: 1px dotted #686868;
}

table.cv td.year
{	vertical-align: top;
	width: 80px;
	color: #D50000;
	padding-bottom: 1em;
	font-family: Century Gothic, Verdanna, sans-serif;
}
