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

.rounded {
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.opacity {
	background: rgb(255, 0, 0) ; opacity: 0.6;
	}

input, * {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
}

* {
	padding:0;
	margin:0;
	outline:none;
	vertical-align: top;
}

html, body {
	height: 100%;
}

body {    
	background: url(images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  	background-size: cover;
	background-color: #7b705c;	
}



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

	.top {
		float:left;
		width:960px;
		padding:20px 0 0 0;
	}
	
		.logo {
			float:left;
			height: 60px;	
			margin: 10px 0 0 20px;	
			}
		
			.logo h1 {
				font-size:16px;
				color:#fff;
				font-weight:normal;
				font-style:italic;
				margin:5px 0 0 0px;
				display:block;
				}		
		.sm {
			margin: 12px 0 0 20px;
			padding: 10px;
			background-image: url(images/bg-creme-70.png);
			width:260px; /*ie6 fix*/
			background-repeat: repeat;
			float:right;
			display:inline;		
			}
		
		.bel {
			margin: 12px 0 0 20px;
			padding: 15px 10px;
			background-image: url(images/bg-blauw-80.png);
			background-repeat: repeat;
			float:right;	
			color: #FFF;
			font-size: 18px;
			height: 22px;
			}
			
			.bel a, .bel a:hover {
				color: #FFF;
				font-weight: bold;
				text-decoration: none;
				}

.main {
	background-image: url(images/bg-main-menu.png);
	background-position: left top;
	background-repeat: no-repeat;
	float:left;
	width:960px;
	margin: 30px 0 0 0;
	}
	
		.main-nav {
			float:left;
			height:20px;
			width:940px;
			margin:10px 0 0 0;
			padding:10px 0 0 20px;
			}
	
	.left {
		margin: 20px 0 15px 0;
		float:left;
		width:210px;
		}
		
		.sub-nav {
			margin: 30px 0 0 0;
			float:left;
			width:250px;
			background-image: url(images/bg-zwart-70.png);
			background-repeat: repeat;
			border-left: 1px solid #000;
			border-right: 1px solid #000;
			border-bottom: 1px solid #000;
			}
		
		.block /*enkel blok*/ {	
			margin: 30px 0 0 0;
			padding: 10px 20px;
			float:left;
			width:210px;
			background-image: url(images/bg-zwart-80.png);
			background-repeat: repeat;
			border: 1px solid #000;
			}
			
		.block .head a {
			font-weight: bold;
			color:#FFF;
		}
		
		.block .content {
			padding-top:10px;
			text-align:left;
			color: #FFF;
		}
		
		.block h1 {
			color: #FFF;
			font-size: 20px;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #4f4f4f;
			}
		
	
	.right {
		float:right;
		width:690px;
		}
		
	.header {
		float:left;
		width:690px;
		height:160px;
		margin: 8px 0 0 0;
		background:url(images/header.png) no-repeat;
	}
	
	.content {
		float:left;
		background-image:url(images/bg-content-repy.png);
		background-repeat: repeat-y;
		width: 600px;	
		padding: 0 45px 5px 35px;
		}
		
		.content h1 {
			font-family: Myriad Pro, Calibri, Arial, Helvetica, sans-serif;
			font-size: 30px; 
			color: #000;
			margin: 0 0 10px 0;
			}	
		
		.content h2 {
			font-family: Myriad Pro, Calibri, Arial, Helvetica, sans-serif;
			font-size: 18px; 
			color: #000;
			}	
		
		.content h3 {
			font-family: Myriad Pro, Calibri, Arial, Helvetica, sans-serif;
			font-size: 14px; 
			color: #000;
			}		
		
		.content p {
			font-family: Myriad Pro, Calibri, Arial, Helvetica, sans-serif;
			font-size: 14px; 
			color: #000;
			padding: 0 0 20px 0;
			line-height: 24px;
			}			
		
		.content a { 
			color: #4b8eb0;
			}		
	
		.breadcrumb {
			margin: 5px 0;
			width: 100%;
			font-family: Myriad Pro, Calibri, Arial, Helvetica, sans-serif;
			font-size: 11px; 
			color: #488bad;
			}	
	
			.breadcrumb a {
				font-family: Myriad Pro, Calibri, Arial, Helvetica, sans-serif;
				font-size: 11px; 
				color: #488bad;
				}
	
	.contentbottom {
		float:left;
		background-image:url(images/bg-content-bottom.png);
		background-repeat: no-repeat;
		padding: 6px 0 0 0;
		margin: 0 0 15px 0;
		width: 690px;
		height: 48px;
		text-align: right;	
	}	
	
	
		.arrangements1 {
			margin: 15px 30px 40px 0;
			padding: 20px;
			float: left;
			background-image: url(images/bg-zwart-80.png);
			background-repeat: repeat;
			width: 260px;
			}
		
			.arrangements1 h1 {
				margin: 0 0 15px 0;
				font: Myriad Pro, Calibri, Arial, Helvetica, sans-serif;
				font-size: 20px;
				color: #FFF;
				font-weight: bold;
				}
		
			.arrangements1 p {
				margin: 0 10px 0 0;
				float: left;
				width: 148px;
				font: Myriad Pro, Calibri, Arial, Helvetica, sans-serif;
				font-size: 14px;
				color: #FFF;
				}
				
				.arrangements1 a { color: #4b8eb0; }
		
			.arrangements1 img {
				margin: 3px 0 0 0;
			   -moz-box-shadow:inset 0 0 5px #000000;
			   -webkit-box-shadow:inset 0 0 5px #000000;
			   box-shadow:inset 0 0 5px #000000;
			   border: 1px solid #000;
				}
		
		.arrangements2 {
			margin: 15px 30px 40px 0;
			padding: 20px;
			float: left;
			background-image: url(images/bg-zwart-70.png);
			background-repeat: repeat;
			width: 260px;
			}
		
			.arrangements2 h1 {
				margin: 0 0 15px 0;
				font: Myriad Pro, Calibri, Arial, Helvetica, sans-serif;
				font-size: 20px;
				color: #FFF;
				font-weight: bold;
				}
		
			.arrangements2 p {
				margin: 0 10px 0 0;
				float: left;
				width: 148px;
				font: Myriad Pro, Calibri, Arial, Helvetica, sans-serif;
				font-size: 14px;
				color: #FFF;
				}
				
				.arrangements2 a { color: #4b8eb0; }
		
			.arrangements2 img {
				margin: 3px 0 0 0;
			   -moz-box-shadow:inset 0 0 5px #000000;
			   -webkit-box-shadow:inset 0 0 5px #000000;
			   box-shadow:inset 0 0 5px #000000;
			   border: 1px solid #000;
				}
	
		.arrangements3 {
			margin: 15px 0 40px 0;
			padding: 20px;
			float: left;
			background-image: url(images/bg-creme-70.png);
			background-repeat: repeat;
			width: 260px;
			}
		
			.arrangements3 h1 {
				margin: 0 0 15px 0;
				font: Myriad Pro, Calibri, Arial, Helvetica, sans-serif;
				font-size: 20px;
				color: #000;
				font-weight: bold;
				}
		
			.arrangements3 p {
				margin: 0 10px 0 0;
				float: left;
				width: 148px;
				font: Myriad Pro, Calibri, Arial, Helvetica, sans-serif;
				font-size: 14px;
				color: #000;
				}
				
				.arrangements3 a { color: #4b8eb0; }
		
			.arrangements3 img {
				position: relative;
				margin: 3px 0 0 0;				
				border: 1px solid #FFF;
				}
					
			.btn-actie {
				background-image: url(images/btn-actie.png);
				border: 0 none;
				display: block;
				height: 78px;
				width: 78px;
				margin: -40px 0 0 220px;
				position: absolute;
				}
					
			.btn-nieuw {
				background-image: url(images/btn-nieuw.png);
				border: 0 none;
				display: block;
				height: 78px;
				width: 78px;
				margin: -40px 0 0 220px;
				position: absolute;
				}
				
				.footer {
					background-image: url(images/bg-zwart-80.png);
					background-repeat: repeat;
					width: 100%;
					}
				
				.footerblocks {
					width:960px;
					height:200px;
					margin: 0 auto;
					}
		
		
		
		    .footer, .push {
				clear: both;
				}
	
			.footerblock1 {
				float: left;
				width: 37%;
				}
			
			.footerblock2{
				float: left;
				width: 26%;
				}
			
			.footerblock3 {
				float: left;
				width: 24%;
				}
	
		 	.footerblock4    {
				float: left;
				width: 13%;
				}
				
				.footerblock1 h1, .footerblock2 h1, .footerblock3 h1, .footerblock4 h1 {
					margin-top: 20px;
					font-family: Myriad Pro, Arial, Helvetica, sans-serif;
					font-size: 20px;
					font-weight: bold;
					color: #5296b8;
					}
				
				.footerblock1 p a, .footerblock2 p a, .footerblock3 p a, .footerblock4 p a {
					color: #82a189;
					font-style: italic;
					}
				
				.footerblock1 p, .footerblock2 p, .footerblock3 p, .footerblock4 p {
					margin: 10px 20px 10px 0;
					font-family: Calibri, Arial, Helvetica, sans-serif;
					font-size: 15px;
					color: #fff;					}
				
				.footerblock1 img, .footerblock2 img, .footerblock3 img, .footerblock4 img {
					float: left;
					margin: 6px 12px 6px 0;
					}
					
				.footerblock1 ul {
					float: left;
					list-style: none;
					list-style-position: inside;
					margin: 0;
					padding: 0;
					}
					
					.footerblock1 ul li {
						margin: 2px 0 2px 0;
						}
					
					.footerblock1 ul li a {
					font-family: Calibri, Arial, Helvetica, sans-serif;
					font-size: 15px;
					color: #fff;
						}
					
				.footerblock2 ul, .footerblock3 ul, {
					list-style: none;
					list-style-position: inside;
					margin: 0;
					padding: 0;
					}
					
					.footerblock2 ul li, .footerblock3 ul li {
						margin: 2px 0 2px 0;
						}
					
					.footerblock2 ul li a, .footerblock3 ul li a {
					font-family: Calibri, Arial, Helvetica, sans-serif;
					font-size: 15px;
					color: #fff;
						}

/* opmaak html elementen */

a {

}

p {

}

h1 {

}

h2 {

}

h3 {

}

h4, h5, h6 {

}

hr {

}

/* main-nav */
.main-nav ul li {
	display:inline;
	/*text-transform: uppercase;*/	}

.main-nav .nav_link_0 {	
	margin: 0 30px 0 0;
}

.main-nav ul li a {
	color:#fff;
	text-decoration:none;
}
				
.main-nav ul li a:hover{ 
color:#2C2C2C; 
text-decoration: none;
}

.main-nav li .nav_link_0 a:hover {
color:#2C2C2C; 
text-decoration: none;
}

.main-nav li .nav_link_0_parent a, .main-nav li .nav_link_1_parent a, .main-nav li .nav_link_2_parent a {
color:#2C2C2C; 
text-decoration: none;
}

.main-nav li .nav_link_0_active a, .main-nav li .nav_link_1_active a, .main-nav li .nav_link_2_active a {
	text-decoration:underline;
	}
	
		
.main-nav ul li .nav_link_0 a { display: inline; color: #FFF; font-weight: bold;}
.main-nav ul li .nav_link_0_active a, .menu ul li .nav_link_0 a:hover, .menu ul li .nav_link_0_active a:hover { color:#2C2C2C; text-decoration: none; font-weight: bold;}
.main-nav ul li .nav_link_1 a { display: none; }
.main-nav ul li .nav_link_2 a { display: none; }





/* subnav */
.sub-nav ul li {
	float: left;
	display:block;
	width: 100%;
	}

.sub-nav ul li a {
	color:#fff;
	text-decoration:none;
}
				
.sub-nav ul li a:hover{
	background-color: #000;
	text-decoration:none;
	width: 100%;
}

.sub-nav ul li .nav_link_0_parent a, .sub-nav ul li .nav_link_1_parent a, .sub-nav ul li .nav_link_2_parent a {
	text-decoration:underline;
}

.sub-nav ul li .nav_link_0_active a, .sub-nav ul li .nav_link_1_active a, .sub-nav ul li .nav_link_2_active a {
	text-decoration:underline;
	}
	
	
.sub-nav ul li .nav_link_0 a { display: none; }
.sub-nav ul li .nav_link_1 a { color: #FFF; text-decoration:none; width: 210px; display: block; border-top: 1px solid #000; padding: 10px 20px; }
.sub-nav ul li .nav_link_1 a:hover { color: #FFF; background-color: #000; text-decoration:underline;	width: 210px; display: block;}
.sub-nav ul li .nav_link_1_parent a { text-decoration: underline };
.sub-nav ul li .nav_link_1_active a { color: #FFF; background-color: #000; }
.sub-nav ul li .nav_link_2 a { color: #FFF; text-decoration:none; width: 190px; display: block; border-top: 1px solid #000; padding: 10px 20px 10px 40px;  }
.sub-nav ul li .nav_link_2_active a { text-decoration: underline; background-color: #000;  }


/*twitter*/


#twitters ul {
	list-style:none;
	position: inside;
	margin:0;
	color: #FFF;
}

#twitters ul li {
	list-style:none;
	position: inside;
	margin:0;
	padding-bottom:10px;
	color: #FFF;
	font-size: 13px;
	}

#twitters ul li a {
	list-style:none;
	position: inside;
	margin:0;
	padding-bottom:10px;
	color: #FFF;
	}

#twitters ul li .time a {
	width: 100%;
	color: #4b8eb0;
	font-style: italic;
	font-size: 13px;
	}

#twitters {
	list-style:none;
	position: inside;
	width:220px;
	color: #FFF;
	}

#twitters .message {
	list-style:none;
	padding-bottom:10px;
	font-size:12px;
	color: #FFF;
	}