/*  Tags Declaration  */
BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #FEFEFE url("../images/backgrounds/body-bg.jpg") repeat-x left top;
    font-family: Arial;
}
A {text-decoration: none;}
A:HOVER {text-decoration: underline;}
IMG {border: none;}

/*  Page  */
.page {
    margin: auto;
    text-align: left;
    width: 925px;
    padding-top: 100px;
}
.page-shadow-t {
	width: 915px;
	height: 22px;
	float: left;
	background: url("../images/backgrounds/page-shadow-t.png") no-repeat top left;
	font-size: 1px;
	line-height: 0;
}
.page-shadow-b {
	width: 915px;
	height: 53px;
	/*position: relative;
	left: -1px;*/
	float: left;
	background: url("../images/backgrounds/page-shadow-b.png") no-repeat bottom left;
	font-size: 9px;
	line-height: 9px;
}
.page-container {
	width: 915px;
	background-color: #ffffff;
	float: left;
	background: url("../images/backgrounds/page-bg-center.png") repeat-y top center;
}

/*  Header  */
.header {
    float: left;
    width: 100%;
}
.logo {
	float: left;
	margin-top: -72px;
	margin-left: 38px;
	position: relative;
	z-index: 10;
	font-size: 10px;
	line-height: 10px;
	display: inline;
}
.h-right {
	float: right;
	background: url("../images/backgrounds/h-right-bg.gif") repeat-y top left;
	margin-right: 60px;
	display: inline;
	margin-top: 36px;
}
.h-right H3 {
	padding: 0 0 0 16px;
	margin: 0;
	font-size: 9px;
	font-weight: normal;
	line-height: 9px;
	color: #666666;
}
.h-right P {
	padding: 4px 0 0 16px;
	margin: 0;
	color: #666666;
	font-size: 9px;
	line-height: 9px;
}
.h-right A {
	padding: 0px 0 0 0px;
	margin: 0;
	color: #666666;
	font-size: 9px;
	line-height: 9px;
	text-decoration:underline;
}
.h-right A:HOVER {
	padding: 0px 0 0 0px;
	margin: 0;
	color: #666666;
	font-size: 9px;
	line-height: 9px;
	text-decoration:none;
}
.h-right A:VISITED {
	padding: 0px 0 0 0px;
	margin: 0;
	color: #666666;
	font-size: 9px;
	line-height: 9px;
	text-decoration:underline;
}
.bot-ind {padding-bottom: 16px!important;}
.top-nav {
	float: left;
	width: 848px;
	height: 77px;
	background: url("../images/backgrounds/top-nav-bg.jpg") no-repeat top left;
	margin-left: 26px;
	display: inline;
	margin-top: 16px;
	position: relative;
	z-index: 100;
}
.top-nav UL {
	margin: 0;
	padding: 0 0 0 65px;
}
.top-nav LI {
	list-style: none;
	display: inline;
	float: left;
}
.top-nav .l2 {
	position: relative;
	left: 0;
	top: 0;
}
.top-nav A {
	font-size: 12px;
	line-height: 12px;
	color: #666666;
	height: 42px;
	float: left;
	width: 90px;
	padding-right: 16px;
	position: relative;
}
.l1 A {
	background: url("../images/icons/l1-icon.gif") no-repeat center bottom;
	bottom: 2px;
}
.l2 A {
	background: url("../images/icons/l2-icon.gif") no-repeat center bottom;
	bottom: -14px;
	white-space: nowrap;
	left: 0;
}
.l3 A {
	background: url("../images/icons/l3-icon.gif") no-repeat center bottom;
	bottom: -25px;
	left: 0;
}
.l4 A {
	background: url("../images/icons/l4-icon.gif") no-repeat center bottom;
	bottom: -26px;
}
.top-nav LI A:HOVER {text-decoration: none;}
.l1 A:HOVER, .l1 A.selected {
	background: url("../images/icons/l1-icon-active.gif") no-repeat center bottom;
	color: #D8891D;
}
.l2 A:HOVER, .l2 A.selected {
	background: url("../images/icons/l2-icon-active.gif") no-repeat center bottom;
	color: #3466FA;
}
.l3 A:HOVER, .l3 A.selected {
	background: url("../images/icons/l3-icon-active.gif") no-repeat center bottom;
	color: #99CB0C;
}
.l4 A:HOVER, .l4 A.selected {
	background: url("../images/icons/l4-icon-active.gif") no-repeat center bottom;
	color: #CB3335;
}
.submenu {
	display: none;
	padding: 0!important;
	margin: 0!important;
	position: absolute;
	top: 57px;
	left: 0;
	width: 98px;
	background-color: #ffffff!important;
	z-index: 10;
}

.submenu LI {
	list-style: none;
}

.submenu LI A {
	background: none;
	height: 20px!important;
	padding: 2px 12px;
}

.l2:HOVER .submenu {
	display: block;
}

.submenu A:HOVER {background: none;}

/*Content*/
.content {
    float: left;
    width: 100%;
	text-align: center;
	margin-top: 10px;
}
.center-block {
	margin: auto;
	width: 834px;
}
.lt-blue,
.rt-blue,
.rb-blue,
.lb-blue {
	float: left;
	width: 100%;
}
.lt-blue {background: #3366ff url("../images/backgrounds/lt-blue.gif") no-repeat left top;}
.rt-blue {background: url("../images/backgrounds/rt-blue.gif") no-repeat right top;}
.rb-blue {background: url("../images/backgrounds/rb-blue.gif") no-repeat right bottom;}
.lb-blue {
	background: url("../images/backgrounds/lb-blue.gif") no-repeat left bottom;
	padding-bottom: 6px;
}
#groen .lt-blue {background: #99CB0C url("../images/backgrounds/lt-green.gif") no-repeat left top;}
#groen .rt-blue {background: url("../images/backgrounds/rt-green.gif") no-repeat right top;}
#groen .rb-blue {background: url("../images/backgrounds/rb-green.gif") no-repeat right bottom;}
#groen .lb-blue {background: url("../images/backgrounds/lb-green.gif") no-repeat left bottom;}
#oranje .lt-blue {background: #D8891D url("../images/backgrounds/lt-orange.gif") no-repeat left top;}
#oranje .rt-blue {background: url("../images/backgrounds/rt-orange.gif") no-repeat right top;}
#oranje .rb-blue {background: url("../images/backgrounds/rb-orange.gif") no-repeat right bottom;}
#oranje .lb-blue {background: url("../images/backgrounds/lb-orange.gif") no-repeat left bottom;}
#rood .lt-blue {background: #CB3335 url("../images/backgrounds/lt-red.gif") no-repeat left top;}
#rood .rt-blue {background: url("../images/backgrounds/rt-red.gif") no-repeat right top;}
#rood .rb-blue {background: url("../images/backgrounds/rb-red.gif") no-repeat right bottom;}
#rood .lb-blue {background: url("../images/backgrounds/lb-red.gif") no-repeat left bottom;}

.center {
	margin: auto;
	width: 820px;
	text-align: left;
	margin-top: 6px;
}
.t-block,
.lt-block,
.rt-block,
.rb-block,
.lb-block {
	float: left;
	width: 100%;
}
.t-block {background: url("../images/backgrounds/t-block.gif") repeat-x left top;}
.lt-block {background: url("../images/backgrounds/lt-block.gif") no-repeat left top;}
.rt-block {
	background: url("../images/backgrounds/rt-block.gif") no-repeat right top;
	height: 10px;
	line-height: 0;
	font-size: 1px;
}
.rb-block {
	background: url("../images/backgrounds/rb-block.gif") no-repeat right bottom;
	position: relative;
	left: 1px;
}
.lb-block {
	background: url("../images/backgrounds/lb-block.gif") no-repeat left bottom;
	position: relative;
	left: -2px;
	/*padding-bottom: 10px;*/
}
#groen .lt-block {background: url("../images/backgrounds/lt-block-green.gif") no-repeat left top;}
#groen .rt-block {background: url("../images/backgrounds/rt-block-green.gif") no-repeat right top;}
#groen .rb-block {background: url("../images/backgrounds/rb-block-green.gif") no-repeat right bottom;}
#groen .lb-block {background: url("../images/backgrounds/lb-block-green.gif") no-repeat left bottom;}
#oranje .lt-block {background: url("../images/backgrounds/lt-block-orange.gif") no-repeat left top;}
#oranje .rt-block {background: url("../images/backgrounds/rt-block-orange.gif") no-repeat right top;}
#oranje .rb-block {background: url("../images/backgrounds/rb-block-orange.gif") no-repeat right bottom;}
#oranje .lb-block {background: url("../images/backgrounds/lb-block-orange.gif") no-repeat left bottom;}
#rood .lt-block {background: url("../images/backgrounds/lt-block-red.gif") no-repeat left top;}
#rood .rt-block {background: url("../images/backgrounds/rt-block-red.gif") no-repeat right top;}
#rood .rb-block {background: url("../images/backgrounds/rb-block-red.gif") no-repeat right bottom;}
#rood .lb-block {background: url("../images/backgrounds/lb-block-red.gif") no-repeat left bottom;}
.block {
	float: left;
	width: 818px;
	background: #fdf9f0 url("../images/backgrounds/bg-block.jpg") repeat-x left top;
	border-left: 1px solid #e3d7c4;
	border-right: 1px solid #f8f5f0;
}
.t-white {
	float: left;
	width: 100%;
	font-size: 1px;
	line-height: 0;
	height: 20px;
	margin-top: -3px;
	background: url("../images/backgrounds/t-white.jpg") no-repeat left top;
	z-index: 10;
	position: relative;
}
.b-white {
	float: left;
	width: 100%;
	font-size: 1px;
	line-height: 0;
	height: 29px;
	background: url("../images/backgrounds/b-white.png") no-repeat left top;
}
.white-block {
	float: left;
	width: 100%;
	background: url("../images/backgrounds/bg-white.png") repeat-y left top;
}
.white-block IMG {
       padding: 3px;
       border: 1px solid #cccccc;
	   margin-left:0px;
	   margin-right:5px;
	   margin-top:0px;
	   margin-bottom:5px;
}

.white {
	float: left;
	display: inline;
	margin-left: 8px;
	width: 537px;
	color: #666666;
	font-size: 11.5px;
}
.white H1 {
	padding: 0px;
	margin: 0px;
	color: #3366ff;
	font-size: 14px;
	margin: 20px 50px 0px 40px;
}
#groen .white H1, #groen .white H2 {color: #99CB0C!important;}
#oranje .white H1, #oranje .white H2 {color: #D8891D!important;}
#rood .white H1, #rood .white H2 {color: #CB3335!important;}
.white H2 {
	padding: 0px;
	margin: 0px;
	color: #3366ff;
	font-size: 12px;
	margin: 15px 50px 0px 40px;
}
.white P {
	padding: 0px;
	margin: 0px;
	color: #666666;
	font-size: 11px;
	margin: 15px 50px 0px 40px;
	line-height:15px;
}
.white-block LI {
	padding: 0px;
	color: #666666;
	font-size: 11px;
	margin: 0px 0px 0px 15px;
	line-height:15px;
}
.white TABLE { margin: 0px 50px 0px 40px; }
.white a {color:#666666; text-decoration:underline;}
.white a:visited {color:#666666; text-decoration:underline;}
.white a:hover {color:#666666; text-decoration:none;}
.white a:active {color:#666666; text-decoration:none;}
.right-box {
	float: right;
	width: 252px;
    position: relative;
    min-height: 385px;
    _height: 385px;
}
.slideshowContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 165px;
    height: 165px;
    z-index: 5;
}
.right-box .slideshow {
    position: absolute;
    top: 6px;
    left: 67px;
    z-index: 1;
    display: none;
}

.rb-container {
	background: url("../images/backgrounds/right-box-blue.png") no-repeat top left;
	width: 241px;
/*	height: 378px;*/
	float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}

#groen .rb-container {background: url("../images/backgrounds/right-box-green.png") no-repeat top left;}
#oranje .rb-container {background: url("../images/backgrounds/right-box-orange.png") no-repeat top left;}
#rood .rb-container {background: url("../images/backgrounds/right-box-red.png") no-repeat top left;}

.rb-nav {
	float: left;
	margin-top: 53px;
	position: relative;
	left: 15px;
	width: 50px;
}
.rb-nav UL {
	margin: 0;
	padding: 0;
}
.rb-nav LI {
	list-style: none;
	display: block;
	float: left;
}
.rb-nav A {
	text-indent: -5000px;
	font-size: 10px;
	line-height: 10px;
	float: none;
	display: block;
	position: relative;
	z-index: 10;
	cursor: pointer;
	float: left;
	outline: none;
}
.euro-link {
	background: url("../images/icons/euro.png") no-repeat top left;
}
.euro-link A {
	width: 37px;
	height: 48px;
}
.euro-link:HOVER {background: url("../images/icons/euro-active.png") no-repeat top left;}
#oranje .euro-link:HOVER {background: url("../images/icons/euro-active-orange.png") no-repeat top left;}
.document-link {
	background: url("../images/icons/document.png") no-repeat top left;
	margin-top: 66px;
}

.document-link A {
	width: 44px;
	height: 47px;
	position: relative;
}
.document-link:HOVER {background: url("../images/icons/document-active.png") no-repeat top left;}
#oranje .document-link:HOVER {background: url("../images/icons/document-active-orange.png") no-repeat top left;}
.email-link {
	background: url("../images/icons/email.png") no-repeat top left;
	margin-top: 70px;
	width: 45px;
}
.email-link A {
	width: 45px;
	height: 37px;
}
.email-link:HOVER {background: url("../images/icons/email-active.png") no-repeat top left;}
#oranje .email-link:HOVER {background: url("../images/icons/email-active-orange.png") no-repeat top left;}
.rb-list-links {
	float: right;
	margin-top: 160px;
	width: 166px;
}
.rb-list-links UL {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
	display: inline;
	float: left;
	width: 100%;
}
.rb-list-links LI {
	list-style: none;
	line-height: 22px;
	width: 100%;
	float: left;
	display: block;
	height: 26px;
	position: relative;
}
.rb-list-links A {
	position: relative;
	z-index: 10;
	text-align: right;
	font-size: 11px;
	line-height: 11px;
	color: #FEFEFE;
	width: 130px;
	display: block;
	background: url("../images/backgrounds/rb-link-border.gif") repeat-x left bottom;
	padding: 6px 0 10px 0;
	position: relative;
	float: left;
}
#groen .rb-list-links A {background: url("../images/backgrounds/rb-link-border-green.gif") repeat-x left bottom;}
#oranje .rb-list-links A {background: url("../images/backgrounds/rb-link-border-orange.gif") repeat-x left bottom;}
#rood .rb-list-links A {background: url("../images/backgrounds/rb-link-border-red.gif") repeat-x left bottom;}
.rb-container .c {
	position: relative;
	float: left;
	width: 100%;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding-bottom: 82px;
}
#groen .rb-container .c {background: url(../images/backgrounds/right-box-green-bottom.jpg) no-repeat left 364px;}
#oranje .rb-container .c {background: url(../images/backgrounds/right-box-orange-bottom.jpg) no-repeat left 364px;}
#rood .rb-container .c {background: url(../images/backgrounds/right-box-red-bottom.jpg) no-repeat left 364px;}
#blauw .rb-container .c {background: url(../images/backgrounds/right-box-blue-bottom.jpg) no-repeat left 364px;}
.rb-container  .bottom-corners {
	position: absolute;
	bottom: 0px;
	_bottom: -1px;
	left: 0px;
	height: 19px;
	width: 100%;
}
#groen .rb-container  .bottom-corners {background: url(../images/backgrounds/right-box-green-corners.jpg) no-repeat left bottom;}
#oranje .rb-container  .bottom-corners {background: url(../images/backgrounds/right-box-orange-corners.jpg) no-repeat left bottom;}
#rood .rb-container  .bottom-corners {background: url(../images/backgrounds/right-box-red-corners.jpg) no-repeat left bottom;}
#blauw .rb-container  .bottom-corners {background: url(../images/backgrounds/right-box-blue-corners.jpg) no-repeat left bottom;}
.rb-list-links LI.small {
	height: auto;
	line-height: 12px;
}
.rb-list-links LI.small A,
#oranje .rb-list-links LI.small a {
	background: none;
	font-size: 10px;
	padding-bottom: 0px;
	padding-top: 4px;
}
.rb-list-links UL A:HOVER {
	color: #D8891D;
	text-decoration: none;
}
#groen .rb-list-news {background: url("../images/backgrounds/rb-news-green.gif") no-repeat top left; }
#rood .rb-list-news {background: url("../images/backgrounds/rb-news-red.gif") no-repeat top left; }
#blauw .rb-list-news {background: url("../images/backgrounds/rb-news-blue.gif") no-repeat top left; }
.rb-list-news {
	float: right;
	margin-top: 30px;
	width: 150px;
	font-family:Arial;
	font-size:10px;
	color:#ffffff;
	padding-right:20px;
	padding-top:25px;
	background: url("../images/backgrounds/rb-news.gif") no-repeat top left;
	position: absolute;
	bottom: 22px;
	left: 76px;
	z-index: 20;
}
.rb-list-news A{
color:#ffffff;
text-decoration:underline;
}
.rb-list-news A:HOVER{
color:#ffffff;
text-decoration:none;
}
.rb-selected SPAN {
	background: url("../images/icons/rc-round-icon.png") no-repeat center right;
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	float: right;
}
.rb-selected A {
	color: #ffffff;
}
#oranje .rb-selected A {color: #ffffff!important;}
#oranje .rb-list-links A:HOVER {color: #666666!important;}
#groen .rb-selected A {color: #ffffff!important;}
#groen .rb-list-links A:HOVER {color: #666666!important;}
.rc-last A {background: none!important;}


/*  Footer  */
.footer {
    float: left;
    width: 100%;
}
.copyright {
	float: right;
	margin-top: 12px;
	margin-right: 58px;
	display: inline;
	font-size: 10px;
	line-height: 10px;
	color: #666666;
}
.copyright A {color: #666666;}
.copyright SPAN {
	color: #FE7F09;
	padding: 0 5px;
	line-height: 15px;
	font-size: 13px;
}
#groen .frame-bg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/backgrounds/right-box-green.png', sizingMethod='scope');}
#blauw .frame-bg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/backgrounds/right-box-blue.png', sizingMethod='scope');}
#rood .frame-bg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/backgrounds/right-box-red.png', sizingMethod='scope');}
.frame-bg{
	position: absolute;
	top: 0;
	z-index: -1;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/backgrounds/right-box-orange.png', sizingMethod='scope');
	width: 241px;
	height: 382px;
}

.slideshow-box{
	position: relative;
	float: right;
	left: -23px;
	top: 5px;
	z-index: 1;
	height: 153px;
}
#groen .slideshow-box .window {
	background-image: url("../images/backgrounds/window-green.png");
}
#blauw .slideshow-box .window {
	background-image: url("../images/backgrounds/window-blue.png");
}
#rood .slideshow-box .window {
	background-image: url("../images/backgrounds/window-red.png");
}
.slideshow-box .window{
	position: absolute;
	width: 162px;
	height: 153px;
	z-index: 10;
	background-image: url("../images/backgrounds/window.png");
	background-position: top left;
	background-repeat: no-repeat;
}
/* Form fields */
input.oranje {
background-color: #F7E6CA; 
font-size: 10px;
border:none;
color:#666666;
font-family:Arial;
font-size:10px;
}
textarea {
background-color: #F7E6CA; 
font-size: 10px;
border:none;
color:#666666;
font-family:Arial;
font-size:10px;

}
input.button {
background-color: #F7E6CA; 
font-size: 12px;
border:solid;
border-color:#D98918;
border-width:1px;
color:#666666;
font-family:Arial;
}

/* Toegevoegd PJ */
.error {padding-left:30px; color:red;font-size:12px;}

.paging {text-align:center;margin:3px 20px 3px 20px;padding-top:4px;font-size:12px;}
.paging a:link, .paging a:visited {color:#666;text-decoration:none;font-size:12px;}
.paging a:hover {color:#d98918;text-decoration:underline;}
.paging label {color:#d98918;}

/* Toegeveogd voor pensioen pagina dingen */
li a.pensioen-link:hover, li a.pensioen-link:active, li a.active:link, li a.active:visited {color:#99CB0C;text-decoration:none !important;}


.info-links {
	float: right;
	width: 280px;
	margin-top: 45px;
	vertical-align: top;
}
.info-links .icon-info {
	float: left;
	margin: 13px 20px 0 0;
}
.info-links UL {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 200px;
	font-size: 0px;
	line-height: 0px;
}
.info-links UL LI {
	padding: 5px 0 7px 0;
	background: url(../images/backgrounds/top-links-border.gif) left bottom no-repeat;
}
.info-links UL A {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
}
.info-links UL A:HOVER {color: #333333;text-decoration: none;}

/* 16-2-2010 - medewerkerpagina styling*/

.img-links-col {
    margin: 5px 0 0 22px;
    float: left;
    display: inline;
    padding-bottom: 15px;
}
.img-links-col IMG {
	padding: 3px;
       border: 1px solid #cccccc;
	   margin-left:0px;
	   margin-right:0px;
	   margin-top:0px;
	   margin-bottom:0px;
	   }
.img-links-col UL {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.img-links-col UL LI {
    float: left;
    display: inline;
    line-height: 0%;
    margin: 10px 10px 10px 10px;
    padding: 0px;
    background: none;
    line-height: normal;
}
.img-links-col UL LI A {
    display: block; 
    float: left;
    font-size: 10px;
    filter:alpha(opacity=100);
    opacity: 1;
}

.img-links-col UL LI IMG {display: block;}
.img-links-col UL LI SPAN {
	position: relative;
	cursor: pointer;
    display: block;
	color:#FFF;
}

.img-links-col UL LI SPAN STRONG {
	font-weight:normal;
	display:block;
	color:#D8861D;

}

.img-links-col UL LI A:HOVER {
    text-decoration: none;
    filter:alpha(opacity=80);
    opacity: 0.8;
}

.img-links-col.team-members UL LI SPAN {
	padding-top:1px;
    line-height: 11px;
    margin-top: -28px;
	margin-left:4px;
	margin-right:4px;
	width:124px;
	height: 24px;
	padding-left:6px;
	background: url("../images/backgrounds/bg-title.png") repeat;
}