@charset "UTF-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	background-color: white;
}

p {margin: 0; 
	padding: 0;}
	
.oneColFixCtr #container {
	width: 884px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	background-image: url(bg_container.gif);
	background-repeat: repeat-y;
}

.oneColFixCtr #container #header { background-image: url(bg_header.gif); background-repeat: repeat-y; background-position: 5px 0; position: relative; width: 884px; height: 193px; }

.oneColFixCtr #container #header #logo { position: absolute; top: 55px; left: 60px; width: 50px; height: 30px; }

.oneColFixCtr #container #header #adresgegevens { position: absolute; top: 70px; left: 276px; width: 500px; height: 47px; }

.oneColFixCtr #container #header #submenutitel { position: absolute; top: 117px; left: 404px; width: 200px; height: 20px; }
.oneColFixCtr #container #header #submenutitel2 { position: absolute; top: 17px; left: 404px; width: 200px; height: 20px; }


.oneColFixCtr #container #contentcontainer { position: relative; top: 8px; min-height: 432px; width: 884px; }

/* opdrachtgeverpagina */
.oneColFixCtr #container #contentcontainer .opdrachtgever { font-size: 12px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 14px; width: 560px; float: right; margin-right: 43px; padding-top: 21px; padding-bottom: 21px; border-bottom: 1px solid silver; display: inline; }

.oneColFixCtr #container #contentcontainer .opdrachtgever p { font-size: 12px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 14px; }
.oneColFixCtr #container #contentcontainer .opdrachtgever td { font-size: 12px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 14px; }

.oneColFixCtr #container #contentcontainer .opdrachtgever a:link { color: black; font-size: 12px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 14px; text-decoration: underline; }
.oneColFixCtr #container #contentcontainer .opdrachtgever a:visited { color: black; font-size: 12px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 14px; text-decoration: underline; }
.oneColFixCtr #container #contentcontainer .opdrachtgever a:hover { color: gray; font-size: 12px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 14px; text-decoration: none; }
.oneColFixCtr #container #contentcontainer .opdrachtgever a:active { color: black; font-size: 12px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 14px; text-decoration: underline; }
.oneColFixCtr #container #contentcontainer .opdrachtgever h1 { font-size: 14px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: 14px; }

.oneColFixCtr #container #contentcontainer .opdrachtgever h2 { font-size: 12px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: 14px; }
/* werkpagina */
.oneColFixCtr #container #contentcontainer .artcontainer  { position: relative; height: 338px; width: 823px; float: left; margin-left: 34px; border-bottom: 1px solid silver; display: inline; }

.oneColFixCtr #container #contentcontainer .artcontainer .artdescription { color: black; font-size: 12px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 15px; position: absolute; top: 50px; left: 25px; height: 270px; width: 214px; overflow: auto; margin: 0; padding: 0; display: inline; }

.oneColFixCtr #container #contentcontainer .artcontainer .artwork { position: absolute; top: 12px; left: 250px; width: 578px; margin: 0; padding: 0; display: inline; }

.oneColFixCtr #container #contentcontainer .printscontainer  { position: relative; min-height: 500px; width: 823px; float: left; margin-left: 34px; border-bottom: 1px solid silver; display: inline; }
.oneColFixCtr #container #contentcontainer .printscontainer p { color: black; font-size: 12px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 14px; }
.oneColFixCtr #container #contentcontainer .printscontainer td { color: black; font-size: 12px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 14px; }
.oneColFixCtr #container #contentcontainer .printscontainer h1 { font-size: 14px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: 14px; }
.oneColFixCtr #container #contentcontainer .printscontainer h2 { font-size: 12px; font-family: tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: 14px; }

.oneColFixCtr #container #contentcontainer #homepageafbeelding { height: 422px; width: 847px; position: absolute; top: 0; left: 33px; z-index: 1; }
#mailform { height: 300px; width: 250px; position: absolute; top: 90px; left: 283px; z-index: 10; }
#bedankt { color: black; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: normal; 
height: 280px; width: 230px; position: absolute; top: 90px; left: 283px; z-index: 10; overflow: auto; padding: 10px; background-color: white; 
filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;}
#shoutout { position: absolute; top: 240px; left: 447px; z-index: 10; }


.oneColFixCtr #footer { background-image: url(bg_footer.gif); background-repeat: no-repeat; width: 884px; height: 32px; }

/************/
/*   MENU   */
/************/
.verborgen { visibility: hidden; }
#navcontainer 
{ position: absolute; width: 600px; height: 25px; float: left; margin-top: 146px; margin-left: 275px; display: inline; }

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li { float: left; }

/* menu01 */
#navcontainer ul li a.menu01 {
	text-decoration: none;
	float: left;
	width: 40px;
	height: 14px;
	outline-style: none;
	background-image: url(menu/home.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 2px;
	padding-top: 10px;
}
#navcontainer li a.menu01:hover {
	color: #000000;
	background-image: url(menu/home-over.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 10px;
	margin-right: 2px;
}
#navcontainer li a.menu01active {
	text-decoration: none;
	float: left;
	width: 40px;
	height: 14px;
	outline-style: none;
	background-image: url(menu/home-over.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 2px;
	padding-top: 10px;
}
/* menu02 */
#navcontainer ul li a.menu02 {
	text-decoration: none;
	float: left;
	width: 74px;
	height: 14px;
	outline-style: none;
	background-image: url(menu/over.png);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0;
	padding-top: 10px;
}
#navcontainer li a.menu02:hover {
	color: #000000;
	background-image: url(menu/over-over.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 10px;
}
#navcontainer ul li a.menu02active {
	text-decoration: none;
	float: left;
	width: 74px;
	height: 14px;
	outline-style: none;
	background-image: url(menu/over-over.png);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0;
	padding-top: 10px;
}

/* menu03 */
#navcontainer ul li a.menu03 {
	text-decoration: none;
	float: left;
	width: 60px;
	height: 14px;
	outline-style: none;
	background-image: url(menu/werk.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 10px;
	padding-top: 10px;
}
#navcontainer li a.menu03:hover {
	color: #000000;
	background-image: url(menu/werk-over.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 10px;
	margin-right: 10px;
}
#navcontainer ul li a.menu03active {
	text-decoration: none;
	float: left;
	width: 60px;
	height: 14px;
	outline-style: none;
	background-image: url(menu/werk-over.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 10px;
	padding-top: 10px;
}
/* menu04 */
#navcontainer ul li a.menu04 {
	text-decoration: none;
	float: left;
	width: 150px;
	height: 14px;
	outline-style: none;
	background-image: url(menu/opdrachtgevers.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 8px;
	padding-top: 10px;
}
#navcontainer li a.menu04:hover {
	color: #000000;
	background-image: url(menu/opdrachtgevers-over.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 10px;
	margin-right: 8px;
}
#navcontainer ul li a.menu04active {
	text-decoration: none;
	float: left;
	width: 150px;
	height: 14px;
	outline-style: none;
	background-image: url(menu/opdrachtgevers-over.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 8px;
	padding-top: 10px;
}

/* menu05 */
#navcontainer ul li a.menu05 {
	text-decoration: none;
	float: left;
	height: 14px;
	width: 90px;
	outline-style: none;
	background-image: url(menu/contact.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 10px;
	margin-right: 3px;
}
#navcontainer li a.menu05:hover {
	color: #000000;
	background-image: url(menu/contact-over.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 10px;
	margin-right: 3px;
}
#navcontainer ul li a.menu05active { 
	text-decoration: none;
	float: left;
	width: 90px;
	height: 14px;
	outline-style: none;
	background-image: url(menu/contact-over.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 3px;
	padding-top: 10px;
}

/* menu06 */
#navcontainer ul li a.menu06 {
	text-decoration: none;
	float: left;
	width: 75px;
	height: 14px;
	outline-style: none;
	background-image: url(menu/nieuws.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 8px;
	padding-top: 10px;
}
#navcontainer li a.menu06:hover {
	color: #000000;
	background-image: url(menu/nieuws-over.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 10px;
	margin-right: 8px;
}
#navcontainer ul li a.menu06active {
	text-decoration: none;
	float: left;
	width: 75px;
	height: 14px;
	outline-style: none;
	background-image: url(menu/nieuws-over.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 8px;
	padding-top: 10px;
}

/* menu07 */
#navcontainer ul li a.menu07 {
	text-decoration: none;
	float: left;
	height: 20px;
	width: 50px;
	outline-style: none;
	background-image: url(menu/facebook.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right: 5px;
	padding-top: 1px;
	
	}
#navcontainer li a.menu07:hover {
	color: #000000;
	height: 20px;
	width: 50px;
	background-image: url(menu/facebook-over.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right: 5px;
	padding-top: 1px;
}
#navcontainer li a.menu07active {
	text-decoration: none;
	float: left;
	height: 20px;
	width: 50px;
	outline-style: none;
	background-image: url(menu/facebook-over.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right: 5px;
	padding-top: 1px;
	
}


/* SUBMENU */
#nav li:hover { position:relative; z-index:200; margin: 0; padding: 0; }

#nav li:hover ul.sub { left:13px; top:-135px; padding:0 0 20px; width:100px; height: 120px; margin: 0; }

#nav li:hover ul.sub li { display:block; width:100px; position:relative; float:left; margin: 0; padding: 0; }

#nav li:hover ul.sub li a.submenuwerk01 { background-image: url(submenu_werk/magazines.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#nav li:hover ul.sub li a.submenuwerk01:hover { background-image: url(submenu_werk/magazines-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }

#nav li:hover ul.sub li a.submenuwerk02 { background-image: url(submenu_werk/brochures.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#nav li:hover ul.sub li a.submenuwerk02:hover { background-image: url(submenu_werk/brochures-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }

#nav li:hover ul.sub li a.submenuwerk03 { background-image: url(submenu_werk/huisstijlen.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#nav li:hover ul.sub li a.submenuwerk03:hover { background-image: url(submenu_werk/huisstijlen-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }

#nav li:hover ul.sub li a.submenuwerk04 { background-image: url(submenu_werk/jaarverslagen.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#nav li:hover ul.sub li a.submenuwerk04:hover { background-image: url(submenu_werk/jaarverslagen-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }

#nav li:hover ul.sub li a.submenuwerk05 { background-image: url(submenu_werk/websites.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#nav li:hover ul.sub li a.submenuwerk05:hover { background-image: url(submenu_werk/websites-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }

#nav li:hover ul.sub li a.submenuwerk06 { background-image: url(submenu_werk/diversen.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#nav li:hover ul.sub li a.submenuwerk06:hover { background-image: url(submenu_werk/diversen-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; left:90px; top:-4px; padding:0; width:100px; z-index:200; height:auto; margin: 0; }

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{ position:absolute; z-index:200; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

/* MAILFORMULIER */
label {color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal}
.bericht{ color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; width: 250px; height: 100px; overflow: auto; padding: 4px; border-style: none; }
.invulveld { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; width: 250px; padding: 4px; border-style: none; }
.invulvelderror { color: white; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; background-color: #f00; width: 250px; padding: 4px; border-style: none; }
.mailfoutmelding {width: 250px;}
.submit { background: url(submit_button.png) no-repeat; height: 19px; width: 62px; border: none; cursor: pointer; }
.submit:hover { background: url(submit_button.png) no-repeat 0 -19px; cursor: pointer; }

/* OVERIGE */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* vast submenu */
#submenutitel2 ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#submenutitel2 ul li { float: left; }

#submenutitel2 ul { left:13px; top:-135px; padding:0 0 20px; width:100px; height: 120px; margin: 0; }

#submenutitel2 ul li { display:block; width:100px; position:relative; float:left; margin: 0; padding: 0; }

#submenutitel2 ul li a.submenuwerk01 { background-image: url(submenu_werk/magazines.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#submenutitel2 ul li a.submenuwerk01:hover { background-image: url(submenu_werk/magazines-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#submenutitel2 ul li a.submenuwerk01active { background-image: url(submenu_werk/magazines-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }

#submenutitel2 ul li a.submenuwerk02 { background-image: url(submenu_werk/brochures.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#submenutitel2 ul li a.submenuwerk02:hover { background-image: url(submenu_werk/brochures-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#submenutitel2 ul li a.submenuwerk02active { background-image: url(submenu_werk/brochures-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }

#submenutitel2 ul li a.submenuwerk03 { background-image: url(submenu_werk/huisstijlen.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#submenutitel2 ul li a.submenuwerk03:hover { background-image: url(submenu_werk/huisstijlen-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#submenutitel2 ul li a.submenuwerk03active { background-image: url(submenu_werk/huisstijlen-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }

#submenutitel2 ul li a.submenuwerk04 { background-image: url(submenu_werk/jaarverslagen.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#submenutitel2 ul li a.submenuwerk04:hover { background-image: url(submenu_werk/jaarverslagen-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#submenutitel2 ul li a.submenuwerk04active { background-image: url(submenu_werk/jaarverslagen-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }

#submenutitel2 ul li a.submenuwerk05 { background-image: url(submenu_werk/websites.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#submenutitel2 ul li a.submenuwerk05:hover { background-image: url(submenu_werk/websites-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#submenutitel2 ul li a.submenuwerk05active { background-image: url(submenu_werk/websites-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }

#submenutitel2 ul li a.submenuwerk06 { background-image: url(submenu_werk/diversen.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#submenutitel2 ul li a.submenuwerk06:hover { background-image: url(submenu_werk/diversen-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }
#submenutitel2 ul li a.submenuwerk06active { background-image: url(submenu_werk/diversen-over.png); background-repeat: no-repeat; text-decoration: none; outline-style: none; width:100px; height: 20px; margin: 0; padding: 0; display: block; }