* {
	margin: 0;
	padding: 0;
}

li { list-style-position: inside; }

HTML, BODY
{
	clear: both;
	height: 100%;
	width: 100%;
}

body {
	background: url('../backdrop.jpg') repeat-x #FFFFFF;
	font-family: verdana;
	font-size: 11px;
	line-height: 19px;
	color: #231F20;
}

br.clear {
	clear: both;
}

A.zwart { color: #000000; }

img {
	border: 0;
}

hr.hr_portfolio
{
	clear: both;
	height: 1px;
	background: #CECECE;
	border: 0;
	margin: 10px 0;
}

/*Headings
------------------------------------------*/
h1 {
	text-indent: -99999px;
	margin: 0 0 20px 0;
	height: 21px;
}

h1#afdelingen_titel { background: url('../titel/afdelingen.gif') no-repeat; }

h4, h2{
	color: #000000; 
	font-size: 21px; 
	font-size: 20px; 
	height: 22px; 
	margin: 0;
	padding: 0 0 0 22px;
	background: url('../titel_ops.gif') no-repeat;
}

h4#henk
{
	float: left;
	margin: 30px 0 -20px 0;
	font-size: 28px;
}

h5.afdeling_port
{
	color: #23378e;
	font-size: 11px;
	font-weight: bold;
	margin: -5px 0 -7px 2px;
}

h5
{
	color: #434343;
	font-size: 9px;
	font-weight: bold;
	margin: -20px 0 -5px 3px;
}

h3
{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 -10px 0;
	text-align: left;
}

h6
{
	float: left;
	color: #000000;
	font-size: 17px;
	height: 25px;
	text-align: left;
}

/*Links
------------------------------------------*/
a:link, a:active, a:visited {
	outline: none;
	color: #FF8E01;
	text-decoration: none;
}

a:hover {
	color: #231F20;
}

ul#sitemap li {
	margin: 0 0 10px 15px;
}

ul#sitemap_sub {
	list-style-position: inside;
}

/*Div elementen
------------------------------------------*/
div#wrapper {
	clear: both;
	width: 960px;
	margin: 0 auto 0 auto;
}

div#top {
	width: 960px;
	height: 19px;
	text-align: right;
}

div#top img {
	float: left;
}

div#navigatie {
	width: 960px;
}

div#header {
	clear: both;
	width: 968px;
	height: 229px;
	/*background: url('../header.jpg') no-repeat;*/
	text-indent: -999999px;
	margin: 0 0 0 -4px;
	position: relative;
	z-index: 0;
}

div#header *
{
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 0;
}

div#content {
	width: 980px;
	background: url('../content_backdrop.jpg') repeat-y;
	/*padding: 0 0 30px 0;*/
	padding: 0;
}

div#content_left {
	float: left;
	height: auto;
	width: 595px;
	overflow-x: hidden;
	padding: 44px 25px 40px 20px;
	text-align: justify;
}

div#content_right {
  float: left;
	width: 250px;
	padding: 44px 0 40px 13px;
}

div#footer {
	background: url('../footer_backdrop.jpg') repeat-x;
	clear: both;
	margin: 0px auto;
	width: 100%;
	height: 27px;
}

div#footer img {
	display: block;
	margin: 0 auto;
}

/*content texten*/
div.textlinks
{
	width: 280px; 
	margin: 0 20px 0 0; 
	float: left;
}

div.textrechts
{
	width: 280px; 
	float: left;
}


/*Portfolio elementen
------------------------------------------*/
DIV.portfolio_item
{
	clear: both;
	float: left;
	height: auto;
	margin: 0;
	padding: 0px;
}

	DIV.port_img
	{
		float: left;
		margin: 0 10px 0 0;
	}
	
	DIV.port_content 
	{
		margin: 0 0 0 3px;
	}
	
	DIV.port_content LI
	{
		list-style-position: inside;
	}
	
		DIV.website_btns
		{
			margin: 10px 0;
			float: right;
		}
		
		DIV.website_btns IMG
		{
			margin: 0 5px 0 0;
			float: left;
		}
	
/*Navigatie
------------------------------------------*/
ul#topnav {
	list-style-type: none;
}

ul#topnav li {
	float: left;
	display: block;
	height: 81px;
	text-indent: -999999px;
}

ul#topnav li a {
	display: block;
	height: 81px;				
}

ul#topnav li a#home_btn {	background: url('../btn/home.jpg') no-repeat top left; width: 172px; }
ul#topnav li a#mogelijkheden_btn {	background: url('../btn/mogelijkheden.jpg') no-repeat top left; width: 326px; }
ul#topnav li a#portfolio_btn {	background: url('../btn/voorbeeld.jpg') no-repeat top left; width: 279px; }
ul#topnav li a#contact_btn {	background: url('../btn/contact.jpg') no-repeat top left; width: 183px; }

ul#topnav li a#home_btn:hover {	background-position: bottom left; }
ul#topnav li a#mogelijkheden_btn:hover {	background-position: bottom left; }
ul#topnav li a#portfolio_btn:hover {	background-position: bottom left; }
ul#topnav li a#contact_btn:hover {	background-position: bottom left; }

ul#rightnav {
	list-style-type: none;
	margin: 0 0 0 -4px;
}

ul#rightnav li {
	float: left;
	display: block;
	height: 120px;
	text-indent: -999999px;
	width: 295px;
}

ul#rightnav li a {
	display: block;
	width: 313px;
	height: 110px;				
}

ul#rightnav li a#bedrijfscommunicatie_btn {	background: url('../btn/bedrijfscommunicatie.jpg') no-repeat top left; }
ul#rightnav li a#grafischevormgeving_btn {	background: url('../btn/grafischevormgeving.jpg') no-repeat top left; }
ul#rightnav li a#internet_btn {	background: url('../btn/internet.jpg') no-repeat top left; }
ul#rightnav li a#audiovisueel_btn {	background: url('../btn/audiovisueel.jpg') no-repeat top left; }

ul#rightnav li a#bedrijfscommunicatie_btn:hover {	background-position: bottom left; }
ul#rightnav li a#grafischevormgeving_btn:hover {	background-position: bottom left; }
ul#rightnav li a#internet_btn:hover {	background-position: bottom left; }
ul#rightnav li a#audiovisueel_btn:hover {	background-position: bottom left; }

ul#sitenav {
	list-style-type: none;
	float: right;
}

ul#sitenav li {
  float: left;
  display: block;
}

ul#sitenav li a {
  display: block;
  color: #888888;
  text-decoration: none;
  background: url('../sitenav_backdrop.jpg') no-repeat top left;
  padding: 2px 7px 1px 7px;
}

ul#sitenav li a:hover, ul#sitenav li#current a {
	background: #000000;
	color: #FFFFFF;
}

ul#list {
	list-style-type: disc;
	list-style-position: inside;
}

.tool-tip {
	color: #000000;
	border: 1px solid #d8d7d7;
	background-color: red;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	border-bottom: 1px solid #e2e2e2;
	color: #000000;
	padding: 8px 8px 4px;
	background-color: #ececec;
}
 
.tool-text {
	font-size: 10px;
	padding: 4px 8px 8px;
	background-color: #fdfdfd;
}

div#vacatures
{
	background: url('../libackdrop.gif') no-repeat;
	padding: 0 0 0 20px;
	text-align: left;
}

div#vacatureintro
{
	background: none;
	padding: 0;
	margin: 15px 0 5px 0;
	list-style-type: none;
}

/*videobox*/
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 300;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
	z-index: 300;
}

.lbLoading {
	background: #fff url(../loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*texten formulier*/
form#teksten textarea
{
	width: 550px;
	height: 300px;
	margin: 0 0 10px;
}

form#teksten label
{
	margin: 0 0 5px 0;
}

form#teksten input[type="text"]
{
	width: 550px;
	margin: 0 0 10px 0;
	height: 20px;
}

form#teksten select
{
	width: 570px;
	margin: 0 0 10px 0;
}

form#teksten textarea#bericht
{
	width: 300px;
}

/*afdelingen*/
UL.list
{
	list-style-position: inside;
	margin: 5px 0 0 0;
}

IFRAME
{
	clear: both;
	background: url('../nieuwsbrief_backdrop.jpg') no-repeat;
	margin: 0 0 0 -2px;
	padding: 5px;
}

ul#mogelijkheden {
	list-style-type: none;
	margin: 0 0 0 -4px;
}

ul#mogelijkheden li {
	display: block;
	height: 100px;
	width: 195px;
}

ul#mogelijkheden li a {
	display: block;
	height: 58px;
	width: 195px;
}

ul#mogelijkheden li a#mogelijk1 { 
	background-image: url('../agenda_mogelijk.jpg');
	background-repeat: no-repeat;
	background-position: center left; padding: 42px 0 0 100px; border-bottom: 1px solid #d1d1d1; }
ul#mogelijkheden li a#mogelijk2 { background-image: url('../bag_mogelijkheden.jpg'); background-repeat: no-repeat;
	background-position: center left; padding: 42px 0 0 100px; border-bottom: 1px solid #d1d1d1; }
ul#mogelijkheden li a#mogelijk3 { background-image: url('../bin_mogelijkheden.jpg'); background-repeat: no-repeat;
	background-position: center left; padding: 42px 0 0 100px; border-bottom: 1px solid #d1d1d1; }
ul#mogelijkheden li a#mogelijk4 { background-image: url('../mail_mogelijkheden.jpg'); background-repeat: no-repeat;
	background-position: center left; padding: 42px 0 0 100px; border-bottom: 1px solid #d1d1d1; }
ul#mogelijkheden li a#mogelijk5 { background-image: url('../note_mogelijkheden.jpg'); background-repeat: no-repeat;
	background-position: center left; padding: 42px 0 0 100px; border-bottom: 1px solid #d1d1d1; }

li a.mogelijk { color: #000000; }

li a.mogelijk:hover {color:#FF0000; background-color: #F1F1F1;}

#dhtmltooltip{
	position: absolute;
	width: auto;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
}

/*Inloggen
------------------------------------------*/
FORM#form_login 
{
	margin: 20px 0 0 0;
}

FORM#form_login INPUT.field
{
	border: solid 1px #D1D1D1;
	padding: 3px 5px 5px 5px;
	width: 200px;
}

A.btn
{
	display: block;
	margin: 5px 0 5px 2px;
}