body {
	background-color: #FFFFFF;
	font-size: 0.9em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "trebuchet ms", tahoma, Arial, sans-serif, Helvetica;
	letter-spacing: 80%;
}

#mainwrap {
	width: 998px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.editbarwrap {
	width: 100%;
	margin-top: 8px;
	float: none;
	clear: both;
	position: relative;
}

.editbar {
	float: right;
	width: 240px;
	margin: 5px;
	padding-right: 8px;
	border: 1px solid #999;
	font-weight: bold;
	text-align: right;
	color: #0179B1;
	background-color: #FFF;
}

#main {
	width: 100%;
	background-color: #e8e8e8;
	background-image: url(../nimg/mainback.png);
	float: left;
	padding: 0px;
	z-index: 1;
	margin: 0px;
}

#topbar {
	background-image: url(../nimg/topbar.png);
	float: none;
	height: 32px;
	width: 998px;
	background-position: 0 -5px;
	padding-top: 34px;
	background-repeat: no-repeat;
}
#tabspace {
	background-image: url(../nimg/pagetop.png);
	background-repeat: no-repeat;
	height: 35px;
	padding-left: 10px;
}

.tabbt {
	float: left;
	height: 22px;
	width: 163px;
	margin-right: 0px;
	margin-left: 0px;
	text-align: center;
	padding-top: 13px;
	background-image: url(../nimg/tab.png);
	color: #017bb4;
	font-weight: bold;
	font-size: 0.9em;
	cursor: pointer;
	cursor: hand;
}


.tabbt:hover {
	background-image: url(../nimg/tab-hi.png)
}
.tabtxt {
}
.tabon {
	background-image: url(../nimg/tab-on.png);
	color: #333;
}

#foot {
	width: 100%;
	background-color: #e8e8e8;
	background-image: url(../nimg/bottom.png);
	background-repeat: repeat;
	float: left;
	clear: inherit;
	padding: 0px;
	height: 49px;
}

#leftpanel {
	width: 137px;
	float: left;
	height: 382px;
	margin-left: 24px;
	padding-bottom: 6px;
	margin-top: 18px;
	margin-right: 12px;
	padding-right: 6px;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
	-khtml-opacity: 0.99;
	opacity: 0.99;
}
#leftpanel:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


#player {
	width: 640px;
	height: 376px;
	margin-top: 26px;
	margin-bottom: 6px;
	float: left;
}

#playerwrap{
	position:relative;
	z-index: 100;
}

#playerdisplay {
	float: left;
	width: 996px;
	font-size: 1em;
	font-weight: bold;
	color: #CCC;
	text-align: center;
	padding-top: 3px;
	margin-bottom: 54px;
}
#rightpanel {
	width: 136px;
	float: left;
	height: 382px;
	margin-left: 4px;
	padding-left: 15px;
	padding-top: 18px;
	padding-bottom: 6px;
	margin-right: 10px;
	padding-right: 10px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	font-size: 0.8em;
}
.playercaption {
	font-size: 0.9em;
	color: #333;
}

#rightpanel:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


#article {
	margin-left: 47px;
	margin-right: 47px;
	float: left;
	width: 904px;
	font-size: 0.9em;
	color: #000;
	clear: both;
	position: relative;
	line-height: 180%;
}

.artLeft {
	float: left;
	width: 136px;
	font-weight: bold;
	margin-left: 4px;
	margin-right: 9px;
	padding-right: 9px;
	padding-left: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.artCenter {
	padding: 8px;
	float: left;
	width: 502px;
	margin-left: 32px;
	margin-right: 40px;
}
.ahead {
	clear: both;
	float: left;
	width: 938px;
	font-size: 36px;
	color: #0179B1;
	padding: 4px;
	margin-bottom: 20px;
}
.artRight {
	float: left;
	width: 136px;
	padding: 8px;
}

p {
	margin: 0 0 12px 0;
}

a {
	text-decoration: none;
	color: #017bb4;
}
.thumbcaption {
	font-size: 0.75em;
	color: #333;
	float: left;
	clear: right;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	width: 134px;
}
.thumb {
	float: left;
	height: 73px;
	width: 134px;
}

img {
	border: 1px solid #000;
}
#googlemap {
	height: 600px;
	float: left;
	position: relative;
	width: 935px;
	clear: both;
	border: 1px solid #000;
}

.trans93 {
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
	-khtml-opacity: 0.99;
	opacity: 0.99;
}

.draggable {
	position: relative;
}

#editlayer {
	position: fixed;
	float: none;
	z-index: 3;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000;
	padding: 0px;
	visibility: visible;
}
.editlayertopbar {
	background-color: #666;
	padding: 8px;
	font-weight: bold;
	color: #FFF;
	cursor: default;
}
.editlayercontent {
	position: relative;
	float: left;
	padding: 8px;
}
.editlayerbackground {
	position: absolute;
	float: none;
	clear: both;
	width: 100%;
	height: 100%;
	background-color: #F5F5F5;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}


#showreelitems {
	float: left;
	width: 100%;
	padding-left: 48px;
}

#showreelitems {
	clear: both;
}

.showreelcategorie {
	clear:both;
	border-top: 1px solid #bbb;
	width: 918px;
	font-size: 20px;
	font-weight:bold;
	color: #0179B1;
	padding-top: 30px;
	margin-top: 15px;
	margin-bottom: 5px;

}

.showreelitem {
	float: left;
	width: 134px;
	height: 145px;
	margin-bottom: 54px;
	margin-top: 6px;
	padding-left: 8px;
	padding-right: 8px;
}

.showreelitem p {
	padding: 0px;
}
.showreelimg {
	width: 134px;
	height: 73px;
	border: solid 1px #333;
}
.showreelitemtarget {
	font-weight: bold;
	font-size: 75%;
	color: #0179B1;
	text-align: right ;
	text-decoration: smallcaps;

}

.showreelitemtitle {
	font-weight: bold;
	font-size: 75%;
	color: #0179B1;

}

.showreelitemshort {
	font-weight: bold;
	font-size: 75%;
	color: #333;
}

.showreelitemclient {
	font-size: 75%;
	color: #888;
}


/* Note

Alles wat ik (Mike) heb aangepast staat hier onder met een omschrijvende comment.

---------------------------------------------------------------------------------------------------------------*/



/* Content Sectie van de pagina
---------------------------------------------------------------------------------------------------------------*/

#content {
	float: left;
	width: 998px;
	position: relative;
}

.player {
	background-image: url(../nimg/player.png);
	background-repeat: no-repeat;
}

.noplayer {
	padding-top: 40px;
	background-image: url(../nimg/noplayer.png);
	background-repeat: no-repeat;
}


/* Lees meer links bij paragraven.
---------------------------------------------------------------------------------------------------------------*/

h3 {
	width: 100%;
	text-align: right;
}
h3 a {
	font-variant: small-caps;
	font-size: 0.9em;
	font-weight: bold;
}


/* Gerelateerde items links van de player
---------------------------------------------------------------------------------------------------------------*/


.relation {
	width: 137px;
	overflow: hidden;
	margin-bottom: 5px;
margin-top:0px;
height:56px;
clear:both;

}
.relation img {

}

.rel_image{ 
	float:left;
	margin-right: 4px;
margin-top:2px;
}

.rel_title a {
width: 82px;
	float: left;
	font-size:70%;
	color: #017bb4;
}
.rel_description {
width:82px;

	float: left;
	font-size:70%;
	color: #333;
}

/*
---------------------------------------------------------------------------------------------------------------*/

/* deze style heb ik even uitgezet omdat hij schuifbalken veroorzaakt in IE (vince 13-1-2010 19:09  ------------------------
.paragraph {
 overflow: auto;
------------------------------------ */

.artCenter img {
margin-right: 10px;
}