/**************************************************************************************
CSS Stylesheet behorende bij Nassau Corporate website
***************************************************************************************/

/**************************************************************************************
Algemeen gebied: HTML tags
***************************************************************************************/
* { font-family : verdana, helvetica, sans-serif; font-size : 11px; }

html, body 				{ margin: 0; padding: 0; width: 100%; height: 100%; }
body 					{ color: #000; line-height: 18px; }
p 						{ text-align: left; margin: 0; margin-top: 7px; }
body, table, p, h1, h2  { margin: 0; }
table 					{ border: 2px solid #9F0035; border-collapse: collapse;}
table tr td 			{ spacing: 0px; adding: 4px; border: 1px solid #9F0035;}
fieldset 				{ border:0; margin:0; padding:0;}
input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
legend 					{ display:none;}
form 					{ margin:0; padding:0;}

h1 			{ font-family: Georgia, Palatino, Times New Roman; color: #fff; font-size: 25px; font-weight: normal; padding: 40px 0 10px 0; letter-spacing: .03em; }
h2, h2 * 	{ font-size: 20px; font-weight: normal; margin-bottom: 10px; line-height:1.4; }
h3, h3 * 	{ font-size: 14px; margin-bottom: 5px; color: #9f0035; }
h4, h4 * 	{ font-size: 13px; margin: 0 0 7px 0; color: #000; }
h5, h5 * 	{ font-size: 13px; margin: 0 0 5px 0; color: #000; font-weight: normal; }
img 		{ border:0; }
a, a * 		{ color: #d9123f; text-decoration: underline; }

a:hover, a:hover * 	{ color: #9f0035; }
.clear 				{clear:both; font-size:0em; height:0px; line-height:0px; margin:0; padding:0;}
.print 				{display:none;}
.hidden 			{position:absolute; left:-900em;}
strong.hidden 		{display:block;}
span.hidden 		{display:none;}


/**************************************************************************************
Algemeen: classes
***************************************************************************************/
.label { color: #4364B5; }

.message { margin-bottom:10px; }
#superContainer { background:transparent url(../images/headerbg.gif) no-repeat scroll 50% 145px; height:100%; width:100%; }
#container { width: 780px; margin:0 auto; position:relative;}
#topArea { overflow: auto; margin: 0px; background-color: #fff; height: 115px; }
#leftArea { float: left; height: 100%; padding: 0; margin: 20px 0 0 0; width: 180px; }
#centerArea { margin: 0 0 5em 220px; background-color: #fff;  }
#bottomArea { float: left; height: 95px; margin: 20px 0 30px 0;}
#leftSpace { position:absolute; left: 0; top: 145px; width: 325px; height: 10px; background: #fff url("../images/leftCol_bg.gif") 0 0 repeat-x; }

#logo { float: left; padding-top: 0px; padding-left: 0px; }

#version { position: absolute; left: 570px; top: 71px; color: white; }
#version a,
#version a:visited { font-weight: bold; color: white; }

#topNav { position: absolute; right: 0px; top: 37px; color: #4F4F4F; margin: 12px 0 0 0; }
#topNav li { display: inline; list-style-type: none; }
#topNav ul {margin:0;padding:0;}
#topNav a { padding: 0 3px 0 3px; color:#4F4F4F; text-decoration:none; }
#topNav a:link, div.searchWrapper .nav a:visited { color: #4F4F4F; text-decoration: none; }
#topNav a:hover { color: #000; text-decoration: none; }

div#centerArea ul.downloads, div#contentLarge ul.downloads { margin: 0; padding: 0; list-style: none; width: 350px; border-top: 1px solid #d3d3d3; }
div#centerArea ul.downloads li a, div#contentLarge ul.downloads li a { display: block; text-decoration: none; color: #d9123f; padding: 4px 0 4px 0; border-bottom: 1px solid #d3d3d3;}
div#centerArea ul.downloads li a:hover, div#contentLarge ul.downloads li a:hover { color: #9f0035;}

div#centerArea p.subHead, div#contentLarge p.subHead { font-size: 14px; color: #666; }

div#rightHeader { width: 770px; height: 100px; padding: 0 0 0 10px; background: #9f0035 url("../images/rightHeader_bg.gif") 0 0 repeat-x; float: right; }

div#footer { width: 780px; height: 65px; background: #f0f0f0; float: left; margin: 10px 0 30px 0; }
div#footer .left { display:none; }
div#footer .right { float: right; margin: 15px; text-align: right; }

div#footer .right ul { margin:0; padding:0; }
div#footer .right li { display: inline; list-style-type: none; }
div#footer .right a {  padding: 0 3px 0 3px; }
div#footer .right { color: #4f4f4f; }
div#footer .right a:link, div#footer .right a:visited { color: #4f4f4f; text-decoration: none; }
div#footer .right a:hover { color: #000; text-decoration: none; }

li.label { padding-right: 1em; }

#breadcrumb { /* Geen stijl */ }

#pageTitle { text-align: center; padding: .2em 0 .5em 0; }


/**************************************************************************************
Paginadelen (templates)
***************************************************************************************/
div#template1 { width: 350px; margin: 20px 0 5px 0; padding: 0; float: left; }
div#template2 { width: 560px; margin: 20px 0 5px 0; padding: 0; float: left; }
div#template3 { float: right; width: 180px; padding: 0 0 0 0; background-color: #fff; margin: 20px 0 0 0; }
div#template4 { width: 510px; float: left; margin-top: 20px;}
div#template5 { width: 240px; float: right; margin-top: 20px; padding-top: 5px; }
div#template6 { width: 782px; float: left; margin-top: 25px;}


/**************************************************************************************
Zoekbox
**************************************************************************************/
div#loginButton { position: absolute; top: 20px; right: 0px; width: 163px; height: 20px; background: #d9123f url("../images/login_key.gif") 0 0 no-repeat; }
div#loginButton a { background: none; display: block; width: 133px; height: 20px; color: #fff; text-decoration: none; padding: 0 0 0 30px; }

div#search { text-align: left; width: 200px; position: absolute; top: 80px; right: 0px; overflow: hidden;
			 height: 22px; background-color: white; }
div#search #searchText { position: absolute; height: 15px; width: 175px; margin: 0px; padding-top: 3px; padding-left: 4px;border: 1px solid #adadad;}
div#search #searchImage { position: absolute; top: 0px; right: 0px; }


/**************************************************************************************
Styling van CMS-content
***************************************************************************************/
.template ul.documentList 		{ padding: 0; margin: 0; }
.template ul.documentList h2 	{ color: #4A64C5; font-size: 11px; font-weight: bold; }
.template ul.documentList > li 	{ list-style: none; margin: 0 0 15px 0; }

.template h2 			{ font-size: 20px; font-weight: normal; margin-bottom: 10px; line-height:1.4 }
.template p strong 		{ font-weight: bold; font-style: normal; margin: 0 0 3px; padding: 0; }
.template span.label	{ float: left; width: 15em; clear: right; }

#template1 .header * { color:#000000; font-size:13px; margin:0 0 7px; font-weight:bold; }
#template2 .header * { color:#000000; font-size:13px; margin:0 0 7px; font-weight:bold; }

/** headers in header-class **/
#template1 .header h3 	{ font-size: 14px; margin-bottom: 5px; color: #9f0035; }
#template2 .header h3	{ font-size: 14px; margin-bottom: 5px; color: #9f0035; }

/** Pagina inhoud (pagina zonder squares). **/
#template2 .documentList li 			{ float: left; width:500px; margin: 10px 0 10px 0; }
#template2 .documentList .photo 		{ display:block; float:left; width:90px; }
#template2 .documentList .title div		{ display:block; float:left; width:410px; color:#000000; font-size:13px; font-weight:bold; }
#template2 .documentList .department 	{ display:block; float:left; width:410px; }
#template2 .documentList .quote 		{ display:block; float:left; width:410px; font-weight:bold; font-size:11px; }
#template2 .documentList .link a 		{ display:block; float:left; width:410px; font-weight: bold; }

#template2 > .largephoto	{ float:right; width:180px; }
#template2 > .photosubscript{ clear:right; float:right; width:180px; color:#666666; line-height:3; }
#template2 > .summary div	{ width:350px; margin-bottom:10px; font-size:20px; line-height:1.4; }
#template2 > .quote div		{ width:350px; color:#666666; font-size:14px; margin-bottom:18px; }
#template2 > .text			{ }


/** Inhoud van bottom squares, gemeenschappelijk voor red, pink en white **/
div.white,
div.red,
div.pink { padding-bottom: 5px; }
div.white .text,
div.red .text,
div.pink .text { padding: 0px 15px 5px 15px;}
div.white .link,
div.red .link,
div.pink .link,
div.white .downloadlink,
div.red .downloadlink,
div.pink .downloadlink { padding: 0px 15px 5px 15px; }


/** Squares bij overige paginas. **/
#template3 div.red 		{ background: #d9123f; margin-bottom: 10px; color: #fff; }
#template3 .red a 		{ color:#FFF; }
#template3 div.pink 	{ background: #F5E1E5; margin-bottom: 10px; color: #9F0035; }
#template3 div.white	{ background: #fff; margin-bottom: 10px; color: #000; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6;}
#template3 .header 		{ padding: 5px 0 0 15px; background: #9f0035; height: 25px; margin: 0px 0px 5px 0px; color: #fff; font-weight: normal; font-size: 13px;}
#template3 .header div 	{ color: #fff; font-size: 13px; font-weight: normal; text-decoration: none;}
#template3 .photograph 	{ text-align: center; width: 180px; }
#template3 .date 		{ color: #666; text-transform: uppercase; padding: 10px 15px 0px 15px;}
#template3 a 			{ font-weight: bold; }
#template3 .form		{ padding: 0 15px; }
#template3 input.textSmall { width:80px; }


/** Home center content. **/
#template4 .header div	{ font-size:20px; font-weight:normal; line-height:1.4; margin-bottom:10px; }



/** Home bottom content. **/
#template5 a.subMenulink 	{ font-size: 13px;}
#template5 #subMenu 		{ margin-top: 5px;}
#template5 .header div 		{ font-size:14px; font-weight: bold; margin-bottom:10px; color: #9f0035; }
#template5 .text p 			{ padding-left:12px; line-height:26px; border-bottom:1px solid #D3D3D3; background:#FFFFFF url(../images/list_bg.gif) no-repeat scroll 0 10px; }
#template5 .text p a 		{ margin-left:5px; text-decoration:none; color:#000; }
#template5 .text p a:hover	{ color:#9f0035; }


/** Home squares. **/
#template6 div.red 	{ width: 240px; float: left; background: #d9123f; color: #fff;}
#template6 div.pink { width: 240px; float: left; background: #f5e1e5; color: #9f0035; } 
#template6 div.white { width: 240px; float: left; background: #fff; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
#template6 a 		{ font-weight: bold; }
#template6 .red a 	{ color:#FFF; }
#template6 .date 	{ margin-bottom:-10px; color: #666; text-transform: uppercase; padding: 10px 15px 0px 15px;}
#template6 .header *	{ margin: 0px 0px 5px 0px; color: #fff; font-size: 13px; padding: 5px 0 0 15px; background: #9f0035; height: 25px; }
#template6 .form 	{margin-left: 15px;}

a.pdf { background: #fff url("../images/pdf_icon_ul.gif") 0 0 no-repeat; padding-left: 20px; }

.contentBlock ul.default 	{ margin-bottom: 10px; }
.contentBlock span.read, 
#template4 span.read 		{ font-weight: bold; color: #d9123f; margin-right: 5px; }
.contentBlock img 			{ float: left; }
.contentBlock .blockText 	{ float: right; width:410px;}
.contentBlock .blockText h4 { margin-bottom: 0px;}

.form fieldset 			{ border:0; margin-bottom:15px; padding:0;}
.form legend 			{ margin:0 0 15px 0; padding:0; float:left; text-indent:0; color:#000; text-align:left; font-weight:bold;}
.form .button 			{ background-color: #d9123f; text-transform: uppercase; color: #fff; border: 0; padding: 2px 10px 3px 10px;}
.form .text 			{ border:1px solid #adadad; padding:3px 2px 3px 5px; width:180px; margin:0 5px 0 0;}
.form label 			{ float:left; line-height:2em; cursor:pointer; }
.form label.front 		{ width:130px; color: #666;}
.form label.top 		{ width:350px; color: #666;}
.form div 				{ clear:both; margin:2px 0 8px 0; overflow:hidden;}
.form div div 			{ clear:both; margin-bottom:0;}
.form .collection 		{ width:400px; float:left; margin:0;}
.form .collection div 	{ float:left;}
.form .radio 			{ float:left; margin:3px 5px 0 0; height:15px;}
.form .file 			{ border:1px solid #adadad; padding:3px 2px 3px 5px; float:left; width:200px; margin:0 5px 0 0;}
.form .text 			{ border:1px solid #adadad; padding:3px 2px 3px 5px; float:left; width:180px; margin:0 5px 0 0;}
.form .textSmall 		{ border:1px solid #d9123f; padding:3px 2px 2px 5px; float:left; width:100px; margin:0;}
.form .messageBottom p 	{ padding:0; margin:0; color: #666;}

hr { border: 0; width: 100%; color: #9f0035; background-color: #9f0035; height: 1px;}

.pressBlock { width:480px; margin: 10px 0 0 0; border-top: 1px solid #d3d3d3; padding-top: 5px; color: #666;}
span.date 	{ color: #666; text-transform: uppercase; }
span.name 	{ color: #666; line-height: 3;}


/** Stijl voor sitemap **/
ul.siteMap, ul.siteMap ul 	{ margin:0; padding:0; list-style:none; }
ul.siteMap a 				{ color:#000; text-decoration:none; }
ul.siteMap > li > a 		{ color:#D9123F; text-decoration:underline; display:block; margin-top:10px; }
ul.siteMap a:hover		 	{ color:#9f0035; }
ul.siteMap > li > ul > li 	{ background:#fff url("../images/list_bg.gif") 0 6px no-repeat; margin-left:20px; padding-left:12px; }
ul.siteMap > li > ul > li > ul > li { padding-left:30px; background:url(../images/list_hzline_black_bg.gif) no-repeat 20px 1px; }


/** Stijl voor Persberichten **/
#template2 .documentList li .date { border-top:1px solid #D3D3D3; color:#666666; margin:10px 0 0; padding-top:5px; text-transform:uppercase; }
#template2 .documentList li .linkPressrelease { margin-bottom:-18px; display:block; width:100%; }


/** Stijl voor intermediary search **/
#searchIntermediary 		{ border-top:1px solid #D9123F; border-bottom:1px solid #D9123F; padding:8px 0px 10px; margin:10px 0px 8px; }
#searchIntermediary td 		{ padding-right:15px; color:#4F4F4F; }
#searchIntermediary input 	{ border:1px solid #ADADAD; height:15px; margin:0; padding-left:4px; padding-top:3px; }


/** Zoekresultaten **/
#form .searchText			{ float:left; border:1px solid #ADADAD; height:15px; margin:0; padding-left:4px; padding-top:3px; width:250px; }
ul#searchresults 			{ padding: 0; margin: 0; list-style:none; }
ul#searchresults .title 	{ color: #4A64C5; font-size: 11px; font-weight: bold; }
ul#searchresults > li 		{ list-style: none; margin: 0 0 15px 0; }
ul#searchresults .url 		{ font-size: 0.8em; color: #999999; }
.navigator					{ margin:0; padding:0 }
.searchResultNavigator 		{ list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; margin:0; }
.searchResultNavigator li 	{ float:left; padding-right:10px; }


/** Tabel stijlen **/
table.tableWhite 			{ border: 2px solid #FFFFFF; border-collapse: collapse;}
table.tableWhite tr td 		{ spacing: 0px; adding: 4px; border: 1px solid #FFFFFF;}
table.tableRed 				{ border: 2px solid #9F0035; border-collapse: collapse;}
table.tableRed tr td 		{ spacing: 0px; adding: 4px; border: 1px solid #9F0035;}
table.tableBlack 			{ border: 2px solid #000000; border-collapse: collapse;}
table.tableBlack tr td 		{ spacing: 0px; adding: 4px; border: 1px solid #000000;}
table.tableYellow 			{ border: 2px solid #CD9D00; border-collapse: collapse;}
table.tableYellow tr td 	{ spacing: 0px; adding: 4px; border: 1px solid #CD9D00;}
table.tableOrange 			{ border: 2px solid #FF6600; border-collapse: collapse;}
table.tableOrange tr td 	{ spacing: 0px; adding: 4px; border: 1px solid #FF6600;}
table.tablePink 			{ border: 2px solid #D9123F; border-collapse: collapse;}
table.tablePink tr td 		{ spacing: 0px; adding: 4px; border: 1px solid #D9123F;}
table.tableDarkGray			{ border: 2px solid #434343; border-collapse: collapse;}
table.tableDarkGray tr td 	{ spacing: 0px; adding: 4px; border: 1px solid #434343;}