body {
	margin: 0px;
	padding: 0px;
	background: #FFF url(images/bg.jpg) repeat-x;
}
.p {
	margin :0px;
	padding: 0px;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	text-align: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: top;
}
p {
	padding-top: 0px;
	margin-top: 0px;
}
img {
	border: 0px;
}
div {
	margin: 0px;
	padding: 0px;
}
.clearfloat {
	clear: both;
	height: 0px;
}

/* TEKST */

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

.Brood {
	color: #333;
	font: 13px/140% Arial, Verdana, Helvetica;
}

.Brood A:Link { color: #332A19; text-decoration: underline; }
.Brood A:Active { color: #332A19; text-decoration: underline; }
.Brood A:Visited { color: #332A19; text-decoration: underline; }
.Brood A:Hover { color: #332A19; text-decoration: none; }
.NoLine, .NoLine a:link, .NoLine a:active, .NoLine a:visited, .NoLine a:hover {
	text-decoration: none !important;
}
.Header {
	color: #2D4365;
	font: bold 14px/100% Arial, Verdana, Helvetica;
}
.HeaderGroot {
	color: #2D4365;
	font: bold 24px/100% Arial, Verdana, Helvetica;
	padding-bottom: 14px;
}

.MainImageHeader {
	color: #2D4365;
	font: bold 12px/100% Arial, Verdana, Helvetica;
}

.TxtSmall {
	color: #333;
	font: 11px/170% Arial, Verdana, Helvetica;
}

.TxtSmall A:Link { color: #333; text-decoration: underline; }
.TxtSmall A:Active { color: #333; text-decoration: underline; }
.TxtSmall A:Visited { color: #333; text-decoration: underline; }
.TxtSmall A:Hover { color: #666; text-decoration: none; }

.Ten { font-size: 10px; }
.Twelve { font-size: 12px; }

.Blue { color: #263954; }
.Grey { color: #454545; }
.White { color: #FFF; }
.Bold { font-weight: bold !important; }
.Orange, .Orange a:link, .Orange a:active, .Orange a:visited, .Orange a:hover { color: #f18f03 !important; }
/* EIND TEKST */

Div#Container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
div.TopHome, div.Top, div.TopPortfolio {
	float: left;
	width: 980px;
	background: url(images/bg_home.jpg) repeat-y;
	border-bottom: 1px solid #fff;
}
div.Top {
	background: url(images/bg_vervolg.jpg) repeat-y;
}
div.TopPortfolio {
	background: url(images/bg_portfolio.jpg) repeat-y;
}
Div#TopBlue {
	width: 980px;
	height: 4px;
	float: left;
	position: relative;
	background-color: #405F91;
}
Div#TopBar {
	width: 980px;
	height: 96px;
	float: left;
	position: relative;
	z-index: 1;
	background: #fff;
}
Div#TopShadowContainer {
	z-index: 10;
}
Div#TopShadow {
	width: 980px;
	height: 10px;
	float: left;
	position: absolute;
	z-index: 12;
	top: 96px;
	background: url(images/top_shadow.png) repeat-x;
}
Div#Logo {
	width: 203px;
	height: 80px;
	float: left;
	position: relative;
	padding-top: 16px;
}
Div#Nieuwsbrief {
	width: 777px;
	height: 66px;
	float: right;
	position: relative;
	padding-top: 30px;
	text-align: right;
}
div.HomeKnop {
	float: left;
	width: 69px;
	height: 26px;
	margin-left: 20px;
}
Div#Nieuwsbrief img {
	float: right;
}
div#Nieuwsbrief div.Velden {
	float: right;
	height: 66px;
	padding-left: 15px;
	padding-right: 15px;
	width: 175px;
}
div#Nieuwsbrief div.Knop {
	float: right;
	width: 23px;
	padding-top:26px;
}
Div#LeftColumn {
	width: 347px;
	float: left;
	position: relative;
	border-right: 1px solid #FFF;
}
Div#LeftTxtColumn {
	width: 316px;
	float: left;
	position: relative;
	background: url(images/left_txt_column_bg.jpg) repeat-y;
	padding: 25px 15px 15px;
	border-left: 1px solid #EEEEEE;
}
Div#LeftNavGreyColumn {
	width: 173px;
	float: left;
	position: relative;
	background: #EEE;
	border-right: 1px solid #FFF;
}

ul#NavGrey {
	list-style-type: none;
	position: relative;
	width: 173px;
	margin: 0;
	padding: 10px 0 0;
	float: left;
}
ul#NavGrey li {
	float: left;
	padding-left: 5px;
}
ul#NavGrey li a, ul#NavGrey li a:active, ul#NavGrey li a:visited {
	width: 163px;
	display:block;
	font: bold 10px Helvetica, Arial,  sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	background: url(images/grey_navline.jpg) no-repeat 0 31px;
	color: #333;
	padding-top: 14px;
	padding-bottom: 8px;
	padding-left: 5px;
}
ul#NavGrey li a:hover {
	color: #2D4365;
	background: url(images/white_tab_active.jpg) repeat-y 0 0;
}

ul#NavGrey li.Active {
	color: #2D4365;
	background: url(images/white_tab_active.jpg) repeat-y 0 0;
}
.WhiteArrowContainer {
	z-index: 10;
}
.NavContainer {
	float: left;
}
.WhiteArrow {
	width: 11px;
	height: 36px;
	float: left;
	position: absolute;
	z-index: 11;
	margin-left: 174px;
	display: none;
}
Div#LeftNavBlueColumn {
	width: 173px;
	min-height: 408px;
	float: left;
	position: relative;
	background: #557EC0 url(images/blue_gradient.jpg) repeat-x;
}
ul.NavBlue {
	list-style-type: none;
	position: relative;
	margin: 0;
	float: left;
	padding: 22px 0 0 10px;
	display: none;
}
ul.NavBlue li {
	float:left;
	list-style-type: none;
	position: relative;
}
ul.NavBlue li a, ul.NavBlue li a:active, ul.NavBlue li a:visited {
	width: 153px;
	display:block;
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	background: url(images/blue_navline.png) no-repeat 0 bottom;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
}
ul.NavBlue li a:hover {
	text-decoration: underline;
	color: #FFF;
}
ul.NavBlue li a.Active {
	color: #ffffff;
}

Div#RightColumn {
	width: 632px;
	float: left;
	position: relative;
}
Div#MainImagesColumn {
	width: 632px;
	height: 323px;
	float: left;
	position: relative;
	border-bottom: 1px solid #FFF;
}
div.MainImageContainer {
	width: 421px;
	height: 323px;
	float: left;
	position: relative;
	border-right: 1px solid #FFF;
	overflow: hidden;
}
Div.MainImage {
	width: 421px;
	height: 323px;
	float: left;
	position: absolute;
	display: none;
	overflow: hidden;
}
div#MainImageOne {
	display: block;
}
.BlueMark {
	width: 180px;
	height: 50px;
	float: left;
	position: relative;
	border-bottom: 1px solid #FFF;
	padding: 15px;
	cursor: pointer;
}
.BlueOne { background: url(images/blue1_bg.jpg) repeat-y; }
.BlueTwo { background: url(images/blue2_bg.jpg) repeat-y; }
.BlueThree { background: url(images/blue3_bg.jpg) repeat-y; }
.BlueFour { background: url(images/blue4_bg.jpg) repeat-y; border-style: none; }

.BlueMarkRollOVer {
	width: 210px;
	height: 80px;
	position: absolute;
	margin-top: -15px;
	margin-left: -15px;
}
.BlueArrow {
	width: 27px;
	height: 82px;
	float: left;
	position: absolute;
	left: 396px;
	display: none;
}
div#BlueArrowOne { background: url(images/blue1_arrow.png) repeat-y; top: 0px; display: block; }
div#BlueArrowTwo { background: url(images/blue2_arrow.png) repeat-y; top: 81px; }
div#BlueArrowThree { background: url(images/blue3_arrow.png) repeat-y; top: 162px; }
div#BlueArrowFour { background: url(images/blue4_arrow.png) repeat-y; top: 243px; }


Div#ItemsShadowContainer {
	z-index: 10;
}
Div#ItemsShadow {
	width: 632px;
	height: 10px;
	float: left;
	position: absolute;
	z-index: 12;
	background: url(images/items_shadow.png) repeat-x;
}


Div#ItemsColumn {
	width: 632px;
	height: 280px;
	float: left;
	position: relative;
}
.ItemContainer {
	width: 210px;
	height: 279px;
	border-right: 1px solid #FFF;
	float: left;
	position: relative;
}
.ItemImage {
	width: 210px;
	height: 144px;
	float: left;
	position: relative;
	overflow: hidden;
}
.ItemTxt {
	width: 180px;
	float: left;
	position: relative;
	padding: 15px;
}
.MiddleItem { background-color: #EEF2F9; }
.LastItem { border-right-style: none; }

Div#Bottom {
	width: 960px;
	border-top: 1px solid #E5E5E5;
	float: left;
	position: relative;
	padding: 10px;
	background: #fff;
}

.Right {
	float: right;
}


ul#VervolgMenu {
	list-style-type: none;
	position: relative;
	width: 632px;
	height: 31px;
	margin: 0;
	padding: 0;
}
ul#VervolgMenu li {
	float: left;
}
ul#VervolgMenu li.VMFirst {
	width: 7px;
	height: 31px;
}

ul#VervolgMenu li a {
	width: 158px;
	height: 31px;
	display:block;
	font: bold 10px Helvetica, Arial,  sans-serif;
	color: #333;
	text-indent: -999px;
	overflow: hidden;
}

ul#VervolgMenu li a.VMZwart { background: url(images/v_menu_printeninzwart.jpg) no-repeat; }
ul#VervolgMenu li a.VMFullColour { background: url(images/v_menu_printeninfullcolour.jpg) no-repeat; }
ul#VervolgMenu li a.VMGrafisch { background: url(images/v_menu_grafischevormgeving.jpg) no-repeat; }
ul#VervolgMenu li a.VMAfwerking { background: url(images/v_menu_afwerkingenmaterialen.jpg) no-repeat; }

div#VervolgImage {
	width: 632px;
	height: 100px;
	overflow: hidden;
	float: left;
}

div.VervolgContent {
	width: 482px;
	float: left;
	padding: 40px 100px 40px 50px;
}
div.VervolgContentSmal {
	width: 427px;
	float: left;
	padding: 40px 25px;
}


ul.NavPortfolio {
	list-style-type: none;
	position: relative;
	margin: 0;
	float: left;
	padding: 42px 0 0 10px;
	width: 140px;
}
ul.NavPortfolio li {
	float:left;
	list-style-type: none;
	position: relative;
}
ul.NavPortfolio li.First {
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 130px;
	background: url(images/blue_navline.png) no-repeat -15px bottom;
}
ul.NavPortfolio li a, ul.NavPortfolio li a:active, ul.NavPortfolio li a:visited {
	width: 130px;
	display:block;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	background: url(images/blue_navline.png) no-repeat -15px bottom;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
}
ul.NavPortfolio li a:hover {
	text-decoration: underline;
	color: #333;
}
ul.NavPortfolio li a.Active {
	color: #333333;
}


.FormContact		{ font-family: Arial, Verdana, Helvetica; font-size: 13px; color: #333333; background: #ffffff; height: 17px; width: 264px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormContactPC		{ font-family: Arial, Verdana, Helvetica; font-size: 13px; color: #333333; background: #ffffff; height: 17px; width: 55px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormContactPL		{ font-family: Arial, Verdana, Helvetica; font-size: 13px; color: #333333; background: #ffffff; height: 17px; width: 201px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormContactTA		{ font-family: Arial, Verdana, Helvetica; font-size: 13px; color: #333333; background: #ffffff; height: 80px; width: 264px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.FormContactSelect		{ font-family: Arial, Verdana, Helvetica; font-size: 13px; color: #333333; background: #ffffff; height: 22px; width: 269px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px; }
.inputNieuwsbrief, .inputNieuwsbriefB		{ font-family: Arial, Verdana, Helvetica; font-size: 13px; color: #333333; background: #ffffff; height: 17px; width: 168px; border: 1px solid #cccccc; padding-left: 3px; padding-top: 2px;  }
.inputNieuwsbriefB {
	margin-top: 4px;
}
.AlertBox_DivAchtergrond{	
	filter:alpha(opacity=70);	/* Transparency */
	opacity:0.7;	/* Transparency */
	background-color:#000;
	z-index:100;
	position:absolute; /* Always needed	*/
	top:0;
	left: 0;
	display: none;
}
.AlertBox_DivContent{
	z-index:150;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	display: none;
}
#DivPDContainer {
	width: 770px;
}
#DivPDSluiten {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 110;
	margin-left: 745px;
	margin-top: -15px;
}
div#DPTop{
	display: block;
	width: 770px;
	height: 15px;
	float: left;
	background: url(images/portfolio_top.png) no-repeat;
}
div#DPBottom{
	display: block;
	width: 770px;
	height: 20px;
	background: url(images/portfolio_bottom.png) no-repeat;
	float: left;
}
#DivPDInhoud {
	display: block;
	width: 700px;
	padding: 25px 35px;
	background: url(images/portfolio_middle.png) repeat-y;
	float: left;
}
div.DPNoLine {
	background: url(images/portfolio_middle_noline.png) repeat-y;
}
#DivHidden {
	display: none;
}
div.AdresTekst {
	width: 153px;
	padding: 20px 10px 10px;
	float: left;
}
div.PortfolioItem {
	width: 135px;
	float: left;
	height: 90px;
	overflow: hidden;
	background: #f5f5f5;
	margin-bottom: 10px;
	text-align: center;
}
div.PIMidden {
	margin-left: 10px;
	margin-right: 10px;
}
div.PortNavLinks, div.PortNavRechts {
	width: 15px;
	float: left;
}
div.PortNavLinks a, div.PortNavRechts a {
	display: block;
}
div.PortNavRechts {
	text-align: right;
}
div.PortImg {
	float: left;
	width: 250px;
}
div.PortTekst {
	float: left;
	padding-left: 60px;
	width: 360px;
}

div.PrijsLijstKlein {
	float: left;
	width: 110px;
	height: 140px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 10px;
}