/****************************
   default.css
   (C) Mangrove 2008
   Default style properties
// 
*****************************/

/* INDELING	
	
	- body / wrapper
	- parent elements
	- header
	- content
		-  primairy
		- secondairy
	- subnav
		- faq
	- footer	
	
*/

/* body / wrapper */
html {
	height: 100%;
}

body {
	height: 100%;
	margin:0;
	padding:0;
	background-image: url(/images/bg_content.gif);
	background-repeat: repeat;
	font: 100%/1em "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 1.38em;
	color: #6d6d6d;
}

body.specialty {
	background-image: none;
	background-color: #FFFFFF;
}

div#container {
	position: relative; 
	margin: 0 auto; 
	height: auto !important; 
	height: 100%; 
	min-height:100%; 
	background-image: url(/images/bg_header.gif);
	background-repeat: repeat-x;
}

div.wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

/* parent elements */
h2, h3, h4, h5, h6 {
	margin: 0 0 0.6em;
	font: 100%/1em "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 1.06em;
	color: #c46389;
	font-style: italic;
	font-weight: bold;
}

h3 {
	color: #6d6d6d;
}

h4 {
	font-size: 0.8em;
}

p{
	font-size: 0.75em;
	margin: 0 0 0.9em;
}

address {
	font-size: 0.7em;
	font-style: normal;
}

a:link, a:visited {
	color: #c46389;
	text-decoration: none;
}

a:hover, a:active {
	color: #c46389;
	text-decoration: underline;
}

img {
	border: 0;
}

img.right {
	float: right;
	margin: 0 0 20px 30px;
}

ul.reset,
ul.reset li,
ul.reset li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.reset li {
	padding: 0;
	margin: 0;
}

ul, ol {
	margin: 0 0 0.9em 1.8em;
	padding: 0;
}

ul li, ol li {
	font-size: 0.75em;
	margin: 0;
}

ul li ul li, ol li ol li {
	font-size: 1em;
}

dl {
	margin: 0;
}

dl dt, dl dd {
	margin: 0;
	font-size: 0.75em;
}

table th, table td {
	text-align: left;
	vertical-align: top;
}

abbr {
	border: 0;
}

hr { 
 	height:0; 
	border:0; 
	border-top: 1px solid #ccc; 
}

div#wrapper {
	position:relative;
	margin: 0 auto;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

div.clear {
	height: 0;
	width: 0;
	clear: both;
}

/* header */
div#header {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	height: 252px;
	position: relative;
}

div#header h1, div#header p {
	margin: 0;
}

div#header h1 {
	display: none;
}

div#header span, div#header p a {
	position: absolute;
	overflow: hidden;
	width: 0;
}

div.above-flash {
	position: absolute;
	z-index: 10;
}

div#header div.logo {
	float: left;
	width: 284px;
	height: 111px;
	margin-left: 28px;
	background-image: url(/images/logo_ordentall_back.gif);
	background-repeat: no-repeat;
	text-align: center;
	overflow: hidden;
}

div#header div.logo img {
	margin-top: 11px;
}

div#header p a {
	top: 0;
	left: 0;
}

div#header p a:active, div#header p a:focus {
	overflow: visible;
	width: auto;
}

div#header ul.menu {
	float: left;
	margin-left: 5px;
	padding-top: 1px;
}

div#header ul.menu li {
	float: left;
	margin-left: 10px;
}

div#header ul.menu li a {
	display: block;
	float: left;
	padding-left: 12px;
	margin-top: 10px;
	line-height: 22px;
	background-image: url(/images/bullits_sprite.gif);
	background-position: left 7px;
	background-repeat: no-repeat;
	font-size: 0.90em;
	text-transform: uppercase;
	color: #6d6d6d;
	font-style: italic;
}

div#header div.search {
	position: absolute;
	right: 0;
	height: 44px;
}

div#header #flash-header, 
div#header #flash-header-home{ 
	position: absolute;
	z-index: 1;
	top: 44px;
}

ul.select_view_patienten, ul.select_view_professionals, ul.select_view_unset {
	clear: both;
	position: absolute;
	top: 219px;
	width: 500px;
	background-repeat: no-repeat;
	margin-left: 23px;
}

ul.select_view_patienten {
    background-image: url(/images/bg_select_view.png); 
}

ul.select_view_professionals {
    background-image: url(/images/bg_select_view2.png); 
}

ul.select_view_unset {
	background-image: url(/images/bg_select_view3.png); 
}

ul.select_view_patienten li, ul.select_view_professionals li, ul.select_view_unset li {
	float: left;
	width: 186px;
	padding-left: 14px;
}

ul.select_view_patienten li a:link, ul.select_view_patienten li a:visited, ul.select_view_professionals li a:link, ul.select_view_professionals li a:visited, ul.select_view_unset li a:link, ul.select_view_unset li a:visited{
	display: block;
	line-height: 33px;
	font-style: italic;
	color: #505050;
}

ul.select_view_patienten li a:hover, ul.select_view_professionals  li a:hover , ul.select_view_unset li a:hover {
	text-decoration: none;
	color: #c46389;
}

ul.select_view_patienten li.active a, ul.select_view_professionals  li.active a, ul.select_view_unset li.active a {
	color: #c46389;
}

/* content */
div#content {
	overflow: hidden;
	padding-bottom: 282px;
}

div#content_home {
	overflow: hidden;
	padding-bottom: 510px;
}

div#content_primary {
	float: left;
	width: 610px;
	padding-top: 43px;
	text-align: left;
	padding-bottom: 30px;
}

div#content_secondary {
	float: right;
	width: 284px;
	padding-top: 22px;
	text-align: left;
	margin-bottom: 40px;
}

/* subnav */

ul.subnav {
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}

ul.subnav li a:link, ul.subnav li a:visited {
	display: block;
	line-height: normal;
	padding: 4px 1.25em 3px 1.25em;
	color: #6d6d6d;
	font-style: italic;
	text-transform: uppercase;
	background-image: url(/images/bg_subnav.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #b3b3b3;
}

ul.subnav li a:hover {
	color: #c46389;
}

ul.subnav li ul {
	background-image: url(/images/bg_subnav_dropdown.gif);
	background-repeat: repeat-y;
	padding: 0.18em 0;
}

ul.subnav li ul li {
	padding-left: 1.25em;
}

ul.subnav li ul li a:link, ul.subnav li ul li a:visited {
	padding: 0 0 0 0.63em;
	background-image: url(/images/bullits_sprite.gif);
	background-repeat: no-repeat;
	background-position: 0 -12px;
	text-transform: none;
	line-height: normal;
	border-bottom: 0;
}

ul.subnav li ul li a:hover {
	background-position: 0 -32px;
}

ul.subnav li ul li ul {
	padding: 0;
}

ul.folder_inactive{
    display:none;
}

ul.folder_active{
    display:block;
}

.folder_active a.link,.pages_active, .pages_active a:link, .pages_active a:visited {
	background: #c46389 !important;
	background-image: none !important;
	color: #fff !important;
}

/* sitenav aanpassing voor faq, aanpassingen zodat subnav hergebruikt kan worden */

ul.list_faq p {
	padding: 0;
	margin: 0;
}

ul.list_faq li ul {
	padding: 10x 0 10px 0;
}

ul.list_faq li.answer {
	display: none;
}

ul.list_faq li.open {
	display: block;
	background-color: #d8d8d8;
	padding: 5px 15px 5px 15px;
	font-size: 1em;
}

/* giga footer */

div#footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	color: #fff;
}

div.footer_specialty_details {
	border-top: 3px solid #c46389;
}

div.specialties {
	clear: both;
}

div.specialties_details {
	clear: both;
	padding-top: 50px;
	background-image: url(/images/bg_content.gif);
	background-repeat: repeat;
}
div.specialty_details {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #c8c8c8;
	background-color: #fff;
	color: #6d6d6d;
}

div.specialty_home {
	clear: both;
	height: 270px;
	overflow: hidden;
	border-top: 1px solid #c8c8c8;
	border-bottom: 3px solid #c46389;
	background-color: #fff;
	color: #6d6d6d;
}

div.specialty_home a:link, div.specialty_home a:visited,
div#footer div.specialty_home a:link, div#footer div.specialty_home a:visited {
	color: #c46389;
	text-decoration: none;
}

div.specialty_home a:hover, div.specialty_home a:active,
div#footer div.specialty_home a:hover, div#footer div.specialty_home a:active {
	color: #c46389;
	text-decoration: underline;
}


div.specialty_image {
	float: left;
	margin: 35px 25px 30px 0;
}

div.specialty_intro {
	width: 295px;
	float: left;
	margin: 30px 0 30px 0px;
	padding-right: 20px;
	min-height: 200px;
	border-right: 1px solid #f4f4f4;
}

div.specialty_information {
	width: 295px;
	float: left;
	min-height: 200px;
	margin: 30px 0 30px 20px;
}

div.specialty {
	clear: both;
	height: 30px;
	border-top: 1px solid #c8c8c8;
	border-bottom: 3px solid #c46389;
	background-color: #fff;
}

div#footer div.spotlights {
	clear: both;
	overflow: hidden;
	background-color: #757474;
}

div#footer div.footer_bottom {
	clear: both;
	overflow: hidden;
	background-color: #757474;
	padding-bottom: 5px;
}

div#footer div.divider {
	border-top: 1px solid #848484;
	padding-top: 5px;
}

div#footer a, div#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

ul.specialities {
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.specialities li {
	float: left;
	margin-right: 1px;
	overflow: hidden;
}

div#footer ul.specialities li a:link, div#footer ul.specialities li a:visited, ul.specialities li a:link, ul.specialities li a:visited {
	position: relative;
	display: block;
	font-size: 0.9em;
	line-height: normal;
	text-transform: uppercase;
	padding: 3px 7px 0px 7px;
	background-image: url(/images/button_pink.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	font-style: italic;
	float: left;
	color: #c46389;
	text-decoration: none;
}

div#footer ul.specialities li a:hover, ul.specialities li a:hover, div#footer ul.specialities li.active a, ul.specialities li.active a {
	background-position: bottom left;
	color: #fff;
}

div#footer ul.specialities li a:hover span, ul.specialities li a:hover span, div#footer ul.specialities li.active a span, ul.specialities li.active a span{
	background-position: bottom right;
}

div#footer ul.specialities li a span, ul.specialities li a span{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	display: inline-block;
	width: 5px;
	height: 18px;
	background-image: url(/images/button_pink.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

div#footer ul.specialities li.active a, ul.specialities li.active a {
	text-decoration: none;
}

div#footer div.spotlight {
	float: left;
	padding: 1px 10px 10px 10px;
	margin-right: 15px;
	overflow: hidden;
}

div#footer div.last {
	margin-right: 0;
}

div#footer div.spotlight h4 {
	margin: 0 -10px 6px -10px;
	color: #fff;
	font-size: 0.75em;
	padding: 2px 0 3px 10px;
	background-image: url(/images/bg_footer_heading.gif);
	line-height: 1.38em;
}

div#footer div.spotlight_1 {
	width: 223px;
}

div#footer div.spotlight_2 {
	width: 196px;
}

div#footer div.spotlight_3 {
	position: relative;
	width: 203px;
}

div#footer div.spotlight_4 {
	width: 203px;
}

div#footer ul.banners {
	float: left;
}

div#footer ul.banners li {
	float: left;
	margin-right: 7px;
	height: 44px;
	width: 44px;
	background: #848484;
}

ul.banners li a:link, ul.banners li a:visited {
	display: block;
	height: 44px;
	width: 44px;
}

div#footer ul.banners li span{
	position: absolute;
	width: 0;
	overflow: hidden;
}

li.aap a:link, li.aap a:visited {background: #848484 url(/images/logo_aap.gif) no-repeat top left;}
li.aap a:hover, li.aap a:active {background: #848484 url(/images/logo_aap.gif) no-repeat bottom left;}
li.hkz a:link, li.hkz a:visited {background: #848484 url(/images/logo_hkz.gif) no-repeat top left;}
li.hkz a:hover, li.hkz a:active {background: #848484 url(/images/logo_hkz.gif) no-repeat bottom left;}
li.nvoi a:link, li.nvoi a:visited {background: #848484 url(/images/logo_nvoi.gif) no-repeat top left;}
li.nvoi a:hover, li.nvoi a:active {background: #848484 url(/images/logo_nvoi.gif) no-repeat bottom left;}
li.nvvp a:link, li.nvvp a:visited {background: #848484 url(/images/logo_nvvp.gif) no-repeat top left;}
li.nvvp a:hover, li.nvvp a:active {background: #848484 url(/images/logo_nvvp.gif) no-repeat bottom left;}

div#footer ul.nav {
	float: right;	
	margin-top: 20px;
}

div#footer ul.nav li {
	float: left;
	margin-left: 10px;
}

div#footer ul.nav li a:link, div#footer ul.nav li a:visited {
	text-decoration: none;
}

div#footer ul.nav li a:hover {
	text-decoration: underline;
}

div#footer div.copyright {
	float: right;	
	margin: 20px 0 0 30px;
	color: #d2d2d2;
	font-style: italic;
}

div#footer div.copyright a:link, div#footer div.copyright a:visited {
	color: #d2d2d2;
	text-decoration: none;
}

div#footer div.copyright a:hover {
	text-decoration: underline;
}

#sitemap ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sitemap li {
	border-bottom: 1px solid #d2d2d2;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: bold;
	font-style: italic;
}

#sitemap li li {
	border: 0;
	padding-left: 30px;
	font-weight: normal;
	font-style: normal;
}