/* BRUISTEN GROEN STYLE */

* {
	margin:0;
	padding:0;
}

html, body { 
	text-align:			center;
	font-family:		Arial, Helvetica, sans-serif;
	color:				#333333;
	height:				100%;
	width:				100%;
}

a {
	color:				#333333;
	text-decoration:	none;
}


a:hover {
	color:				#005000;
}


.bruisten h1 {
	font-family:		"Trebuchet MS";
	font-size:			18px;
	height:				25px;
	float:				right;
}

.bruisten h2 {
	font-size:			12px;
	height:				18px;
	float:				left;
	width:				365px;
}

.page {
	width:				766px;
	display:			block;
	margin:				0 auto;
}

.index_margin_top {
	width:				300px;
	height:				30px;
	float:				left;
}

.index_margin_left {
	width:				15%;
	height:				300px;
	float:				left;
}

.index_line_verticaal {
	width:				148px;
	height:				76%;
	background-image:	url(../img/index_line_verticaal.gif);
	float:				left;
}

.index_line_horizontaal {
	width:				100%;
	height:				3px;
	background-image:	url(../img/index_line_horizontaal.gif);
	background-repeat:	repeat-x;
	float:				left;
}


.index_logo_left {
	width:				85%;
	height:				148px;
	float:				left;
	background-image:	url(../img/index_line_horizontaal.gif);
	text-align:			left;
	background-repeat:	repeat-x;
}


.index_menu {
	width:				150px;
	height:				300px;
	float:				left;
}


.index_menu a {
	width:				150px;
	height:				20px;
	margin-top:			3px;
	padding-top:		3px;
	margin-left:		6px;
	padding-left:		6px;
	float:				left;
	text-align:			left;
	font-size:			10px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	background-color:	#FFFFFF;
	color:				black;
}

.index_menu a:hover {
	background-color:	#CCCCCC;
	color:				black;
}


	
	
	

.top_top_header {
	width:				766px;
	height:				10px;
	min-height:			10px;
	background-image:	url(../img/top_top_header.gif);
	background-repeat:	no-repeat;
	float:				left;
	margin:				0px;
	padding:			0px;
}

.top_header {
	width:				766px;
	height:				66px;
	float:				left;
	background-image:	url(../img/top_header.gif);
	background-repeat:	no-repeat;
}

.header {
	width:				766px;
	height:				65px;
	float:				left;
}


.main_header {
	width:				766px;
	height:				221px;
	float:				left;
}

#main_header_left {
	width:				10px;
	height:				221px;
	float:				left;
	background-image:	url(../img/main_header_left.gif);
}

.main_header_menu {
	width:				127px;
	height:				210px;
	float:				left;
}


.main_header_menu a {
	float:				left;
	width:				127px;
	height:				42px;
	background-image:	url(../img/menu_btn_a.gif);
	text-align:			left;
	font-size:			10px
}

.main_header_menu a:hover {
	background-image:	url(../img/menu_btn_a_hover.gif);
	color:				#005000;
}

.main_header_menu a.active {
	background-image:	url(../img/menu_btn_a_hover.gif);
	color:				#005000;
}

.suckerdiv ul{
margin: 0;
padding: 0;
float:	left;
}
	
.suckerdiv ul li{
position: relative;
list-style: none;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
top: 0;
visibility: hidden;
}

.sub2 a {
	float:				left;
	width:				127px;
	height:				20px;
	text-align:			left;
	font-size:			10px;
	padding-top:		1px;
	padding-bottom:		1px;
	background-image:	none;
	background-color:	#FFFFFF;
	border-top:			5px solid #b4c2b3;
}

.sub2 a:hover {
	background-image:	none;
	border-top:			5px solid #005000;
}

.sub2 a.active {
	background-image:	none;
	border-top:			5px solid #005000;
}


/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
list-style: none;
float:left
}


.suckerdiv .subfolderstyle{
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


#main_bruisten_logo {
	width:				307px;
	height:				210px;
	float:				left;
	background-image:	url(../img/main_bruisten_logo.gif);
}

#main_flash_img {
	width:				322px;
	height:				210px;
	float:				left;
}

.no_flash {
	width:				323px;
	height:				210px;
	float:				left;
	background-color:	#005000;
	margin-left:		-1px;
}

#main_footer_img {
	width:				756px;
	height:				11px;
	float:				right;
	background-image:	url(../img/main_footer_img.gif);
	background-repeat:	no-repeat;
}


.break_1 {
	width:				766px;
	height:				20px;
	float:				left;
}


.content {
	width:				766px;
	height:				auto;
	float:				left;
	text-align:			left;
	font-size:			11px;
	line-height:		18px;
}

.content a {
	font-weight:		bold;
}

.content a:hover {
	color:				#005000;
}

.content em {
	width:				500px;
	height:				20px;
	float:				left;
	display:			block;
}


.content_werkzaamheden li {
	list-style:			square;
	margin-left:		10px;
}	


.content_werkzaamheden {
	margin-left:		11px;
	width:				750px;
	height:				auto;
	float:				left;
	display:			block;
}



.footer {
	width:				766px;
	height:				39px;
	background-color:	#ebebeb;
	float:				left;
	margin-top:			5px;
	text-align:			right;
	padding-top:		15px;
	font-size:			10px;
}

/* ------------------------------------------------------HOME------------------------------------------------------ */

.margin_home_header {
	width:				11px;
	height:				287px;
	float:				left;
}
	
.home_header {
	width:				755px;
	height:				18px;
	background-image:	url(../img/welkom_header.gif);
	background-repeat:	no-repeat;
	float:				left;
}


.home_break_1 {
	width:				755px;
	height:				20px;
	float:				left;
}

.home_img {
	width:				340px;
	height:				91px;
	background-image:	url(../img/home_img.jpg);
	float:				left;
}

.home_tekst_blok_margin_left {
	width:				20px;
	height:				120px;
	float:				left;
}

.home_tekst_blok {
	width:				395px;
	height:				auto;
	float:				left;
	text-align:			left;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#606060;
}

.home_break_2 {
	width:				755px;
	height:				50px;
	float:				left;
}


.nav_blok {
	width:				340px;
	height:				100px;
	float:				left;
}


.nav_home_header {
	width:				340px;
	height:				18px;
	float:				left;
	background-image:	url(../img/nav_home_header.gif);
	background-repeat:	no-repeat;
}

.nav_tekst_blok {
	width:				310px;
	height:				100px;
	float:				left;
	text-align:			left;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#606060;
	padding-left:		3px;
	padding-top:		5px;
}


.werkzaamheden_break_1 {
	width:				766px;
	height:				1px;
	float:				right;
	display:			block;
}



.werkzaamheden_header {
	width:				395px;
	height:				18px;
	float:				left;
}

#werkzaamheden_thumb a {
	width:				54px;
	height:				54px;
	float:				left;
	margin-right:		2px;
	border:				1px solid #cccccc;
	margin-top:			1px;
}

#werkzaamheden_thumb a:hover {
	border:				1px solid #005000;
}

.werkzaamheden_blok_margin_left {
	width:				20px;
	height:				100px;
	float:				left;
}

.werkzaamheden_blok {
	width:				400px;
	height:				auto;
	float:				right;
}

.werkzaamheden_text_blok {
	width:				395px;
	height:				auto;
	float:				left;
	text-align:			left;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#606060;
	margin-top:			-2px;
}

.werkzaamheden_item {
	width:				766px;
	height:				auto;
	float:				left;
	display:			block;
	padding-bottom:		30px;
}


.thumb_werkzaamheden_img {
	width:				348px;
	height:				auto;
	float:				left;
	display:			block;
}


.projecten_item {
	width:				766px;
	height:				auto;
	float:				left;
	display:			block;
	padding-bottom:		30px;
}

.projecten_blok {
	width:				400px;
	height:				auto;
	float:				left;
}


.projecten_header {
	width:				395px;
	height:				18px;
	float:				left;
}


.projecten_text_blok {
	width:				395px;
	height:				auto;
	float:				left;
	text-align:			left;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#606060;
	margin-top:			-2px;
}

.thumb_projecten_img {
	width:				348px;
	height:				auto;
	float:				right;
	display:			block;
}

#projecten_thumb a {
	width:				54px;
	height:				54px;
	float:				left;
	margin-right:		2px;
	border:				1px solid #cccccc;
	margin-top:			1px;
}

#projecten_thumb a:hover {
	border:				1px solid #005000;
}


.certificaat_blok {
	width:				766px;
	height:				auto;
	float:				left;
	display:			block;
}

.certificaat_left {
	width:				365px;
	height:				auto;
	float:				left;
}

.certificaat_right {
	width:				365px;
	height:				auto;
	float:				left;
}

.certificaat_margin {
	width:				35px;
	height:				100px;
	float:				left;
}

.certificaat_header_left {
	width:				365px;
	height:				18px;
	float:				left;
	background-image:	url(../img/certificaat_aequor_header.gif);
}

.certificaat_header_right {
	width:				365px;
	height:				18px;
	float:				left;
	background-image:	url(../img/certificaat_kiwa_header.gif);
}

.certificaat_text_blok {
	width:				365px;
	height:				auto;
	float:				left;
	text-align:			left;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#606060;
	margin-top:			-2px;
}
	

.contact_text {
	width:				443px;
	height:				auto;
	float:				left;
}

.contact_header {
	width:				432px;
	height:				18px;
	float:				right;
	background-image:	url(../img/contact_header.gif);
}

.contact_info_contact {
	width:				432px;
	height:				auto;
	float:				right;
	text-align:			left;
	padding-top:		20px;
	
}

.contact_img {
	float:				right;
	width:				322px;
	height:				210px;
}


.anylinkcss{
position:absolute;
visibility: hidden;
z-index: 100;
background-color: white;
width: 128px;
}

.afbeeldingen_header {
	width:				750px;
	height:				18px;
	float:				left;
	text-align:			left;
	color:				#FFFFFF;
	font-family:		"Trebuchet MS";
	font-weight:		bold;
	margin-top:			10px;
	margin-bottom:		10px;
	padding-left:		10px;
	background-color:	#006600;	
}

.afbeeldingen_page {
	width:				750px;
	height:				auto;
	float:				left;
}



	
	.lightBoxContainer a {
		width:			100px;
		height:			80px;
		float:			left;
		list-style:		none;
		margin:			2px;
		border: 		2px solid #CCCCCC;
		cursor:			pointer;
		overflow:		hidden;
	}
	
	.lightBoxContainer a:hover {
		border: 		2px solid #666;
		cursor:			pointer;

	}
	
	.lightBoxContainer a img{
		border:			0px;
	}


.link_blok {			
	width:				750px;
	height:				auto;
	float:				left;
	border-bottom:		2px solid #005000;
	padding-bottom:		3px;
	margin-bottom:		10px;
}

.link_blok a {
	width:				100px;
	height:				65px;
	float:				left;
	background-color:	#eaeaea;
	color:				#999999;
	font-family:		"Trebuchet MS";
	margin-right:		3px;
	margin-bottom:		3px;
	border:				2px solid #CCCCCC;
	text-align:			center;
	padding-top:		15px;
	font-weight:		normal;
}

.link_blok_groot {			
	width:				750px;
	height:				auto;
	float:				left;
	border-bottom:		2px solid #005000;
	padding-top:		3px;
	padding-bottom:		3px;
	margin-bottom:		10px;
}



.link_blok a:hover {
	border:				2px solid #005000;
	font-weight:		normal;
	color:				#000000;
}

.link_blok_groot a {
	width:				750px;
	height:				65px;
	float:				left;
	background-color:	#eaeaea;
	color:				#999999;
	font-family:		"Trebuchet MS";
	margin-right:		3px;
	margin-bottom:		3px;
	border:				2px solid #CCCCCC;
	text-align:			center;
	padding-top:		15px;	
}

.link_blok_groot a:hover {
	border:				2px solid #005000;
	font-weight:		normal;
	color:				#000000;
}

.hetbedrijf_foto_blok {
	width:				395px;
	height:				150px;
	float:				left;
	margin-left:		20px!important;
	margin-left:		1px;
}