@CHARSET "ISO-8859-1";

/*============================================================
RESET CSS
==============================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, hr, iframe {  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img, hr {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	}
	

/*============================================================
ALGEMEEN
==============================================================*/
body {
	background-color: #000;
}

a {
	outline: none;
	text-decoration: none;
}

a img {
	border: none;
}
	
/*============================================================
CONTAINERS
==============================================================*/
#top_container {
	height: 97px;
}

#menu_container_full {
	height: 56px;
	background-image: url("pics/layout/BalkLeer01.jpg");
	position: relative;
}

#menu_bottom_full {
	height: 41px;
	background-image: url("pics/layout/menu_bottom_bg.jpg");
}
	
#center_container {
	height: 456px;
	background-image: url('pics/layout/body_bg_1px.jpg');
	font-family: arial, helvetica, sans-serif;
	/*position: relative;*/
}

#center_990 {
	width: 990px;
	height: 456px;
}

#bottom_container {
	display: block;
}

.gradient_11px {
	height: 11px;
	background-image: url("pics/layout/gradien_hor_1px.jpg");
}

.gradient_1px {
	height: 1px;
	margin-top: 2px;
	background-image: url("pics/layout/gradien_hor_1px.jpg");
}

#logo_container {
	height: 166px;
	background-image: url("pics/layout/BalkLeer02.jpg");
}


/*============================================================
MENU
==============================================================*/
.menu_list {
	list-style: none;
	position: absolute;
	bottom: 0px;
	left: 35px;
	font-family: "arial black", arial, helvetica, sans-serif;
	font-size: 11px;
}

.menu_list li {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 4px;
}

.menu_list li a {
	color: #fff;
	display: block;
	padding-left: 13px;
	padding-right: 13px;
}

.menu_list li a:hover{
	color: #9e9a97 !important;
	/*background-color: #9e9a97 !important;*/*/
}

.menu_list li.actief a {
	color: #000 !important;
	background-color: #fff !important;*/
}
		
/*============================================================
CENTER
==============================================================*/
#linkerblok {
	width: 365px;
	/*height: 456px;*/
	height: 385px;
	padding: 47px 40px 24px 33px;
	float: left;
	position: relative
}

#rechterblok {
	width: 552px;
	height: 385px;
	float: left;
	padding: 47px 0 24px 0;
	position: relative;
}

h1 {
	color: #000;
	font-size: 34px;
	font-weight: bold;
}

p {
	font-size: 13px;
	line-height: 21px;
	margin: 9px 0 0 0;
}

.flexcroll p {
	margin-right: 5px;
}

hr {
	background-image: url("pics/layout/hr_bg_1px.png");
	height: 3px;
	margin: 5px 0 0 0;
}

#linkerblok a {
	color: #000;
}

#linkerblok a:hover {
	color: #fff;
}

.datum {
	 float: right; 
	 position: absolute; 
	 bottom: 3px; 
	 right: 0px; 
	 font-size: 18px; 
	 font-weight: bold;
}

/*============================================================
CENTER GALLERY
==============================================================*/
#gallery_container {
	width: 552px;
	height: 303px;
	background-color: #fff;
	position: absolute;
	bottom: 28px;
}

#gallery_container .gallery_foto_container {
	height: 90px;
	width: 60px;
	margin: 8px 0 0 8px;
	float: left;
	background-color: #000;
}

#gallery_container .gallery_foto_container img {
	height: 90px;
	width: 60px;
}

#gallery_container .gallery_foto_container a img {
	height: 90px;
	width: 60px;
	display: block;
}

#gallery_groot_container {
	height: 397px;
	width: 268px;
	background-color: #fff;
	position: absolute;
	bottom: 28px;
	right: 40px;
}

#gallery_groot_inner {
	height: 387px;
	width: 258px;
	padding: 5px;
}

#gallery_groot_inner img {
	height: 387px;
	width: 258px;
}

/*============================================================
CONTROL BUTTONS
==============================================================*/
#control_buttons {
	width: 33px;
	height: auto;
	overflow: hidden;
	margin: 5px 0 0 36px;
}

#but_magn, #but_back, #but_forw {
	width: 33px;
	height: 33px;
	margin: 0 0 5px 0;
}

#but_magn a, #but_back a, #but_forw a {
	display: block;
	width: 33px;
	height: 33px;
}

#but_magn a {
	background-image: url("pics/layout/but_magnifier.jpg");
}	

#but_back a {
	background-image: url("pics/layout/but_back.jpg");
}	

#but_forw a {
	background-image: url("pics/layout/but_forward.jpg");
}

#but_magn a:hover, #but_back a:hover, #but_forw a:hover {
	background-position: 100%;
}

/*============================================================
COUNTER
==============================================================*/
.counter_container {
	height: 33px;
	overflow: hidden;
}

#linkerblok .counter_container {
	position: absolute;
	bottom: 70px;
}

.counter {
	width: 33px;
	height: 33px;
	float: left;
	margin: 0 7px 0 0;
	line-height: 33px;
	font-family: arial, helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.counter.active a {
	background-position: 50%;
}

.counter a {
	background-position: 0;
}

.counter a {
	background-image: url("pics/layout/nummering_bg.png");
	width: 33px;
	height: 33px;
	display: block;
	color: #fff !important;
}

.counter a:hover {
	background-position: 100%;
}
	

/*============================================================
RECHTS AFBEELDING
==============================================================*/
#rechts_afbeelding {
	height: 344px;
	width: 552px;
	background-image: url("pics/layout/rechts_foto_bg.png");	
}

#rechts_afbeelding img {
	height: 332px;
	width: 543px;
	padding: 5px;
}

#rechts_afbeelding iframe {
height:328px;
padding:5px 0 0 6px;
width:540px;
}



/*============================================================
BOTTOM
==============================================================*/
.logo {
	padding: 53px 0 0 29px;
	width: 406px;
	float: left;
}

#bot_foto_container {
	overflow: hidden;
	padding: 32px 0 0 0;
}

.bot_foto {
	height: 113px;
	width: 179px;
	background-image: url("pics/layout/bottom_foto_frame.png");
	position: relative;
	float: left;
	margin-right: 11px;
}

.bot_foto_inner {
	width: 161px;
	height: 94px;
	margin: 5px 0 0 9px;
	position: relative;
	display: block;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
}

.bot_foto .foto {
	width: 161px;
	height: 94px;
}

.bot_foto_overlay {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url("pics/layout/bottom_foto_overlay.png");
	width: 161px;
	height: 23px;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	text-indent: 15px;
	text-align: left;
}

#contactbalk {
	height: 33px;
	line-height: 33px;
	background-image: url("pics/layout/contactbalk_bg.jpg");
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}



#contactbalk_990 {
	width: 990px;
}

.contactgegevens_left {
	float: left;
	margin-left: 34px;
}

.contactgegevens_right {
	float: right;
}

.adres_item {
	margin: 0 10px 0 0;
}

#created_by {
	height: 40px;
	line-height: 40px;
	width: 988px;
	text-align: right;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

#created_by a, #contactbalk a {
	color: #fff;
}

#created_by a:hover{
	color: #4bbb0f;
}

#contactbalk a:hover {
	color: #9e9a97;
} 


/*============================================================
CONTACTFORMULIER
==============================================================*/
#contactform {
	font-size: 13px;
	line-height: 19px;
	margin: 9px 0;
}

#contactform tr {
	height: 25px;
}

.omschrijving {
	width: 78px;
}

input[type=text] {
	width: 287px;
	height: 19px;
	background-color: #000;
	border: none;
	color: #fff;
	text-indent:5px;
}

.checkbox_alt {
	width: 17px;
	height: 16px;
	background-color: #000;
	border: none;
	color: #fff;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	background-image: none;
}

.checkbox_alt.active {
	background-image: url("pics/layout/checkbox_alt_checked.jpg");
}
     
.send_button {
	float:right; 
	height: 21px; 
	width: 94px; 
	background-image: url('pics/layout/verstuur_button_mouse_over.png'); 
	border: none; 
	background-color: transparent; 
	outline: none;" 	
}

.send_button:hover {
	background-position: 100%;
}