body {
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #000;
	background: url(../../images/bg_website.png) repeat-x 0 0;
}

p {
	color: #5d5d5f;
	margin: 0;
	padding: 0;
	line-height: 13px;
	vertical-align: top;
	white-space: normal;
}

h1{
	font-size: 12px;
	font-weight: bold;
	color: #F00;
	padding: 0px;
	margin: 5px 0px;
}

h2{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	margin: 3px 0px 5px 15px;
	padding: 0px;
	text-align: left;
}

h3{
	font-size: 16px;
	font-weight: bold;
	color: #5d5d5f;
	padding: 0px 0px 0px 5px;
	margin: 0 0 -5px;
	text-transform: uppercase;
}

a:link {
	color: #F00;
	text-decoration: underline;	
}

a:visited {
	color: #F00;
	text-decoration: none;
}

a:hover{
	color: #5d5d5f;
	text-decoration: underline;	
	
}

a:active {
	color: #F00;
	text-decoration: underline;	
}

img {
	border: 0px;
}
#Container {
	width: 100%;
	height: 100%;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

#Wrapper {
	width: 900px;
	height: 100%;
	vertical-align: top;
	margin: 0px auto;
	padding: 0px;
}

#RowClients {
	width: 900px;
	height: 30px;
	margin: 0 auto;
	visibility: hidden;
}

#RowClientLogin {
	width: 130px;
	height: 20px;
	margin: 3px 0 0 715px;
	padding: 0px;
	font: 12px Arial, sans-serif;
	color: #FFF;
	clear: none;
	text-align: right;
	vertical-align: middle;
}

#RowLogo {
	width: 300px;
	height: 54px;
	margin: 0 auto;
	padding: 0;
	float: left;
}

#RowNav {
	width: 550px;
	height: 44px;
	margin: 0px;
	padding: 0 0 0 350px;
	text-align: right;
	float: left;
	font: 12px/44px Arial, sans-serif;
	color: #333;
	text-transform: uppercase;
}

#RowNav a:link {
	color: #333;
	padding: 0 12px;
	text-decoration: none;
}

#RowNav a:visited {
	color: #333;
	padding: 0 12px;
	text-decoration: none;
}

#RowNav a:hover {
	color: #F00;
	padding: 0 12px;
	text-decoration: none;
}

#RowNav a:active {
	color: #333;
	padding: 0 12px;
	text-decoration: none;
	font-weight: bold;
}

#RowNav .active {
	color: #333;
	padding: 0 12px;
	text-decoration: none;
	font-weight: bold;
}

#RowDarkGray {
	width: 900px;
	height: 180px;
	margin: 3px auto 0;
	padding: 0;
	float: left;
}

/* @group Portfolio home */

#PortfolioHomeContainer {
	width: 300px;
	height: 150px;
	text-align: center;
	float: left;
}

#PortfolioHome{
	width: 225px;
	height: 150px;
	margin: 10px auto 0;
	background-color: #FFF;
	padding: 2px;
}


#PortfolioHomeContainer2 {
	width: 300px;
	height: 150px;
	text-align: center;
	float: left;
}

#PortfolioHome2{
	width: 225px;
	height: 150px;
	margin: 10px auto 0;
	background-color: #FFF;
	padding: 2px;
}

#PortfolioHomeContainer3 {
	width: 300px;
	height: 150px;
	text-align: center;
	float: left;
}

#PortfolioHome3{
	width: 225px;
	height: 150px;
	margin: 10px auto 0;
	background-color: #FFF;
	padding: 2px;
}


/* @end */

#RowDarkLightGray {
	width: 900px;
	min-height: 300px;
	margin: 0 auto;
	padding: 0;
	float: left;
}

/* @group Homepage */

/* @group Wat doen wij op home */

#WatDoenWijContainer {
	width: 300px;
	height: 250px;
	text-align: center;
	float: left;
}

#WatDoenWij{
	width: 225px;
	margin: 10px auto 0;
}

#WatDoenWij img{
	margin: 0 0 15px;
	padding: 0;
	vertical-align: top;
	border: none;
}

#WatDoenWij ul, ol {
	margin: 0 0 0 -40px;
}

#WatDoenWij li{
	width: 205px;
	margin: 0;
	height: 17px;
	border-bottom: 1px solid #CCC;
	padding-left: 20px;
	text-align: left;
	background: url(../../images/groen_sterretje.png) no-repeat 5px 3px;
	list-style-type: none;
	padding-top: 2px;
}



/* @end */


/* @group KlantenLijstje op Home */

#KlantenHomeContainer {
	width: 300px;
	min-height: 250px;
	text-align: center;
	display: table;
	float: left;
	margin-bottom: 20px;
}

#KlantenHome{
	width: 225px;
	margin: 10px auto 0;
}

#KlantenHome img{
	margin: 0 0 15px;
	padding: 0;
	vertical-align: top;
	border: none;
}

#KlantenHome ul, ol {
	margin-left: -40px;
}

#KlantenHome li{
	width: 225px;
	margin: 0;
	height: 17px;
	border-bottom: 1px solid #CCC;
	text-align: left;
	list-style-type: none;
	padding-top: 2px;
	text-decoration: none;
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
}

#KlantenHome li a:link{
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #000;
}

#KlantenHome li a:visited{
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #666;
}

#KlantenHome li a:hover{
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #F00;
}

#KlantenHome li a:active{
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #000;
}



/* @end */

/* @group Contact op Home */

#ContactHomeContainer {
	width: 300px;
	height: 300px;
	text-align: center;
	float: left;
}

#ContactHome{
	width: 225px;
	margin: 10px auto 0;
}

#ContactHome img{
	margin: 0 0 15px;
	padding: 0;
	vertical-align: top;
	border: none;
}


#ContactHome ul, ol {
	margin-left: -40px;
}

#ContactHome li{
	width: 225px;
	margin: 0;
	height: 17px;
	border-bottom: 1px solid #CCC;
	text-align: left;
	list-style-type: none;
	padding-top: 2px;
	text-decoration: none;
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
}

#ContactHome li a:link{
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #000;
}

#ContactHome li a:visited{
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #666;
}

#ContactHome li a:hover{
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #F00;
}

#ContactHome li a:active{
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #000;
}



/* @end */

#RowRed {
	width: 100%;
	height: 150px;
	background: url(../../images/bg_red.png) repeat-x 0 0;
	margin: 0;
	padding: 0;
	float: left;
}

#RowRed2 {
	width: 900px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
}

/* @group Wij doen meer */

#WatDoenWijMeerContainer {
	width: 300px;
	height: 150px;
	text-align: center;
	float: left;
}

#WatDoenWijMeer{
	width: 225px;
	margin: 10px auto 0;
}

/* @end */

/* @group Sponsorin */

#SponsoringContainer {
	width: 300px;
	height: 150px;
	text-align: center;
	float: left;
}

#Sponsoring{
	width: 225px;
	margin: 10px auto 0;
}

#Sponsoring p{
	text-align: left;
	text-decoration: none;
	font: normal 10px Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
	text-transform: uppercase;
}

#Sponsoring a:link {
	color: #FFF;
	text-decoration: none;	
}

#Sponsoring a:visited {
	color: #FFF;
	text-decoration: none;
}

#Sponsoring a:hover{
	color: #333;
	text-decoration: none;	
}

#Sponsoring a:active {
	color: #FFF;
	text-decoration: none;	
}

/* @end */

/* @group Vacature */

#VacatureContainer {
	width: 300px;
	height: 150px;
	text-align: center;
	float: left;
}

#Vacature{
	width: 225px;
	margin: 10px auto 0;
	text-align: left;
	padding-top: 2px;
}

#Vacature p{
	text-align: left;
	text-decoration: none;
	font: normal 10px Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	color: #FFF;
}

#Vacature h1{
	text-align: left;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	color: #FFF;
}

#Vacature a:link {
	color: #FFF;
	text-decoration: none;	
}

#Vacature a:visited {
	color: #FFF;
	text-decoration: none;
}

#Vacature a:hover{
	color: #333;
	text-decoration: none;	
}

#Vacature a:active {
	color: #FFF;
	text-decoration: none;	
}
/* @end */

/* @end */
/* @group Wat doen wij  pagina */

#WatDoenWijContainer2 {
	width: 600px;
	height: auto;
	text-align: center;
	display: table;
	float: left;
	padding-bottom: 40px;
}

#WatDoenWij2{
	width: 529px;
	margin: 10px auto 0;
	text-align: left;
}

#WatDoenWij2 p{
	color: #5d5d5f;
	margin: 0;
	padding: 2px 0 0;
	line-height: 13px;
	vertical-align: top;
}

#WatDoenWij2 .headline{
	color: #F00;
	margin: 0;
	padding: 5px 0;
	vertical-align: top;
	font: bold 13px Arial, sans-serif;
	text-transform: uppercase;
}

#WatDoenWij2 h2{
	color: #F00;
	margin: 0;
	padding: 2px 0 0;
	vertical-align: top;
	font: bold 16px Arial, sans-serif;
	text-transform: uppercase;
}

#WatDoenWij2 img{
	margin: 0 0 15px;
	padding: 0;
	vertical-align: top;
	border: none;
}

#WatDoenWij2 ul{
	color: #5d5d5f;
	margin: 0;
	padding: 2px 0 0;
	line-height: 13px;
	vertical-align: top;
	list-style-type: none;
}

#WatDoenWij2 li{
	color: #5d5d5f;
	margin: 0;
	padding: 2px 0 0;
	line-height: 13px;
	vertical-align: top;
	list-style-type: square;
	list-style-position: inside;
}

#map {
	width: 529px;
	height: 280px;
	margin: 0px;
	padding: 0px;
	border: none;
}

/* @group FORM */

#WatDoenWij2 fieldset {
	border: 0px;
	margin: 10px 0px 0px;
	padding: 0px;
}

/*#WatDoenWij2 button {
	clear: left;
	display: inline;
	float: none;
	text-align: left;
	color: #5d5d5f;
	font-size: 12px;
}*/

#WatDoenWij2 label {
	margin: 0;
	padding: 0;
	vertical-align: top;
	white-space: normal;
	width: 250px;
	color: #5d5d5f;
}

#WatDoenWij2 button {
	text-align: center;
	width: 100px;
	font-size: 12px;
	color: #FFF;
	background-color: #F00;
	border: 0px solid #B2B2B2;
	padding: 2px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#WatDoenWij2 input, textarea {
	background-color: #FFF;
	border: 1px solid #B2B2B2;
	margin: 2px 0 3px 0;
	width: 100%;
}

#WatDoenWij2 input:focus, textarea:focus {
	background-color:#F2F2F2;
	border-color:#000;
}



/* @end */

/* @end */

/* @group Portfolio */

.PortfolioPage{
	width: 160px;
	height: 120px;
	margin: 10px 10px 5px 0;
	background-color: #FFF;
	padding: 2px;
	float: left;
	border: 1px solid #333;
}

.PortfolioPage .img{
	border: none;
	vertical-align: middle;
	text-align: center;
}

#PortfolioPageCase{
	width: 500px;
	height: 333px;
	background-color: #FFF;
	padding: 2px;
	float: left;
	clear: left;
}

#PortfolioPageCase .img{
	border: none;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #333;
	margin: 10px 20px 10px 0;
}

/* @end */

#RowFooter {
	width: 100%;
	height: 63px;
	/*background: url(../../images/bg_footer.png) repeat-x 0 0;*/
	margin: 0;
	padding: 0;
	float: left;
	border-top: 1px solid #333;
	z-index: 1;
}

#RowFooter2 {
	width: 830px;
	height: 33px;
	margin: 20px auto 0;
	padding: 0;
}

#RowFooter2 p{
	text-align: left;
	text-decoration: none;
	font: normal 10px Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	color: #999;
}

#RowFooter2 a:link {
	padding: 0 12px;
	color: #999;
	text-decoration: none;
}

#RowFooter2 a:visited {
	padding: 0 12px;
	color: #999;
	text-decoration: none;
}

#RowFooter2 a:hover {
	padding: 0 12px;
	color: #F00;
}

#RowFooter2 a:active {
	padding: 0 12px;
	color: #999;
	text-decoration: none;
}