@charset "utf-8";
/* CSS Document */
body{
background-color:#e3e3e3;
background-image:url(images/Muntwebdesignnieuw-groot_01_01.png);
background-repeat:repeat-x;

}

a img {
	border: 0;
}


#container{
width: 1015px;
margin: 0px auto;
}
/* ##################################  MAIN VLAK  #################################### */
#mainvlak_up{
width: 1015px;
height: 16px;
background-image:url(images/mainvlak_up_03.png);
margin-top: 10px;
}

#mainvlak_mid{
width: 1015px;
background-image:url(images/mainvlak_mid_03.png);
overflow:hidden;
}

#mainvlak_bottom{
width: 1015px;
height: 22px;
background-image:url(images/mainvlak_bottom.png);

}

/* ##################################  HEADER  #################################### */

#header_content{
width: 994px;
height: 125px;
*height: 141px;
margin-left: 10px;
}

#header{
width: 993px;
height: 141px;
background-image:url(images/head_03.png);

}
/* ##################################  MENU  #################################### */

	#content_menu {
		width: 993px;
		height: 38px;
		background-image:url(images/menu_06.png);
		background-repeat:repeat-x;
		margin-left: 10px;
		}
		#content_menu ul {
			list-style-type: none;
		}
		
			#content_menu li {
				float: left;
				height: 26px;
				padding: 5px 20px;
				padding-top: 7px;

				background: url(images/content_menu_li_hover2.jpg) no-repeat top right;
			}
			
			#content_menu li.special1 {
				padding: 7px 20px 5px 22px;
			}
			
			#content_menu li.special {
				background: none;
			}
			
			#content_menu li:hover, #content_menu li.special:hover {
				background: url('images/content_menu_li_hover2.jpg') repeat-x top left;
			}
			
				#content_menu li a:link, #content_menu li a:active, #content_menu li a:visited {
					font: 12px Verdana;
					color: #fff;
					text-decoration: none;
					
				}
				
				#content_menu li .sub {
					display: none;
					position: absolute;
					width: 122px;
					background: url('images/submenu.png') no-repeat bottom left;
					margin: 6px 0 0 -25px;
					*margin: 26px 0 0 -65px;
					padding: 2px 0 10px 0;
				}
				
					#content_menu li .sub a:link, #content_menu li .sub a:active, #content_menu li .sub a:visited {
						font: 10px/22px Verdana;
						color: #939393;
						padding: 0 0 0 10px;

					}
					
					#content_menu li .sub a:hover {
						text-decoration: underline;
					}

				/* SUB NETWERK */
						#content_menu li .subnetwerk {
							display: none;
							position: absolute;
							width: 122px;
							background: url('images/submenu.png') no-repeat bottom left;
							margin: 6px 0 0 -25px;
							*margin: 26px 0 0 -65px;
							padding: 2px 0 10px 0;
						}
						
							#content_menu li .subnetwerk a:link, #content_menu li .subnetwerk a:active, #content_menu li .subnetwerk a:visited {
								font: 10px/22px Verdana;
								color: #939393;
								padding: 0 0 0 10px;
							}
							
							#content_menu li .subnetwerk a:hover {
								text-decoration: underline;
							}


				/* SUB HOSTING */
						#content_menu li .subhosting {
							display: none;
							position: absolute;
							width: 122px;
							background: url('images/submenu.png') no-repeat bottom left;
							margin: 6px 0 0 -25px;
							*margin: 26px 0 0 -65px;
							padding: 2px 0 10px 0;
						}
						
							#content_menu li .subhosting a:link, #content_menu li .subhosting a:active, #content_menu li .subhosting a:visited {
								font: 10px/22px Verdana;
								color: #939393;
								padding: 0 0 0 10px;
							}
							
							#content_menu li .subhosting a:hover {
								text-decoration: underline;
							}

                                /* SUB PROFESSIONEEL */
                                                #content_menu li .professioneel {
                                                        display: none;
                                                        position: absolute;
                                                        width: 122px;
                                                        background: url('images/submenu.png') no-repeat bottom left;
                                                        margin: 6px 0 0 -25px;
                                                        *margin: 26px 0 0 -65px;
                                                        padding: 2px 0 10px 0;
                                                }

                                                        #content_menu li .professioneel a:link, #content_menu li .professioneel a:active, #content_menu li .professioneel a:visited {
                                                                font: 10px/22px Verdana;
                                                                color: #939393;
                                                                padding: 0 0 0 10px;
                                                        }

                                                        #content_menu li .professioneel a:hover {
                                                                text-decoration: underline;
                                                        }


				/* SUB OVER ONS */
						#content_menu li .suboverons {
							display: none;
							position: absolute;
							width: 122px;
							background: url('images/submenu.png') no-repeat bottom left;
							margin: 6px 0 0 -25px;
							*margin: 26px 0 0 -65px;
							padding: 2px 0 10px 0;
						}
						
							#content_menu li .suboverons a:link, #content_menu li .suboverons a:active, #content_menu li .suboverons a:visited {
								font: 10px/22px Verdana;
								color: #939393;
								padding: 0 0 0 10px;
							}
							
							#content_menu li .suboverons a:hover {
								text-decoration: underline;
							}

	
	#content_breadcrumb {
		width: 993px;
		height: 28px;
		margin: 0 auto;
	}
	
		#content_breadcrumb_text {
			width: 982px;
			height: 28px;
			background: #eaeaea url('images/content_breadcrumb_left.jpg') no-repeat top left;
			float: left;
			font: 10px Verdana;
			color: #707070;
		}
		
			#content_breadcrumb_text p.breadcrumb {
				display: inline;
				float: left;
				margin: 8px 0 0 37px;
			}
			
			#content_breadcrumb_text p.search {
				display: inline;
				float: right;
				margin: 5px 19px 0 0;
			}
			
				#content_breadcrumb_text p.search input.input_search {
					width: 113px;
					height: 11px;
					border: 0;
					background: url('images/content_breadcrumb_input.jpg') no-repeat top right;
					font: 9px Verdana;
					color: #5d5d5d;
					padding: 3px 3px 3px 5px;
				}
				
				#content_breadcrumb_text p.search input.submit {
					margin: 0 0 -4px 0;
				}
		
		#content_breadcrumb_right {
			width: 10px;
			height: 28px;
			background: url('images/content_breadcrumb_right.jpg') no-repeat top left;
			float: left;
		}

div#omgeving {
 height: 60px;
 width: 400px;
 padding: 2px 0 0 780px;
}  

form, fieldset {
 padding: 0;
 border: 0;
}  

div#search_box {
 margin: 0;
}  

div#search_box #keywords {
  width: 220px;
  height: 10px;
  background: white;
  border: 1;
}  

/* ##################################  CONTENT MID #################################### */

#content_mid{
width: 993px;
min-height: 500px;
margin-left: 10px;
margin: 10px auto;

background: url('images/content_middle.jpg') repeat-y 750px 0;

}
/* ##################################  CONTENT  LEFT #################################### */
	#content_mid_left{
	width: 700px;
	float:left;
	padding: 25px;
	min-height: 400px;
	}

	#domeinnamen li{
	font-family:arial;
	font-size:12px;
	line-height: 17px;
	list-style-image:url("../images/news_dot.gif");
	color: #000;
	text-align:left;
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	}
	
	#domeinnamen ul{
	margin: 0px;
	padding: 0px;
	}	
	
	#content_mid_left p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	padding: 10px 0 5px 0;
	margin: 0px;
	}
	
			#content_mid_left a{
			font: 12px Arial;
			color: #0082c8;
			}
			
				#content_mid_left a:hover{
				text-decoration: none;
				}
			
	#content_mid_left h1{
	font: 22px Arial;
	font-size: 22px;
	color: #0082c8;
	margin: 0px;
	padding: 0px;
	}

	
/* ##################################  CONTENT LINKS SUBMENU's #################################### */
#content_boxes1{
width: 233px;
min-height: 300px;
margin-top:  30px;
float:left;
}

		#content_boxes2{
		width: 233px;
		min-height: 300px;
		margin-top:  30px;
		float:left;
		}
		
				#content_boxes3{
				width: 233px;
				min-height: 300px;
				margin-top:  30px;
				float:left;
				}

						#content_boxjaap{
						width: 350px;
						min-height:500px;
						margin-top: 20px;
						float:left;
						}

#content_boxes4{
width: 233px;
min-height: 150px;
margin-top: 30px;
float:left;
}

#content_upper_blue{
width: 204px;
height:25px;
background-image:url(images/content_up_13.png);
background-repeat:no-repeat;
}

#content_upper_jaap{
width: 320px;
height:25px;
background-image:url(images/bovenkant.gif);
background-repeat:no-repeat;
}

#content_upper_green{
width: 204px;
height:25px;
background-image:url(images/content_box_green_17.png);
background-repeat:no-repeat;
}

		#content_wrapper{
		padding: 5px;
		margin-left: 30px;
		font: bold 13px Arial;
		color:#FFFFFF;
		}

#content_rest{
width: 205px;
height: 126px;
background-image:url(images/content_rest_13.png);
padding-bottom: 10px;
background-repeat:no-repeat;
}

#content_jaap{
width: 320px;
height: 700px;
background-image:url(images/achterkant700.gif);
padding-bottom: 10px;
background-repeat:no-repeat;
}

#tekst_jaap{
width: 300px;
padding: 5px;
margin-left: 0px;
font: 11px Arial;
color: #000;
min-height: 90px;
}


#tekst_wrapper{
width: 185px;
padding: 5px;
margin-left: 5px;
font: 11px Arial;
color: #000;
min-height: 90px;
}

#tekst_wrapper ul{
padding: 0px;
margin: 0px;
}

        #tekst_wrapper a{
        color: #759e0c;
        text-decoration: none;
        }

                #tekst_wrapper a:hover{
                text-decoration: underline;
                }

        #tekst_wrapper li{
        color: #759e0c;
        margin-left: 10px;
        }

#tekst_wrapper2{
width: 185px;
padding: 5px;
margin-left: 5px;
font: 11px Arial;
color: #000;
min-height: 90px;
}

#tekst_wrapper2 ul{
padding: 0px;
margin: 0px;
}

        #tekst_wrapper2 a{
        color: #000000;
        text-decoration: none;
        }

                #tekst_wrapper2 a:hover{
                text-decoration: underline;
                }

        #tekst_wrapper li{
        color: #000000;
        margin-left: 10px;
        }


/* ##################################  DIT IS VOOR HET LEES MEER BUTTON/KNOPJE   #################################### */
#leesmeer{
width: 100px;
height:20px;
float:right;
margin-top: 0px;
margin-right: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#leesmeer a{
width: 80px;
height:20px;
float:right;
text-decoration:none;
background: url('images/content_middle_left_box_leesmeer.jpg') repeat-y 65px 0;
background-repeat: no-repeat;
color: #3866db;
}

#leesmeer a:hover{
text-decoration:underline;
}

/* ##################################  DIT IS VOOR HET LEES MEER BUTTON/KNOPJE VAN JAAP  #################################### */
#leesjaap{
width: 300px;
height:20px;
float:right;
margin-top: 25px;
margin-right: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#leesjaap a{
width: 100px;
height:20px;
float:right;
text-decoration:none;
background: url('images/content_middle_left_box_leesmeer.jpg') repeat-y 75px 0;
background-repeat: no-repeat;
color: #3866db;
}

#leesjaap a:hover{
text-decoration:underline;
}

#leesjaap2{
width: 300px;
height:20px;
float:right;
margin-top: -10px;
margin-right: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#leesjaap2 a{
width: 100px;
height:20px;
float:right;
text-decoration:none;
background: url('images/content_middle_left_box_leesmeer.jpg') repeat-y 75px 0;
background-repeat: no-repeat;
color: #3866db;
}

#leesjaap2 a:hover{
text-decoration:underline;
}

#bestellen1{
width: 300px;
height:20px;
float:right;
margin-top: -5px;
margin-right: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#bestellen1 a{
width: 100px;
height:20px;
float:right;
text-decoration:none;
background: url('images/content_middle_left_box_leesmeer.jpg') repeat-y 75px 0;
background-repeat: no-repeat;
color: #3866db;
}

#bestellen1 a:hover{
text-decoration:underline;
}

#bestelvirtual{
width: 200px;
height:20px;
float:right;
margin-top: 5px;
margin-right: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#bestelvirtual a{
width: 100px;
height:20px;
float:right;
text-decoration:none;
background: url('images/content_middle_left_box_leesmeer.jpg') repeat-y 75px 0;
background-repeat: no-repeat;
color: #3866db;
}

#bestelvirtual a:hover{
text-decoration:underline;
}


/* ##################################  CONTENT - RIGHT  #################################### */
#content_mid_right{
width: 243px;
min-height: 500px;
float:left;
}
	/* ##################################  CONTENT RIGHT UPPER  #################################### */
	#content_right_upper{
	width: 163px;
	margin-left: 10px;
	padding: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	}
	
	#content_right_upper h1 {
				font: bold 14px Arial;
				color: #0082c8;
				font-size:16px;
			}
			
			#content_right_upper p {
				width: 160px;
				font: 11px Arial;
				color: #000;
			}

	#content_right_upper p.login {
				padding: 3px 0 0 0;
				font: 11px/1px Arial;
			}
			
			#content_right_upper input.text {
				width: 131px;
				height: 14px;
				font: 9px Verdana;
				color: #000;
				background: url(images/content_middle_right_input.jpg) no-repeat top right;
				border: 0;
				padding: 3px 0 0 7px;
				margin: 10px 0 18px 0;
				*margin: 10px 0 18px -7px;
			}
			
			#content_right_upper input.submit {
				width: 16px;
				margin: 0 0 -2px 3px;
				*margin: 0 0 16px 3px;
			}
			
			.content_right_upper_hr {
				width: 240px;
				height: 2px;
				background: url('images/hr.jpg') repeat-x top left;
				margin: 0 0 18px 0;
				margin-left: 7px;
			}
			
			#content_right_upper img {
				margin: 0 0 0 7px;
			}

	/* ##################################  CONTENT RIGHT DOWNER  #################################### */
	
	#content_right_down{
	width: 170px;
	margin-left: 10px;
	padding: 20px;
	padding-top: 0px;
	}
	
	
	#content_right_down h1 {
				font: bold 14px Arial;
				color: #0082c8;
				font-size:16px;
			}
			
			#content_right_down p {
				width: 160px;
				font: 11px Arial;
				color: #000;
			}

	#content_right_down p.login {
				padding: 3px 0 0 0;
				font: 11px/1px Arial;
			}
			
			#content_right_down input.text {
				width: 131px;
				height: 14px;
				font: 9px Verdana;
				color: #000;
				background: url(images/content_middle_right_input.jpg) no-repeat top right;
				border: 0;
				padding: 3px 0 0 7px;
				margin: 10px 0 18px 0;
				*margin: 10px 0 18px -7px;
			}
			
			#content_right_down input.submit {
				width: 16px;
				margin: 0 0 -2px 3px;
				*margin: 0 0 16px 3px;
			}
			
			.content_right_down_hr {
				width: 193px;
				height: 2px;
				background: url('images/hr.jpg') repeat-x top left;
				margin: 0 0 18px 0;
			}
			
			#content_right_down img {
				margin: 0 0 0 7px;
			}
/* ##################################  LOGO  #################################### */
#logo{
width: 290px;
height: 57px;
background-image:url(images/logo_03.png);
margin-left: 5px;
float:left;
}

#text_flag{
float:right;
padding: 23px;
padding-left: 200px;
width: 180px;
height: 25px;
}

	#text_flag a{
	font: 10px Verdana;
	color: #707070;
	text-decoration: none;

	}
	
	#text_flag a:hover{
	text-decoration:underline;
	}

#text_flag img {
margin: 0 0 -4px 0;
}


#logoenflag{
width: 1080px;
margin-left: 7px;
height: 57px;
}

/* ############ ONDERKANT ########## */

#onderkant{
width: 707px;
margin-left: 20px;
overflow:hidden;
float: left;
}

#onderkantlogos{
width: 707px;
height: 40px;
background-image:url(images/footer_23.png);
overflow:hidden;
}

/* ############ CONTACTINFOBOTTOM ########## */
#contact_buttom{
width: 829px;
margin-left: 100px;
text-align: center;
font: 9px Verdana;
color: #707070;
}

#contact_buttom span.margin {
		word-spacing: 20px;
	}
