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

/**************************************************************************************
Algemeen gebied: HTML tags
***************************************************************************************/
* { font-family : Arial, Helvetica, Geneva, Sans-Serif; font-size : 12px; }

html, body 				{ margin: 0; padding: 0; width: 100%; height: 100%; }
body 					{ color: #555555; }
p 						{ text-align: left; margin: 0; margin-top: 7px; }
body, table, p, h1, h2  { margin: 0; }
table 					{ border: 2px solid #009c33; border-collapse: collapse;}
table tr td 			{ spacing: 0px; adding: 4px; border: 1px solid #9F0035;}
fieldset 				{ border:0; margin:0; padding:0;}
input, select, textarea { margin:0; padding:0;}
legend 					{ display:none;}
form 					{ margin:0; padding:0;}

h1 			{ color: #009c33; font-size: 10px; font-weight: bold; }
h2, h2 *	{ color: #009c33; font-size: 12px; font-weight: bold; }
h3, h3 * 	{ font-size: 12px; margin-bottom: 5px; color: #555555; }
h4, h4 * 	{ font-size: 12px; margin: 0 0 7px 0; color: #555555; }
h5, h5 * 	{ font-size: 13px; margin: 0 0 5px 0; color: #555555; font-weight: normal; }
img 		{ border:0; }
a, a * 		{ color: #009c33; text-decoration: underline; }

a:hover, a:hover * 	{ color: #e60018; }
.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;}


/**************************************************************************************
Supercontainer en container elementen
***************************************************************************************/

#superContainer 	{ background:transparent no-repeat scroll 50% 0px; height:100%; width:100%; }
#container 			{ width: 980px; margin:0 auto; position:absolute; background-color:#f5f5f5; }

/**************************************************************************************
Banner, logo en topmenu
***************************************************************************************/

#header	{ margin: 0; padding: 0; }

#topNav 			{ background-color: #ffffff; display: block; height: 16px; left: 0; position: absolute; top: 0; width: 980px; }
#topNav ul 			{ float:right; margin:0; padding:0; }
#topNav ul li		{ display: inline; list-style-type: none; margin: 0; padding: 0; }
#topNav ul a 		{ padding: 0 19px 0 0; color: #797979; text-decoration:none; font-weight:bold; font-size:11px; }
#topNav ul a:hover  { color: #e60018; }

#homelink 		{ width: 200px; height: 16px; float: left; background: #009C33}
#homelinkLeft 	{ color: #ffffff; float: left; font-size: 11px; font-weight: bold; line-height: 16px; text-decoration: none; padding: 0 0 0 16px; }
#homelinkRight 	{ float: right; }
#homeIcon		{ height: 16px; width: 20px; }

#banner	{ width: 980px; height: 176px; overflow: hidden; }
#banner img { height: 176px; width: 980px; }
#logo	{ height: 120px; width: 120px; position: absolute; left: 380px; top: 56px; }
#claim	{ height: 120px; width: 480px; position: absolute; left: 500px; top: 56px; background-color: transparent; background-image: url("../images/color_background.png");}

#version { display:none; }

/** Loginknop **/
span#loginButton 			{ width: 163px; height: 20px; padding: 0;}
span#loginButton a 			{ background: url("../images/login_key.gif") no-repeat 0 -3px; width: 133px; height: 20px; text-decoration: none; padding: 0 19px 0 30px; }
span#loginButton a:hover 	{ background: url("../images/login_key_red.gif") no-repeat 0 -3px; }

/**
 * Hoofdlayout: verdeling in links, midden en rechts. 
 * Deze drie stroken bevatten alle dynamische content en dwingen (d.m.v. de float, breedte en overflow)
 * de juiste weergave van de site af.
**/
div#left		{float: left; width: 200px; overflow: hidden;}
div#middle		{float: left; width: 540px; overflow: hidden; background: #ffffff;}
div#right		{float: left; width: 240px; overflow: hidden;}

/**************************************************************************************
Inhoud linker vlak
***************************************************************************************/

/** Paginadelen (templates) geplaatst in linker vlak **/
div#left div#template5 { float: left; visibility:hidden; }
div#left div#template6 { float: left;  }

/**************************************************************************************
Inhoud midden vlak
***************************************************************************************/

/** Lijsten **/
#middle ul.documentList			{ list-style: none; margin: 0; padding: 0; width: 460px; }
#middle ul.documentList li		{ padding: 2px 0 0 0; margin: 0 0 20px 0; border-top: 1px solid #E5E5E5;}
#middle ul.documentList .date	{ text-transform:uppercase; color: #555555; font-size: 12px; font-weight: bold; }


/** Squares **/
div#squares div#squareRight1 { width:210px; float:left; margin: 0 40px 0 0; }
div#squares div#squareRight2 { width:210px; float:left; }

div#squares img { width: 185px; }

div#squares div.green 		{ background-color:#ccebd6; color: #009C33; }

div#squares div.header 		{color: #ffffff; background-color: #33b05c; font-weight: bold; font-size: 13px; min-height: 20px; padding: 5px 0 5px 15px;}
div#squares div.text		{padding: 10px 10px 10px 15px; margin: 0px;}
div#squares div.form		{padding: 0px 10px 0px 15px; margin: 0px;}
div#squares div.link		{padding: 0px 10px 10px 15px; margin: 0px;}

/** Paginadelen (templates) geplaatst in midden vlak **/
div#middle div#template1,
div#middle div#template2,
div#middle div#template4 { background-color: #ffffff; padding: 36px 40px 30px; float: left; width: 460px; }

/**************************************************************************************
Inhoud rechter vlak
***************************************************************************************/
/** Contactgegevens **/
div#infoSquare				{ background-color: #33b05c; color: #ffffff; font-weight:bold; line-height:19px; }
div#infoSquare .text 		{ font-size:11px; padding: 15px 5px 30px 28px; }
div#infoSquare a			{ color:#ffffff; font-weight:normal; }

/** Zoekvak **/
div#search 					{ float: left; margin-top:20px; margin-bottom:20px; }
input#searchText 			{ float:left; height:16px; width: 168px; margin: 0 0 0 26px;}
input#searchImage 			{ float:left; }

/** Squares onder elkaar in rechter vlak **/
#template3 #squareRight2,
#template3 #squareRight3 { margin: 15px 0 0 0; }

/** Algemene stijl voor squares in het rechter vlak **/
#right .square div.header div	{ font-weight: bold; color: #555555; font-size: 11px; margin: 0; padding: 13px 0 10px 25px; }
#right .square div.text div		{ font-weight: normal; font-size: 11px; padding: 0 5px 0 25px;}
#right .square a,
#right .square a *				{ font-size: 11px; text-decoration: none; }
#right #quickLinks				{ float: left; }
#right .square a,
#right #quickLinks .link a		{ margin: 0 0 0 -12px; padding: 0 0 0 1em; display: block; background: url("../images/nav_bulletpoint.gif") 0 0.4em no-repeat; }
#right div.square ul			{ list-style: none; padding: 0; margin: 0; }
#right div.square div.form,
#right div.square div.link		{ padding: 0 5px 0 25px; }
/* documentLists zijn al gepad, de links in de documentList gaan we niet opnieuw padden */
#right div.square .documentList div.link	{ padding: 0 ; }

/* Toon links 'normaal' wanneer de content in een tabel staat (zie bijv. NassauDK) */
#right div.square table a		{ background: none; margin: 0; padding: 0; }

/** Stijl voor square met persberichten & handige links **/
#right div.square ul.documentList	{ padding: 0 5px 0 25px; }
#right div.square h1,
#right div.square .date div			{ font-weight: bold; color: #555555; font-size: 11px; margin: 0; padding: 13px 0 10px 0; }


/** Paginadelen (templates) geplaatst in het rechter vlak **/
div#template3 { float: left;  }

/**************************************************************************************
Onderkant pagina
***************************************************************************************/

#bottomArea 	{ float: left; height: 105px; width: 980px; background-color:#f5f5f5; }

div#footer 		{ font-size:10px; color:#555555; float: left; padding: 15px 0px 37px 200px; }
div#footer 		{ float: left; font-size:x-small; }
div#footer ul 	{ display: inline; padding:0; margin: 0;}
div#footer li 	{ display: inline; list-style-type: none; }
div#footer a 	{ font-size:10px; color: #797979; padding: 0 3px 0 3px; }

div#goTop		{ margin: 30px 0 0 40px; padding: 0 0 30px 0; float: left; }
div#goTop a		{ color: #797979; textdecoration: underline; font-size: 11px; }

/**************************************************************************************
Styling van CMS-content
***************************************************************************************/

/** Stijl voor formulieren **/
.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: #e60018; color: #fff; border: 0; padding: 5px 10px;}
.form .searchImage		{ margin: 3px 0 0 7px; width: 13px; height: 13px; }
.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 #66c485; padding:3px 2px 3px 5px; float:left; width:200px; margin:0 5px 0 0;}
.form input.text,
.form input.textSmall	{ border: 1px solid #6AC687; padding: 2px 6px; }
.form .text 			{ border:1px solid #66c485; float:left; width:180px; margin:0 5px 0 0;}
.form .textSmall 		{ border:1px solid #6AC687; float:left; width:131px; height: 13px; margin:0;}
.form .messageBottom p 	{ padding:0; margin:0; color: #666;}

/** Stijl voor sitemap **/
ul.siteMap, ul.siteMap ul 	{ margin:0; padding:0; list-style:none; }
ul.siteMap > li > ul > li 	{ background:#fff url("../images/nav_bulletpoint.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; }

/** 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; }
.message					{ font-weight: bold; color: #E60018; margin: 0 0 10px 0; }

/** 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;}