/* ============================ */
/* MARIAZIEKENHUIS WEBSITE 2009 */
/* ============================ */
/* 00. RESET			*/
/* 01. GLOBALS			*/
/* 02. LOGO'S			*/
/* 03. QUICKLINKS		*/
/* 04. SEARCH			*/
/* 05. NEWS			*/
/* 06. IMAGE			*/
/* 07. BOXES			*/
/* 08. FOOTER			*/
/* 09. BOXLINKS			*/
/* 10. NAVIGATION		*/
/* 11. CONTENT			*/
/* 12. FOOTER-SMALL		*/
/* 13. CONTENT-BIG		*/
/* 14. RIGHT			*/
/* 15. PARTLINKS		*/
/* ============================ */


/* ============================================================================================ */
/* 00. RESET											*/
/* ============================================================================================ */

html, body, div, 
h1, h2, h3, h4, h5, h6, 
a, p, 
del, em, 
ul, li, 
table, tr, th, td
{
	background: transparent;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

ul
{
	list-style: none;
}

del
{
	text-decoration: line-through;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}


/* ============================================================================================ */
/* 01. GLOBALS											*/
/* ============================================================================================ */

body
{
	background: #bfdffe url('../img/bg.gif') repeat-x;
	color: #003366;
	font-family: Verdana;
	font-size: 10px;
}

div#wrapper
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	width: 890px;
}


/* ============================================================================================ */
/* 02. LOGO'S											*/
/* ============================================================================================ */

h1
{
	background: url('../img/logo.gif') no-repeat;
	display: block;
	height: 100px;
	text-indent: -999999px;
	width: 890px;
}

h2
{
	background: url('../img/logo-dgd.gif') no-repeat;
	display: block;
	height: 100px;
	text-indent: -999999px;
	width: 890px;
}

h3
{
	background: url('../img/logo-dp.gif') no-repeat;
	display: block;
	height: 100px;
	text-indent: -999999px;
	width: 890px;
}

h4
{
	background: url('../img/logo-do.gif') no-repeat;
	display: block;
	height: 100px;
	text-indent: -999999px;
	width: 890px;
}

h5
{
	background: url('../img/logo-db.gif') no-repeat;
	display: block;
	height: 100px;
	text-indent: -999999px;
	width: 890px;
}

h6
{
	background: url('../img/logo-dn.gif') no-repeat;
	display: block;
	height: 100px;
	text-indent: -999999px;
	width: 890px;
}


/* ============================================================================================ */
/* 03. QUICKLINKS										*/
/* ============================================================================================ */

div#quicklinks
{
	background: url('../img/quicklinks.gif') no-repeat;
	float: left;
	height: 40px;
	margin-top: 10px;
	width: 634px;
}

div#quicklinks ul
{
	padding-left: 8px;
}

div#quicklinks li
{
	background: url('../img/quicklinks-divider.gif') no-repeat top right;
	float: left;
	position: relative;
}

div#quicklinks li#last
{
	background: none;
}

div#quicklinks a
{
	color: #ffffff;
	display: block;
	padding-bottom: 14px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 14px;
	text-decoration: none;
}

div#quicklinks a:hover
{
	background: #0070b5;
}


/* ============================================================================================ */
/* 04. SEARCH											*/
/* ============================================================================================ */

div#search
{
	background: url('../img/search.gif') no-repeat;
	float: right;
	height: 40px;
	margin-top: 10px;
	width: 246px;
}

div#search a
{
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

div#search a:hover
{
	color: #c96f00;
}

div#search .textbox
{
	background: none;
	border: none;
	height: 12px;
	margin-left: 38px;
	margin-top: 13px;
	width: 140px;
}

div#search input
{
	color: #003366;
	font-family: Verdana;
	font-size: 1em;
}

/* ============================================================================================ */
/* 05. NEWS											*/
/* ============================================================================================ */

div#news
{
	background: url('../img/news2.gif') no-repeat;
	float: left;
	height: 280px;
	margin-top: 10px;
	width: 340px;
}

div#news a
{
	display: block;
	color: #003366;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	text-decoration: none;
}

div#news a:hover
{
	background: #0070b5;
	color: #ffffff;
}

div#news ul
{
	height: 240px;
	margin-left: 15px;
	margin-top: 35px;
	width: 310px;
}

div#news li
{
	background: url('../img/news-divider.gif') no-repeat bottom left;
	padding-bottom: 10px;
	padding-top: 10px;
}

div#news li.last
{
	background: none;
}


/* ============================================================================================ */
/* 06. IMAGE											*/
/* ============================================================================================ */

div#image
{
	background: no-repeat;
	float: right;
	height:280px;
	margin-top: 10px;
	width:540px;
}

div#picture
{
	width:540px;
	height:280px;
}


/* ============================================================================================ */
/* 07. BOXES											*/
/* ============================================================================================ */

div#box1
{
	background: url('../img/box1.gif') no-repeat;
	cursor: pointer;
	float: left;
	height: 200px;
	margin-right: 11px;
	margin-top: 10px;
	width: 214px;
}

div#box1 a
{
	color: #003366;
	text-decoration: none;
}

div#box1 a:hover
{
	background: #c96f00;
	color: #ffffff;
}

div#box1 ul
{
	margin-left: 12px;
	margin-top: 40px;
	width: 190px;
}

div#box1 li
{
	background: url('../img/bullet-closed.gif') no-repeat left;
	margin-top: 7px;
	padding-left: 15px;
}

div#box2
{
	background: url('../img/box2.gif') no-repeat;
	cursor: pointer;
	float: left;
	height: 200px;
	margin-right: 11px;
	margin-top: 10px;
	width: 214px;
}

div#box2 a
{
	color: #003366;
	text-decoration: none;
}

div#box2 a:hover
{
	background: #693a00;
	color: #ffffff;
}

div#box2 ul
{
	margin-left: 12px;
	margin-top: 40px;
	width: 190px;
}

div#box2 li
{
	background: url('../img/bullet-closed.gif') no-repeat left;
	margin-top: 7px;
	padding-left: 15px;
}

div#box3
{
	background: url('../img/box3.gif') no-repeat;
	cursor: pointer;
	float: left;
	height: 200px;
	margin-right: 12px;
	margin-top: 10px;
	width: 214px;
}

div#box3 a
{
	color: #003366;
	text-decoration: none;
}

div#box3 a:hover
{
	background: #665500;
	color: #ffffff;
}

div#box3 ul
{
	margin-left: 12px;
	margin-top: 40px;
	width: 190px;
}

div#box3 li
{
	background: url('../img/bullet-closed.gif') no-repeat left;
	margin-top: 7px;
	padding-left: 15px;
}

div#box4
{
	background: url('../img/box4.gif') no-repeat;
	cursor: pointer;
	float: left;
	height: 200px;
	margin-top: 10px;
	width: 214px;
}

div#box4 a
{
	color: #003366;
	text-decoration: none;
}

div#box4 a:hover
{
	background: #b58200;
	color: #ffffff;
}

div#box4 ul
{
	margin-left: 12px;
	margin-top: 40px;
	width: 194px;
}

div#box4 li
{
	background: url('../img/bullet-closed.gif') no-repeat left;
	margin-top: 7px;
	padding-left: 15px;
}


/* ============================================================================================ */
/* 08. FOOTER											*/
/* ============================================================================================ */

div#footer
{
	background: url('../img/footer.gif') no-repeat;
	color: #ffffff;
	float: left;
	height: 26px;
	margin-top: 10px;
	width: 890px;
}

div#footer a
{
	color: #ffffff;
	text-decoration: none;
}

div#footer ul
{
	height: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 7px;
}

div#footer li#sitemap
{
	float: left;
}

div#footer li#contact
{
	float: right;
}


/* ============================================================================================ */
/* 09. BOXLINKS											*/
/* ============================================================================================ */

div#boxlinks
{
	background: url('../img/quicklinks.gif') no-repeat;
	float: left;
	height: 40px;
	margin-top: 10px;
	width: 634px;
}

div#boxlinks ul
{
	padding-left: 7px;
}

div#boxlinks li
{
	background: url('../img/quicklinks-divider.gif') no-repeat top right;
	float: left;
	position: relative;
}

div#boxlinks li#last
{
	background: none;
}

div#boxlinks a
{
	color: #ffffff;
	display: block;
	padding-bottom: 14px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 14px;
	text-decoration: none;
}

div#boxlinks li.normal a:hover
{
	background: #0070b5;
}

div#boxlinks li#box1 a:hover
{
	background: #c96f00;
}

div#boxlinks li#box2 a:hover
{
	background: #693a00;
}

div#boxlinks li#box3 a:hover
{
	background: #665500;
}

div#boxlinks li#box4 a:hover
{
	background: #b58200;
}


/* ============================================================================================ */
/* 10. NAVIGATION										*/
/* ============================================================================================ */

div#navigation-box
{
	background: url('../img/nav-bottom.gif') no-repeat bottom left;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 5px;
	width: 276px;
}

div#navigation-box-titel1
{
	background: url('../img/nav1-top.gif') no-repeat;
	height: 40px;
	padding-left: 40px;
}

div#navigation-box-titel2
{
	background: url('../img/nav2-top.gif') no-repeat;
	height: 40px;
	padding-left: 40px;
}

div#navigation-box-titel3
{
	background: url('../img/nav3-top.gif') no-repeat;
	height: 40px;
	padding-left: 40px;
}

div#navigation-box-titel4
{
	background: url('../img/nav4-top.gif') no-repeat;
	height: 40px;
	padding-left: 40px;
}

div#navigation-box-titel5
{
	background: url('../img/nav5-top.gif') no-repeat;
	height: 40px;
	padding-left: 40px;
}

div#navigation-box-titeldgd
{
	background: url('../img/navdgd-top.gif') no-repeat;
	height: 40px;
	padding-left: 40px;
}

div#navigation-box-titeldp
{
	background: url('../img/navdp-top.gif') no-repeat;
	height: 40px;
	padding-left: 40px;
}

div#navigation-box-titeldo
{
	background: url('../img/navdo-top.gif') no-repeat;
	height: 40px;
	padding-left: 40px;
}

div#navigation-box-titeldb
{
	background: url('../img/navdb-top.gif') no-repeat;
	height: 40px;
	padding-left: 40px;
}

div#navigation-box-titeldn
{
	background: url('../img/navdn-top.gif') no-repeat;
	height: 40px;
	padding-left: 40px;
}


div#navigation
{
	background: url('../img/nav-content.gif') repeat-y top left;
}

div#navigation a
{
	color: #003366;
	text-decoration: none;
}

div#navigation ul.tree
{
	padding-bottom: 10px;
	width: 260px;
}

div#navigation ul.tree li
{
	list-style: none;
	margin-left: 15px;
	text-indent: -15px;
}

div#navigation ul.tree, ul.tree ul , ul.tree li
{
	padding-left: 8px;
}

div#navigation ul.tree li .bullet
{
	padding-left: 10px;
}

div#navigation ul.tree li.liOpen .bullet
{
	background: url('../img/bullet-open.gif') no-repeat left center;
	cursor: pointer;
}

div#navigation ul.tree li.liClosed .bullet
{
	background: url('../img/bullet-closed.gif') no-repeat left center;
	cursor: pointer;
}

div#navigation ul.tree li.liBullet .bullet
{
	background: url('../img/bullet.gif') no-repeat left center;
	cursor: default;
}

div#navigation ul.tree li.liOpen ul
{
	display: block;
}

div#navigation ul.tree li.liClosed ul
{
	display: none;
}

div#navigation ul.tree .selected
{
	font-weight: bold;
}

div#navigation ul.tree .deselected
{
	font-weight: normal;
}


/* ============================================================================================ */
/* 11. CONTENT											*/
/* ============================================================================================ */

div#content-box
{
	background: url('../img/content-bottom.gif') no-repeat bottom left;
	float: right;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 605px;
}

div#content-box-titel
{
	background: url('../img/content-top.gif') no-repeat;
	height: 10px;
	padding-left: 10px;
}

div#content
{
	background: url('../img/content-content.gif') repeat-y top left;
	margin-top: -2px;
	padding-left: 10px;
	padding-right: 10px;
}


/* ============================================================================================ */
/* 12. FOOTER-SMALL										*/
/* ============================================================================================ */

div#footer-small
{
	background: url('../img/footer-small.gif') no-repeat;
	color: #ffffff;
	float: right;
	height: 26px;
	margin-top: 10px;
	width: 605px;
}

div#footer-small a
{
	color: #ffffff;
	text-decoration: none;
}

div#footer-small ul
{
	height: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 7px;
}

div#footer-small li#sitemap
{
	float: left;
}

div#footer-small li#contact
{
	float: right;
}


/* ============================================================================================ */
/* 13. CONTENT-BIG										*/
/* ============================================================================================ */

div#content-big-box
{
	background: url('../img/content-big-bottom.gif') no-repeat bottom left;
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 890px;
}

div#content-big-box-titel
{
	background: url('../img/content-big-top.gif') no-repeat;
	height: 10px;
	padding-left: 10px;
}

div#content-big
{
	background: url('../img/content-big-content.gif') repeat-y top left;
	margin-top: -2px;
	padding-left: 10px;
	padding-right: 10px;
}

div#content-big a
{
	color: #003366;
	text-decoration: none;
}

div#content-big .text-title
{
	color: #003366;
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

div#content-big ul.tree
{
	margin-top: 10px;
	width: 800px;
}

div#content-big ul.tree li
{
	list-style: none;
	margin-left: 15px;
	text-indent: -15px;
}

div#content-big ul.tree, ul.tree ul , ul.tree li
{
	padding-left: 8px;
}

div#content-big ul.tree li .bullet
{
	padding-left: 10px;
}

div#content-big ul.tree li.liOpen .bullet
{
	background: url('../img/bullet-open.gif') no-repeat left center;
	cursor: pointer;
}

div#content-big ul.tree li.liClosed .bullet
{
	background: url('../img/bullet-closed.gif') no-repeat left center;
	cursor: pointer;
}

div#content-big ul.tree li.liBullet .bullet
{
	background: url('../img/bullet.gif') no-repeat left center;
	cursor: default;
}

div#content-big ul.tree li.liOpen ul
{
	display: block;
}

div#content-big ul.tree li.liClosed ul
{
	display: none;
}

div#content-big ul.tree .selected
{
	font-weight: bold;
}

div#content-big ul.tree .deselected
{
	font-weight: normal;
}

div#content-big .list
{
	font-weight: bold;
}

div#content-big .list a
{
	text-decoration: underline;
}


/* ============================================================================================ */
/* 14. RIGHT											*/
/* ============================================================================================ */

div#right
{
	background: url('../img/right.gif') no-repeat;
	float: right;
	height: 40px;
	margin-top: 10px;
	width: 246px;
}

div#right select
{
	color: #003366;
	font-family: Verdana;
	font-size: 1em;
	margin-left: 40px;
	margin-top: 12px;
}

/* ============================================================================================ */
/* 15. PARTLINKS										*/
/* ============================================================================================ */

div#partlinks
{
	background: url('../img/quicklinks.gif') no-repeat;
	float: left;
	height: 40px;
	margin-top: 10px;
	width: 634px;
}

div#partlinks ul
{
	padding-left: 8px;
}

div#partlinks li
{
	background: url('../img/quicklinks-divider.gif') no-repeat top right;
	float: left;
	position: relative;
}

div#partlinks li#last
{
	background: none;
}

div#partlinks a
{
	color: #ffffff;
	display: block;
	padding-bottom: 14px;
	padding-left: 37px;
	padding-right: 37px;
	padding-top: 14px;
	text-decoration: none;
}

div#partlinks a:hover
{
	background: #0070b5;
}