3@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 {
	margin: 0; padding: 0px;
	background-color: #170901;
}

a {
	outline: none;
	text-decoration: none;
}
img { display: block; }
a img {
	border: none;
}
	
/*============================================================
CONTAINERS
==============================================================*/
#top_container {
	height: 97px;
}

#menu_container_full {
	height: 56px;
	background: #ebe3de;
	position: fixed;
	width: 100%;
}

#menu_bottom_full {
	height: 41px;
	background-image: url("pics/layout/menu_bottom_bg.jpg");
	width: 100%;
	background-repeat: repeat-x; top: 56px; position: fixed;
}
	
#center_container {
	height: 450px;
	background-image: url('pics/layout/body_bg_1px.jpg');
	font-family: arial, helvetica, sans-serif;
	position: relative;
	display: block;
}
#center_container img { margin: 1px 0px; padding: 0px; float: left;  vertical-align: top; } 

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

#bottom_container {
	display: block; position: fixed !important; width: 2500px;
}

.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;
	font-family: "arial black", arial, helvetica, sans-serif;
	font-size: 11px; margin-top: 26px; margin-left: -26px;
	height:50px;
}

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

.menu_list li a {
	color: #170c02;
	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: #FFF !important;
	background-color: #170c02 !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: 44px 0 24px;
	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: 401px;
	width: 276px;
	background-color: #fff;
	position: absolute;
	bottom: 28px;
	right: 40px; top: 23px;
}

#gallery_groot_inner {
	height: 387px;
	width: 258px;
	padding: 6px 0 0 9px;
}

#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: 31px 0 0 31px;
	width: 401px;
	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 { 
	color: #000;
}
#contactbalk a {
	color: #FFF;
}

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

#contactbalk a:hover {
	color: #000;
} 


/*============================================================
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%;
}











.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 25px;	
	padding-bottom: 20px;
	padding-top: 15px;
	font-size: 12px;
	letter-spacing: 0,5px;
	position: relative; overflow: hidden;
	font-weight: normal;
	display: block;
	text-decoration:none;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: default;
	border: 0px solid #333;
	background: #000;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
   margin-right: 50px;
}
.caption a, .caption a {
	border: none;
	letter-spacing: 0,5px;
	text-decoration: none;
	color: #fff; cursor: pointer;
	display: block;
	padding: 0;
	position: relative;
	font-weight: normal;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.caption-top, .caption-bottom h1 { font-size: 19px; padding-bottom: 4px; font-weight: normal; display: block; margin-top: -15px; }
.caption-top, .caption-bottom p { font-size: 12px; display: block; width: 105px; line-height: 17px; text-decoration:none; }
.caption-top, .caption-bottom a.link { color: #fff; text-decoration: none; }
.caption-top, .caption-bottom a.link:hover { text-decoration: underline; }

.caption-wrapper {
	float: left;
	text-decoration: none;
}
br.c { clear: both; }



					#arrows { width: 145px; display: block; height: 112px; position: fixed !important; right: 25px; top: 595px; }
					#arrows a.left { display: block; background: url('pics/links.png') no-repeat; width: 71px; height: 112px; float: left; }
					#arrows a.left:hover { background: url('pics/linkshover.png') no-repeat; }
					#arrows a.right { display: block; background: url('pics/rechts.png') no-repeat; width: 71px; height: 112px; float: right; }
					#arrows a.right:hover { background: url('pics/rechtshover.png') no-repeat; }