/* 
===================================================
RESET
===================================================
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; /* font-weight: inherit; font-style: inherit; font-family: inherit; */ font-size: 100%; vertical-align: baseline}

:focus {outline: 0}
body {line-height: 1; color: #000; background: #FFF}
ol, ul {list-style: none}

table {border-collapse: separate; border-spacing: 0}
caption, th, td {font-weight: normal}
blockquote:before, blockquote:after, 
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* ============== General
*/

h1,h2,h3,h4,h5,h6 {padding:1px 0; margin:0 0 5px 0; font-weight:normal}
h1	{font-size: 17px; font-weight:bold}
h2	{font-size: 19px}
h3	{font-size: 17.5px; font-weight:bold}					
h4	{font-size: 1.1em; font-weight:bold}
h5	{font-size: 1.0em; font-weight:bold}
h6	{font-size: 0.8em}

p  {margin-bottom:10px}
strong  {font-weight:bold}
img	{border:0}
.hr {border-top:1px solid #ccc; margin:10px 0}
.hr2 {height:2px; margin:10px 0; background:url(../media/hr2.gif) repeat-x;}

ul {margin:0 0 0 25px}
ol {margin:0 0 0 30px}

/* ============== Body 
*/

body {background-color:#d5e6ff; font:0.75em arial; color:#000; padding:0px}
#container-wrap {position:relative; width:960px; margin:0 auto; z-index:100000}

#container {position:relative; width:100%; background-repeat: no-repeat; background-position: center 80px}
	#window {background:transparent url(../media/images/bg_portal2.png) no-repeat center 0px;}
	#content {height:470px; position:relative; width:960px; margin:0 auto; padding:20px 0 40px 0}

/* ============== Layout header 
*/

#header {position:absolute; top:0; left:0; z-index:100}
	#logo {position:relative; float:left; margin:10px 0 0 0; z-index:100}

#header-nav {float:left; width:640px; text-align:right}
	#header-nav ul {margin:32px 0}
	#header-nav li, #header-nav input, .searchbutton {display:inline}
	#header-nav li div {display:inline; margin:0; padding:0}
	#header-nav input {border:0; width:115px; height:19px; margin:0; padding:2px 4px}
	#header-nav li {padding:0; border-right:1px solid #ccc; padding:0 10px}

	#header-nav li a:link, #header-nav li a:visited {color:#215cb8; text-decoration:none}
	#header-nav li a:hover, #header-nav li a:active {color:#215cb8; text-decoration:underline}

#header-nav .searchbutton {border:0;  display:inline-block; text-align:center; background:url(../media/btn_zoeken.gif) no-repeat; width:62px; height:22px; padding:0 4px 4px 2px; color:#FFF; cursor:pointer; font:bold 12px arial}
	#header-nav .searchbutton:hover {background-position: 0 -24px;}
	#header-nav .searchterms {border:0px; background:url(../media/bg_searchbox.gif) no-repeat; }


#header-nav ul #fontSizer {border:0; margin:0; padding:0}
	#header-nav ul #fontSizer a:link, #header-nav ul #fontSizer a:visited {margin:0 3px}
	.smallFont {font:13px arial}
	.medFont {font:16px arial}
	.largeFont {font:22px arial}
	#header-nav ul .last {border:0px}

/* ============== Layout portal
*/

#portal-content {width:960px; margin:20px auto 0 auto}
#portal-contentleft {position:relative; float:left; width:300px; margin:0 8px 0 0; padding:0}

	.portal-rotator {/* background:#FFF url(../media/bg_imgblockportal_solid.png) no-repeat;*/ position:relative; margin:0 0 16px 0; height:84px;}
	.listticker_bg {background:#FFF; padding:20px; height:42px; border:1px solid #ccd4de;}
	.bannerimg {/* width:269px; height:28px;*/ width:277px; height:87px;  padding:30px 5px 20px 20px}

#listticker {position:absolute; /*top:3px; left:3px; width:294px; height:80px;*/ width:302px; height:87px; overflow:hidden;  margin:0; padding:0;}
	#listticker .btn-01 {float:right; color:#FFF; font-weight:bold}
#listticker_rotate {position:absolute; /*top:3px; left:3px; width:294px; height:79px;*/ width:302px; height:87px; overflow:hidden; margin:0; padding:0;}
	#listticker_rotate .btn-01 {float:right; color:#FFF; font-weight:bold; margin:10px 0 0 0}
	
#portal-contentmid {position:relative; float:left; width:318px; margin:0 8px 0 0; padding:0}
	.cornerBox {background:#FFF; border: 2px solid #ccd5de; color: #000; width:293px; margin:0 0 0 20px; padding:0; z-index:10}
	.cornerBox ul {margin:0; padding:0}
	
#portal-contentright {position:relative; float:left; width:322px}
	.cornerBox2 {color: #3d3d3d; width:293px; margin:0 0 0 20px; padding:0; z-index:10}
	.cornerBox2 h3 {font:bold 1.1em verdana; padding:10px 0 0 10px}
	#portal-contentright .box320-map .cornerBox2 p {font:bold 1.1em arial}
	.cornerBox2 ul {margin:0; padding:5px 0 0 30px}
	.cornerBox2 li {background:url(../media/bullet_01.png) no-repeat; margin:0; padding:0 0 0 15px; line-height:20px}
	#gratisparkeren {position:absolute; top:60px; left:240px; background:url(../media/_gratisparkeren.png) no-repeat; width:82px; height:82px; text-indent:-2000px; z-index:100;}

	.cornerBox li a:link, .cornerBox li  a:visited,
	.cornerBox2 li a:link, .cornerBox2 li  a:visited {color:#215cb8; text-decoration:none}
	.cornerBox li a:hover, .cornerBox li  a:active,
	.cornerBox2 li a:hover, .cornerBox2 li  a:active {color:#215cb8; text-decoration:underline}

	#contain-banner a, #listticker a {float:right; margin:10px 0 0 0; z-index:100; color:#FFF}
	a.btn-01 {background: transparent url(../media/btn_right.png) no-repeat scroll top right; display: block; float: left; height: 27px; margin-right: 6px; padding:0 9px 0 0; color:#FFF; text-decoration:none}
	a.btn-01 span {background: transparent url(../media/btn_left.png) no-repeat; display: block; line-height: 27px; padding:0 0 0 9px}
	a.btn-01:hover {background: transparent url(../media/btn_right.png) no-repeat scroll right -28px; display: block; float: left; height: 32px; margin-right: 6px; padding:0 9px 0 0; color:#FFF}
	a.btn-01:hover span {background: transparent url(../media/btn_left.png) left -28px; display: block; line-height: 27px; padding:0 0 0 9px}

/* ============== Speech bubbles
*/

/* Portal Speech Bubbles */
/* div#sb-set-01 {display: none;} */
div#sb-set-02 {display: none;}
div#sb-set-03 {display: none;}
div#sb-set-04 {display: none;}
.speech-bubbles div div {display: inline-block; padding:0 11px 0 0; position:absolute; background-color:#fff; font-weight:bold; line-height:1em; background: url(../media/images/speech-right.png) no-repeat top right;}
	.speech-bubbles div span { display:inline-block; padding:7px 10px 25px 20px; background: url(../media/images/speech-left.png) no-repeat top left; }
	.speech-bubbles div a {color:#2c52a3; text-decoration:none; padding:2px 14px 3px 0; background: url(../media/images/speech-link-arrow.gif) no-repeat right;}
	.speech-bubbles div a:hover { text-decoration:underline; }
	.speech-bubbles div span span {padding:0; background:none; color:#215cb8 }

.speech-bubbles .bubble-rechts {background: url(../media/images/speech2-right.png) no-repeat top right!important}
.speech-bubbles .bubble-rechts span {display:inline-block; margin:0 12px 0 0; padding:7px 0 25px 20px; background: url(../media/images/speech2-left.png) no-repeat top left!important}
.speech-bubbles .bubble-rechts span span {display:inline-block; margin:0; padding:0; background:none!important}

.contain-sb {position:absolute; width:640px; height:520px; top:0px; left:50%; margin-left:-180px; z-index:1000 }
.header {background:url(../media/bg_mainnav02.png) no-repeat; padding:10px; width:295px}


#header-01 {background:url(../media/bg_mainnav01_top.png) no-repeat!important; padding:10px; width:295px}
#header-01.ui-state-active {background:url(../media/bg_mainnav02_top.png) no-repeat!important}
#header-01:hover {background:url(../media/bg_mainnav02_top.png) no-repeat!important;}


#header-04 {background:url(../media/bg_mainnav01_bottom.png) no-repeat!important; padding:10px; width:295px}
#header-04:hover {background:url(../media/bg_mainnav02_bottom.png) no-repeat!important;}
#header-04.ui-state-active {background:url(../media/bg_mainnav02_bottom_active.png) no-repeat!important}
#header-04.ui-state-active:hover {background:url(../media/bg_mainnav02_bottom_active.png) no-repeat!important}


#accordion {overflow:hidden; margin-top:125px; width:295px}
	#accordion h3 {cursor:pointer; margin:0; height:29px; padding:2px 0 0px 35px}
	#accordion h3 a, #accordion h3 a:hover {color:#fff; text-decoration:none}

.ui-state-default {background:url(../media/bg_mainnav01.png) no-repeat; border:0!important; color:#1C94C4; font-weight:bold; outline-style:none; outline-width:medium;}
	.ui-state-default:hover {background:url(../media/bg_mainnav02.png) no-repeat}

#accordion div {padding:0!important; background:none!important; margin:0; }
	#accordion div div.inner-content {overflow:hidden; margin:0 0 0 17px; width:268px; padding:5px 15px 5px 5px!important; background:#FFF!important}
	#accordion .inner-content h3 {padding:6px 0 6px 11px}
	#accordion h4 {color:#262626; margin-top:0 }

/* aanpassen van top:xx bij meerdere subitems onder 'zorgpartners op portaal */
.bg_mainnav_bottom { background:url(../media/bg_mainnav_bottom.png) no-repeat; width:295px; height:16px; display:block }
	#accordion #inner-content4 {position:relative; background:none!important; padding:0 18px 0 0!important; width:278px}
	#accordion #inner-content4-main {background:#FFF!important; padding:0 0 0 5px!important; margin:0}
	#accordion #inner-content4-bottom-height {height:16px;}

#accordion ul {margin:0 0 0 11px; padding:0}
	#accordion ul li {background: url(../media/images/accordion-li-bg.gif) no-repeat left 3px; padding:0 0 4px 16px;}
	#accordion ul li a {color:#2b569a; text-decoration:none;}
	#accordion ul li a:hover {color:#2b569a; text-decoration:underline}

/* ============== box
*/

.portalimg {background-repeat:no-repeat; width:302px; height:82px; margin:0 0 15px 0; z-index:-2}
	.portalimg-overlay {background:url(../media/bg_imgblockportal.png) no-repeat; width:302px; height:88px; z-index:1000}

.sub320 {margin:0; background:url(../media/bg_rc320_top.png) no-repeat; width:318px}
	.sub320 .boxheader4 {background:#d5e6ff url(../media/bg_header320.png) repeat-x; width:298px; height:28px;  padding:4px 0 0 20px; color:#FFF}
	.sub320-fixed {margin:0; background:url(../media/bg_rc320_top.png) no-repeat; width:318px; height:172px}
	.sub320-fixed .boxheader4 {background:#d5e6ff url(../media/bg_header320.png) repeat-x; width:298px; height:28px;  padding:4px 0 0 20px; color:#FFF}
	.box320-map {background:url(../media/_plattegrond.jpg) no-repeat 23px 0; width:315px; height:141px; margin:0}
	.box320-map p {margin:0; padding:16px 0 10px 20px; font:1.2em arial}
	.sub320-bottom-map {display:block; margin:0; background:url(../media/bg_rc320_bottom_map.png) no-repeat bottom; height:15px}
	.sub320-bottom {display:block; margin:0; background:url(../media/bg_rc320_bottom.png) no-repeat bottom; height:15px}
	.box320-oddrow {width:292px; margin:0 0 0 20px; padding:5px 4px 5px 3px}

table.zebra3 {border-collapse:collapse; width:100%}
	table.zebra3 td {padding: 4px; vertical-align: top; cursor:pointer}
	table.zebra3 tr.alt td {background: #f0f0f0;}
	table.zebra3 span {font-weight:bold}
	
.zebra3 a:link, .zebra3 a:visited {color:#215cb8; text-decoration:none; padding:0 0 0 5px}
	.zebra3 a:hover, .zebra3 a:active {color:#eb7537; text-decoration:underline}

table.zebra5 {border-collapse:collapse; width:100%}
	table.zebra5 td {background: #f0f0f0; padding: 5px 0px; vertical-align: top; cursor:pointer}
	table.zebra5 tr.alt td {background:#FFF}
	.zebra5 a:link, .zebra5 a:visited {padding:0}
	table.zebra5 th.txtcenter, table.zebra5 td.txtcenter {text-align: center;}
	table.zebra5 span {font-weight:bold; padding: 0 3px;}

	.zebra5 a:link, .zebra5 a:visited {color:#215cb8; text-decoration:none; padding:0 0 0 2px}
	.zebra5 a:hover, .zebra5 a:active {color:#215cb8; text-decoration:underline}

.btn-block {float:right}
	
a.btn-blue {background:url(../media/btn_blueright.gif) no-repeat top right;  display: block; float: left; height: 23px; margin:10px 0; padding:0 19px 0 0; text-decoration:none; color:#215db7; font:bold 12px arial}
	a.btn-blue span {background:url(../media/btn_blueleft.gif) no-repeat; display: block; line-height: 23px; padding:0 0 0 29px}
	a.btn-blue:hover {background:url(../media/btn_blueright.gif) no-repeat bottom right}
	a.btn-blue:hover span {background:url(../media/btn_blueleft.gif) no-repeat bottom left;}

.img-btn {float:right; padding:40px 0 0 0; z-index:10000}

.portalimg a.btn-01 {background: transparent url(../media/btn_right.gif) no-repeat scroll top right; display: block; float: left; height: 27px; margin-right: 6px; padding:0 9px 0 0; color:#FFF; text-decoration:none}
	.portalimg a.btn-01 span {background: transparent url(../media/btn_left.gif) no-repeat; display: block; line-height: 27px; padding:0 0 0 9px}
	.portalimg a.btn-01:hover {background: transparent url(../media/btn_right.gif) no-repeat scroll right -28px; display: block; float: left; height: 32px; margin-right: 6px; padding:0 9px 0 0; color:#FFF}
	.portalimg a.btn-01:hover span {background: transparent url(../media/btn_left.gif) left -28px; display: block; line-height: 27px; padding:0 0 0 9px}

/* ============== Misc
*/

.clearfix:after {content:"."; display:block; height:0px; clear:both; line-height: 0; visibility:hidden}
.clearfix { display:inline-block }
/* Hides from IE-mac \*/
* html .clearfix { height:1% }
.clearfix { display:block }
/* End hide from IE-mac */



#popupIE6box{display:none; }

.positionSMIcons {
float: right;
margin-top: 10px;
margin-left:-15px;
}

.iconFacebook, .iconTwitter, .iconYoutube, .iconHyves  {
width: 16px;
height: 16px;
float: left;
padding-left: 5px;
}













/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */