/* ---------------------
basic layout
--------------------- */


.body {
	background			: #ffffff url(../afbeeldingen/achtergrond.gif) repeat-x ;
	margin				: 0 auto;
	padding				: 0 0 0 0;
	height				: 100%;
	font-family			: Arial, Helvetica, "Sans Serif";
	font-size			: 12px;
	line-height			: 18px;
	font-weight			: normal;
	color				: #676A74;
}

div,
td,
p {
	font-size			: 12px;
	line-height			: 22px;
}

a,
a:link,
a:active,
a:visited {
	color				: #ff0000;
	font-weight			: normal;
	text-decoration		: none;
}

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

ul {
	margin				: 5px;
	padding				: 5px;
	list-style			: none;
	list-style-type		: square;
}

.li {
	line-height			: 18px;
	padding-left		: 20px;
	padding-top			: 0px;
	list-style-position	: inside;
}





/* ---------------------
template
--------------------- */
#container {
	position			: relative;
	margin				: 0 auto;
	padding				: 0px 0px 0px 0px;
	width				: 1000px;
}

#logo {
	position			: relative;
	margin				: 30px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 1000px;
	height				: 80px;
	background			: #000000 url(../afbeeldingen/header.gif) no-repeat top left;
}



/** menu **/
#menu {
	position			: relative;
	margin				: 5px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 1000px;
	height				: 25px;
}

.menu1 {
	position			: relative;
	margin				: 0px 0px 0px 70px;
	padding				: 0px 0px 0px 0px; 
	font-size			: 1.2em;
	float				: left;
}

#menu_home {
	position			: relative;
	margin				: 2px 0px 0px 0px;
	padding				: 0px 0px 0px 0px; 
	float				: left;
}

#menu_verdeler {
	position			: relative;
	margin				: 0px 10px 0px 10px;
	padding				: 0px 0px 0px 0px;
	height				: 17px; 
	float				: left;
}

#geluid {
	position			: relative;
	margin				: 4px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	height				: 12px; 
	float				: left;
}



/** titel **/
#titel {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 1000px;
	height				: 20px;
	font-size			: 10px;
	letter-spacing		: 8px;
	color				: #333333; 
	font-weight			: normal; 
	text-align			: center;
	float				: left;
}



/** afbeeldingen **/
#afbeelding {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 1000px;
	height				: 150px;
	background			: #000000;
	float				: left;
}

#afbeelding1 {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 500px;
	height				: 150px;
	background			: #1F2128;
	float				: left;
}

#afbeelding2 {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 250px;
	height				: 150px;
	background			: #1F2128;
	float				: left;
}

#afbeelding3 {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 250px;
	height				: 150px;
	background			: #1F2128;
	float				: left;
}



/** content **/
#containercontent {
	position			: relative;
	padding				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 1000px;
	text-align			: left;
	float				: left;
}

.lijncontent {
	margin				: 15px 0px 15px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 100%;
	height				: 1px;
	background			: #DEDEDE;
}

.content1 {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 20px 10px 20px;
	width				: 460px;
	float				: left;
}

.content1b {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 20px 10px 20px;
	width				: 710px;
	float				: left;
}

.content2 {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 20px 10px 20px;
	width				: 210px;
	float				: left;
}

#contentportfolio {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 10px 0px;
	width				: 700px;
	float				: left;
}

.portfolio {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 25px 0px;
	width				: 700px;
	float				: left;
	border-top			: 0px solid #f6f6f6;
}

.portfolio1 {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 210px;
	font-size			: 11px;
	color				: #cccccc; 
	font-weight			: normal; 
	float				: left;
}

.portfolio2 {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 490px;
	float				: left;
}

.portfolioafb {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 210px;
	font-size			: 12px; 
	float				: left;
}

.portfoliotekst {
	position			: relative;
	margin				: 10px 0px 60px 0px;
	padding				: 5px 10px 5px 10px;
	background-color	: #cccccc;
	width				: 190px;
	font-size			: 12px;
	line-height			: 16px;
	color				: #ffffff; 
	font-weight			: normal; 
	float				: left;
	border-top			: 1px solid #b5b5b5;
}

#contentportfolio2 {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 10px 0px;
	width				: 710px;
	float				: left;
}



#contentcontact {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 20px 10px 20px;
	width				: 460px;
	float				: left;
}

.balkcontact {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 25px 0px;
	width				: 460px;
	float				: left;
}

.balkcontact1 {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 210px;
	font-size			: 11px;
	color				: #cccccc; 
	font-weight			: normal; 
	float				: left;
}

.balkcontact2 {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	width				: 250px;
	float				: left;
}

#contentkaart {
	position			: relative;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 20px 10px 20px;
	width				: 460px;
	text-align			: left;
	float				: left;
}

.kaartvlak {
	position			: relative;
	margin				: 10px 0px 10px 0px;
	padding				: 1px 1px 1px 1px;
	background-color	: #cccccc;
	width				: 458px;
	height				: 248px;
}





/* ---------------------
fonts
--------------------- */
.contentheading1 {
	font-size			: 19px;
	color				: #000000;
	font-weight			: normal;
	padding-top			: 30px;
	padding-bottom		: 0px;
	letter-spacing		: 0px;
	display				: block;
}

.contentheading2 {
	font-size			: 19px;
	color				: #cccccc;
	font-weight			: normal;
	padding-top			: 0px;
	padding-bottom		: 4px; 
	letter-spacing		: 0px;
	display				: block;
}

.tekstheading1 {
	font-size			: 16px;
	color				: #2F333C;
	font-weight			: normal;
	padding-top			: 0px;
	padding-bottom		: 5px;
	display				: block;
}

.tekstheading2 {
	font-size			: 12px;
	color				: #333333;
	font-weight			: bold;
}

.link1:link,
.link1:visited {
	color				: #000000;
	font-weight			: bold;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 2px 0px 2px;
	text-decoration		: underline;
}


#contentportfolio a {
	color				: #676A74;
	font-weight			: normal;
	text-decoration		: underline;
}

#contentportfolio a:hover {
	color				: #ff0000;
	text-decoration		: none;
}


#contentportfolio2 a {
	color				: #676A74;
	font-weight			: normal;
	text-decoration		: none;
}

#contentportfolio2 a:hover {
	color				: #ff0000;
	text-decoration		: ;
}



#contentcontact a {
	color				: #676A74;
	font-weight			: normal;
	text-decoration		: underline;
}

#contentcontact  a:hover {
	color				: #ff0000;
	text-decoration		: none;
}



.portfolio_c {
	font-size			: 11px;
	color				: #666666;
	font-weight			: normal;
	line-height			: 18px;
}



/* menu */
.menu1 a:link,
.menu1 a:visited {
	color				: #62686a;
	font-weight			: normal;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 5px 0px 5px;
	letter-spacing		: 0.1em;
}

.menu1 a:hover,
.menu1 a:active {
	background-color	: ;
	color				: #ff0000;
	text-decoration		: none;
}

.menu1actief {
	color				: #ff0000;
}