/* global.css */
/* Flexible Solutins Automation */
/* User: - SKW Certificatie BV  */

/* whitespace reset */
body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,th {margin:0;padding:0;}
table {border-collapse:collapse;}
img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}

body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: small;
text-align: center;
background-color:#FFF8F0;
}
/* float-clearing element */
.clear {clear: both; height: 0; line-height: 0; }

.floatLeft {
	float:left;
	width:40%;
	text-align:left;
}
.floatRight {
	float:right;
	width:40%;
	text-align:right;
}

.floatPand {
	float:left;
	width:60%;
	text-align:left;
	padding: 2px;
}

.floatPlaats {
	float:right;
	width:35%;
	text-align:right;
	padding: 2px;
}

/* font sizing */

h2 {
	font-size: 120%;
	font-weight: bold;
	color: #F90;
	font-family: verdana, arial, sans-serif;
	margin: 10px 0 0 0;
	padding:0 0 3px 0;
	display: block;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	color: #060;
	margin-top: 8px;
	display: block;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	color: #F90;
	margin-top: 4px;
	margin-bottom: -3px;
	display: block;
}
p { 
	padding: 5px 0;
	margin: 0; }

/* lists */

ul { 
	padding: 5px 10px 5px 20px; 
	margin: 0px;
	list-style-type: square;
}
li { 
	padding-bottom: 5px; 
	margin: 0px; }
	
ul li ul li{ list-style-type: disc; }

dl,dt,dd { padding: 0; margin: 0; }
dl { position: relative; }

legend {
	color:#F90;
	background-color:#666;
}

/* links */
a:link {
	color: #060;
	text-decoration: none;
}

a:visited {
	color: #063;
	text-decoration: none;
}

a:hover, a:active {
	color: #F90;
	text-decoration: underline;
	border-bottom: none;
}

/* layout elements */

div#container {
	margin:0 auto;
	width: 980px;
	text-align:left;
}

div#title {
	width: 770px;
	height: 40px;
	margin: 0px 0px 0px -20px;
	padding: 7px 0 0 10px;
	color:#FFF;
	font-size: 200%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	letter-spacing: 0.1em;
	line-height: 30px;
	background: #060 url(../images/titleBar.jpg) 0% 50% repeat-x;
}

div#titleHP {
	width: 770px;
	height: 40px;
	margin: 0px 0px 0px -20px;
	padding: 5px 0 0 10px;
	color:#FFF;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	letter-spacing: 0.1em;
	line-height: 30px;
	background: transparent url(../images/titleBar.jpg) 0% 50% repeat-x;
}

html>body #title {
	margin-top: 0;
}

div#content {
	font-size: 90%;
	float:left;
	width: 580px;
	margin:0;
	padding: 0 0 10px 20px;
	text-align:left;
}

div#contentHP {
	font-size: 90%;
	float:left;
	width: 520px;
	margin:0;
	padding: 0 0 0 20px;
	text-align:left;
}

html>body div#content {
	height: auto;
}

#main {
	background-image: url(../images/nav_line.jpg);
	width:980px;
	background-position: bottom left;
	background-repeat:repeat-y;
	margin:0;
	padding: 0;
	float:left;
}

.spinner {
  height: 100%;
  width: 100%;
  background: transparent url(../images/spinner.gif) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
}

.SpryHiddenRegion {
	visibility: hidden;
}

/**** Navigation - left, right, bottom *****/

div#sidebar1 {
	float: left;
	width: 180px; /* since this element is floated, a width must be given */

	padding: 0 20px 0 0; /* right and bottom padding create visual space within this div */
	text-align:left;
	min-height:740px;
	color:#F90;
}

div#sidebar1HP {
	float: left;
	width: 200px; /* since this element is floated, a width must be given */
	padding: 0; /* right and bottom padding create visual space within this div */
	text-align:left;
	min-height: 800px;
	height: auto;
	background-color: #FFF8F0;
	color:#F90;
}

#rvaLogo1 {
	margin: 20px 0 0 10px;
	background-image:url(../images/logoRVAc117.gif);
	background-repeat:no-repeat;
	height: 100px;
	float:left;
	text-align:left;
	width: 107px;
	border-top: #FDB 1px solid;
	border-left: #FDB 1px solid;
	border-right: #F90 1px solid;
	border-bottom: #F90 1px solid;
}

#rvaLogo2 {
	margin: 20px 10px 0 0;
	background-image:url(../images/logoRVAc283.gif);
	background-position: right;
	background-repeat:no-repeat;
	height: 100px;
	width: 107px;
	float:right;
	border-top: #FDB 1px solid;
	border-left: #FDB 1px solid;
	border-right: #F90 1px solid;
	border-bottom: #F90 1px solid;
}

#sidebar2 {
	float: right; 
	margin-top: 220px;
	width: 50px; /* since this element is floated, a width must be given */
	background: #fff url(../images/skw_vert_nav.jpg) 50% 0% no-repeat;
	padding: 0; /* top and bottom padding create visual space within this div */
	border-right: #060 1px solid;
	min-height:500px;
}

div#menu {
	float: left;
	width: 140px;
	height: 180px;
	margin: 0px;
	padding-bottom: 5px;
	font-size: 105%;
	position:absolute;
	left: 839px;
	top: 197px;
	z-index: 200;
	list-style:none;
	line-height: 20px;

}

#sidebar2Ind {
	float: right; 
	margin: 45px 0 0 0;
	width: 200px; /* since this element is floated, a width must be given */
	padding: 0;
	min-height: 720px;
	height: auto;
	border-right: #060 1px solid;
}

#mainInd {
	width:980px;
	margin:0;
	padding: 0;
	float:left;
	background-color:#FFF;
}	

#menuBarInd {
	width: 160px;
	height: 500px;;
	float:left;
}

#indRelaties {
	width: 759px;
	background-color:#FFF;
	margin-left: 200px;
	padding-left: 20px;
	height: auto;
	border-right: #060 1px solid;
}

.indRelImgLeft {
	padding-bottom:10px;
	padding-right: 10px;
	float:left;
}

/* Title graphics for relevant pages appearing in the top left bar */
#titleImgBG {
	background: #fff url(../images/titleImgBG.png) 0% 70% repeat-x;
	height: 46px;
}

#certholdersTitle{
	background: url(../images/SKW-certholders-title.png) 95% 50% no-repeat;
	height: 40px;
}

#contactTitle{
	background: url(../images/SKW-contact-title.png) 95% 50% no-repeat;
	height: 40px;
}

#developTitle{
	background: url(../images/SKW-development-title.png) 95% 50% no-repeat;
	height: 46px;
}

#docsetTitle{
	background: url(../images/SKW-docset-title.png) 95% 50% no-repeat;
	height: 40px;
}

#downloadTitle{
	background: url(../images/SKW-download-title.png) 95% 50% no-repeat;
	height: 40px;
}

#faqsTitle{
	background: url(../images/SKW-faqs-title.png) 95% 50% no-repeat;
	height: 40px;
}

#newsTitle{
	background: url(../images/SKW-news-title.png) 95% 50% no-repeat;
	height: 40px;
}

#orgTitle{
	background: transparent url(../images/SKW-org-title.png) 95% 50% no-repeat;
	height: 46px;
}

#productsTitle{
	background: transparent url(../images/SKW-producten-title.png) 100% 50% no-repeat;
	height: 40px;
}

#relationsTitle{
	background: url(../images/SKW-relaties-title.png) 95% 50% no-repeat;
	height: 40px;
}

#homeTitle{
	background: url(../images/SKW-home-title.png) 95% 50% no-repeat;
	height: 40px;
}

/* form elements */

.formregion {
	margin: 10px;
}

.formregion li {
	font-size: 90%;
}

.formLabel {
	color:#060;
	padding-top: 5px;
}

fieldset {
	border-right: #F90 solid 1px;
	border-bottom: #F90 solid 1px;
	border-left: #FDB solid 1px;
	border-top: #FDB solid 1px;
	background-color:#FFEBD7;
}

label {
	color:#060;
}

.formbutton {
	padding: 2px;
	text-align:right;
}

#theProduct {
	margin-bottom:10px;
}

.formLeft {
	width: 50%;
	float: left;
	text-align:left;
}

.formRight {
	width: 50%;
	float: right;
	text-align:left;
}

.msg {
	border-bottom: #063 1px dotted;
}

/* General Table Rules
----------------------------------------------- */

.datatable {
	background-color: #FFF;
	border-collapse:collapse;
	color:#333;
	border: solid 1px #FDB;
	margin: 0;
	width: 100%;
}

.datatable th{
	text-align:left;
	font-weight:bold;
	padding: 6px 0.25em;
	border-bottom: 1px solid #D3DCE6;
	background: url(../images/navbar_link.jpg) #F90 repeat-x 0% 50%;
	color:#333;
}

.datatable tr:hover {
	background-color: #FFF8F0;
	color:#49668D;
}
	
.datatable td{
	text-align: left;
	margin-top:0px;
	padding: 2px;
	border-bottom: #CCC 1px solid;
}

.datatable td.relaties{
	text-align: left;
	margin-top: 0px;
	width: 28%;
}

.description {
	font-size:90%;
	margin-top: 0;
}

.datatable td.vhv{
	text-align: left;
	margin-top: 0px;
	padding: 6px 5px;
	float: left;
}

.datatable td.vhv img{
	float:right;
}

.datatable ul {
	list-style: outside square;
	list-style-image:none;
	margin:0;
	padding:0 0 5px 16px;
	display:block;
}

#datatableOZW {
	border-collapse:collapse;
	color:#060;
	margin: 0;
	width: 100%;
}

#datatableOZW th{
	text-align:left;
	text-transform:uppercase;
	padding: 3px 2px 3px 2px;
	color:#000;
}

.owner {
	background: transparent url(../images/SKW-panden.png) 90% 50% no-repeat;
	line-height:20px;
}

#datatableOZW ul {
	list-style: none;
	margin:0;
	padding: 0;
}

#datatableOZW .ownerStreet ul{
	line-height: 20px;
	float:left;
	width: 98%;
	padding: 3px 0px;
	text-align:left;
}

#datatableOZW .ownerTown ul{
	line-height: 20px;
	float:right;
	width: 98%;
	padding: 3px 0px;
	text-align:left;
}
	
#datatableOZW td{
	text-align: left;
	margin-top:0px;
}



/* NAW Table Rules */

#nawtable {
	border-collapse:collapse;
	color:#333;
	width: 100%;
	margin: 0;
}

#nawtable td{
	text-align: left;
	padding: 10px;
}

/* Header elements */

div#header {
	position: relative;
	width:980px;
	height: 150px;
	background: #fff url(../images/header.jpg) 0% 50% no-repeat;
	margin: 0px;
}

div#intro {
	padding: 15px 0;
	color:#063;
}

div#introHP {
	letter-spacing: 0.08em;
	color:#063;
}

div#intro h2 {
	font-size: 120%;
	font-weight: bold;
	margin-top: 0;
	color: #F90;
	font-family: verdana, arial, sans-serif;
	padding:0 0 3px 0;
	display: block;
}

div#intro a:link, div#intro a:visited{
	color:#F90;
	text-decoration:none;
}

div#intro a:hover{
	text-decoration:underline;
}

div.naw{
	margin-left: auto;
	margin-right:auto;
	height: 110px;
	width: 100%;
	border-right: 1px #F90 solid;
	border-top: 1px #FDB solid;
	border-left: 1px #FDB solid;
	background-color:#FFF8F0;
}

#gMap{
	padding-left: 15px;
	height: 300px;
	background-color:#FFF3E8;
	border-right: 1px #F90 solid;
	border-bottom: 1px #F90 solid;
	border-top: 1px #FDB solid;
	border-left: 1px #FDB solid;

}

div.info {
	text-align: left;
	padding: 10px 0 10px 20px;
	background: url(../images/SKW-docset.png) left center no-repeat;
	width:190px;
	float:left;
}

#detailTitle {
	margin-top:10px;
	padding: 2px;
	color: #060;
	font-size: 90%;
	font-weight:bold;
	background-color:#F90;
}

#detailNace {
	margin-top:10px;
	padding: 2px;
	color: #060;
	font-size: 90%;
	font-weight:bold;
}

#detail {
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	color: #060;
	font-size: 90%;
	border: #F90 dotted 1px;
}
	
#disclaimer{
	font-size:90%;
	padding-bottom: 15px;
}

#upperCase {
	text-transform:uppercase;
}

.clear {
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#SKWtel {
	background: url(../images/SKW-tel.png) 0% 50% no-repeat;
	padding-left: 20px;
	line-height:20px;
}

#SKWfax {
	background: url(../images/SKW-fax.png) 0% 50% no-repeat;
	padding-left: 20px;
	line-height:20px;
}

#SKWemail {
	background: url(../images/SKW-email.png) 0% 50% no-repeat;
	padding-left: 20px;
	line-height:20px;
}

#SKWcontact {
	background: url(../images/logo_skw_contact.gif) 80% 50% no-repeat;
	line-height:40px;
	font-size: 130%;
	font-weight:bold;
	color:#060;
}

#close {
	background: transparent url(../images/SKW-closure.png) 0% 0% no-repeat;
	margin-top:10px;
	padding-left: 20px;
	font-size: 95%;
}

/* footer elements */

div#footer {
	float: left;
	width: 980px;
	color: #fff;
	background-color:#060;
	text-decoration: none;
	margin: 0;
	display: inline;	
}

div#footer_left {
	left: 0px;
	top: 0px;
	float: left;
	width: 200px;
	height: 100px;
	position: relative;
	background: url(../images/bottom_left.png) left no-repeat;
}

div#footmenu {
    font-size: 0.8em;
    margin-left: 230px;
    padding: 20px 0 0 0;
    text-align:center;
    width: 570px;
}

div#footmenu a:link, div#footmenu a:visited, div#footmenu a:active{
	color: #fff;
	text-decoration: none;
}

div#footmenu a:hover {
	text-decoration: underline;
}

.noBullet {
	list-style:none;
}