body {
	color: #333333;
	background: #970505;
}

#wrapper {
/*width: 76em;*/
width: 91em;
	max-width: 100%;
	margin: 0 auto;
	border: 4px solid #970505;
}

#wrapper #masthead {
	background: #ffffff url(../img/gradient2.gif) repeat-x left top;
	height: 8em;
	border: 4px solid #970505;
}
#masthead img {	
	width: 10%;
	max-width: 200px;
	height: 80px;
	float: left;
}

#wrapper #mainContent {
/*width: 61em;*/
	width: 76em;
	max-width: 79%;
/*height: 34em;*/
height: 45em;
	background: #ffffff;
	float: right;
	border-top: 4px solid #970505;
	border-right: 4px solid #970505;
	border-bottom: 4px solid #970505;
	border-left: 2px solid #970505;
}
#wrapper #mainContentScroll {
	width: 76em;
	max-width: 79%;
height: 45em;
overflow: auto;
	background: #ffffff;
	float: right;
	border-top: 4px solid #970505;
	border-right: 4px solid #970505;
	border-bottom: 4px solid #970505;
	border-left: 2px solid #970505;
	}
#wrapper #sidebarL {
/*width: 9em;*/
	width: 20em;
	max-width: 19%;
height: 45em;
	background: #ffffff;
	float: left;
	border-top: 4px solid #970505;
	border-right: 2px solid #970505;
	border-bottom: 4px solid #970505;
	border-left: 4px solid #970505;
}
* html #wrapper #mainContent,
* html #wrapper #mainContentScroll {
	width: 72em;
	}
* html #wrapper #sidebarL {
	width: 17em;
	}

#wrapper #footer {
	border: 4px solid #970505;
	background: #ffffff;
	font-weight: bold;
	color: #790404;
}

p {
	font-size: 1.5em;
	color: #7f0202;
}
p.agenda {
	color: #fff;
	line-height: 18px;
	margin-left: 0;
	}
p.agenda strong, p.agenda a {
	color: #fff;
	}



/* Remove padding and margin */
* {
 	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table {
	  margin: 1em 0 0 0.5em;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Class for centering content */
.center {
	text-align: center;
}

/* Remove border around linked images */
img {
	border: 0;
}

.floatright {
	float: right;
	margin-right: 1em;
}

strong {	
	color: #476402;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
}

p, table {
	font-size: 1.5em;
	color: #000000;
	margin-left: 1em;
}

ul {
	margin: 0.3em 1em 1.5em 3.2em;
}	

ul li {
	font-size: 1.5em;
	color: #000000;
}
ul.sublist {
	margin-top: 0;
	margin-bottom: 5px;
	}
ul.sublist li {
	font-size: 1em;
	color: #000;
	list-style: disc;
	margin-bottom: 0;
	}

ol {
	margin: 0.3em 1em 1.5em 10em;
}

ol li {
	font-size: 1.4em;
	color: #476402;
	font-weight: bold;
}

ul.ulLinks {
	list-style: none;
	}
	ul.ulLinks li {
		margin: 0 0 10px 0;
		}
	ul.ulLinks li a {
		margin: 0;
		}
/* =Headings
-----------------------------------------------------------------------------*/
h1 {
	margin: 1em 0 0 4.7em;
	font-size: 3em;
	font-weight: bold;
	color: #970505;
}

h2 {
	color: #476402;
	font-size: 1.5em;
	margin-left: 0.65em;
}

h2.h2klein {
	font-size: 1.4em;
}
h3 {
	color: #476402;
	font-size: 1.4em;
	margin: 1em 0 0 1.1em;
}
/* =Links
-----------------------------------------------------------------------------*/
a {
	color: #476402;
}

/* =Lists
-----------------------------------------------------------------------------*/



/* =Masthead
-----------------------------------------------------------------------------*/



/* =Main Nav
-----------------------------------------------------------------------------*/
#portfolio #wrapper #sidebarL #mainNav h2 {
	font-weight: bold;
}

#wrapper #sidebarL li {
	font-size: 1.2em;
	color: #970505;
	text-decoration: none;
}

ul#mainNav {
	margin: 0.5em 0 2em 0.4em;
	line-height: 4em;
	list-style-type: none;
	height: 290px;
	vertical-align: middle;
}

ul#mainNav a {
	display: block;
	width: 14em;
	height: 4em;
	line-height: 4em;
	color: #970505;
	text-decoration: none;
 	background: #ffffff url(../img/liBullet.gif) no-repeat left;
	text-indent: 25px;
	font-weight: bold;
}
* html ul#mainNav a {
	width: auto;
	}

ul#mainNav a:hover {
	display: block;
width: 14em;
	height: 4em;
	line-height: 4em;
	color: #970505;
	text-decoration: none;
	background: #ffffff url(../img/liBullet_open.gif) no-repeat left;
}
* html ul#mainNav a:hover {
	width: auto;
	}

body#home a#homeLink,
body#creatief a#creatiefLink,
body#computerles a#computerlesLink,
body#aangifteib a#aangifteIBLink,
body#fotografie a#fotografieLink,
body#contact a#contactLink,
body#none a#noneLink {
	display: block;
	margin: 0 0 0 -4px;
	height: 4em;
	line-height: 4em;
	padding: 0;
	background-color: #ffffff;
	background: #970505 url(../img/no_bullet.gif) no-repeat left;
	color: #ffffff;
	font-weight: bold;
	border-top: 1px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 2px solid #ffffff;
	text-decoration: none;
}
body#none a#noneLink {
	background: #ffffff url(../img/liBullet.gif) no-repeat left;
	color: #970505;
}
p.extraNav {
	padding: 0 0 10px 9px;
}
	p.extraNav strong {
		color: #970505;
	}
p.extraNav a {
	font-size: 12px;
	color: #970505;
	text-decoration: none;
}
	p.extraNav a:hover {
		text-decoration: underline;
	}
/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/




/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
	border: 1px solid #000000;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	text-align: left;
	font-weight: normal;
}

td#tdContact {
	width: 41%;
}

table.tblportfolio {
	margin: 15px 0 15px 35px;
	border: 2px solid #970505;
	font-size: 14px;
}

table.tblportfolio td {
	padding: 0 0.7em 1em 0;
	text-align: center;
	/*vertical-align: bottom;*/
}

/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/
.albumlist {
	margin: 0 0 0 0.3em;
	padding: 0;
	list-style: none;
}

.albumlist li {
	display: inline;
}

.albumlist img {
	border: 1px solid #000000;
}

.popup{
		padding:.5em;
		border:1px solid #fff;
		position:absolute;
		min-height:2em;
		min-width:2em;
		top:0;
		left:0;
		background: #fff;
	}
	a.popuplink{
		position: relative;
		top: 0;
		left: 50px;
		background:#000;
		padding: 0 .5em;	
		border:1px solid #fff;
		text-decoration:none;
		font-weight:bold;
		margin-bottom:-1px;
		color: #fff;
	}
	.popup iframe{
		width:99%;
		height:99%;	
	}
#popupInfo {
	position: absolute;
	top: 15px;
	right: 43px;
	width: 320px;
	height: 550px;
	overflow: hidden;
	color: #fff;
	}


#linkpartners {
	margin-left: 10px; 
	color: #000; 
	font-size: 11px; 
	}
	#linkpartners  a {
		font-weight: bold;
		}
	#linkpartners a:hover {
		color: #000;
		}
