@import url("nav_link_0.css");
@import url("nav_link_1.css");
@import url("nav_link_2.css");


* {
	font-family: "Trebuchet MS", arial, verdana;
	margin:0;
	padding:0;
	}

html, body {
	padding: 0;
	margin: 0;
	background-image: url(images/bg_repx.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #d2d2d2;
	}

a, img {
	border: 0px;
	color: #188b72;
	}

h1,h2,h3,h4,h5,h6 {
	font-size: 12px;
	color: #188b72;
	}

.domchecktijdelijk {
	float:right;
	background-image:url(images/domchecktijd-bg.png);
	font-size:11px;
	width:226px;
	height:42px;
	padding:18px 0 0 24px;
	margin-right:12px;
	margin-top:24px;
	display:inline;
	}
	
div.container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	width: 930px;
	height: 500px;
	}
	
	div.topbar {
		width: 910px;
		height: 26px;
		padding: 0 0 0 20px;
		}
	
		div.topbar A {
			margin-right: 15px;
			font-size: 12px;
			color: #5bc4a9;
			text-decoration: none;
			}
	
		div.topbar A:hover {
			margin-right: 15px;
			font-size: 12px;
			color: #FFF;
			text-decoration: none;
			}
	
		div.topbarleft {
			float: left;
			width: 580px;
			height: 25px;
			padding: 1px 0 0 0;
			}
		
		div.topbarright {
			float: left;
			width: 225px;
			padding: 0 105px 0 0;
			height: 26px;
			background-image: url(images/topbarminimenu.jpg);
			background-position: center;
			background-repeat: no-repeat;
			text-align: right;
			}
		
	div.leftright {
	float: left;
	width: 930px;
	height: 94px;
	overflow:hidden;
	}
	
		div.logo {
		float: left;
		width: 240px;
		height: 94px;
		background-image: url(images/logo.jpg);
		background-position: right;
		background-repeat: no-repeat;
		}
		
		div.rightmenu {
		float: left;
		width: 690px;
		height: 94px;
		}		
		
			div.domein {
			float: left;
			width: 323px;
			height: 20px;
			padding: 50px 0 0 367px;
			}
										
				div.zoekveld {
				float: left;
				}
				
					.domein_textbox {
					width: 150px;
					height: 20px;
					padding: 2px 5px 0 5px;
					margin: 0 0 0 13px;
					border: solid 1px #188b72;
					font-size: 12px;
					font-style: italic;
					color: #188b72;
					vertical-align: middle;
					}
				
					.domein_pulldown {
					width: 60px;
					height: 22px;
					margin: 0;
					padding: 0;
					border: solid 1px #188b72;
					font-size: 12px;
					font-style: italic;
					color: #188b72;
					vertical-align: middle;
					}
				
					.domein_button {
					width: 48px;
					height: 24px;
					padding: 0 5px 0 5px;
					margin: 0;
					border: solid 1px #188b72;
					background-color: #EFEFEF;
					font-size: 12px;
					color: #188b72;
					vertical-align: middle;
					}
				
					.domein_button:hover{
					width: 48px;
					height: 24px;
					padding: 0 5px 0 5px;
					margin: 0;
					border: solid 1px #0f5747;
					background-color: #188b72;
					font-size: 12px;
					color: #FFF;
					vertical-align: middle;
					text-decoration: none;
					}
				
				div.zoekknop {
				float: left;
				}
			
		
	div.header {
	float: left;
	width: 930px;
	height: 146px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	}
		
	div.subcontainer {
	float: left;
	width: 930px;
	background-image: url(images/main_repy.jpg);
	background-repeat: repeat-y;
	}
	
		div.main_bottom {
		float: left;
		width: 930px;
		background-image: url(images/main_bottom.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		}
		
			div.main_top {
				float: left;
				width: 930px;
				padding: 9px 0 20px 0;
				background-image: url(images/main_top.jpg);
				background-position: top;
				background-repeat: no-repeat;
				}
		
				div.left {
					float: left;
					width: 194px;
					min-height: 370px;
					overflow:hidden;
					}
					
					div.nav_titel {
						font-size: 11px;
						color: #000;
						margin: 8px 0 0 32px;
						display:inline;
						padding: 0;
						}
		
					div.contactgegevensbg {
						float:right;
						width:182px;
						height:180px;
						padding-top:10px;
						}
						
					div.contactgegevens_titel {
						float:left;
						font-size: 11px;
						color: #000;
						margin: 8px 0 0 0;
						display:inline;
						padding-left:21px;
						}
						
					div.contactgegevens {
						float:left;
						position:relative;
						font-size: 11px;
						float: left;
						width: 150px;
						margin: 10px 0 20px 0;
						display:inline;
						padding-left:21px;
						text-align: left;
						}
										
					div.login_titel {
					font-size: 11px;
					color: #000;
					margin: 8px 0 0 32px;
					display:inline;
					}
					
					div.login {
					font-size: 11px;
					color: #000;
					margin: 8px 0 0 32px;
					display:inline;
					}
					
						div.login A {
						font-size: 11px;
						color: #000;
						text-decoration: underline;
						}
						
						.form {
						padding: 0;
						margin: 0 0 8px 0;
						width: 150px;
						}

						.email_adres {
						width: 130px;
						height: 20px;
						padding: 0 5px 0 5px;
						margin: 0 0 10px 0;
						border: solid 1px #188b72;
						font-size: 12px;
						font-style: italic;
						color: #188b72;
						vertical-align: top;
						}
						
						.wachtwoord {
						width: 70px;
						height: 20px;
						padding: 0 5px 0 5px;
						margin: 0 7px 10px 0;
						border: solid 1px #188b72;
						background: none;
						font-size: 12px;
						font-style: italic;
						color: #188b72;
						vertical-align: top;
						}
						
						.submit_login {
						width: 50px;
						height: 22px;
						padding: 0 5px 0 5px;
						margin: 1px 0 0 0;
						display:inline;
						border: solid 1px #188b72;
						background-color: #FFF;;
						font-size: 12px;
						color: #188b72;
						vertical-align: top;
						}
				
						.submit_login:hover{
						width: 50px;
						height: 22px;
						padding: 0 5px 0 5px;
						margin: 1px 0 0 0;
						display:inline;
						border: solid 1px #0f5747;
						background-color: #188b72;
						font-size: 12px;
						color: #FFF;
						vertical-align: top;
						}
			
				div.main {
				float: left;
				width: 450px;
				padding: 0 12px 0 14px;
				min-height: 370px;
				}
					
					div.breadcrumb {
						float:left;
						font-size: 11px;
						color: #000;
						margin: 8px 0 0 0;
						display:inline;
						width:450px;
						}
					
					div.content {
						float:left;
						font-size: 11px;
						color: #000;
						margin: 10px 0 0 0;
						display:inline;
						width:450px;
						}
		
				div.right {
				float: left;
				width: 215px;
				padding: 0 28px 0 14px;
				min-height: 370px;
				}
					
					div.right_titel {
					margin: 8px 0 0 0;
					display:inline;
					font-size: 11px;
					color: #000;
					}
					
					div.right_content {
					margin: 10px 0 0 0;
					display:inline;
					font-size: 11px;
					color: #188b72;
					}
						
						div.right_content img {
						border: 0;
						margin: 0 4px 4px 0;
						display:inline;
						}
					
	div.footer {
	float: left;
	width: 930px;
	height: 100px;
	}
	
	div.search {
	position: relative;
	float: left;
	width: 200px;
	padding: 2px 0 0 30px;
	}
	
		div.zoekveld {
		float: left;
		}
		
			.sb_textbox {
			padding: 0 4px 0 4px;
			margin: 2px 0 0 0;
			display:inline;
			width: 135px;
			font-style: inherit;
			font-size: 11px;
			color: #188b72;
			border: solid #188b72 1px;
			background-color: #EBEBEB;
			}
	
		div.zoekknop {
		float: left;
		margin: 2px 0 0 3px;
		display:inline;
		}
			
		div.affiliate {
		float: left;
		width: 340px;
		padding: 5px 0px 0 150px;
		font-size: 11px;
		font-style: italic;
		color: #188b72;
		text-align: right;
		}
		
			div.affiliate a {
			font-size: 11px;
			font-style: italic;
			color: #188b72;
			text-decoration: none;
			}
			
			div.affiliate a:hover {
			font-size: 11px;
			font-style: italic;
			color: #188b72;
			text-decoration: underline;
			}	
	

		div.copyright {
		float: left;
		width: 182px;
		padding: 4px 20px 0 0px;
		text-align: right;
		font-size: 12px;
		color: #188b72;
		}
	

	
		
/*=============================== NAVIGATIE ==================================*/

div.navA{
	float: left;
	width: 330px;
	padding: 0 0 0 360px;
	position: relative;
	}
	
.ulnavA{
	display:inline;
	list-style:none;
	}
	
.ulnavA li {
	display: inline;
	float: left;
	}

div.navB{
	position:relative;
	float: left;
	width: 150px;
	margin: 10px 0 20px 32px;
	display:inline;
	padding: 0;  
	text-align: left;
	font-size:12px;
	}
	
.ulnavB{
	display: inline;
	list-style: none;
	font-size:12px;
	}
	
.ulnavB li {
	float:left;
	clear: left;
	text-align:left;
	font-size:12px;
	}

div.navC {
	position: relative;
	float: left;
	width: 580px;
	padding: 2px 0 0 30px;
	
	}
	
.ulnavC {
	position: relative;
	float: left;
	display:inline;
	list-style:none;
	}
	
.ulnavC li {
	display: inline;
	position: relative;
	float: left;
	}


.ulnavC .nav_link_1 { display: none;}
.ulnavC .nav_link_2 { display: none;}
.ulnavC .nav_link_1 a { display: none;}
.ulnavC .nav_link_2 a { display: none;}
	
.ulnavB .nav_link_0 { display: block;}
.ulnavB .nav_link_0 a { display: block;}
.ulnavB .nav_link_1 { display: block;}
.ulnavB .nav_link_1 a { display: block;}
.ulnavB .nav_link_2 { display: block;}
.ulnavB .nav_link_2 a { display: block;}

.ulnavA .nav_link_1 { display: none;}
.ulnavA .nav_link_2 { display: none;}
.ulnavA .nav_link_1 a { display: none;}
.ulnavA .nav_link_2 a { display: none;}

