@charset 'UTF-8';
@import url('tinymce.css');

html {
	height: 100%;
}

form, html, body {
	margin: 0;
	padding: 0;
}

body, input {
	font: 9px Verdana, Tahoma, Arial sans-serif;
	line-height: 17px;
}

:focus,
input:focus {
	outline: 0;
}

img {
	border: 0;
}

a,
a:link,
a:active,
a:visited {
	color: #86151c;
	text-decoration: none;
}

a:hover {
	color: #990033;
}

/***
Div elementen
***/
#container {
	width: 790px;
	margin: 0 auto;
}

#menu {
	float: left;
	width: 477px;
	height: 15px;
	text-indent: -999em;
}

#menu li.home {
	background: url(../_images/menu/home.jpg) no-repeat top left;
	width: 45px;
}

#menu li.print {
	background: url(../_images/menu/print.gif) no-repeat top left;
	width: 86px;
}

#menu li.multimedia {
	background: url(../_images/menu/multimedia.gif) no-repeat top left;
	width: 87px;
}

#menu li.audiovisueel {
	background: url(../_images/menu/audiovisueel.gif) no-repeat top left;
	width: 87px;
}

#menu li.schetsen {
	background: url(../_images/menu/schetsen.gif) no-repeat top left;
	width: 172px;
}

#menu li a,
#menu li {
	display: block;
}

#menu li.active,
#menu li:hover {
	background-position: bottom left;
}

#menu ul li {
	float: left;
	padding: 0;
	margin: 0;
	height: 11px;
	cursor: pointer;
}

#logo {
	float: right;
	text-align:right;
	width: 201px;
	height: 45px;
	margin-right: 5px;
}

#content_holder {
	clear: both;
	width: 790px;
	height: 320px;
	vertical-align: bottom;
}

#hover_information {
	font: 9px Verdana, Tahoma, Arial sans-serif;
	margin: 15px 10px 10px 10px;
	height: 15px;
}

#slogan {
	float: left;
	color: #999;
	margin: 10px 0 0 0;
}

#content {
	margin: 20px;
}

#contact_info {
	float: right;
	margin: 10px 8px 0 0;
}

.category_holder {
	float: left;
	width: 258px;
	margin-right: 5px;
}

.item_holder {
	float: left;
	width: 86px;
	height: 80px;
}

.header_image {
	clear: both;
	width: 258px;
	height: 21px;
	text-indent: -999em;
}

.header_image a {
	display: block;
	width: 258px;
	height: 21px;
}

.header_image:hover {
	cursor: pointer;
	background-position: bottom left;
}

.category_print {
	background: url(../_images/menu_large/print.jpg) no-repeat top left;
}

.category_multimedia {
	background: url(../_images/menu_large/multimedia.jpg) no-repeat top left;
}

.category_audiovisueel {
	background: url(../_images/menu_large/audiovisueel.jpg) no-repeat top left;
}

.portfolio_item_holder {
	width: 770px;
	clear: both;
	margin-bottom: 20px;
}

/* Video viewer */
#viewerOverlay {
	position: fixed;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .75;
	z-index: 2;
	top: 0;
	left: 0;
	display: none;
}

#viewerContainer {
	position: fixed;
	left: 50%;
	top: 20px;
	margin: 0 0 0 -340px;
	width: 680px;
	height: 435px;
	background-color: #fff;	
	z-index: 3;
	display: none;
}

#closeButton {
	float: left;
	margin: -1px 0 0 20px;
}

#logoHolder {
	float: right;
	margin: 0 20px 0 0;
}

#contentHolder {
	margin: 55px 0 0 20px;
	width: 640px;
	height: 360px;
}