/* algemeen */
* {
	padding:					0px;
	margin:						0px;
}
body {
	margin:						0px;
	padding:					0px;
	font-family:			Arial, Helvetica, sans-serif;
	color:						#666666;
}


/* lay-out */
#page {
	width:						950px;
	height:						540px;
	margin:						20px auto;
	background: 			url( ../img/bg2a.jpg) -37px -185px no-repeat;
}
#left {
	float:						left;
	height:						504px;
	width:						240px;
	overflow:					hidden;
}
#menu {
	float:						left;
	background:				url(../img/menu_bg.gif) 100% 0% repeat-y;
	height:						533px;
	width:						124px;
	overflow:					hidden;
}
#top {
	height:						65px;
	width:						576px;
	float:						right;
	border-bottom:		1px solid #ccc;
	text-align:				right;
}
#right {
	float:						right;
	width:						576px;
	height:						467px;
	overflow-y:				auto;
	overflow-x:				hidden;
}
#end {
	background:				#789a2b;
	height:						6px;
	width:						710px;
	float:						right;
	margin:						0px;
	padding:					0px;
	overflow: hidden;	
}


/* left */
#left img {
	border-bottom:		1px solid #fff;
}


/* menu */
#menu ul {
	list-style:				none;
	padding-top:			46px;
}
#menu li {
	width:						121px;
	text-align:				right;
	margin-bottom:		21px;
}
#menu li a {
	letter-spacing:		1px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-decoration:	none;
	color:						#e0e0e0;
	text-transform:		uppercase;
	padding:					0px 16px 0px 0px;
	white-space:			nowrap;
	font-weight:			bold;
	display:					block;
	background:				url(../img/menu.gif) no-repeat 100% 0px;
}
#menu li a:hover,
#menu li a.menu_on {
	color:						#fff;
	background:				url(../img/menu.gif) no-repeat 100% -16px;
}
#menu a.mail {
	background:				#2A2C76 url(../img/mail.gif) 90px 9px no-repeat;
	width:						113px;
	display:					block;
	height:						25px;
	text-decoration:	none;
	color:						#fff;
	font-size:				12px;
	text-indent:			8px;
	padding:					7px 0px;
	margin-top:				190px;
}


/* content */
h1 {
	font:							20px/21px "Times New Roman", Times, serif;
	color:						#383D8F;
	margin-bottom:		19px;
	width:						576px;
	margin-top:				25px;
}
h2 {
	font:							18px/18px "Times New Roman", Times, serif;
	color:						#383D8F;
}
h3 {
	font:							bold 12px/18px Arial, Helvetica, sans-serif;
	color:						#383D8F;
	text-transform:		uppercase;
}
p {
	font:							12px/19px Arial, Helvetica, sans-serif;
	margin:						0px 20px 16px 0px;
}
a:link {
	color:						#F26822;
	text-decoration:	none;
}
a:visited {
	color:						#F26822;
	text-decoration:	none;
}
a:hover {
	color:						#666666;
	text-decoration:	underline;
}
p.sign {
	font:							17px/18px "Times New Roman", Times, serif;
	color:						#383D8F;
}
#right ul {
	margin:						0px 20px 19px 15px;
}
#right ul li {
	font:							12px/19px Arial, Helvetica, sans-serif;
}
.back {
	float:						right;
	text-transform:		uppercase;
	background:				url(../img/wieber_blue.gif ) 0px 2px no-repeat;
	padding-left:			13px;
	margin-bottom:		10px;
	font-weight:			bold;
	font-size:				11px;
}
#right a.mail {
	margin-top: 0px;
	color: #666;
}
ul.link li {
	list-style: none;
}
#right a.top {
	text-transform:		uppercase;
	background:				url(../img/wieber_blue.gif ) 0px 2px no-repeat;
	padding-left:			13px;
	margin:						0px 0px 0px 455px;
	font-weight:			bold;
	font-size:				11px;
}

#intro {
	text-align: center;
}


/* submenu */
#right ul#submenu {
	float:						left;
	width:						525px;
	height:						18px;
	padding:					3px 9px 0px 0px;
	margin-bottom:		0px;
}
#submenu li {
	float:						right;
	list-style:				none;
}
#submenu li a {
	margin-left:			20px;
}
a.orange {
	background:				url(../img/wieber_orange.gif) 0px 0px no-repeat;
	padding-left:			13px;
	text-transform:		uppercase;
	font-weight:			bold;
	font-size:				11px;
	
}
a.purple {
	background:				url(../img/wieber_purple.gif) 0px 0px no-repeat;
	padding-left:			13px;
	text-transform:		uppercase;
	font-weight:			bold;
	font-size:				11px;
	
}
a.green {
	background:				url(../img/wieber_green.gif) 0px 0px no-repeat;
	padding-left:			13px;
	text-transform:		uppercase;
	font-weight:			bold;
	font-size:				11px;
	
}
a.blue {
	background:				url(../img/wieber_blue.gif) 0px 0px no-repeat;
	padding-left:			13px;
	text-transform:		uppercase;
	font-weight:			bold;
	font-size:				11px;
	
}

/* over */
#right ul.over {
	background:				url(../img/box.gif) 215px 25px no-repeat;
	width:						500px;
	height:						85px;
	overflow:					hidden;
}
#right ul.over li {
	list-style:				none;	
	padding: 0px;
	margin: 0px;
	float:						left;
}
#right ul.over li a {
	text-transform:		uppercase;
	font-weight:			bold;
}
#right ul.over li.ervaring {
	padding: 0px;
	margin:						35px 0px 0px 144px;
}
#right ul.over li.creativiteit {
	padding: 0px;
	margin:						0px 0px 0px 0px;
} 
#right ul.over li.focus {
	padding: 0px;
	margin:						35px 0px 0px 0px;
}


/* news */
#news {
	width:						556px;
	height:						80px;
	margin-top:				25px;
}
div.artikel p {
	line-height:			20px;
}
div.artikel h2 {
	font:							normal 13px/18px Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:		0px;
}
#right a.more {
	text-transform:		uppercase;
	background:				url(../img/wieber_blue.gif ) 0px 2px no-repeat;
	position:					relative;
	top:							-12px;
	padding-left:			13px;
	margin:						0px 0px 0px 465px;
	font-weight:			bold;
	font-size:				11px;
}




div.partner {
	width:						350px;
}
.partner h2 {
	font:							bold 13px/18px Geneva, Arial, Helvetica, sans-serif;
}
div#hans {
	width:						576px;
	height:						467px;
	background:				#fff url(../img/profiel_hans.jpg) 100% 0% no-repeat;
	float:						right;
	overflow-y:				auto;
	overflow-x:				hidden;	
}
div#mireille {
	position:					relative;
	margin-top:				-467px;
	width:						576px;
	height:						467px;
	background:				#fff url(../img/profiel_mireille.jpg) 100% 0% no-repeat;
	float:						right;
	overflow-y:				auto;
	overflow-x:				hidden;
}
div#hans2 {
	width:						576px;
	height:						467px;
	background:				#fff url(../img/hans_lammers.jpg) 100% 0% no-repeat;
	float:						right;
	overflow-y:				auto;
	overflow-x:				hidden;	
}
div#mireille2 {
	width:						576px;
	height:						467px;
	background:				#fff url(../img/mireille_schrijnemaekers.jpg) 100% 0% no-repeat;
	float:						right;
	overflow-y:				auto;
	overflow-x:				hidden;	
}


/* form */
div#form_info {
	width:						145px;
	float:						left;
	border-right:			1px solid #666;
	margin-right:			15px;
	height:						342px;
}
div#form_info h2 {
	font:							bold 12px/18px Arial, Helvetica, sans-serif;
	margin-bottom:		20px;
	color:						#666;
}
div#form_info a.mail {
	font:							normal 12px/18px Arial, Helvetica, sans-serif;
	background:				url(../img/mail_envelope.gif) no-repeat 0px center;
	padding-left:			20px;
	color:						#F26822;
}
form.frm {
	float:						left;
	width:						400px;
	overflow:					hidden;
}
form.frm h2 {
	font:							bold 12px/18px Arial, Helvetica, sans-serif;
	margin-bottom:		20px;
	color:						#666;
	float: left;
	clear: both;
	width: 100%;
}
form.frm label {
	width:						120px;
	float:						left;
	clear:						both;
	margin-bottom:		7px;
	height:						20px;
	font:							12px Arial, Helvetica, sans-serif;
}
form.frm input {
	border:						1px solid #666;
	height:						17px;
	margin-bottom:		7px;
	width:						257px;
	float:						left;
}
form.frm textarea {
	border:						1px solid #666;
	margin-bottom:		7px;
	float:						left;
	clear:						both;
	width:						377px;
	height:						120px;
}
form.frm button {
	background:				url(../img/mail_envelope.gif) no-repeat 0px center;
	text-transform:		uppercase;
	float:						right;
	cursor:						pointer;
	font:							12px Arial, Helvetica, sans-serif;
	border-style:			none;
	display:					block;
	width:						105px;
}
form #adres {
	width:						140px;
	margin:						10px 0px;
	border:						1px solid #999;
}


img.thumb {
	float: left;
	margin: 0px 10px 10px 0px;
}