@charset "utf-8";



/*###################################################

#													#

#													#

#				Common Tags							#

#													#

#													#

###################################################*/



body {

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	background-color: #919191;

	background-image:url(../images/bodybg.gif);

	background-position: top center;

	background-repeat: repeat-y;

}

a:focus, a:hover, a:active {

	outline:none

}

a {

	color:#000000;

	text-decoration:none;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

}

a:hover {

	color:#520300;

	text-decoration:underline;

}

/*###################################################

#													#

#													#

#				Layout DIVs							#

#													#

#													#

###################################################*/





#wrapper {

	margin: auto;

	padding: 0 0 0 0;

	width: 900px;

}

#pagebody {

	float:left;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	width: 900px;

}

#contactheader {

	float: left;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	height: 50px;

	width: 900px;

	background-color: #687873;

}



#flashcontainer {

	float: left;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	height: 300px;

	width: 900px;

	background-color:#FFFFFF;

	background-image:url(../images/flashbg.gif);

	background-position: top left;

	background-repeat:repeat-x;

}

#flashgallery {

	float: left;

	height: 272px;

	width: 900px;

	padding: 0 0 0 0;

	margin: 14px 0 0 0;

	background-color:#fff;

}

#contentcontainer {

	float: left;

	width: 900px;

	padding: 0 0 50px 0;

	margin: 0 0 0 0;

	background-image:url(../images/paragraphbg.gif);

	background-position:left top;

	background-repeat:repeat-x;

	background-color: #919191;

}

#cb_left {

	float: left;

	width: 360px;

	margin: 0 0 0 0;

	padding: 20px;

}



#cb_right {

	float: left;

	width: 235px;

	padding: 20px 0 0 0;

	margin: 0 0 0 0;

}

#cb_right img {

	border: 1px solid black;

	float:left;

	margin: 0 5px 5px 0;

	padding: 0 0 0 0;

}



#cb_left img {

	border: 1px solid black;

	float:left;

	padding: 0 0 0 0;

}

#cb_photo img {

	border: 1px solid black;

	margin: 0 5px 5px 0;

	padding: 0 0 0 0;
	
	width: 70px;
	
	vertical-align:top;

}


#cb_photo {

	float: left;

	width: 235px;

	padding: 20px 0 0 0;

	margin: 0 0 0 0;

}

#footer {

	float: left;

	height: 58px;

	width: 900px;

	background-image:url(../images/footerbg.gif);

	background-position: left top;

	background-repeat:repeat-x;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	background-color: #919191;

}



#drop_down {

	float: left;

	width: 200px;

	margin: 10px 0 0 0;

	padding: 0 0 0 0;

	display: none;

}



#cb_menu {

	float: left;

	width: 220px;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

}

#menu {

	width: 220px;

	float: left;

	margin: 0 0 0 0;

	padding: 14px 0 0 0;

}





/*###################################################

#													#

#													#

#				Menu Control						#

#													#

#													#

###################################################*/





#menu a {

	text-indent: -2000em; /* you can add text to the links so screenreaders can read */

	background-repeat: no-repeat;

	background-position: 0 0;

	display: block;

	width: 166px;

	height: 29px;

	float: left;

	padding: 0 0 0 0;

	margin: 4px 0 0 0;

}

#menu li {

	list-style: none;

	padding: 0 0 0 0;

	margin: 0 0 0 -10px;

}

#drop_down a {

	text-indent: 1px; /* you can add text to the links so screenreaders can read */

	background-repeat: no-repeat;

	background-position: 0 0;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	width: 190px;

}

#menu a:hover {

	background-image:none;

	background-position: 0px -29px;

	outline:none;

}

#menu a:active {

	background-image:none;

	background-position: 0px -29px;

	outline:none;

}

#menu a#nav-0 {

	background-image: url(../images/nav/home.gif);

}

#menu a#nav-1 {

	background-image: url(../images/nav/projecten.gif);

}

#menu a#nav-2 {

	background-image: url(../images/nav/contact.gif);

}

#drop_down li {

	padding: 0 0 0 0;

	margin: 0 0 0 0;

}



/*###################################################

#													#

#													#

#				Tekst Styles						#

#													#

#													#

###################################################*/





small {

	font-family: "Trebuchet MS", Arial;

	font-size: 13px;

	text-align:left;

	letter-spacing: -1px;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

}

#drop_down p {

	background-image:url(../images/arrowred.gif);

	background-position: center left;

	background-repeat:no-repeat;

	padding: 0 20px 0 20px;

	margin: 0 0 0 0;

}

h1 {

	font-family: Trebuchet MS, Arial;

	font-size:24px;

	letter-spacing: -1px;

	border-bottom: 1px solid #00212b;

	color:#00212b;

}

.koptekst {

	font-family: Trebuchet MS, Arial;

	font-size:24px;

	letter-spacing: -1px;

	border-bottom: 1px solid #00212b;

	color:#00212b;

	font-weight:bold;

	line-height: 50px;

}

p {

	font-family: "Trebuchet MS", Arial;

	font-size: 14px;

	text-align:justify;

	line-height: 12pt;

	margin: 0 0 10px 0;

	padding: 0 0 0 0;

}

#menu p {

	font-family: "Trebuchet MS", Arial;

	font-size: 13px;

	text-align:left;

	letter-spacing: -1px;

	margin: 0 0 0 0;

	padding: 0 0 0 26px;

}

.headerwhite p {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color:#FFFFFF;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	text-align:right;

}

.footerwhite p {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color:#FFFFFF;

	margin: 0 0 0 0;

	padding: 18px 0 0 0;

	text-align:center;

}



/*###################################################

#													#

#													#

#				List Styles							#

#													#

#													#

###################################################*/





#cb_left li {

	list-style-image:url(../images/arrowred.gif);

	list-style-position: outside;

	padding-left: 10px;

	font-family: "Trebuchet MS", Arial;

	font-size: 14px;

}

#cb_right li {

	list-style-image:url(../images/arrowred.gif);

	list-style-position: outside;

	font-family: "Trebuchet MS", Arial;

	font-size: 14px;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

}




