/**************************************************************************************
CSS Stylesheet behorende bij NassauVoV
***************************************************************************************/

/**************************************************************************************
Algemeen gebied: HTML tags
***************************************************************************************/
* { font-family:arial, helvetica, geneva, sans-serif; font-size : 12px; }

html 					{ width: 100%; height: 100%;}
body 					{ margin: 0; padding:0; color: #000; line-height: 18px; background:url(../images/vov-gmbh-background.gif) repeat-y; }
p 						{ text-align: left; margin: 0; margin-top: 7px; }
body, table, p, h1, h2  { margin: 0; }
table 					{ border: 2px solid #000000; border-collapse: collapse;}
table tr td 			{ spacing: 0px; adding: 4px; border: 1px solid #000000;}
fieldset 				{ border:0; margin:0; padding:0;}
input, select, textarea { font-family:arial, helvetica, geneva, sans-serif; margin:0; padding:0;}
legend 					{ display:none;}
form 					{ margin:0; padding:0;}

h1 			{ color:#003399; font-size:20px; font-weight:bold; padding:15px 0px 20px 0px; letter-spacing:.03em; }
h2, h2 *	{ color:#003399; font-size:20px; font-weight:bold; padding:15px 0px 20px 0px; letter-spacing:.03em; }
h3, h3 *	{ font-size:14px; margin-bottom:5px; color:#000; }
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: #003399; text-decoration:undeline;}

a:hover, a:hover * 	{ color:#0000FF; }
.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 	{ color: red;  }
#superContainer { background:url(../images/vov-gmbh-background2.gif) repeat-x scroll 0 0; height:100%; width:100%; position:absolute; }
#container 	{ margin:0; padding:6px -15px 0px 15px; width:100%; position:absolute; background:url(../images/vov-gmbh-toparea.gif) no-repeat scroll 0 0; }
#topArea 	{ float:left; overflow:hidden; margin:6px 0 0 0; height:65px; width:511px; padding:0; }
#leftArea 	{ float:left; padding:0; width:150px; overflow:hidden; display:block;
				position:absolute; top:131px; width:148px; left:30px; }
#centerArea { padding:0; margin:0; }
#bottomArea { height: 95px; margin: 20px 0 30px 195px; width:600px; }
#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; margin:0px; padding:0px; display:block; overflow:hidden;}

#topNav, #topNav * { display:none; }

div#homeTop 	{ margin-left:195px; margin-top:131px; display:block; float:none; }
div#homeTop * 	{ margin:0; float: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; }

/* rightHeader wordt niet gebruikt */
div#rightHeader, div#rightHeader * { display:none; }

div#footer 			{ width:100%; height:65px; margin:30px 0; }
div#footer .left 	{ float:left; padding-left:8px; }
div#footer .right 	{ float:right; text-align:right; padding-right:8px; }

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

/* Zorgt voor ruimte bovenaan de pagina. */
.breadCrumb {height:131px; display:block;}

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


/******
Paginadelen (templates)
*********/

div#template1, 
div#template2 { width:589px; margin:0 0 0 195px; padding:5px 8px; background-color:#FFF; float:none; }
div#template3,
div#template6 { width:250px; position:absolute; left:815px; top:131px; }
div#template4 { width:600px; margin-left:195px; }
div#template5 { width:148px; position:absolute; top:131px; left:30px; }

div#template1 > p, 
div#template2 > p { display:none; }

div#template2 > p.message { display:block; color:#000; }

/**************************************************************************************
Zoekbox
**************************************************************************************/
div#loginButton * { display:none; }

div#search { text-align: left; width: 260px; position: absolute; top: 94px; left: 815px; overflow: hidden;
			 height: 20px; background-color: white;}
div#search #searchText { position: absolute; height: 15px; width: 235px; 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 { color: #003399; font-size: 20px; font-weight: bold; padding: 15px 0px 20px 0px; letter-spacing: .03em; }
.template p strong { font-weight: bold; font-style: normal; margin: 0 0 3px; padding: 0; }
.template span.label { float: left; width: 15em; clear: right; }
.template div.header * { font-size:14px; margin-bottom:5px; color:#000; font-weight:bold; }


#template4 .header div	{ font-size:20px; font-weight:bold; line-height:1.4; margin-bottom:10px; background-color:#CCCCCC; }
#template4 .text a	 	{ padding:5px 10px 10px 0; text-align:right; display:block; font-weight:bold;}


/**
Menu homepage.
**/
#template5 .header div		{ padding:2px; color: #000000; background: #CCCCCC; font-weight:bold; }
#template5 p				{ padding:0; margin;0; }
#template5 a 				{ color:#000000; display:block; border-bottom:2px solid #F4F4F4; text-decoration:none; font-size:11px; padding:0px 0px 0px 4px; background-color:#FFFFFF; line-height:19px}
#template5 a:hover 			{ color:#003399;}


/**
Squares.
**/
div.white, div.red, div.pink { 	
	background-color:#FFFFFF; color:#000000; display:block; float:left; margin-bottom:20px; padding:5px; width:250px; }
div.white .header, div.red .header, div.pink .header {
	background-color:#F4F4F4; color:#003399; font-weight:bold; margin:0; padding:5px; }
div.white .text, div.red .text, div.pink .text {
	background-color:#F4F4F4; padding:5px; }
div.white .form, div.red .form, div.pink .form {
	background-color:#F4F4F4; padding:5px; }
div.white .link, div.red .link, div.pink .link {
	background-color:#F4F4F4; padding:5px; }


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:#003399; 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 #003399; 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: #000; background-color: #000; 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;}


/** Generic */
#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:600px; margin-bottom:10px; font-size:20px; line-height:1.4; }
#template2 > .quote div		{ width:600px; color:#666666; font-size:14px; margin-bottom:18px; }
#template2 > .text			{ width:600px }


/** 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:#000; text-decoration:underline; display:block; margin-top:10px; }
ul.siteMap a:hover		 	{ color:#003399; }
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%; }


/** Zoekresultaten **/
#form .searchText			{ float:left; border:1px solid #ADADAD; height:18px; margin:0; padding-left:4px; padding-top:3px; width:250px; }
ul#searchresults 			{ padding: 0; margin: 20px 0 0 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 0 30px 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;}