@charset "utf-8";
/* CSS Document */

/* ------------------------- */
/* ---- BODY PROPERTIES ---- */
/* ------------------------- */

body { background: #ccc; padding: 0px; margin: 0; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 20px;}
* { margin: 0; }

html {
    /*
	background: url(../img/bg.jpg) no-repeat top center; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
    */
}

/* ------------------- */
/* ------ GLOBAL ----- */
/* ------------------- */
#bg { 
    position: fixed; top: 0; left: 0; z-index: -1; }
		.bgwidth { width: 100%; }
		.bgheight { height: 100%; }

img { border: none; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: normal; color: #0e6fc5; line-height: 35px; text-decoration: none; letter-spacing: 1px; padding-bottom: 10px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #0e6fc5; line-height: 24px; letter-spacing: 1px; padding-bottom: 10px;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #0e6fc5; }

.displace {	position: absolute;	left: -5000px; }
		
.push { float: left; height: 149px; }

a { text-decoration: none; color: #0e6fc5; }
a:active { text-decoration: none;   }
a:hover { text-decoration: none; color: #9ca5ad;  }
a:visited { text-decoration: none; }	

input { color: #4d4d4d; font-size: 12px; height: 20px; margin-bottom: 5px; margin-top: 5px; }
textarea { color: #4d4d4d; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 5px; margin-top: 5px; overflow: hidden; }

/* ------------------- */
/* ---- DIV SETUP ---- */
/* ------------------- */

.container { 
width: 100%; 
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
}

	.header {
	float: left;
	width: 100%;
	height: 61px;
	background: url(../img/header.png) repeat-x;
	}
	
		.header_menu {
		width: 760px;
		height: 61px;
		margin: 0px auto;
		}
		
			.header_menu_main {
			float: left;
			width: 610px;
			height: 61px;
			font-size: 14px;
			color: #9ca5ad;
			line-height: 39px;
			vertical-align: middle;
			}
			
				#header_menu_main {
				margin-left: 0px;
				padding-left: 1px;	
				line-height: 54px;			
				}
			
				#header_menu_main ul {
				margin-left: 0px;
				padding-left: 0px;				
				}
				
					#header_menu_main li {
					display: block;
					list-style-type: none;
					line-height: 20px;
					height: 61px;
					padding-left: 0px;
					margin-right: 40px;
                    padding-top: 17px;
					margin-left: 0px;
                    float: left;
                    text-align: center;
					}
                    
                    #header_menu_main li.active { 
                        background-image: url('../img/menu_active.png');
                        background-repeat: no-repeat;
                        background-position:center top; 
                    }
					
					.header_menu_main_active { position: relative; margin-top: 3px; margin-left: 12px; background: url(../img/menu_active.png) no-repeat; text-align: center; width: 13px; height: 6px;}
					
					#header_menu_main a { text-decoration: none; color: #9ca5ad; border: none; }
					#header_menu_main a:active { text-decoration: none;   }
					#header_menu_main a:hover { text-decoration: none; color: #0e6fc5; border: none; }
					#header_menu_main a:visited { text-decoration: none; }			
			
			.header_menu_language {
			float: left;
			width: 80px;
			height: 53px;
			border-left: 1px solid #d3d3d3;
			border-right: 1px solid #d3d3d3;
			background: #f5f5f5;
			margin-top: 3px;
			line-height: 53px;
			vertical-align: middle;
			text-align: center;
			color: #838b91;
			}
			
				.header_menu_language a { text-decoration: none; color: #9ca5ad; border: none; }
				.header_menu_language a:active { text-decoration: none;   }
				.header_menu_language a:hover { text-decoration: none; color: #0e6fc5; border: none; }
				.header_menu_language a:visited { text-decoration: none; }					
			
            .header_menu_fb {
            float: left;
            width: 18px;
            heigth: 53px;
            padding-left: 35px;
            padding-top: 21px;
            }
            
	.content {
	float: left;
	width: 100%;
	margin-top: 20px;

	}
	
	/* ---------------------- */
	/* -------- HOME -------- */
	/* ---------------------- */
	
		.content_home_logo {
		position: absolute;
		width: 180px;
		height: 82px;
		background: url(../img/content_logo.png) no-repeat;
		margin: 0px auto;
		z-index: 3;
		margin-left: 50%;
		left: -90px;
		}
		
		.content_home {
		position: relative;;
		width: 450px;
		heigth: auto;	
		z-index: 2;
		margin: 0px auto;
		background: #fff;
		border-radius: 10px;
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;
		left: -275px;
		margin-left: 50%;
		margin-top: 40px;
		padding: 50px;	
		margin-bottom: 60px;
		}
		
			.content_home a { text-decoration: none; color: #0e6fc5; border-bottom: 1px dotted #0e6fc5; }
			.content_home a:active { text-decoration: none;   }
			.content_home a:hover { text-decoration: none; color: #9ca5ad; border-bottom: 1px dotted #9ca5ad; }
			.content_home a:visited { text-decoration: none; }			
			
			.content_home_gallery {
			float: left;
			width: 181px;
			heigth: 48px;
			margin-left: 15px;
			}
			
				.content_home_gallery button {
				background: url(../img/button_gallery_large_dut.png) no-repeat;
				width: 181px;
				height: 48px;
				border: 0px;
				cursor: pointer;
				margin: 0px;
				padding: 0px;
				text-decoration: none;
				}
				
					.content_home_gallery button:hover {
					background: url(../img/button_gallery_large_dut.png) no-repeat;
					background-position: -181px;
					text-decoration: none;
					}
				
			.content_home_aanleveren {
			float: left;
			width: 182px;
			heigth: 48px;
			margin-left: 50px;	
			}				
				
				.content_home_aanleveren button {
				background: url(../img/button_aanleveren_large_dut.png) no-repeat;
				width: 182px;
				height: 48px;
				border: 0px;
				cursor: pointer;
				margin: 0px;
				padding: 0px;
				text-decoration: none;
				}
				
					.content_home_aanleveren button:hover {
					background: url(../img/button_aanleveren_large_dut.png) no-repeat;
					background-position: -182px;
					text-decoration: none;
					}		
		
		.content_home_footer {
		width: 450px;
		height: 50px;	
		}
	
	/* ------------------------- */
	/* -------- GALLERY -------- */
	/* ------------------------- */	
	
		.content_gallery_logo {
		position: absolute;
		width: 180px;
		height: 82px;
		background: url(../img/content_logo.png) no-repeat;
		margin: 0px auto;
		z-index: 3;
		margin-left: 50%;
		left: -90px;
		}
		
		.content_gallery {
		float: left;
		position: relative;
		width: 958px;
		heigth: auto;	
		z-index: 2;
		margin: 0px auto;
		background: #fff;
		border-radius: 10px;
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;
		left: -529px;
		margin-left: 50%;
		margin-top: 40px;
		padding: 50px;	
		margin-bottom: 60px;
		}	
		
			.content_gallery_header {
			float: left;
			width: 958px;
			height: 50px;
			color: #5a5a5a;	
            text-align: center;
			}
			
				.content_gallery_header_viewmode {
				float: left;
				width: 479px;	
				}
				
					.content_gallery_header_viewmode_list {
					float: left;
					width: 114px;	
					margin-right: 20px;
					}
					
						.content_gallery_header_viewmode_list button {
						background: url(../img/button_list_view_nl.png) no-repeat;
						width: 114px;
						height: 22px;
						border: 0px;
						cursor: pointer;
						margin: 0px;
						padding: 0px;
						text-decoration: none;
						}
						
							.content_gallery_header_viewmode_list button:hover {
							background: url(../img/button_list_view_nl.png) no-repeat;
							background-position: -114px;
							text-decoration: none;
							}						
					
					.content_gallery_header_viewmode_tiles {
					float: left;
					width: 114px;		
					}
					
						.content_gallery_header_viewmode_tiles button {
						background: url(../img/button_tile_view_nl.png) no-repeat;
						width: 114px;
						height: 22px;
						border: 0px;
						cursor: pointer;
						margin: 0px;
						padding: 0px;
						text-decoration: none;
						}
						
							.content_gallery_header_viewmode_tiles button:hover {
							background: url(../img/button_tile_view_nl.png) no-repeat;
							background-position: -114px;
							text-decoration: none;
							}						
					
				.content_gallery_header_sorting {
				float: left;
				width: 479px;
				text-align: right;	
				}
				
			.content_gallery_items {
			float: left;
			width: 958px;	
			}
			
				.content_gallery_items_item {
				float: left;
				width: 288px;
				height: 251px;
				background: url(../img/item_tile.png) no-repeat;
				margin-right: 15px;
				margin-left: 15px;
				margin-bottom: 30px;
				}
				
					.content_gallery_items_item_image {
					float: left;
					position: relative;
					padding: 4px;
					z-index: 1;
					width: 280px;
					height: 208px;	
					}
					
					.content_gallery_items_item_label {
					float: left;
					width: 280px;
					height: 25px;
					position: relative;
					z-index: 2;
					background: #fff;
					opacity:0.8;
					filter:alpha(opacity=80); /* For IE8 and earlier */	
					margin-top: -29px;
					margin-left: 4px;
					line-height: 25px;
					vertical-align: middle;
					font-weight: bold;
					color: #0e6fc5;
					text-align: center;
					}
					
					.content_gallery_items_item_button {
					float: left;
					width: 280px;
					text-align: center;
					}	
                    
                        .content_gallery_items_item_button button {
                            background: url(../img/button_view_dut.png) no-repeat;
                            width: 143px;
                            height: 34px;
                            border: 0px;
                            cursor: pointer;
                            margin: 0px;
                            padding: 0px;
                            text-decoration: none;
                        }
                        						
                        .content_gallery_items_item_button button:hover {
                            background: url(../img/button_view_dut.png) no-repeat;
                            background-position: -143px;
                            text-decoration: none;
                        }	
		
		.content_gallery_footer {
		float: left;
		width: 958px;
		height: 20px;	
		}
		
			.content_gallery_footer_pagination {
			width: 458px;
			text-align: center;
			height: 20px;	
			margin: 0px auto;
			}
				
					.content_gallery_footer_pagination_back {
					float: left;
					width: 72px;
					height: 20px;
					text-align: right;
					border: 0px;
					cursor: pointer;
					padding: 0px;
					text-decoration: none;
					}
						
						.content_gallery_footer_pagination_back_disabled {
						float: left;
						background: url(../img/../img/button_back_disabled.png) no-repeat;
						width: 72px;
						height: 20px;							
						}
					
					.content_gallery_footer_pagination_numbers {
					float: left;
					width: 300px;
					text-align: center;	
					}
					
						.content_gallery_footer_pagination_numbers_button {
						padding-left: 10px;
						padding-right: 10px;
						padding-top: 3px;
						padding-bottom: 3px;
						font-weight: bold;	
						font-size: 12px;
						color: #ffa1bb;
						width: 10px;
						height: 30px;
						line-height: 30px; 
						vertical-align: middle;
						background: #fff;
						display: block;
						}
						
							.content_gallery_footer_pagination_numbers a { padding-left: 10px;	padding-right: 10px; padding-top: 3px; padding-bottom: 3px; font-weight: bold;	font-size: 12px; color: #7e7e7e; width: 10px; height: 30px; line-height: 30px; background: #e8e8e8; text-decoration: none; border-radius: 1px; border: none; }
							.content_gallery_footer_pagination_numbers a:active { text-decoration: none;   }
							.content_gallery_footer_pagination_numbers a:hover { text-decoration: none; color: #fff; background: #6ea9dc; }
							.content_gallery_footer_pagination_numbers a:visited { text-decoration: none; }							
					
						.content_gallery_footer_pagination_numbers span.current {
						padding-left: 10px;
						padding-right: 10px;
						padding-top: 3px;
						padding-bottom: 3px;
						font-weight: bold;	
						font-size: 12px;
						color: #fff;
						width: 10px;
						height: 30px;
						line-height: 30px; 
						vertical-align: middle;
						background: #6ea9dc;
						}
					
					.content_gallery_footer_pagination_next {
					float: left;
					width: 72px;
					height: 20px;
					text-align: right;
					border: 0px;
					cursor: pointer;
					padding: 0px;
					text-decoration: none;
					}	
						
						.content_gallery_footer_pagination_next_disabled {
						float: left;
						width: 72px;
						height: 20px;							
						}
			
	
	/* ------------------------- */
	/* ------ DETAIL PAGE ------ */
	/* ------------------------- */		
	
		.content_detail_logo {
		position: absolute;
		width: 180px;
		height: 82px;
		background: url(../img/content_logo.png) no-repeat;
		margin: 0px auto;
		z-index: 3;
		margin-left: 50%;
		left: -90px;
		}
		
		.content_detail {
		float: left;
		position: relative;
		width: 758px;
		heigth: auto;	
		z-index: 2;
		margin: 0px auto;
		background: #fff;
		border-radius: 10px;
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;
		left: -419px;
		margin-left: 50%;
		margin-top: 40px;
		padding: 50px;	
		margin-bottom: 60px;
		}				
		
			.content_detail_info {
			float: left;
			width: 758px;				
			}
			
				.content_detail_info_line {
				float: left;
				width: 758px;
				height: 1px;
				background: #e5e5e5;	
				margin-bottom: 20px;
				margin-top: 20px;
				}				
			
				.content_detail_info_left {
				float: left;
				width: 400px;
				margin-right: 50px;		
				}
				
				.content_detail_info_right {
				float: left;
				width: 308px;
				}
		
			.content_detail_data {
			float: left;
			width: 425px;
			border-right: 1px solid #e5e5e5;
			color: #808080;	
			}
			
				.content_detail_data_line {
				float: left;
				width: 400px;
				height: 1px;
				background: #e5e5e5;	
				}			
			
				.content_detail_data_property {
				color: #808080;	
				}
			
				.content_detail_data_back_button {
				float: left;
				width: 154px;
				text-align: center;
				}
	
					.content_detail_data_back_button button {
					background: url(../img/button_back_dut.png) no-repeat;
					width: 154px;
					height: 34px;
					border: 0px;
					cursor: pointer;
					margin: 0px;
					padding: 0px;
					text-decoration: none;
					}
					
						.content_detail_data_back_button button:hover {
						background: url(../img/button_back_dut.png) no-repeat;
						background-position: -154px;
						text-decoration: none;
						}				
			
			.content_detail_images {
			float: left;
			width: 308px;
			color: #8c8c8c;
			font-size: 11px;
			margin-left: 24px;
			}
			
				.content_detail_images_line {
				float: left;
				width: 288px;
				height: 1px;
				background: #e5e5e5;
				margin-top: 25px;
				margin-bottom: 25px;	
				}
			
				.content_detail_images_image {
				float: left;
				width: 288px;
				height: 209px;
				background: url(../img/item_tile.png) no-repeat;
				padding: 4px;
				}
                
                    .content_detail_images_image img { 
                        max-height: 209px;
                    }					
				
				.content_detail_images_thumb_holder_left {
				float: left;
				width: 138px;
				height: 138px;	
				text-align: center;
				}
				
				.content_detail_images_thumb_holder_right {
				float: left;
				width: 138px;
				height: 138px;	
				text-align: center;
				margin-left: 15px;
				}				
				
					.content_detail_images_image_thumb {
					float: left;
					width: 138px;
					height: 104px;
					background: url(../img/item_tile_thumb.png) no-repeat;
					padding-top: 4px;
					}
					
                    
                    .content_detail_images_image_thumb img { 
                        max-height: 98px;
                    }		
					
		.content_detail_submit {
		float: left;
		width: 758px;
		text-align: center;
		height: 35px;
		}
		
			#content_detail_submit_button {
			height: 34px;
			width: 143px;
			overflow: hidden;
			position: relative;
			cursor: pointer;
			/*Using a background color, but you can use a background image to represent a button*/
			background-image: url('../img/button_aanleveren_small_dut.png');
			background-repeat: no-repeat;
			border: none;
			padding: 0;
			margin: 0;			
			}

				#content_detail_submit_button:hover { 
				background-image: url('../img/button_aanleveren_small_dut.png');
				background-position: -143px;
				border: none;
				padding: 0;
				margin: 0;
				}				
	
	
	/* ------------------------- */
	/* ------ CONTENTPAGE ------ */
	/* ------------------------- */		
	
		.content_normal_logo {
		position: absolute;
		width: 180px;
		height: 82px;
		background: url(../img/content_logo.png) no-repeat;
		margin: 0px auto;
		z-index: 3;
		margin-left: 50%;
		left: -90px;
		}
		
		.content_normal {
		float: left;
		position: relative;
		width: 758px;
		heigth: auto;	
		z-index: 2;
		margin: 0px auto;
		background: #fff;
		border-radius: 10px;
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;
		left: -419px;
		margin-left: 50%;
		margin-top: 40px;
		padding: 50px;	
		margin-bottom: 60px;
		}
		
	/* ------------------------- */
	/* --------- FOOTER -------- */
	/* ------------------------- */				
	
	/* .footer {
	float: left;
	position: relative;
	width: 100%;
	height: 239px;
	z-index: 1;
	margin-top: -70px;
	background: url(../img/footer_fader.png) repeat-x; 
	}*/
    
.input { 
    margin-bottom: 10px;
}
    .input label { 
        position: absolute;
        width: 150px;
		margin-top: 6px;
    }
    
    .checkbox label { 
        width: 0;
        position: static;
        margin-left: 10px;
    }
    
    .select label { 
        position: absolute;
        width: 150px;
    }
    
    .select select { 
        margin-left: 150px;
    }
    
    .input input { 
        margin-left: 132px;
    }
    
    .checkbox input { 
        margin-left: 0;
    }
    
    .input textarea { 
        margin-left: 150px;
    }
    
    .required label:after { 
        content: '*';
    }
    
    .tijd label { 
        position: absolute;
        width: 150px;
    }
    
.inputWrapper1 {
    height: 34px;
    width: 84px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
    background-image: url('../img/button_upload.png');
    background-repeat: no-repeat;
	margin-left: 105px;
}

    .inputWrapper1:hover { 
        background-image: url('../img/button_upload.png');
        background-position: -84px;
    }
	
.inputWrapper2 {
    height: 34px;
    width: 84px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
    background-image: url('../img/button_upload.png');
    background-repeat: no-repeat;
	margin-left: 27px;
}

    .inputWrapper2:hover { 
        background-image: url('../img/button_upload.png');
        background-position: -84px;
    }	
	
.fileInput {
    cursor: pointer;
    height: 100%;
    position:absolute;
    top: 0;
    right: 0;
    z-index: 99;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    font-size:50px;
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}


.meer {
    height: 24px;
    width: 137px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
    background-image: url('../img/button_bekijkmeer_dut.png');
    background-repeat: no-repeat;
    margin-left: 395px;
}

    .meer:hover { 
        background-image: url('../img/button_bekijkmeer_dut.png');
        background-position: -137px;
    }

.contact {
    height: 34px;
    width: 84px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
    background-image: url('../img/button_send_dut.png');
    background-repeat: no-repeat;
    border: 0px;
}

    .contact:hover { 
        background-image: url('../img/button_send_dut.png');
        background-position: -84px;
    }