/* CSS document */

/*
LATER ADDED BY PJ, FOR ADMIN LAYOUT 

*/



/* DROP DOWN MENU CSS */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;	
}
ul.dropdown {
	width: 310px;
	background-image: none;
	z-index: 5;
}
ul.dropdown li {
	float: left;
	border-top: 0px;
}

ul.dropdown li.top {
	width: 309px;
	height: 5px;
	display: block;
	padding: 0px;
	margin: 0px;
	margin-top: -1px;
	border-left: 1px solid #bababa;
	background-image: none;
	position: relative;
}
	ul.dropdown li.top div.corner {
		width: 5px;
		height: 5px;
		background-image: url(../../images/submenucorner_tr.png);
		position: absolute;
		top: 0px;
		right: 0px;
	}
	ul.dropdown li.top div.border {
		width: 165px;
		height: 5px;
		margin-left: 139px;
		background-image: url(../../images/submenuborder_top.png)
	}
	div.menu ul li.big ul.dropdown li.top div.border {
		width: 140px;
		margin-left: 164px;
	}
ul.dropdown li.spacer {
	width: 308px;
	height: 10px;
	display: block;
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #bababa;
	border-right: 1px solid #bababa;
	border-top: 0px;
	border-bottom: 0px;
	background-color: #ffffff;
	background-image: none;
}
ul.dropdown li.bottom {
	width: 300px;
	height: 4px;
	display: block;
	margin: 0px 5px 0px 5px;
	background-color: #ffffff;
	background-image: none;
	border-bottom: 1px solid #bababa;
	position: relative;
}
	ul.dropdown li.bottom div.cornerbl {
		width: 5px;
		height: 5px;
		position: absolute;
		top: 0px;
		left: -5px;
		background-image: url(../../images/submenucorner_bl.png);

	}
	ul.dropdown li.bottom div.cornerbr {
		width: 5px;
		height: 5px;
		position: absolute;
		top: 0px;
		right: -5px;
		background-image: url(../../images/submenucorner_br.png);

	}
ul.dropdown li.submenuitem {
	width:288px;
	height: 14px;
	display: block;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
	color: #96adbf;
	border-left: 1px solid #bababa;
	border-right: 1px solid #bababa;
	margin: 0px;
	background-color: #ffffff;
	background-image: none;
}
ul.dropdown li.submenuitem :hover{
	text-decoration: none;
}
a.submenulink {
	font-weight: normal;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
	color: #96adbf;
}
a.submenulink:hover {
	height: 14px;
	color: #666666;
	background-image: none;
	text-decoration: underline;
}

ul.dropdown li.top:hover {
	background-image: none;
	height: 5px;
}
ul.dropdown li.spacer:hover {
	background-image: none;
	height: 10px;
}
ul.dropdown li.bottom:hover {
	background-image: none;
	height: 4px;
}
ul.dropdown li.submenuitem:hover {
	height: 14px;
	color: #666666;
	background-image: none;
	text-decoration: underline;
}
div.menu ul li ul {
	position: absolute;
	width: 120px;
	left: -3000px;
	top: 30px;
	z-index: 2;
}
div.menu ul li#active ul {
	top: 31px;
}

/*#nav li:hover ul, #nav li.ie_does_hover ul {
	left: 0px;
	background-position: 0 0;
}

/* END DROPDOWN CSS */

a img {
	border:none;
}
th {
	text-align:left;
}
div.admin_contentarea {
	background-color:#EEEEEE;
	padding-left:5px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
}
	div.menucolumn {
		border:1px #CCCCCC solid;
		width: 150px;
		margin: 10px;
		padding: 3px;
		padding-top:15px;
		text-align:center;
		background-color:white;
		float:left;
	}
		div.menucolumn a {
			font-size:12px;
			color:black;
			text-decoration:none;
		}
		div.menucolumn a:hover {
			text-decoration:underline;
		}
		div.menucolumn img {
			border:none;
			width:42px;
			filter:alpha(opacity=60);
			-moz-opacity:.60;
			opacity:.60;
		}
		div.menucolumn img:hover {
			filter:alpha(opacity=100);
			-moz-opacity:1;
			opacity:1;	
		}
	div.contentcolumn {
		float:left;
		margin: 10px;
		padding:20px;
		width:680px;
		background-color:white;
		border:1px #CCCCCC solid;
	}

		div.moduleBox {
			width:200px;
			border: 1px #CCCCCC solid;
			margin-right:24px;
			float:left;
			margin-bottom:20px;
			background-color:#DDDDDD;
		}
			div.moduleBox div.top {
				background-color:white;
				border-bottom:1px #CCCCCC solid;
				padding-left:10px;
				height:60px;
				padding-top:5px;
			}
			div.moduleBox h2 {
				position:relative;
			}
			div.moduleBox span {
				position:relative;
				left:55px;
				top:15px;
			}
			div.moduleBox h2 img {
				position:absolute;
			}
			div.moduleBox div.content {
				height:140px;
			}
				div.moduleBox div.content a {
					text-decoration:none;
					color:black;
				}
				div.moduleBox div.content a:hover {
					text-decoration:underline;
					color:black;
				}
/* END ADDITION BY PJ */

body {
	margin: 0px;
	padding: 0px;
	background-color: #467dcd;
	*background-color: #3b71c7;
	background-image: url(../../images/background.png);
	background-repeat: repeat-x;
}
.site_header {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 0.95em;
  	line-height: 20px;
}

div {
	color: #666666;
}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	color: #6d95ce;
}
h1 {
	font-family: Trebuchet, Trebuchet MS, sans-serif;
	margin-bottom: 10px;
	font-size: 1.5em;
	font-weight: normal;
}
h2 {
	margin: 10px 0px 0px 0px;
	font-size: 1.3em;
	font-weight: normal;
}

p {
	margin: 0px;
	padding: 0px;

}

div.breadcrumbs {
	width: 896px;
	height: 30px;
	margin: 0px auto 0px auto;
	padding: 0px 52px 0px 52px;
	background-color: #b49986;
}
	div.breadcrumbs p {
		width: 896px;
		height: 12px;
		padding: 9px 0px 9px 0px;
		font-size: 12px;
		line-height: 12px;
		color: #ffffff;
	}
		div.breadcrumbs p a {
			color: #ffffff;
			text-decoration:none;
		}
		div.breadcrumbs p a:hover {
			text-decoration:underline;
		}
div.background {
	width: 936px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px 32px 32px 32px;
	background-color: #ffffff;
	position: relative;
}
	div.header {
		width: 936px;
		height: 126px;
		padding: 60px 0px 0px 0px;
		position: relative;
		background-image: url(../../images/header.png);
		background-position: bottom;
		background-repeat: no-repeat;
	}
		div.header div.logo {
			width: 455px;
			height: 75px;
			position: absolute;
			top: 10px;
			background-image: url(../../images/logo.png);
		}
		div.header p {
			position: absolute;
			top: 30px;
			right: 0px;
			font-size: 12px;
			color: #ac8a74;
		}
			div.header p a:link {
				color: #ac8a74;
				text-decoration: underline;
			}
			div.header p a:visited {
				color: #ac8a74;
				text-decoration: underline;
			}
			div.header p a:hover {
				color: #999999;
				text-decoration: underline;
			}
			div.header p a:active {
				color: #ac8a74;
				text-decoration: underline;
			}
	div.menu {
		width: 936px;
		height: 16px;
		border-top: 1px solid #bababa;
		position: relative;
	}
		div.menu ul {
			width: 916px;
			height: 29px;
			margin: 0px;
			padding: 0px;
			position: absolute;
			top: -31px;
			left: 20px;
		}
			div.menu ul li {
				width: 140px;
				height: 29px;
				margin: 1px 5px 0px 0px;
				display: block;
				float: left;
				list-style: none;
				background-image: url(../../images/tab.png);
				font-size: 14px;
				font-weight: bold;
				line-height: 14px;
				text-align: center;
				position: relative;
			}
			div.menu ul li:hover {
				height: 30px;
				background-image: url(../../images/tabhover.png);
			}
			div.menu ul li#active {
				margin-top: 0px;
				padding-top: 2px;
				background-image: url(../../images/tabactive.png);
			}
			div.menu ul li#active:hover {
				height: 29px;
				background-image: url(../../images/tabactive.png);
			}
			div.menu ul li.big {
				width: 165px;
				background-image: url(../../images/tabbig.png);
			}
			div.menu ul li.big:hover {
				height: 30px;
				background-image: url(../../images/tabhoverbig.png);
			}
			div.menu ul li.big#active {
				width: 165px;
				background-image: url(../../images/tabactivebig.png);
			}
			div.menu ul li.big#active:hover {
				height: 29px;
				background-image: url(../../images/tabactivebig.png);
			}
				div.menu ul li.big p {
					width: 165px;
				}
				div.menu ul li.big p.link {
					width: 140px;
				}
				div.menu ul li p {
					width: 140px;
					height: 14px;
					margin: 0px;
					padding: 8px 0px 7px 0px;
					display: block;
					font-size: 14px;
					text-align: center;
				}
					div.menu ul li p a {
						color: #999999;
						text-decoration: none;
					}
					div.menu ul li p a:visited {
						color: #999999;
						text-decoration: none;
					}
					div.menu ul li p a:active {
						color: #999999;
						text-decoration: none;
					}
					div.menu ul li p a:hover {
						color: #999999;
						text-decoration: underline;
					}
				div.menu ul li p.link {
					width: 115px;
					float: left;
				}
				div.menu ul li p.arrow {
					width: 15px;
					height: 10px;
					margin: 0px;
					padding: 0px;
					display: block;
					float: right;
					border-left: 1px solid #cccccc;
					position: absolute;
					right: 7px;
					top: 10px;
					position: relative;
				}
					div.menu ul li p.arrow a {
						width: 13px;
						height: 14px;
						display: block;
						position: absolute;
						top: -2px;
						right: 0px;
						background-image: url(../../images/arrowdown.png);
						text-decoration: none;
					}
					div.menu ul li p.arrow a:hover {
						background-image: url(../../images/arrowdownhover.png);
						text-decoration: none;
					}
		div.menu p {
			margin: 10px 40px 0px 74px;
			font-size: 12px;
			color: #999999;
		}
			div.menu p a {
				color: #999999;
			}
	div.leftcolumn {
		width: 698px;
		float: left;
	}
	div.rightcolumn {
		width: 222px;
		float: right;
		z-index:0;
	}
	div.headtext {
		width: 658px;
		min-height: 74px;
		margin: 16px 0px 20px -32px;
		padding: 0px 20px 0px 52px;
	}
		div.headtext p {
			margin-top: 15px;
		}
	div.flashunit {
		width: 700px;
		margin: 0px 0px 19px 0px;
		overflow: visible;
		position: relative;
		z-index: 0; 
	}
		div.flashunit img {
			border: 0px;
			border-top: 1px solid #c0c0c0;
			border-right: 1px solid #c0c0c0;
			border-bottom: 1px solid #c0c0c0;
		}
	div.subtext {
		width: 658px;
		min-height: 106px;
		margin: 16px 0px 20px -32px;
		padding: 0px 20px 0px 52px;
	}
		div.subtext p {
			margin-top: 20px;
		}
		div.subtextblock {
			width: 339px;
			height: 106px;
			float: left;
		}
			div.subtextblock#left {
				padding-right: 10px;
			}
			div.subtextblock#right {
				padding-left: 10px;
			}
			
	div.blockcontainer#horizontal {
		width: 700px;
		height: 251px;
		clear: both;
	}
		div.blockcontainer#horizontal div.block {
			float: left;
			margin-right: 16px;
		}
		div.blockcontainer#horizontal div.block#last {
			margin-right: 0px;
		}
	div.blockcontainer#admin {
		width: 700px;
		padding-top: 20px;
	}
		div.blockcontainer#admin div.block {
			float: left;
			margin-right:5px;
			margin-bottom:5px;
		}
		div.block {
			width: 222px;
			height: auto;
			font-size: 12px;
		}
			div.block h3 {
				width: 222px;
				height: 23px;
				padding-top: 5px;
				background-image: url(../../images/blockheader.png);
				text-align: center;
				font-size: 14px;
				font-weight: bold;
				color: #999999;
			}
			div.block h3 a {
				color: #999999;
				text-decoration:none;
			}
			div.block h3 a:hover {
				text-decoration:underline;
			}
			div.block img {
				width: 220px;
				height: 98px;
				border-left: 1px solid #c0c0c0;
				border-right: 1px solid #c6c6c6;
			}
			div.block p.content {
				width: 190px;
				height: 72px;
				padding: 10px 15px 10px 15px;
				background-color: #fafafa;
				border-left: 1px solid #c0c0c0;
				border-right: 1px solid #c6c6c6;
			}
			div.block p.content a {
				color: #000000;
				text-decoration:none;
			}
			div.block p.content a:hover {
				text-decoration:underline;
			}
			div.block img {
				border: 1px solid #C0C0C0;
			}
			div.block img:hover {
				border: 1px solid blue;
			}
			div.block p.footer {
				width: 192px;
				height: 33px;
				padding: 0px 15px 0px 15px;
				background-image: url(../../images/blockfooter.png);
			}
	div.photoalbum {
		width: 698px;
		height: auto;
		padding-bottom:20px;
	}
		div.photoalbum div.photoalbumheader {
			width: 698px;
			height: 27px;
			position: relative;
			background-image: url(../../images/paheader.png);
		}
			div.photoalbum div.photoalbumheader div.left {
				width: 10px;
				height: 27px;
				background-image: url(../../images/paheader_left.png);
				position: absolute;
				left: 0px;
				top: 0px;
			}
			div.photoalbum div.photoalbumheader div.right {
				width: 10px;
				height: 27px;
				background-image: url(../../images/paheader_right.png);
				position: absolute;
				right: 0px;
				top: 0px;
			}
			div.photoalbum div.photoalbumheader h3 {
				margin-left: 25px;
				padding: 5px 0px 0px 0px;
				font-size: 14px;
				font-weight: bold;
				color: #ffffff;
			}
		div.photoalbum div.photoalbumcontent {
			width: 686px;
			height: auto;
			padding: 10px 0px 0px 10px;
			border-left: 1px solid #858585;
			border-right: 1px solid #858585;
			background-color: #e8eff9;
		}
			div.photoalbum div.photoalbumcontent div.photocontainer {
				width: 158px;
				height: 138px;
				margin-right: 12px;
				float: left;
				border: 1px solid #878c94;
				background-color: #ffffff;
				margin-bottom:12px;
				text-align:center;
			}
			div.photoalbum div.photoalbumcontent div.photocontainer img {
				width:150px;
				height:110px;
				border:none;
				padding-top:4px;
			}
			div.photoalbum div.photoalbumcontent div.photocontainer#last {
				margin-right: 0px;
			}
			div.photoalbum div.photoalbumcontent div.clear {
				clear: both;
			}
		div.photoalbum div.photoalbumfooter {
			width: 698px;
			height: 9px;
			border-bottom: 1px solid #858585;
			background-color: #e8eff9;
			position: relative;
		}
			div.photoalbum div.photoalbumfooter div.left {
				width: 10px;
				height: 10px;
				background-image: url(../../images/pafooter_left.png);
				position: absolute;
				left: 0px;
				top: 0px;
			}
			div.photoalbum div.photoalbumfooter div.right {
				width: 10px;
				height: 10px;
				background-image: url(../../images/pafooter_right.png);
				position: absolute;
				right: 0px;
				top: 0px;
			}
	div.buttoncontainer {
		width: 222px;
		height: 74px;
		position: relative;
		margin: 16px 0px 20px 0px;
	}
		div.button {
			width: 222px;
			height: 60px;
			padding: 14px 3px 4px 0px;
			position: absolute;
			top: 0px;
			left: 0px;
			background-image: url(../../images/button.png);
			text-align: center;
			font-family: Trebuchet, Trebuchet MS, sans-serif;
			font-weight: bold;
			color: #ffffff;
		}
		div.button:hover {
			filter:alpha(opacity=80);
			-moz-opacity:.80;
			opacity:.80;
		}
			div.button p.big {
				font-size: 24px;
			}
			div.button a {
				color:#FFFFFF;
				text-decoration:none;
			}
			div.button a:hover {
				text-decoration:underline;
			}	
	div.submenu {
		margin: 0px 0px 15px 0px;
		width: 222px;
		height: auto;
		background-color: #f1f1f1;
	}
		div.submenu h3 {
			width: 222px;
			height: 23px;
			padding-top: 5px;
			background-image: url(../../images/blockheader.png);
			text-align: center;
			font-size: 14px;
			font-weight: bold;
			color: #999999;
		}
		div.submenu div.top {
			width: 220px;
			height: 20px;
			background-image: url(../../images/submenutop.png);
		}
		div.submenu div.content {
			width: 220px;
			min-height:400px;
			border-left: 1px solid #c0c0c0;
			border-right: 1px solid #c6c6c6;
			background-color: #f1f1f1;
			position: relative;
		}

			div.submenu div.content ul {
				width: 174px;
				height: auto;
				margin: 0px 8px 0px 6px;
				padding: 0px 16px 0px 16px;
				background-color:#ffffff;
			}
				div.submenu div.content ul li {
					width: 174px;
					height: 23px;
					border-bottom: 1px solid #c0c0c0;
					list-style: none;
					font-size: 12px;
				}
				div.submenu div.content ul li#last {
					border-bottom: 0px;
				}
					div.submenu div.content ul li a {
						width: 149px;
						height: 19px;
						display: block;
						padding: 4px 0px 0px 25px;
						font-weight: bold;
						text-decoration: none;
						color: #666666;
						position: relative;
					}
						div.submenu div.content ul li a b {
							position: absolute;
							left: 10px;
							font-size: 14px;
							font-weight: normal;
							color: #999999;
						}
						div.submenu div.content ul li a img {
							position: absolute;
							right: 0px;
							bottom: 5px;
							border: 0px;
						}
		div.submenu div.bottom {
			width: 220px;
			height: 20px;
			background-image: url(../../images/submenubottom.png);
		}
		div.submenu p {
			position: relative;
			left: 0px;
			width: 180px;
			height: auto;
			padding: 0px 20px 0px 20px;
		}


		div.submenu div.footer {
			width: 222px;
			height: 20px;
			background-image: url(../../images/submenufooter.png);
		}
	div.footer {
		width: 936px;
		clear: both;
	}
		div.leftcorner {
			width: 20px;
			height: 20px;
			position: absolute;
			bottom: 0px;
			left: 0px;
			background-image: url(../../images/cornerbl.png);
		}
		div.rightcorner {
			width: 20px;
			height: 20px;
			position: absolute;
			bottom: 0px;
			right: 0px;
			background-image: url(../../images/cornerbr.png);
		}

/* ADDED BY RICHARD */ 

div.blueblock {
			padding: 15px;
			background-color: #ECF3FF;
			margin: 15px 0px 0px 0px;
		}

/* Photocontainer in contentblock */ 

div.photo_left {
		width: 320px;
		margin: 0px 10px 0px 0px;
		float: left;
		clear: both;
	}

div.photo_right {
		width: 320px;
		margin: 0px;
		float: left;

		}

div.content_photo_left {
			width: 300px;
			margin: 0px 10px 0px 0px;
			padding: 10px;
			font-size: 10px;
			float: left;
			clear: both;
		}

div.content_photo_right {
			width: 300px;
			padding: 10px;
			font-size: 10px;
			float: left;

		}

img.content {
			margin:	0px 20px 20px -20px;
			border:1px solid #bababa;

		}


blockquote {
			margin-left: 20px;
			padding : 10px 10px 0px 10px;
			background: url(http://www.herniakliniek.nl/newLayout/images/blockquote_bg.png) repeat-x;
			font-size: 14px;
			width: 600px;
			border-style: solid;
			border-width: 1px;
			border-color: #6D95CE;
			min-height:250px;
		}

blockquote h2 {
			text-decoration: underline;
			margin: 10px 20px 20px 25px;
		}

blockquote p {
			margin: 0px 25px 20px 25px;
		}


blockquote ul 	{
			list-style : outside url(http://www.herniakliniek.nl/newLayout/images/vink.gif);
			margin-top: 5px;
		}

blockquote li 	{
			padding: 0px 25px 15px 20px;
		}

div.content_half {
			float: left;
			width: 312px;
			margin: 0px 15px 25px 0px;
		}
div.content_half2 {
			float: left;
			width: 320px;
			margin-right: 15px;
			clear: both;
		}
blockquote img {
			border-style: solid;
			border-width: 1px;
			border-color: #6D95CE;
			margin: 0px 15px 15px 0px;
		}

p cite {
			color: #6D95CE;
			font-style: normal;
		}