@import 'forms.css';
@import 'tables.css';
@import 'tools.css';
@import 'lists.css';

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	color: #000000;
	background: url(graphics/bodyBg.png) center top;
}

#nobackground {
	background: none;	
}

.skipTo {
	display: none;
}

.clear,
.clearBoth	{
	clear: both;
	font-size: 0;
	line-height: 0%;
	height: 0;
}

.image {
	clear: both;
}

#image_crisis {
	float: right;
}

.left {
	float: left;
	margin: 0 1em 1em 0;
}

.right {
	float: right;
	margin: 0 0 1em 1em;
}

.center {
	text-align: center;
}

/* #pageWrapper */

#logout {
	position: absolute;
	right: 15px;
	top: 5px;
}

#wrapper {
	width: 1006px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

#wrapper2 {
	background: url(graphics/shadeLeft.png) repeat-y top left;
	position: relative;
	float: left;
	width: 1006px;
	margin: 0 auto;
}

#wrapper3 {
	background: url(graphics/shadeRight.png) repeat-y top right;
	position: relative;
	float: left;
	width: 1006px;
	margin: 0 auto;
}

* html #wrapper2 {
	background: transparent;
}
	
* html #wrapper3 {
	background: transparent;
}
	
/* Header */

#header {
	background: url(graphics/headerBg.png) repeat-x top;
	height: 113px;
	width: 996px;
	margin: 0 auto;
}

* html #header {
	background: url(graphics/headerBgIE6.png) no-repeat top left;
}

#logo a {
	background: url(graphics/logo_pensioen_md.png);
	margin: 4px 0 6px 10px;
	float: left;
	height: 77px;
	width: 327px;
}

* html #logo a {
	background: none;
}

/* breadcrumb */

#breadcrumb {
	position: absolute;
	left: 222px;
	top: 117px;
	margin-left: 0px;
}


#breadcrumb ul {
	padding: 0px;
	margin: 0;
}

#breadcrumb ul li {
	display: inline;
}

#breadcrumb ul li,
#breadcrumb ul li a {
	font-size: 90%;
	text-decoration:none;
}

#breadcrumb a:hover {
	text-decoration:underline;
}

/* frmSearch */

form#frmSearch {
	z-index: 100;
	position: relative;
	float: right;
	top: 83px;
	right: 4px;
	width: 199px;
	padding-bottom: 2px;
}

* html form#frmSearch {
	position: relative;
	margin: 0;
	padding: 0;
	top: 80px;
}

#frmSearch input.text {
/*	font-size: 90%;*/
	padding: 0.1em 0.15em;
	width: 112px;
	height: 14px;
	border: 1px solid #999999;
	background: #FFFFFF;
}

* html #frmSearch input.text {
	position: absolute;
	top: 6px;
}

#frmSearch input.submit {
	color: white;
	background: url(graphics/searchButton.png);
	width: 77px;
	height: 24px;
	border: 0;
	padding: 0 0 4px 0;
}

* html #frmSearch input.submit {
	padding: 2px 0 4px 0;
	position: absolute;
	top: 3px;
	right: 0px;
}

*+html #frmSearch input.submit {
	padding: 2px 0 4px 0;
}

#frmSearch input.submit:hover {
	background: url(graphics/searchButtonHover.png);
}	

form .footer input, 
input.submit {
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 0.05em;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	color: white;
	background: #015571;
}

/* image replacement */

/* #content */

#primaryContent {
	background: url(graphics/primaryContentBg.png) repeat-y top center;
	position: relative;
	float: left;
	width: 1006px;
	margin: 0 auto; 
}

*+html #primaryContent img{
	float: left;
}

* html #columnLeft {
	margin: 0 0 0 4px;
	width: 201px;
	overflow: hidden;
}

#columnLeft {
	width: 209px;
	height: 100%;
	position: relative;
	float: left;
	margin: 0 0 0px 5px;
	padding: 0 0 0 0;
}

* html #welcome_content {
	margin: 5px 0 0 1px;
}

#welcome_content {
	background: #0093C3 url(graphics/leftBoxBg.png) left top repeat-x;
	width: 199px;
	float: left;
	margin: 8px 5px 0px;
}

#welcome_content #newsHeader {
	border: none;
	margin:0 4px 10px; 
}

* html #welcome_content #newsHeader {
	border: none;
	margin: -30px 4px 4px; 
	text-decoration: none;
}

*+html #welcome_content #newsHeader {
	border: none;
	margin: -30px 4px 4px; 
	text-decoration: none;
}

.image_left {
	width: 189px;
	margin: 6px 0 1px 5px;
}
 
* html #order_content {
	margin: 5px 0 0 1px;
}

#order_content {
	color: #0099CC;
	font-size: 17px;
	line-height: 26px;
	font-family: Arial, Times New Roman;
	width: 199px;
	float: left;
	margin: 5px 5px 10px;
	font-style: italic;
}

#welcome_contentTop {
	xpadding: 0 0.5em;
}

#welcome_contentBottom {
	background: url(graphics/leftBoxBgBottom.png) left bottom no-repeat;
	height: 9px;
	width: 199px;
	float: left;
	display: none;
}

* html #welcome_contentBottom {
	margin-bottom: -11px;
}

*+html #welcome_contentBottom {
	margin-bottom: -11px;
	height: 11px;
}

*+html #welcome_contentBottom.homeBottom {
	height: 9px;
}

* html #welcome_contentBottom.homeBottom {
	margin: -4px 0 0px 1px;
}

#welcome_contentBottom.homeBottom {
	margin: 0 0 0 5px;
}

#welcome_content h2 {
	color: #FFFFFF;	
	margin: 0 0 4px 0;
}

#welcome_content p {
	padding: 5px 10px 0;
	width: 177px;
	color: #FFFFFF;
}

.dossierTitle {
	background-color:#004462;
	color:#FFFFFF;
	font-family:"Arial Black",Arial,sans-serif;
	padding: 0 5px;
	text-decoration:none;
	text-transform:uppercase;
	float: right;
	margin: 2px 5px 5px 0;
}

.dossierText {
	color:#FFFFFF;
	text-decoration:underline;
}

#poll_content {
	padding: 5px 10px 0;
	width: 177px;
	color: #FFFFFF;
}

#poll_content h5 {
	font-size: 100%;
}

.pollPage table,
.pollPage table td {
	border: 0;
	border-color: #ccccff;
}

.poll_begin hr {
	border-top: none;
	border-bottom:3px dotted #66CCFF;
}

.pollPage img {
	color: #ccccff;
	border-color: #ccccff;
}

#searchstring_list {
	border: 1px solid #666666;
}

#searchstring_list li {
	list-style-type: none;
	color: #666666;
	margin: 0 10px 4px 0;
	font-size: 90%;
	list-style-position: outside;
}

#query {
	color: #666666;
	width: 112px;
}

* html #query {
	width: 112px;
}

*+html #query {
	width: 112px;
	margin-bottom: 3px;
}

.searchstring_list, 
#searchstring_list {
	background:#FFFFFF none repeat scroll 0% 0%;
	border:1px solid #666666;
	z-index:10;
}

div.searchstring_list ul li.selected {
	background-color: #EEEEEE;
}

div.searchstring_list ul li {
	cursor:pointer;
}

#relatedSubjects {
	margin-top: 10px;
}
*+html #subjectTable{
	margin-top: 10px;
}



#subjectTable li,
#relatedSubjectsTable li {
	list-style-type: none;
}

#relatedSubjectsTable li {
	padding: 4px 0 0 0;
}
	
#subjectlist h2 {
	margin: 6px; 0 0 4px;
	font-size:18px;
	font-weight:bold;
}

#subjectTable li a {
	color: #FFFFFF;
}

#relatedSubjectsTable li a {
	color: #0099CC;
}

#subjectTableButton,
#relatedSubjectsTableButton {
	padding: 6px 0 0 0;
}

#themeIntro {
	border-top: 3px dotted #66ccff;
	padding: 13px 0 10px 0;
	width: 100%
}

*+html #themeIntro {
	padding-top: 0px;
}

#themeIntro h2,
#subjectItem h2 {
	font-size: 24px;
	margin-bottom: 10px;
} 

#subjectItem {
	border-top: 3px dotted #66ccff;
}

#themeIntro .newsitem h2 {
	font-size: 24px;
}

#subjectItem {
	border-top: 3px dotted #66ccff;
	padding-top: 13px;
}	
	
#newsHeader {
	padding: 10px 0 0 0;
	border-top: 3px dotted #66ccff;
}

.topBox {
	float: right;
}

#newsButton {
	padding: 10px 8px 0 0;
}

#news_content {
	width: 554px;
	float: left;
	position: relative;
	height: 100%;
	padding: 10px;
	margin-top: 15px;
}

* html #news_content {
	width: 558px;
}

#newsButton {
	width: 20px;
	float: left;
}

#newsTitle {
	/* float: left; */

}

#newsText {
	float: left;
	width: 440px;
}



#newsText p {
	margin-top: 0px;
}

#newsText em {
	font-style: normal;
}

* html #temp1_wrapper .block_1,
* html #temp1_wrapper .block_5,
* html #temp1_wrapper .block_6,
* html #temp2_wrapper .block_1,
* html #temp2_wrapper .block_5,
* html #temp2_wrapper .block_6,
* html #temp3_wrapper .block_2,
* html #temp3_wrapper .block_3,
* html #temp3_wrapper .block_4,
* html #temp3_wrapper .block_5,
* html #temp3_wrapper .block_6,
* html #temp3_wrapper .block_7,
* html #temp2_wrapper .block_1 {
	width: 558px;
	margin: 0;
}


* html #temp2_wrapper .block_2 {
	width: 60%;
	margin-right: 25px;
	float: left;
}

* html #temp2_wrapper .block_3 {
	width: 30%;
	margin: 0;
	float: left;
}


* html #temp1_wrapper .block_2,
* html #temp1_wrapper .block_3,
* html #temp1_wrapper .block_4 {
	width: 30%;
	margin: 0;
	float: left;
}


.newsitem.template_1.block_1,
.newsitem.template_1.block_5,
.newsitem.template_1.block_6 {
	width: 100%;
}


.newsitem.template_1.block_2,
.newsitem.template_1.block_3,
.newsitem.template_1.block_4{
	width: 30%;
	float: left;
}



.newsitem.template_1.block_2,
.newsitem.template_1.block_3 {
	margin-right: 27px;
}



.newsitem.template_2.block_2 {
	width: 65%;
	margin-right: 27px;
	float: left;
}

.newsitem.template_2.block_3 {
	width: 30%;
	float: left;
}

.newsitem.highlight {
	background-color: #EEEEEE;
	cursor: pointer;
}

.newsitem.template_2.block_4 {
	width: 100%;
	float: left;
}



.newsitem:after {
    /* clear floats with standard compliant code */
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0%;
    visibility: hidden;
}

* html .newsitem {
    height: 1px; /* clear floats for IE5,6 */
}

*+html .newsitem {
    min-height: 0;  /* clear floats for IE7 */
}

li {
	list-style-position: inside;
}

.leesverderlink {
	float: left;
}

.datum_bron {
	float: left;
	color: #666666;
	font-style: italic;
	width: 100%;
	padding: 0 0 10px 0;
}

img.newsimage_left {
	float: left;
	border: 1px solid black;
	margin: 16px 5px 0px 0;
}


.newsimage_right {
	float: right;
	margin: 0;
	width: 102px;
}

.newsimage_right_text {
	padding: 3px 0;
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.7em;
}
	
img.newsimage_right_image {
	border: 1px solid black;
	width: 100px;
	height: 75px;
}

.newsimage_right_detail {
	float: right;
	width: 202px;
	margin: 4px 0 0 10px;
}

img.newsimage_detail_image {
	border: 1px solid black;
	width: 200px;
	height: 150px;
}

img.newsimage_list_image {
	border: 1px solid black;
	width: 100px;
	height: 75px;
}

.newsimage_detail_text {
	padding: 3px 0;
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.7em;
}

/* banners */

#banner {
	#background: #025875 url(graphics/bannerBg.png) left bottom no-repeat;
	background: #003366;
	width: 202px;
	height: 100%;
	color:white;
	margin: 10px 0 10px 6px;
	overflow: hidden;
}

* html #banner {
	margin: 0px 0 10px 6px;
}

#banner_content {
	width: 211px;
	position: relative;
	float: left;
	height: 100%;
}

#banner_content em {
	font-style: normal;
}

.banner_image {
	padding: 1px 0 0 1px;
}

.banner_title {
	color:white;
	font-size:15px;
	text-decoration: underline;
	font-weight:bold;
	line-height: 18px;
	padding:7px 6px 7px;
}


.banner_title A{
	color:white;

}

.banner_content {
	padding: 2px 6px 14px;
	color: #FFFFFF;
	float: left;
}

.banner_content A{
	text-decoration: none;
	color: white;

}

* html .banner_content {
	padding: 2px 6px 34px;
}

#banner .footer {
	width: 99px;
	height: 25px;
	margin-bottom: 4px;
	margin-left: 100px;
	position: relative;
	float: left;
}

*+html #banner .footer {
	height: 29px;
}

* html #banner .footer {
	position: absolute;
	bottom:8px;
	right:4px;
}

#bannerLink {
	padding: 0px 0px 2px 10px;
	border-style: solid;
	border-width: 2px;
	background-color: #AECCEB;
	color: black;
	border-color: #6699CC white white #6699CC;
	font-weight: normal;
}

#bannerLink:hover,
#bannerLink.hover {
	background-color:#AECCEB;
	padding: 0px 0px 1px 8px;
	border-color: white #6699CC #6699CC white;
}

#producten {
	margin-bottom: 5px;
	margin-left: 4px;
}


#afbeeldingen,
#formulieren,
#onderwerpen,
#downloads {
	margin-bottom: 6px;
	margin-left: 4px;
}

#bannerlist .tools {
	margin: 2em 0.3em 0.5em 0.5em;
}

.omlaag,
.omhoog, 
.delete {
	float: left;
	position: relative;
	margin: 0 0 4px 4px;
}
	
#toevoegen {
	margin-left: 4px;
}

/* TopMenu*/

#topMenu	{
	position: relative;
	float: right;
	margin: 7px 20px 0 0;
	text-align: right;
	display: none;
}

#topMenu a	{
	color: #FFFFFF;
	text-align: right;
}

* html #topMenu	{
	position: relative;
	float: right;
	margin: 10px 20px 0 0;
	text-align: right;
}

/* EVENTS onderwerpen-lijst */

div#events	{
	position: absolute;
	top: 128px;
	left: 0;
	width: 250px;
}

div#events h2 {
	font-size: 1em;
	color: #015571;
	font-weight: bold;
	padding: 3px;
	margin: 0;
	background: #83CEE7;
	border-top: 1px solid white;
	text-indent: 12px;
}

#events ul {
	margin: 0;
	padding: 3px;
}

#events ul li {
	float: none;
	position: static;
	left: auto;
	clear: both;
	margin: 0;
	padding: 0;
}

#events ul li a {
	display: block;
	background-image: none;
	width: auto;
	height: auto;
	margin: auto;
	text-decoration: underline;
}

* html #events ul li a {
	height: 0.1em;	
}

#events ul li a:hover {
	text-decoration: underline;
}

#events ul li {
	display: inline;
}

#events ul li a {
	margin: 0 15px;
	padding: 0.5em 0 !important;
	padding-left: 12px !important;
	background: url(graphics/bullet.png) no-repeat 0 0.75em;
}

#events ul li.active a {
	font-weight: bold;
	background: url(graphics/indicator.png) no-repeat 0 0.75em;
	
}



/* Home lijsten */

.actueel {
	position: absolute;
	width: 100%;
	top: 93px;
}

.onderwerpen {
	position: absolute;
	width: 100%;
	top: 16em;
}


/* #secondaryContent */

#secondaryContent	{
	z-index: 2000;
	width: 180px;
	background: white;
	float: right;
	padding: 0 0 0 20px;
}

#secondaryContent h2 {
	display: none;
}

#secondaryContent .section h3 {
	text-align: center;
	font-size: 1em;
	line-height: 1.1em;
	color: #DFF5FD;
	padding: 3px;
	margin: 0;
	background: url(graphics/sidebar_header.png) no-repeat top;
}

#secondaryContent .section div.block {
	margin-bottom: 1em;
	padding: 8px;
	background: #DFF5FD url('graphics/sidebar_footer.png') no-repeat bottom;
	clear: both;
}

#secondaryContent .section div.block p	{
	font-size: 0.9em;
}

#secondaryContent .section .footer {
	float: right;
	margin: 0;
	padding: 0;
	text-indent: -200em;
	width: 88px;
	height: 15px;
}

* html #secondaryContent .section .footer	{
	text-indent: 0em;
	text-inden\t: -200em;
}

#secondaryContent .section .footer a {
	display: block;
	width: 89px;
	height: 17px;
	background: url(graphics/button_klikhier.png) top left no-repeat;
	text-decoration: none;
	
}

#secondaryContent .section .footer a:hover	{
	background: url(graphics/button_klikhier.png) top right no-repeat;
} 


* html #secondaryContent .section .footer a	{
	height: 0.1em;
}

/* Product section (beheer: dossier-details) */

#section_product {
	position: absolute;
	top: 190px;
	right: 20px;
	width: 175px;
	padding: 5px;
/*	background: #CCEBF5;
	border: 1px solid #015571;
*/
}

#section_product dd {
	margin-left: 7em !important;
}

/* #pageFooter */

#footer {
	position: relative;
	height: 21px;
	width: 996px;
	background: #0099CC;
	float: left;
	margin-left: 5px;
	color: #11637F;
}

* html #footer {
	margin-left: 2px;
	
}

#footer em {
	font-style: normal;
}

#footer #copyright {
	float: left;
	margin: 1px 0 0 10px;
	width: 199px;
}

#footer #address {
	float: left;
	margin: 1px 0 0 10px;
	width: 554px;
	color: #FFFFFF;
	text-align: center;
}

#footer #address a {
	color: white;
}

#footer #poweredByMaxNl {
	float: right;
	margin: 1px 10px 0 0;
}

#pageFooter {
/*	font-size: 80%;*/

}

#pageFooter ul {
	text-align: center;
	margin: 0;
	padding: 0;
}

#pageFooter ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#pageFooter #mi_poweredByMaxNl {
	position: absolute;
	right: 16px;
	bottom: 4px;
	margin-right: 0;
	font-weight: bold;
}

#pageFooter #mi_poweredByMaxNl a {
	font-size: 0.8em;
	color: #80CCE6;
}

#pageFooter #mi_poweredByMaxNl a:hover {
	color: white;
}

#nieuws ul li {
	margin: 0;
	list-style: none;
}

#nieuws ul {
	margin: 1em 0;
	padding: 0;
}

#nieuws ul h3 {
	margin-bottom: 0;
}

/* #adminNavigation */

#adminNavigationWrapper {
	height: 26px;
	float: left;
	position: relative;
	margin-top: -4px;
	width: 100%;
}

* html #adminNavigationWrapper {
	position: absolute;
	top: 86px;
	left: 4px;
	margin-top: -4px;
	width: 100%;
}

#adminNavigation {
	margin: 0 0 0 4px;
	height: 26px;
}

#adminNavigation a {
	color: #FFFFFF;
	margin: 0px 5px 0 12px;
	line-height: 26px;
	text-decoration: none;
}

* html #adminNavigation a {
	margin: 0px 1px 0 1px;
}


*+html #adminNavigation a {
	margin: 0px 1px 0 1px;
}

.tab {
	background: url(graphics/tabBg.png);
	float: left;
	height: 26px;
	margin: 0 1px;
	width: auto;
}

.tab:hover,
.tab.active {
	background: url(graphics/tabBgActive.png);
}

* html .tab.active .tabLeft {
	background: url(graphics/tabLeftCornerIE.gif) top left no-repeat ;
	margin-top: 1px;
}


* html .tab.active .tabRight {
	background: url(graphics/tabRightCornerIE.gif) top right no-repeat ;
	margin-top: 1px;
}

* html .tab:hover,
* html .tab.active {
	border-bottom: 1px solid #10627D ;
}


.tab:hover .tabRight,
.tab.active .tabRight {
	background: url(graphics/tabRightCornerActive.png) top right no-repeat;
}

.tab:hover .tabLeft,
.tab.active .tabLeft {
	background: transparent url(graphics/tabLeftCornerActive.png) top left no-repeat;
	padding-top: 1px;
}

.tabLeft {
	background: url(graphics/tabLeftCorner.png) no-repeat top left;
	position: relative;
	float: left;
	height: 26px;
	padding: 0 10px 0 22px;
}

.tabLeft:hover {
	background: url(graphics/tabLeftCornerActive.png) no-repeat top left;
}


* html .tabRight {
	background: url(graphics/tabRightCornerIE.gif) no-repeat top right;
}

* html .tabLeft {
	background: url(graphics/tabLeftCornerIE.gif) no-repeat top left;
}

* html .logOut {
	float: right;
	margin: 0;
}
/*
* html .tablogOut .tabLeft {
	padding: 0 2px;
}

.tab.logOut {
	float: right;
	margin-right: 4px;
}	

*/
	
.tabRight {
	background: url(graphics/tabRightCorner.png) no-repeat top right;
	position: relative;
	float: left;
	width: 7px;
	height: 26px;
	padding-right: 3px;
}

 table.calendar {
 	z-index: 10;
 	width: 260px;
 	font-size: 70% !important;
	background: #E2F0FF;
	margin-left: 40px;
 }

 table.calendar .close {
 	display: none;
 }
 
  table.calendar,  table.calendar td,  table.calendar th {
  	border: none !Important;
  }
 
 table.calendar th {
 	background: #DDE5F2;
 }

table.calendar td, table.calendar th {
	padding: 0.5em;
	text-align: center;
}

table.calendar td {
	background: white;
}

/* quick! */

div#nieuws h2 {
	display: none;
}

/* landingspages */

#lp_pageHeader div.wrapper {
	height: 162px;
}

#lp_pageHeader h1 {
	position: absolute;
	left: 5px;
	top: 2px;
	font-size: 0;
	margin: 0;
	padding: 0;
	width: 327px;
	height: 77px;
	text-indent: -400em;
	background: url(graphics/logo_pensioen_md.png) no-repeat left top;
}

#lp_pageHeader h1 a {
	display: block;
	width: 390px;
	height: 85px !important;
	text-decoration: none;
}

* html #lp_pageHeader h1 a {
	width: 450px;
	w\idth: 390px;
}

#lp_pageHeader #frmSearch {
	z-index: 1;
	width: 291px;
	height: 86px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(graphics/pageheader_watermark.png) no-repeat right;
}

.lp_footer input {
	text-align: center;
	text-decoration: none;
	padding: 0.05em;
	border: 1px solid #0099cc;
	color: white;
	background: #0099cc;
}

.lp_footer {
	padding: 7px 299px;
}

*+html .lp_footer {
	padding: 7px 282px;
}

* html .lp_footer {
	padding: 7px 283px;
}

#huidige_afbeelding {
	float:left;
	font-weight:bold;
	margin:0 57px 0 0;
}