html {
	height : 100%;
	margin-bottom: 1px;
	overflow-x : hidden
}

body {
	background : #121212;
	color : #2e2e2e;
	font-family : Calibri, Tahoma, sans-serif;
	font-size : 12px;
	height : 100%;	
}

/* Header */
		#header {
			background : #ebebeb;
			width : 950px;
			height : 85px;
			display : block;
			margin : 0px auto;
			border-left : 1px solid #c6c6c6;
			border-right : 1px solid #c6c6c6;
			position : relative;
			z-index : 20;
		}
		
		#logo {
			background : url('../img/logo_p5.png') no-repeat;
			margin-left : 22px;
			margin-top : 15px;
			display : block;
			float : left;
			width : 289px;
			height : 51px;
		}
		
		#menu {
			float : right;
			margin-right : 40px;
			margin-top : 35px;
		}
		
		#menu a, #footer a {
			color : #696969;
		}
		
		ul.menu {
			list-style : none;
			border : 1px solid #a5a5a5;
			border-right : 0;
			height : 40px;
		}
		
		ul.menu li {
			float : left;
		}
		
		ul.menu li a {
			background : url('../img/bg_menu_drukwerk.png') no-repeat;
			background-color : #ebebeb;
			border-right : 1px solid #a5a5a5;
			color : #696969;
			cursor : pointer;
			display : block;
			height : 40px;
			font-size : 18px;
			line-height : 40px;
			text-align : center;
		}
		
		ul.menu li.about a {
			background : url('../img/bg_menu_about.png') no-repeat;
			background-color : #ebebeb;
			width : 74px;
		}
		
		ul.menu li.contact a {
			background : url('../img/bg_menu_contact.png') no-repeat;
			background-color : #ebebeb;
			width : 76px;
		}
		
		ul.menu li.websites a {
			background : url('../img/bg_menu_websites.png') no-repeat;
			background-color : #ebebeb;
			width : 86px;
		} 
		
		ul.menu li.drukwerk a {
			background : url('../img/bg_menu_drukwerk.png') no-repeat;
			background-color : #ebebeb;
			width : 93px;
		}
		
		ul.expander {
			background-color : #ebebeb;
			border : solid #a5a5a5;
			border-width : 0px 1px 0px 1px;
			list-style : none;
			display : none;
			position : absolute;
			top : 77px;
			text-align : center;
		}
		
		ul.websites_expander {
			left : 651px;
			width : 86px;
		}
		
		ul.drukwerk_expander {
			left : 738px;
			width : 93px;
		}
		
		ul.expander li a {
			background : url('../img/bg_menu_expander.png') no-repeat;
			border-bottom : 1px solid #a5a5a5;
			color : #696969;
			cursor : pointer;
			display : block;
			font-size : 14px;
			height : 25px;	
			line-height : 25px;	
			position : relative;
			z-index : 20;		
		}
		ul.websites_expander li a {
			width : 86px;
		}
		
		ul.drukwerk_expander li a {
			width : 93px;
		}
		
		.expander .shadow {
			position : absolute;
			top : 50%;
			margin-top : -60px;
			width : 122px;
			height : 121px;
			z-index : 10;
		}
		
		.websites_expander .shadow {
			left : -17px;
			background : url('../img/bg_expander_websites.png') no-repeat;
		}
		
		.drukwerk_expander .shadow {
			left : -14px;
			background : url('../img/bg_expander_drukwerk.png') no-repeat;
		}
		
		ul.menu li.current a, ul.expander li.current a { 	
			background-color : red;
			color : #eaeaea;
		}
/* End-Header */
/* Slider */
		#slider {
			width : 952px;
			height : 325px;
			margin : 0px auto;
			position : relative;
			z-index : 0;
		}
		
		.slidecontainer {
			position : absolute;	
			left : -952px;
			width : 7000px;
			z-index : 0;
		}
		
		.slidecontainer div {
			float : left;
			z-index : 0;
		}
		
		.overlayleft {
			position : absolute;
			left : -952px;
			top : 0;
			width : 952px;
			height : 325px;
			z-index : 1;
		}
		
		.overlayright {
			position : absolute;
			left : 952px;
			top : 0;
			width : 952px;
			height : 325px;
			z-index : 1;
		}
		
		.overlaytop {
			display : inline-block;
			width : 952px;
			height : 51px;
			border-bottom : 1px solid #2e2e2e;
			background : #121212;
		}
		
		.overlayleft .shadow {
			display : block;
			background : url('../img/slider_shadow_left.png') repeat-y top right;
			width : 952px;
			height : 222px;
			margin-top : -2px;
		}
		
		.overlayright .shadow {
			display : block;
			background : url('../img/slider_shadow_right.png') repeat-y top left;
			width : 952px;
			height : 222px;
			margin-top : -2px;
		}
		
		.overlaybottom {
			display : block;
			width : 952px;
			height : 52px;
			border-top : 1px solid #2e2e2e;
			background : #121212;
		}
/* End-Slider */
/* Content */
		#content {
			background : #ebebeb;
			border-left : 1px solid #c6c6c6;
			border-right : 1px solid #c6c6c6;
			width : 950px;
			display : block;
			margin : 0px auto;
		}
		
		#overlaycontent {
			width : 868px;
			margin : 0px auto;
			margin-top : -42px;
			background : #d4d4d4;
			border : 1px solid #c6c6c6;
			position : relative;
			min-height : 207px;
			z-index : 10;
		}
		
		.overlaycontent_bg {
			background : url('../img/bg_overlaycontent.png') no-repeat top center;
			position : absolute;
			top : -16px;
			left : -23px;
			width : 913px;
			height : 207px;
			z-index : 9;
		}
		
		.inner {
			position : relative;
			z-index : 15;
			margin : 0px 13px;
		}
		
		.top {
			margin : 11px 0px;
			width : 100%;
		}
		
		.breadcrumbs {
			float : left;
			display : inline-block;
		}
		
		.breadcrumbs img {
			margin-bottom : -1px;
			margin-right : 3px;
		}
		
		.prevnextbuttons {
			float : right;
		}
		
		span.prev, span.next {
			cursor : pointer;
			display : inline-block;
			height : 22px;
			width : 23px;
		}
		
		span.prev img, span.next img {
			display : none;
		}
		
		span.prev {
			background : url('../img/icon_prev.png') no-repeat;
		}
		
		span.next {
			background : url('../img/icon_next.png') no-repeat;
		}
		
		span.breadcrumb a {
			background : url('../img/bg_breadcrumb.png') repeat-x;
			background-color : #d4d4d4;
			position : relative;
			font-size : 11px;
			color : #2e2e2e;
			display : inline-block;
			padding : 0px 5px;
			line-height : 18px;
			border : 1px solid #a5a5a5;
			height : 18px;
		}
		
		span.button {
			background : url('../img/bg_button.png') no-repeat;
			background-color : #d4d4d4;
			cursor: pointer;
			display : block;
			width : 104px;
			height : 20px;
			font-size : 11px;
			line-height : 20px;
			margin-top : 10px;
			position : relative;
			color : #2e2e2e;
			text-indent : 26px;
		}
		
		span.button img {
			position : absolute;
			width : 18px;
			height : 16px;
			top : 2px;
			left : 2px;
			border : 0;
		}
		
		h3 {
			font-size: 16px;
			font-weight: bold;
			line-height: 3;
		}
		
		.welkom {
			font-size: 22px;
			line-height: 2.2;
		}
		
		.blok {
			width: 470px;
			font-size: 12px;
			display: block;
			clear: left;
			padding-top: 15px;
			margin: 15px 0px;
			line-height: 1.5;
			text-align: justify;
			position : relative;
		}
		
		.blok a, .blok a:visited, .blok a:active, .homeblok a, .homeblok a:visited, .homeblok a:active, #nieuwsblok a, #nieuwsblok a:visited, #nieuwsblok a:active {
			text-decoration: underline;
			color : #2e2e2e;
		}
		
		.blok a:hover, .homeblok a:hover, #nieuwsblok a:hover {
			text-decoration: none;
		}
		
		.homeblok {
			width: 470px;
			font-size: 12px;
			margin: 15px 0px;
			line-height: 1.5;
			text-align: justify;
			padding-bottom: 5px;
			border-bottom : 1px solid #a5a5a5;
			float: left;
		}
		
		.dienstencontact {
			width: 220px;
			height: 140px;
			margin-right: 30px;
		}
		
		#nieuwsblok {
			background: #ebebeb;
			width: 250px; 
			margin-top: -12px;
			*margin-top: -43px;
			margin-right: 30px;
			float: right;
			border: 1px solid #a5a5a5;
			border-top: none;
			padding: 47px 30px 30px 30px;
			font-size: 12px;
			display: block;
			line-height: 1.5;
			text-align: justify;
		}
		
		.abouttopblok {
			margin-bottom : 40px;
		}
		
		.aboutblok {
			height : 240px;
			width : 830px;
			padding-bottom : 20px;
			margin-top : 20px;
			border-bottom : 1px solid #a5a5a5;
		}
		
		.aboutblok img {
			width : 200px;
			height : 240px;
			border : 1px solid #c6c6c6;
			display : block;
			float : left;
			position : relative;
			margin-right : 10px;
		}
		
		.abouttekst {
			display : block;
			float : left;
			width : 400px;
			height : 200px;
		}
		
		.aboutbuttons {
			display : block;
			height : 180px;
			width : 104px;
			float : left;
			margin-left : 50px;
		}
		
		#productselector {
			width: 250px;
			border: 1px solid #c6c6c6;
			display: inline-block;
		}
		
		#papierselector {
			width: 250px;
			border: 1px solid #c6c6c6;
			display: inline-block;
		}
		
		#formaatselector {
			width: 250px;
			border: 1px solid #c6c6c6;
			display: inline-block;
		}
		
		#prijzencontainer {
			min-height: 400px;
		}
		
		.onderschrift {
			border-top: 1px solid #c6c6c6;
			width: 830px;
			padding-top: 5px;
			font-size: 11px;
		}
		
		#prijstabel {
			width: 830px;
			border: 1px solid #d4d4d4;
			font-size: 12px;
		}
		
		#prijstabel td {
			border: 1px solid #c6c6c6;
			padding: 8px;
			text-align: center;
		}
		
		#prijstabel td.kolomeen {
			text-align: left;
		}
		
		#prijstabel td.oplage {
			background-color: #c6c6c6;
			font-weight: bold;
		}
		
/* End-Content */
/* Portfolio */
		.portfolio {
			clear : both;
			position : relative;
			padding-top : 15px;
			width : 100%;
		}
		
		.randomitems {			
			background: #ebebeb;
			margin-left : -13px;
			margin-right : -13px;
			padding : 15px 13px 0px 26px;
			border-top: 1px solid #a5a5a5;
			border-bottom: 1px solid #a5a5a5;
			font-size: 12px;
			display: block;
			line-height: 1.5;	
		}
		
		.randomitems div {
			cursor : pointer;
			margin-bottom : 10px;
			margin-right : 10px;
			border : 1px solid #c6c6c6;
			width : 150px;
			height : 150px;
			display : inline-block;
			position : relative;
			overflow : hidden;
			z-index : 3;
			zoom:1; 
			*display: inline; 
			_height: 150px;
		}
		
		.randomitems img {
			position : absolute;
			top : 0;
			left : 0;
			display : none;
			width : 150px;
			height : 150px;
			z-index : 2;
		}
		
		.randomitems img.itembg {
			position : absolute;
			top : 0;
			left : 0;
			display : inline;
			width : 150px;
			height : 150px;
			z-index : 1;
		}
		
		.randomitems div span {
			color : white;
			font-weight : bold;
			opacity : 0;
			filter : alpha(opacity=0);
			position : absolute;
			text-align : center;
			top : 10px;
			left : 5px;
			width : 140px;
			height : 110px;
			z-index : 10;
		}
		
		.randomitems div span img {
			position : relative;
			margin : 5px auto;
			height : 66px;
			width: 66px;
		}
		
		.portfolioitems {
			cursor: pointer;
			display : block;
			padding-left : 10px;	
		}
		
		.portfolioitems div {
			margin-bottom : 10px;
			margin-right : 10px;
			border : 1px solid #c6c6c6;
			width : 150px;
			height : 150px;
			display : inline-block;
			position : relative;
			overflow : hidden;
			z-index : 3;
			zoom:1; 
			*display: inline; 
			_height: 150px;
		}
		
		.portfolioitems img {
			position : absolute;
			top : 0;
			left : 0;
			display : none;
			width : 150px;
			height : 150px;
			z-index : 2;
		}
		
		.portfolioitems img.itembg {
			position : absolute;
			top : 0;
			left : 0;
			display : inline;
			width : 150px;
			height : 150px;
			z-index : 1;
		}
		
		.portfolioitems div span {
			color : white;
			font-weight : bold;
			opacity : 0;
			filter : alpha(opacity=0);
			position : absolute;
			text-align : center;
			top : 10px;
			left : 5px;
			width : 140px;
			height : 110px;
			z-index : 10;
		}
		
		.portfolioitems div span img {
			position : relative;
			margin : 5px auto;
			height : 66px;
			width : 66px;
		}
/* End-Portfolio */
/* Portfolioitem */
		.portfolioitem {
			clear : both;
			position : relative;
			padding-top : 15px;
			width : 100%;
			min-height : 400px;
		}
		
		.portfolioitem .left {
			display : block;
			float : left;
			margin-right : 34px;
			width : 400px;
		}
		
		.portfolioitem .right {
			display : block;
			float : left;
			width : 408px;
		}
		
		h1 {
			font-size : 60px;
			font-weight : bold;
			margin-top : 50px;
		}
		
		h2, .portfolioitem strong {
			font-size : 14px;
			font-weight : bold;
			line-height : 1.4;
			margin-top : 35px;
		}
		
		div.right h2 {
			padding-top : 30px;
			margin-left : 27px;
		}
		
		hr {
			background-color : #a5a5a5;
			color : #a5a5a5;
			height : 2px;
			border : 0;
			width : 367px;
			float : left;
			margin-top : -2px;
			margin-bottom : 0px;
		}
		
		.tekst {
			font-size : 12px;
			line-height : 1.4;
			text-align : justify;
		}
		.ondertitel {
			font-size : 11px;
			margin-bottom : 
		}
		
		.fotoslider {
			display : block;
			float : right;
			width : 382px;
			height : 382px;
			border : 1px solid #c6c6c6;
			margin-bottom : 30px;
			overflow : hidden;
			position : relative;
		}
		
		.fotoslider img {
			display : none;
			position : relative;
			top : 0;
			width : 382px;
			height : 382px;
		}
		
		.slideselector {
			display : block;
			float : left;
			width : 23px;
			height : 110px;
			margin-top : 255px;
		}
		
		span.selector img {
			display : none;
		}
		
		span.selector {
			cursor: pointer;
			background : url('../img/icon_selectable.png') no-repeat;
			display : block;
			margin-bottom : 4px;
			height : 22px;
			width : 23px;
		}
		
		.relateditems {
			cursor: pointer;
			display : block;
			margin-left : 27px;			
		}
		
		.relateditems div {
			margin-bottom : 10px;
			margin-right : 10px;
			border : 1px solid #c6c6c6;
			width : 150px;
			height : 150px;
			float : left;
			position : relative;
			overflow : hidden;
			z-index : 3;
			zoom:1; 
			*display: inline; 
			_height: 150px;
		}
		
		.relateditems img {
			position : absolute;
			top : 0;
			left : 0;
			display : none;
			width : 150px;
			height : 150px;
		}
		
		.relateditems img.itembg {
			position : absolute;
			top : 0;
			left : 0;
			display : inline;
			width : 150px;
			height : 150px;
			z-index : 1;
		}
		
		.relateditems div span {
			color : white;
			font-weight : bold;
			opacity : 0;
			filter : alpha(opacity=0);
			position : absolute;
			text-align : center;
			top : 10px;
			left : 5px;
			width : 140px;
			height : 110px;
			z-index : 10;
		}
		
		.relateditems div span img {
			position : relative;
			margin : 5px auto;
			height : 66px;
			max-width : 100px;
			
		}
/* End-Portfolioitem */
/* Contact */		
		#contentdiv a {
			color : #ff6e00;
			text-decoration : none;
		}
		
		input#contactsubmit {
			margin-left : 60px;
		}
		
		label {
			display : block;
			float : left;
			font-size : 12px;
			line-height : 20px;
			width : 120px;
			text-align : left;
		}
		
		input, textarea {
			font-family : Calibri, Tahoma, sans-serif;
			width : 280px;
		}
		
		#contactsubmit {
			margin-left : 9px;
			display : inline-block;
		}
		
		.loaderspan {
			display : inline-block;
			width : 16px;
			height : 16px;
			padding-left : 95px;
		}
		
		.loader {
			display : none;
			margin-bottom : -5px;
		}
		
		.superscript {
			font-size : 11px;
		}
		
		.contactinfo {
			background: #ebebeb;
			width: 250px;
			margin-top: -32px; 
			*margin-top: -43px;
			margin-right: 30px;
			float: right;
			border: 1px solid #a5a5a5;
			border-top: none;
			padding: 47px 30px 30px 30px;
			font-size: 12px;
			display: block;
			line-height: 1.5;
			text-align: justify;
		}
		
		#response {
			min-height : 200px;
			display : none;
		}
/* End-Contact */
/* Footer */
		#footer, #footer span.totaal {
			clear : both;
			color : #696969;
			display : block;
			font-size : 11px;
			margin-left : -1px;
			padding : 5px 42px;
			height : 22px;
			width : 868px;
			position : relative;
			background : #ebebeb;
		}
		
		#footer span.center {
			margin-left : 235px;
		}
		
		#footer img {
			float : right;
		}
		
		#footer a:hover {
			text-decoration : underline;
		}
/* End-Footer */