/* styles voor Omega Webdesign */
/* by Omega Webdesign, 19-6-2011 */


html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: black;
	background-color: #666666;
	font-family: Verdana;
	font-size: 91%;
	line-height: 1.6em;
}

* { margin: 0; padding: 0; }

h1 { margin: 0; }

#wrapper {
	background-color: white;
	background-image: url(../imgs/omega_header_achtergrond.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

	#innerwrapper {
		position: relative;
		width: 950px;
		margin: 0 auto;
	}
		
		#head {
			position: relative;
			height: 220px;
			width: 950px;
		}
			#head #logo {
				float: left;
				width: 184px;
				height: 161px;
				margin: 26px 0 0 15px;
				border: 0;
			}
			
			#head #payoff {
				position: absolute;
				font-size: 1.9em;
				line-height: 1.4em;
				color: white;
				right: 50px;
				top: 75px;
				width: 625px;
				z-index: 10;
			}
				#head #payoff div { padding-top: 10px; text-align: center; }
				
			#head #beeldbox {
				float: right;
				margin-top: 21px;
				height: 204px;
				width: 725px;
			}
				#head #beeldbox img { display: none; width: 725px; }
				#head #beeldbox img.show { display: inline; }
		
		
		#midden {
			position: relative;
			width: 225px;
			padding-right: 725px;
		}
			
			#midden #rechts {
				float: right;
				width: 685px;
				padding-top: 10px;
				margin-right: -705px;
				min-height: 200px;
				z-index: 5;
			}
			
				#midden #rechts h1 {
					font-size: 1.8em;
					padding: 0.3em 0 0.7em 0;
				}
				
				#midden #rechts h2 {
					font-size: 1.4em;
					padding: 0.6em 0 0.7em 0;
				}
				
				#midden #rechts h3 {
					font-size: 1.05em;
					padding: 0.3em 0 1em 0;
				}
				
				#midden #rechts .met_logo {
					padding-left: 45px;
					background-image: url(../imgs/h1_logo.jpg);
					background-position: left 3px;
					background-repeat: no-repeat;
				}
					#midden #rechtsx h1.met_logo { background-position: left 3px; }
				
				#midden #rechts a:link, #midden #rechts a:visited { color: #009AFF; font-weight: normal; }
				#midden #rechts a:hover { color: #FF9A00; }
				
				#midden #rechts p { padding-bottom: 1em; }
				#midden #rechts ol, #midden #rechts ul { padding-bottom: 1em; margin-left: 1.6em; }
				#midden #rechts table { margin-bottom: 1em; }
				
				#midden #rechts #dienstenbox {
					position: relative;
					margin-top: -10px;
					width: 685px;
					background: top center no-repeat url(../imgs/home_dienstenbox_top.jpg);
					z-index: 5;
				}
					#midden #rechts #dienstenbox div { 
						width: 655px;
						padding: 15px;
						background: bottom center no-repeat url(../imgs/home_dienstenbox_bottom.jpg); 
					}
					
					#midden #rechts #dienstenbox p { padding-bottom: 0; width: 655px; }
					
					#midden #rechts #dienstenbox ul { 
						display: inline-block; 
						margin-left: 16px;
						width: 200px;
						vertical-align: top;
						padding-bottom: 0;
					}
					
						#dienstenbox li {
							width: 200px;
							list-style-image: url(../imgs/bullet.gif);
						}
							
							#dienstenbox li.ref {
								font-style: italic;
								list-style-type: none;
								list-style-image: none;
								padding-left: 20px;
							}
							
						#midden #rechts #dienstenbox a:link, #midden #rechts  #dienstenbox a:visited { color: black; }
						#midden #rechts  #dienstenbox a:hover { color: #009AFF; }
				
				
				
				#midden #rechts #inner {
					position: relative;
					width: 242px;
					padding: 2em 0 0 443px;
					z-index: 10;
				}
				
					#midden #rechts #inner #innerlinks {
						float: left;
						width: 423px;
						margin-left: -443px;
					}
					
					#midden #rechts #inner #innerrechts {
					
					}
					
			
			#midden #menu {
				position: relative;
				width: 225px;
				padding-top: 58px;
			}
			
				#midden #menu > ul {
					display: block;
					padding: 0 0 58px 0;
					list-style: none;
					background-image: url(../imgs/omega_menu_footer.jpg);
					background-position: bottom center;
					background-repeat: no-repeat;
				}
				
					#midden #menu > ul > li {
						display: block;
						padding: 0.3em 17px 0.6em 17px;
						background-color: #0099FF;
						background-image: url(../imgs/omega_menu_afscheider.jpg);
						background-position: bottom center;
						background-repeat: no-repeat;
					}
					
						#menu > ul > li > a:link, #menu > ul > li > a:visited {
							display: block;
							text-transform: uppercase;
							text-decoration: none;
							font-weight: bold;
							color: white;
						}
						
						#menu > ul > li > a:hover { color: #FF9800; }
						
							#menu > ul > li > ul {
								display: block;
								margin: 0;
								padding: 0;
								list-style: none;
							}
							
								#menu > ul > li > ul > li {
									display: block;
									padding: 0.2em 0 0.2em 17px;
								}
								
									#menu > ul > li > ul > li > a:link, #menu > ul > li > ul > li > a:visited { 
										display: block;
										text-decoration: none;
										color: white;
									}
									
									#menu > ul > li > ul > li > a:hover { color: #D9E700; font-weight: bold; }
									
										#menu > ul > li > ul > li > ul{
											display: block;
											margin: 0;
											padding: 0;
											list-style: none;
										}
										
											#menu > ul > li > ul > li > ul > li {
												display: block;
												padding: 0.2em 0 0.2em 17px;
											}
											
												#menu > ul > li > ul > li > ul > li > a:link, #menu > ul > li > ul > li > ul > li > a:visited {
													display: block;
													text-decoration: none;
													color: white;
												}
												
												#menu > ul > li > ul > li > ul > li > a:hover {
													color: #FF9800;
													font-weight: bold;
												}

				#menu #naw {
					margin: 0;
					padding-left: 17px;
				}
					#menu #naw p { padding-bottom: 10px; }
		
#footer {
	margin: 0;
	padding: 50px 0 10px 255px;
	font-size: 0.8em;
	color: #EEEEEE;
	text-align: center;
	background-image: url(../imgs/omega_footer_achtergrond.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#footer a:link, #footer a:visited { color: #EEEEEE; text-decoration: none; }
#footer a:hover { color: #FF9800; }

/* support op afstand */
#support_button_div {
	width: 478px; height: 60px;
}

	#support_button_div a {
		display: inline-block;
		background: center center no-repeat url(/userfiles/image/omegaviewer.png);
		width: 200px;
		height: 53px;
		padding: 7px 0 0 34px;
		text-decoration: none;
		text-align: center;
	}
		#midden #rechts #support_button_div a:link, #midden #rechts #support_button_div a:visited { color: white; font-weight: bold; }
		#midden #rechts #support_button_div a:hover {}