/* Design & Code (c) ABOVO Media */
html, body { 
	padding			: 0; 
	margin			: 0; 
	height			: 100%;
}

body {
	font			: normal 12px "Arial", "Verdana", sans-serif;
	background		: #ddeef6 url('../_images/background_colour.png') repeat top center;
	line-height		: 20px;
	color			: #666; 
}	

#wrapper {
	margin			: 0 auto;
	background		: transparent url('../_images/background.png') repeat-x top center;
	width			: 100%;
	min-height		: 100%;
}

	* html #wrapper {
		height			: 100%;
	}
	
	#wrapper #logo {
		margin			: 0 auto;
		width			: 862px;
		height			: 134px;
		text-align		: left;
		background		: transparent url('../_images/top_logo_stat.gif') no-repeat top left;
	}
	
	#wrapper #header {
		margin				: 0 auto;
		width				: 862px;
		height				: 205px;
		text-align			: left;
	}
	
		#wrapper #header #overlay {
			float			: left;
			margin			: 0;
			background		: transparent url('../_images/header_overlay.png') no-repeat top left;
			width			: 862px;
			height			: 140px;
			text-align		: left;
			padding			: 0;
		}
		
			* html #wrapper #header #overlay {
					background	: none;
					filter		: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beheer.abovo.nl/stat/public_html/_images/header_overlay.png', sizingMethod='crop');
				}
				
		#wrapper #header #navigation {
			float			: left;
			background		: transparent url('../_images/header_menu.png') no-repeat top left;
			width			: 837px;
			height			: 65px;
			text-align		: center;
			padding			: 0 0 0 25px;
		}
		
		
		#wrapper #content {
			margin			: 0 auto;
			width			: 830px;
			padding			: 0;
			text-align		: left;
		}
		
			#wrapper #content #left {
				float			: left;
				width			: 380px;
				margin 			: 0;			
				padding			: 10px 20px 10px 20px;
				text-align		: left;
			}
			
			#wrapper #content #right {
				float			: left;
				width			: 410px;
				margin 			: 0 0 10px 0;			
				padding			: 0;
				text-align		: left;
				background		: transparent url('../_images/blok_bg.gif') repeat-y bottom left;
			}
			
				#wrapper #content #right #blok_patienten {
					float			: left;
					width			: 180px;
					margin 			: 0 10px 10px 0;			
					padding			: 9px 10px 10px 10px;
					text-align		: left;
					border-top		: 1px solid #b2d6ec;
				}
					#wrapper #content #right #blok_patienten img {
						padding		: 0;
						margin 		: 0;
					}
				
				#wrapper #content #right #blok_artsen {
					float			: left;
					width			: 180px;
					margin 			: 0 0 10px 0;			
					padding			: 9px 10px 10px 10px;
					text-align		: left;
					border-top		: 1px solid #b2d6ec;
				}	
				
			#wrapper #content #left_vv {
				float			: left;
				width			: 480px;
				margin 			: 0;			
				padding			: 10px 20px 10px 20px;
				text-align		: left;
			}
			
			#wrapper #content #right_vv {
				float			: left;
				width			: 310px;
				margin 			: 0 0 10px 0;			
				padding			: 0;
				text-align		: left;
			}
			
				#wrapper #content #right_vv #blok {
					float			: left;
					width			: 290px;
					margin 			: 0 0 10px 0;			
					padding			: 9px;
					text-align		: left;
					background		: #fff;
					border			: 1px solid #b2d6ec;
				}
			
		#wrapper #footer_blue {
			margin			: 0 auto;
			width			: 798px;
			padding			: 15px;
			text-align		: left;
			background		: #bbdcef;
			border			: 1px solid #9dcce8;
		}
		
			#wrapper #footer_blue #contact {
				float			: left;
				padding			: 0 15px 0 0;
				height			: 100px;
				width			: 240px;
				margin			: 0;
			}
			
			#wrapper #footer_blue div.blok {
				padding			: 0 15px 0 15px;
				float			: left;
				width			: 240px;
				height			: 100px;
				border-left		: 1px solid #9dcce8;
				line-height 	: 16px;
				margin			: 0;
			}
		
		#wrapper #footer {
			margin			: 0 auto;
			padding			: 10px 0 0 0;
			width			: 810px;
			text-align		: center;
		}
		
	div.clear {
		clear		: both;
		font-size	: 1px;
		margin		: 0;
		padding		: 0;
	}
	
/* Headings H1-H6 */
h1 { }

	#content h1 {
		font-size	: 18px;
		font-weight	: normal;
		color		: #027dc1;
	}
	
	#blok_patienten h1, #blok_artsen h1, #blok h1 {
		margin		: 8px 0 5px 0;
		font-size	: 18px;
		font-weight	: normal;
		color		: #027dc1;
	}

h2 { }

	#content h2 {
		display		: inline;
		font-weight	: bold;
		color		: #027dc1;
	}
	
	#contact h2, #footer_blue div.blok h2 {
		display		: inline;
		font-size	: 17px;
		font-weight	: normal;
		color		: #027dc1;
	}

h3 { }

h4 { }

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }


	#content p {
		margin	: 0 0 10px 0;		
	}
	
a { 
	color		: #007cc2;
	text-decoration: underline;
}	

a:hover { 
	color		: #007cc2;
	text-decoration: underline;
}		
	

	#navigation ul.main li a {
		color			: #fff;
		font-weight		: bold;
		text-decoration	: none;
	}
	
	#navigation ul.main li a:hover {
		color			: #fff;
		font-weight		: bold;
		text-decoration	: underline;
	}
	
	#navigation ul.main li a.active {
		text-decoration	: underline;
	}

	#navigation ul.submain li {
		text-align : left;
	}
	
	#navigation ul.submain li a, #navigation ul.sublast li a {
		color			: #007cc2;
		font-weight		: normal;
		text-decoration	: none;
		text-align : left;
	}
	
	#navigation ul.submain li a:hover, #navigation ul.sublast li a:hover{
		color			: #007cc2;
		font-weight		: normal;
		text-decoration	: underline;
	}
	
	#footer ul.main li a {
		color			: #666;
		font-weight		: normal;
		text-decoration	: none;
	}
	
	#footer ul.main li a:hover {
		color			: #666;
		font-weight		: normal;
		text-decoration	: underline;
	}
	
	#footer ul.main li a.active {
		text-decoration	: underline;
	}
	
	ul.list li a, #blok_patienten ul li a, #blok_artsen ul li a {
		color			: #666;
		font-weight		: normal;
		text-decoration	: none;
	}
	
	ul.list li a:hover, #blok_patienten ul li a:hover, #blok_artsen ul li a:hover {
		color			: #666;
		font-weight		: normal;
		text-decoration	: underline;
	}
	
/* Lists and Navigation */

ul { }

	#navigation ul.main { }
	
		#navigation ul.main li {
			display				: block;
			float				: left;
			height				: 20px;
			padding				: 10px 27px;
			background			: transparent url('../_images/nav_spacer.png') no-repeat top right;
		}
		
		* html #navigation ul.main li {
					background	: none;
					filter		: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beheer.abovo.nl/stat/public_html/_images/nav_spacer.png', sizingMethod='crop');
				}
				
		#navigation ul.main li.last {
			background			: transparent;
		}
		
	#navigation ul.submain, #navigation ul.sublast {
		visibility			: hidden;
		position			: absolute;
		border				: 2px solid #007cc3;
		border-top			: 0;
		background-color	: #fff;
		padding				: 0px;
		margin				: 0px 0 0 0;
		_margin				: 0px 0 0 0;
		text-align			: left;
	}
		* html #navigation ul.submain, * html #navigation ul.sublast {	
			margin			: -2px 0 0 0;
			width			: 130px;		
		}

	#navigation ul.submain li.submain, #navigation ul.sublast li.submain, #navigation ul.sublast li.sublast {
		display				: block;
		float				: none;
		padding				: 8px 25px 0 10px;
		background			: none;
	}

		* html #navigation ul.submain li.submain {			
		}

	#navigation ul.submain li.last, #navigation ul.sublast li.last {

		padding-bottom		: 8px;
	} 
		
	#content ul {
		margin	: 10px 0 10px 25px;		
	}
	
	#content ul li {
		list-style-type	: disc;
	}
	
	#footer ul.main {
		margin				: 0 0 3px 0;
		padding				: 0;
	}
	
		#footer ul.main li {
			list-style-type		: none;
			display				: inline;
			height				: 27px;
			text-align			: center;
			padding				: 0 10px;
			border-right		: 1px solid #999;
		}
		
		#footer ul.main li.last {
			list-style-type		: none;
			display				: inline;
			height				: 27px;
			text-align			: center;
			padding				: 0 10px;
			border-right		: 0;
		}
		
		#footer ul.main li.active {
			background			: transparent url('../_images/mouseover.png') repeat-x right ;

		}
		
		
	ul.list, #blok_patienten ul, #blok_artsen ul {
		margin				: 10px 0 0 0;
		padding				: 0;
	}
	
		ul.list li, #blok_patienten ul li, #blok_artsen ul li {
			margin-left			: 20px;
			padding				: 0;
			list-style-image	: url('../_images/list_image.png');
		}
		
/* Overige */

div.dotted {
	height		: 3px;
	background 	: transparent url('../_images/hr_dotted.gif') top left;
	border		: 0;
	padding		: 0;
	margin		: 3px 0 3px 0;
	font-size	: 1px;
}	
div.dotted_blue {
	height		: 3px;
	background 	: transparent url('../_images/hr_dotted_blue.gif') top left;
	border		: 0;
	padding		: 0;
	margin		: 3px 0 3px 0;
	font-size	: 1px;
}	  

form {
	margin		: 10px 0;
	padding		: 0;
	line-height	: 20px;
}

input, texarea, select {
	padding		: 3px;
	font		: normal 12px "Arial", "Verdana", sans-serif;
	color		: #666;	
	border		: 1px solid #027dc1;
}