/* 	naam: screen_all.css	geldig voor: alle sites 	versie: 1.0 	datum: 19-09-06	auteur: remco van rijt	www.orbisconcern.nl	- Is van toepassing op browsers != ie7, firefox, opera etc.	- css ie7 is gedefinieerd in screen_ie7.css	- bevat globale definities / positionering	- specifieke kleuren zijn gedefinieerd in de aparte css files per site.*/fieldset.radioButtons{	background: none;	border: 1px solid #eee;	padding: 0;	margin: 0;	width: 90%;	text-align: left;}select{    z-index: 1000;}body {	background-repeat: repeat-x;	background-attachment: scroll;	margin: 0px;	text-align: center;	height: 100%;	}html {	height: 100%;	}div, img {	margin: 0;	padding: 0;	}		/* ----- HACK: OVERSCHAKELEN NAAR TRADITIONELE BOXMODELipv w3c boxmodel om width en height overal hetzelfde te krijgen heeft effect op firefox */div {	font-family: arial,verdana,helvetica,lucida,adobe-helvetica,sans-serif;	-moz-box-sizing: border-box;	box-sizing: border-box;	}	p, ul, ol, li, h1, h2, h3, h4, h5, h6, div, table, tr, td, dt, dd, form {	font-family: arial,verdana,helvetica,lucida,adobe-helvetica,sans-serif;	margin: 0;	padding: 0;	}	.center {	text-align: center;	}.bold {	font-weight: bold;	}#iframe {border: 1px solid red;}	/* ********************* algemene container */		#maindiv {	width: 774px;	min-height:100%;	padding: 0px;	margin-right: auto;	margin-left: auto; 		text-align: left;	border: none;	height: auto;	position: relative;	top: 0px;	background-repeat: repeat-y;	}* html #maindiv {	height:100%;	}/* ********************* logo linksboven met link naar splashpagina */		#logo {	position:absolute; 	top: 22px;	left: 17px;	width: 200px; 		height: 152px;	background-repeat:no-repeat;	background-position: 0% 0px;	border: none;	text-align: left;	z-index: 400;	font-family: arial,verdana,helvetica,lucida,adobe-helvetica,sans-serif;	font-size: 70%;	border-width: 0 1px 0 1px;	border-style: solid;	}#logo ul {	list-style-type: none;	list-style-position: outside;	margin: 132px 15px 0px 25px; 	list-style: none;	}#logo a {	text-decoration: none;	font-weight: bold;	}#printlogo {	display: none;	}/* ********************* de links naar printpagina, english pages, zoeken, etc */			#navtoolsdiv {	width: 100%; 		height: 22px;	border: none;	text-align: right;	z-index: 14;	position: relative;	}.tooldiv {	float: right;	margin-left: 10px;	}.tooltxt, a.tooltxt:link {	text-align: left;	font-family: arial,verdana,helvetica,lucida,adobe-helvetica,sans-serif;	font-size: 11px;	text-decoration: none;	}#searchbox {	width: 90px;	height: 16px;	font-family: arial,verdana,helvetica,lucida,adobe-helvetica,sans-serif;	font-size: 11px;	border-width: 1px;	border-style: solid;	}/* ********************* header met daarin per divisie een aparte visual */			#headerdiv {	width: 100%; 		height: 125px;	border: none;	background-repeat:no-repeat;	background-position: 0 1px;	text-align: left;	z-index: 1;	position: relative;	}#grijskort {	height: 42px;	border-width :1px 0 0 0;	border-style: solid;	}		/* ********************* het dropdown menu */		#mainnavcontainer {	height: 21px;	margin: 4px 0 0 230px;	padding: 0;	bottom: 0;	z-index: 300;	position: relative;	}#nav, #nav ul {	width: 530px;	margin: 0;	padding: 0;	list-style: none;	font-family: arial,verdana,helvetica,lucida,adobe-helvetica,sans-serif;	white-space: nowrap;	vertical-align: middle;	z-index: 400;	}* html #nav, #nav ul {	white-space: normal;	}#nav li {	float: left;	margin-right: 15px;	white-space: normal;	}#nav li a { /* dit is het blokje voor de mainbutton */	font-size: 70%;	font-weight: bold;	display: block;	margin-bottom: 6px;	text-decoration: none;	line-height: 1.4em;	}	 #nav li a:hover {	}#nav li ul { /* het submenu in het dropdownmenu*/	font-weight: normal;	position: absolute;	border-width: 1px 1px 1px 1px;	border-style: solid;	left: -999em;	white-space: normal;	width: 154px;	margin: 5px 0 0 0;	}* html #nav li ul{	margin: 0;	}#nav li ul li {	margin-right: 0px;	}* html #nav li ul li {	margin-right: 0px;	}#nav li ul a {	display: block;	font-size: 75%;	width: 148px;	margin: 0px;	padding: 4px 0px 4px 6px;	text-decoration: none;	font-weight: normal;	border-collapse:collapse;	white-space: normal;	border-width: 1px 0 0 0;	border-style: solid;	}* html #nav li ul a {	width: 154px;	}#nav li ul a:hover {	}#nav li:hover ul, #nav li.sfhover ul { /* dit zorgt ervoor dat de submenu's verschijnen */	left: auto;	}	#nav a:hover {	 visibility:visible;	}	/* ********************* de contentcontainer (bevat subnav, actueel, mainvisual, kruimelpad, content en praktischbox) */	#contentcontainer {	height: auto;	width: 772px; 		text-align: left;	position:relative; 	padding-right: 10px;	z-index: 15;	}* html #contentcontainer {	height: auto;	}/* ********************* container subnavigatie en actueel aan linkerkant */	#subnavdiv {	width: 198px; 		height: auto;	background-color: transparent;	text-align: left;	float: left;	position: relative;	margin-left: 18px;	z-index: 11;	clear: left;	}* html #subnavdiv {	margin-left: 9px;	}	/* *********************  subnavigatie in subnav div aan linkerkant */	#subnav {	height: auto;	display: block;	text-align: left;	position:relative; 	padding: 0;	margin-top: -1px;	bottom: 0px;	z-index: 11;	font-size: 75%;	}.subnavtitel {	height: 20px;	display: block;		padding:4px 4px 4px 15px;	font-size: 100%;	font-weight: bold;	line-height: 20px;	}.subnavtitel a {	text-decoration: none;	}.subnavparenttitel {	height: 25px;	display: block;		padding-left:20px;	font-weight: bold;	line-height: 20px;	background-color: #fff;	color: #ccc;	}.subnavparenttitel a, .subnavparenttitel a:visited  {	text-decoration: none;	color: #ccc;	}		#subnav ul {	margin: 0;	padding: 0;	list-style: none;	white-space: nowrap;	line-height: 120%;	}* html #subnav, #subnav ul {	white-space: normal;	}#subnav li {	float: left;	white-space: normal;	}#subnav li a {	font-weight: bold;	display: block;	width: 168px;	border-width: 0 0 1px 0;	border-style: solid;	text-decoration: none;	padding: 5px 5px 7px 15px;	}* html #subnav li a {	width: 198px;	}#subnav li ul li a {	font-weight: normal;	display: block;	width: 152px;	border-width: 0 0 1px 0;	border-style: solid;	text-decoration: none;	padding: 4px 5px 6px 30px;	}* html #subnav li ul li a {	width: 198px;	}/* *********************  actueel list in subnav aan linkerkant */	#actueel {	height: auto;	display: block;	text-align: left;	position:relative; 	padding: 0;	margin-top: -1px;	bottom: 0px;	z-index: 11;	font-size: 84%;	}.actueeltitel {	height: 20px;	display: block;		padding-left:15px;	font-weight: bold;	line-height: 20px;	}#actueel ul {	margin: 0;	padding: 0;	list-style: none;	white-space: nowrap;	line-height: 140%;	font-size: 80%;	}* html #actueel, #actueel ul {	white-space: normal;	}#actueel li {	float: left;	white-space: normal;	}#actueel li a {	display: block;	width: 168px;	border-width: 0 0 1px 0;	border-style: dashed;	text-decoration: none;	padding: 7px 5px 10px 25px;	background-repeat: no-repeat;	background-position: 5px 8px;	}* html #actueel li a {	width: 198px;	}	#actueel li a:hover {	}	/* ********************* als er een plaatje in subnavdiv aan de linkerkant staat */		#mainvisualdiv {	width: 198px; 		height: 201px;	margin-bottom: 15px;	margin-top: 1px;	position:relative; 	background:none;	z-index: 13;	}#mainvisualdiv img {	margin: 0;	padding: 0;	border-width: 1px 0 1px 0;	border-style: solid;	}	/* *********************  kruimelpad */		#kruimelpad {	padding-top: 5px;	text-align: left;	height: 42px;	vertical-align: top;	font-family: arial,verdana,helvetica,lucida,adobe-helvetica,sans-serif;	font-size: 11px;		}#kruimelpad a {	text-decoration: none;	}	/* ********************* de contentarea */		#content {	width: 532px;	height: auto;	text-align: left;	position:relative; 	z-index: 15;	vertical-align: top;	font-size: 80%;	line-height: 140%;	font-weight: normal;	margin-left: 0px;	float: right;	} #content p {	padding-top: 0px;	padding-bottom: 6px;	font-size: 100%;	}#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {	font-size: 140%;	font-weight: bold;	vertical-align: bottom;	}#content h1 {	padding: 8px 0 8px 0;	font-size: 140%;	line-height: 110%;	}	#content h1.tussen {	padding: 30px 0 6px 0;	font-size: 110%;	text-transform: uppercase;		}	#content h2 {	padding: 0 0 16px 0;	font-size: 130%;	line-height: 110%;	}	#content h3 {	padding: 20px 0 4px 0;	font-size: 120%;	}#content h4 {	padding: 20px 0 4px 0;	font-size: 110%;	}#content h5 {	padding: 18px 0 4px 0;	font-size: 100%;	}#content h6 {	padding: 18px 0 4px 0;	font-size: 90%;	font-weight: normal;	font-style: italic;	}							#content ul {	margin: 2px 0 0 16px;	list-style: outside;	list-style-type: disc;	}#content ul.arrow, {	font-weight: normal;	}	#content ul.categorie {	font-weight: bold;	}	#content ul.categorie li {	padding-bottom: 3px;	}	#content ul.categorie a,#content ul li a.nounderline {	text-decoration: none;	}	li.padding {padding: 0 0 12px 0;}	#content ol {	margin: 2px 0 0 24px;	list-style: outside;	}	#content ol li {	list-style-type: decimal;	}	#content a { 	text-decoration: underline;	}#content a:hover { 	text-decoration: underline;	}	#content a img  { 	border: none;	}	#content .overzicht img.left  { 	float: left;	margin : 4px 8px 2px 0;	border-width: 1px;	border-style: solid;	border-color: black;	}		/* ********************* tabellen in de contentarea */		#content table {	margin: 0px;	padding: 0px;	/* border-width: 1; */	border-style: solid;	/* border-color: #ccc; */	clear: both;		width: 359px;	}#content caption {	font-style: italic;	font-size: 75%;	}#content th { 	font-weight: bold;	font-size: 75%;	padding: 12px 6px 4px 6px;	/* border-width: 0 0 0 0; */	border-style: solid;	text-align: left;	}#content td {	font-size: 75%;	padding: 4px 6px 4px 6px;	/* border-width: 0px 0 0 0; */	border-style: solid;	vertical-align: top;	}#content th.color { 	font-size: 90%;	padding: 12px 6px 12px 6px;	}#content td.color { 	font-weight: bold;	}#content td.paddingbottom { 	padding-bottom: 24px;	}#content .overzicht table {	margin: 0 0 18px 0;	border-width: 0;	}	#content .overzicht th { 	padding: 4px 6px 4px 6px;	border-width: 0 0 1px 0; 	}		#content .overzicht td {	border-width: 0;	}.clear {	clear: both;	}.clearlong {	clear: left;	height: 30px;	}		.headerclass, .headerclassdeep {	padding: 0 0 15px 0;	line-height: 120%;	font-weight: bold;		}.headerclass {	height: auto;	}	#content table.noborder {width: 359px;}#content table.nobordersmall {width: 340px;margin: 0;}#content table.noborder, #content table.noborder th, #content table.noborder tr, #content table.noborder td,#content table.nobordersmall, #content table.nobordersmall th, #content table.nobordersmall tr, #content table.nobordersmall td {	border-width: 0;	border-color: transparent;} #content table.noborder, #content table.noborder tr, #content table.noborder tr td,#content table.nobordersmall, #content table.nobordersmall tr, #content table.nobordersmall tr td {    border: none;	border-color: transparent;}#content tr.thinborder, #content td.thinborder {    border: solid thin;}#content tr.thinborderColor, #content td.thinborderColor {    border: solid thin;    color: red;    font-weight: bold;    font-size: 100%;}	/* *********************  formulieren in de contentarea */		#content form {	width: 359px;	border: none;	background: transparent;	margin-bottom: 18px;	}#content form.fullwidth {	width: 100%;	}		#content form fieldset {	position:relative;	margin: 24px 0 0 0;	padding: 8px 8px 8px 16px;	border: 1px solid ;	}		#content form fieldset p{	margin: 4px 0 0 0;	padding: 4px 0 0 0;	}	#content form fieldset label {	font-weight: bold;	font-size: 90%;	line-height: 160%;	display: block;	margin: 0;	padding: 8px 0 0 0;	}	#content form legend {	position:absolute;	top:-10px;	font-weight: bold;	font-size: 110%;	margin: 0;	padding: 0;	}	/*#content form input { *//*	font-family: courier;  */ /* monospace font om vaste breedte bij bijv. postcodeveld in alle browsers te kunnen garanderen *//*	} */#content form input, #content form select, #content form input.button {	font-family: arial; 	margin-bottom: 4px;	}#content form input.checkbox {	font-family: arial; 	margin-bottom: 0px;	}	#content form fieldset table.noborder, #content form fieldset th.noborder, #content form fieldset td.noborder, #content form fieldset tr.noborder {	margin: 0px;	padding: 0px;	border: none;	clear: both;}/* *********************  foutmeldingsdingen formulier in de contentarea */	#errorDisplay {	background-position: 5px 4px;	background-repeat: no-repeat;	border: 1px;	border-style: solid;	display: none;	padding:5px 0px;	margin-bottom:10px;	width: 359px	}#errorDisplay ul {	list-style-type: disc;	margin-top:0px;	margin-bottom:0px;	padding-left: 35px;	}input.invalid, textarea.invalid, input.invalidBox {	border: 1px;	border-style: solid;	margin: 0.1em !important;	}input.invalid:focus, textarea.invalid:focus, input.invalidBox:focus {	border: 2px;	border-style: solid;	margin: 0 !important;	}input:focus, textarea:focus {	background-image: none;	border: 2px;	border-style: solid;	margin: 0;	}input[type="checkbox"]:focus, input[type="radio"]:focus {	border: 0;	margin: 0.1em;	}.boxes {	/*border: none; */	}.required {	background-position: right 3px;	background-repeat: no-repeat;	}/* *********************  aparte element in de contentarea */			#content #abc,#content .downloads, #content .links, #content .tak, #content .overzicht {	margin: 0px 12px 12px 0;	padding: 12px 12px 12px 6px;	line-height: 140%;	border: 1px solid ;	width: 359px;	}#content .downloads ul li, #content .links ul li, #content .tak ul li, #content .overzicht ul li {	padding: 0 0 6px 0;	margin: 0;	line-height: 120%;	}	#content .downloads ul li {	margin: 0 0 0 6px; /* lijnt ikoontjes goed uit in firefox */	}		* html #content .downloads ul li {	margin: 0;  /* lijnt ikoontjes goed uit in ie */	}	#content .tak ul li.fotoalbum, #content .overzicht ul li.fotoalbum {	margin: 0 0 0 20px; /* lijnt ikoontjes goed uit in firefox */	line-height: 120%;;	}	* html #content .tak ul li.fotoalbum, * html #content .overzicht ul li.fotoalbum {	margin: 0 0 0 12px; /* lijnt ikoontjes goed uit in ie */	}#content .overzicht ul li.nolistitem {	margin: 0 0 0 -14px;}	#content .overzicht h5, #content .overzicht p,#content .overzicht ul {	padding-top: 0;	margin-top: 0;	padding-bottom: 0;	margin-bottom: 0;	}#content .overzicht ul li {	padding-bottom: 6px;	}#content .overzicht p.omschrijving { /* wordt bijvoorbeeld gebruikt op nieuwsbericht */	padding: 18px 0 0 0;	margin: 0;	font-size: 80%;	text-transform: uppercase;	}	#content p.small, .small { /* wordt bijvoorbeeld gebruikt op vacatureoverzicht */	font-size: 85%;	}	#info {	margin: 40px 12px 12px 0;	padding: 6px 12px 6px 22px;	line-height: 120%;	font-size: 85%;	border: 1px solid ;	width: 359px	}	/* *********************  foto-album */					#content .thumbnail {	display: -moz-inline-box;	display: inline-table;	vertical-align: top;	padding: 0 0 8px 0;	margin: 8px 24px 8px 0;	width: 148px;	font-size: 85%;	border: none;	line-height: 120%;	min-height: 70px;	}* html #content .thumbnail {	display: inline-block;	padding: 0 0 0 0;	}/*\*/* html #content .thumbnail {	display: inline;	height: 1px;	}#content .thumbnail img {	padding: 0;	margin: 0 0 0 0;	border: 1px solid ;	}	#content .thumbnail .thumbtekst {	display: block;	margin: 0 0 4px 0;	padding: 0px 4px 4px 4px;	width: 146px;	}#content .thumbnail a, #content .thumbnail a:visited,#content .thumbnail a:hover  {	border: none;	text-decoration: none;	padding: 0;	margin:0;	}	/* *********************  div met kleine foto, wordt oa gebruikt op wie is wie detailpagina */					#content .pict-small {	vertical-align: top;	padding: 0;	margin: 8px 24px 8px 0;	width: 148px;	font-size: 85%;	border: none ;	line-height: 120%;	float: left	}* html #content .pict-small {	display: inline-block;	height: auto;	}#content .pict-small img {	border: 1px solid ;	padding: 0;	margin: 0;	}#content .pict-small .pict-smalltekst {	display: block;	margin: 4px;	padding: 4px ;	width: 138px;	}#content .pict-small a, #content .pict-small a:visited,#content .pict-small a:hover  {	border: none;	text-decoration: none;	}/* 4 december toegoevoegd door erik Steens *//* Wordt gebruikt in toplevel_nieuwsoverzicht en nieuwsbericht */.onderschriftFoto{  font-size: 85%;  font-weight: bold;  font-style: italic;  margin: 0px 0px 20px 0px;  border-top: 1px solid;  border-bottom: 1px solid;}.nieuwsberichtFoto {    float: right;	width: 320px;	margin: 0px 0px 8px 0px;	padding: 0px 0px 0px 8px;}.nieuwsberichtFoto img{    margin: 0;	padding: 0;    border: 1px solid;}.nieuwsberichtFoto p{    margin: 0 0 0 10px;    padding: 0;	font-size: 70%;	font-style: italic;}.nieuwberichtThumbFoto img{    margin: 10px 10px 0px 0px;    float: left;    border: 1px solid;}	/* *********************  a tot z pagina */			#content #abc	{	margin: 10px 12px 20px 0;	padding: 6px 16px 6px 16px;	line-height: 140%;	border: 1px solid ;	width: 359px;	font-weight: bold;	text-align: center;	color: #999;	}#content #abc a, #content #abc a:visited,#content #abc a:hover  {	border: none;	text-decoration: none;	}/* *********************  de boxjes aan rechterkant van scherm */			#praktisch {	width: 150px;	text-align: left;	bottom: 0px;	z-index: 15;	float: right;	font-weight:normal;	margin: 10px 0 20px 20px;	padding: 0;	clear:both;	}#praktisch ul {	margin-top: 6px;	margin-left: 0px;	}/* *********************  - .praktischbox wordt gebruikt voor bovenste box aan rechterkant, heeft een minimumhoogte, alleen tekst. - Overige boxen krijgen .extrabox, zijn in deze css zelfde als .praktischbox, maar biedt   in toekomst mogelijkheid om deze boxen apart te stylen (bijv. geen vaste min-height)- Voor banners en swf de class .mediabox gebruiken.*/			.praktischbox, .extrabox, .mediabox {	width: 100%;	border-width: 1px;	border-style: solid;	margin-bottom: 10px;	background-repeat: repeat-x;	background-position: 0px 0px;	padding: 0 10px 10px 10px;	}* html .praktischbox, * html .extrabox {	/*height: 170px;*/	}.praktischbox, .extrabox {	/*min-height: 140px;*/	}.mediabox {	padding: 0;	}.praktischbox ul, .extrabox ul {	list-style: none;	list-style-position: outside;	padding-left: 17px;	}.praktischbox ul li, .extrabox ul li {	margin: 0;	line-height: 120%;	padding: 0px 0 10px 0;	}#praktisch a, .praktischbox ul li a, .extrabox ul li a {	font-weight: normal;	text-decoration: none;/*	border-width: 0 0 1px 0;	border-style: dashed;*/	}#praktisch a:hover, .praktischbox ul li a:hover, .extrabox ul li a:hover {	/*border-width: 0 0 1px 0;	border-style: solid;*/	text-decoration: none;	}#praktisch .mediabox a, #praktisch .mediabox a:hover {	border: none;	}#praktisch .praktischbox p, #praktisch .extrabox p { 	margin-bottom: 2px;	font-size: 90%;	} #praktisch .praktischbox h4, #praktisch .extrabox h4 { 	margin: 6px 0 4px 0;	font-weight: bold;	font-size: 100%;	padding: 0;	} .praktischbox img a {    text-decoration: none;    font-size: 40%;}.praktischbox img a:hover {    text-decoration: none;    font-size: 40%;}#banner_left{	/*background: url("/furniture/img/banner_left/dagvandezorg.bmp");*/	height: 333px;	width: 160px;	position: absolute;	top: 60px;	left: -170px;	z-index: 5000;}/* *********************  de footer */		#footer {	text-align: left;	font-size: 75%;	line-height: 130%;	width: 772px;	position: relative;	padding: 10px 0px 0px 30px;	margin: 30px 0 0 0;	z-index: 180;	height: 140px;	clear: both;	}#rightfooter {	height: 100px;	width: 550px;	line-height: 130%;	position: absolute;	top: 20px;	left: 235px;	padding: 0px 10px 0px 0px;	float: right;	z-index: 400;	}#rightfooter a, #footer a {	font-weight: normal;	text-decoration: none;	border-width: 0 0 1px 0;	border-style: dashed;	}#rightfooter a:hover, #footer a:hover {	border-width: 0 0 1px 0;	border-style: solid;	}#rightfooter a img, #rightfooter a.noborder, #rightfooter a.noborder:hover  {	border: none;	text-decoration: none;	border-width: 0 ;	}		.back {	font-weight: bold;	font-size: 90%;	line-height: 70px;	}.justForPrint{  /*Toegevoegd door Erik op 3 december 2007    DIV staat beneden op de pagina (in pagefooter.jspf).    Toont disclaimer tekst op print van een pagina */  display: none;}/* *********************  zoeken */	#content ul.search {	margin-top: 12px;	}#content ul.search li {	margin-bottom: 16px;	}	#content p.search-prevnext {	font-weight: bold;	text-align: center;	margin-top: 25px;	}		#content a.search-result  { 	text-decoration: none;	font-weight: bold;	}#content a.search-result:hover  { 	text-decoration: none;	font-weight: bold;	}		#content a.search-url {	font-size:80%;	text-decoration: none;	}#content a.search-url:hover {	text-decoration: none;	}#content a.search-url:visited {	text-decoration: none;	}.search-filesize {    /* gebruik :  toont filegrootte in zoekresultaten */	color:#666;    font-size:80%;	}		#none a	{		text-decoration: none;	}	
