/*
	CSS Document
	Designed for Radiotherapiegroningen.nl
	Base: Lay-out
	By: Riaan Los - www.riaanlos.nl
*/

* { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }

BODY {
	background-color:#ecebf4;
}
IMG.clearImage {
	border:none;
	padding:0px;
	margin:0px;
}

DIV#container {
	margin:0px auto;
	width:772px;
	position:relative;
	top:17px;
	background-image:url(../img/bgMain.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
DIV#containerHeightFix { float:left; height:auto !important; height:580px; min-height:580px; }
	DIV#headerLeft {
		width:509px;
		height:173px;
		background-image:url(../img/headerLeft.gif);
		background-position:left top;
		background-repeat:no-repeat;
		position:relative;
		float:left;
	}
		DIV#headerButtons { position:absolute; bottom:5px; left:13px; font-weight:normal; color:#ffffff; z-index: 999; }
		A.headerButtons,A.headerButtons:link,A.headerButtons:active,A.headerButtons:visited {
			color:#FFFFFF;
			text-decoration:none;
		}
		A.headerButtons:hover {
			color:#6e7db7;
			text-decoration:none;
		}
	DIV#headerRight {
		width:263px;
		height:173px;
		background-image:url(../img/headerRight.gif);
		background-position:left top;
		background-repeat:no-repeat;
		position:relative;
		float:left;
	}
		DIV#headerImage {
			width:187px;
			height:104px;
			position:absolute;
			top:19px;
			left:2px; 
		} 
	
	DIV#main { 
	float:right; 
	width:568px !important; 
	width:568px; 
	margin-right:30px !important; 
	margin-right:15px; }
	
	DIV#navigationContainer {
		clear:left;
		width:171px;
		background-image:url(../img/bgNavigation.gif);
		background-position:left top;
		background-repeat:repeat-y;
		position:relative;
	}
		
		#navigation {
			margin:0 0 0 1px;
		}
		#navigation li {
			list-style-type: none;
		}
		LI.closed A.nav, LI.open A.nav, LI.open A.actief, LI.open A.leeg { display: block; width:141px; text-decoration: none; font-size:11px; font-weight:bold; color:#003183; padding:5px 10px 7px 5px; border-left: 5px solid white; }
		LI.closed A.nav:hover, LI.open A.nav:hover {
			background-color: #d9d9d9;
			color:#ff7d00;
		}
		LI.open A.nav { background-color:#d9d9d9; color:#ff7d00; }
			LI.closed UL A.nav, LI.open UL A.nav, LI.open UL A.actief, LI.open UL A.leeg, .open UL A.nav:hover { background-color:#d9d9d9; font-size:9px; color:#000000; font-weight: normal; width:136px; padding:5px 10px 7px; margin:0; }
LI.open UL A.actief { color: #ff7d00; font-size: 9px; font-weight: bold; background-color: #d9d9d9; margin: 0; padding: 5px 10px 7px; width: 136px; }
LI.open UL A.leeg { color: gray; font-size: 9px; background-color: #d9d9d9; margin: 0; padding: 5px 10px 7px 15px; width: 136px; }
LI.open UL A.nav:hover { color:#ff7d00; }
		DIV.menuHR {
			background-color:#ffffff;
			width:157px;
			height:1px;
			line-height:0;
			font-size:0;
			margin:0 0 0 4px;
		}
		DIV#navigationBottom {
			width:171px;
			height:10px;
			background-image:url(../img/navigationBottom.gif);
			background-position:left top;
			background-repeat:repeat-y;
			font-size:0;
		}
	DIV#search {
		width:171px;
		height:29px;
		background-image:url(../img/bgSearch.gif);
		background-position:left top;
		background-repeat:no-repeat;
		position:relative;
		/* margin-bottom:50px; */
	}
#merkje IMG { margin-left: 0; border-style: solid; border-width: 0; }
INPUT.search {
			position:absolute;
			top:6px;
			left:16px;
			border:none;
			background-color:#ffffff;
			width:103px;
			height:14px;
			line-height:13px;
			color:#003183;
			letter-spacing:1px;
			font-size:9px;
		}
		IMG.searchButton {
			position:absolute;
			top:4px;
			left:124px;
		}
	
DIV#footer { width:772px; height:22px; margin:0 auto; background-image:url(../img/bgFooter.gif); background-position:left top; background-repeat:repeat-x; clear:both; position:relative; top:0; font-size:9px; text-align:center; line-height:22px; }
	DIV#umcg {
		width:131px;
		height:64px;
		position:absolute;
		top:-65px;
		left:15px;
		z-index:2;
	}
	DIV#footerLeft {
		width:16px;
		height:22px;
		background-image:url(../img/footerLeft.gif);
		background-position:top left;
		background-repeat:no-repeat;
		position:absolute;
		bottom:0px;
		left:0px;
	}
	DIV#footerRight {
		width:23px;
		height:22px;
		background-image:url(../img/footerRight.gif);
		background-position:top left;
		background-repeat:no-repeat;
		position:absolute;
		bottom:0px;
		right:0px;
	}