body {
	font-size: 70.2%;
	color: #2d3085;
}

body.lila {
	color: #fff;
}

a:link, a:visited, a:active {
	text-decoration: none;
}

h2 {
	font-size: 14px;
}

a:link, a:visited, a:active {
	color: #4e50a3;
}

a:hover {
	font-weight: bold;
	color: #acacd4;
	font-size: 10px;
}

#wrapper {
	background-color: #fff;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 938px;
}

#navigation {
	margin-left: -20px;
	width: 938px;
	background: url('../images/navbg.gif') no-repeat top center;
	height: 20px;
}

/*
#navigation ul {
	padding: 0;
	margin: 0;	
	width: 938px;
}

#navigation ul li {
	display: block;
	list-style: none;
	float: left;
	position:relative
}

#navigation ul li a {
	margin: auto;
	display: block;
	height: 20px;
	text-indent: -9999px;
}
*/


/* 
#navigation ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:200px;}
#navigation ul li:hover ul li ul {display: none;}
#navigation ul li:hover ul li a {display:block; }
#navigation ul li:hover ul li:hover ul {display:block; position:absolute; left:140px; top:0;}
#navigation ul li:hover ul li:hover ul.left {left:-105px;}
*/

#masthead {
	clear: both;
	background: url('../images/masthead.jpg') no-repeat;
	width: 938px;
	height: 263px;
}

#masthead h1 {
	text-indent: -9999px;
}

#maincontentwrapper {
	background: url('../images/content_wit_bg.jpg') no-repeat; 
	position: relative;
	height: 350px;
}

#maincontentwrapper1 {
	background: url('../images/content_wit_bg_1.jpg') no-repeat; 
	position: relative;
	height: auto;
}

.lila #maincontentwrapper {
	background: url('../images/content_lila_bg_1.jpg') no-repeat; 
	background-color: #8787bd;
	height: auto;
}

#content {
	padding-top: 12px;
	padding-left: 30px;
}

#content1 {
	padding-top: 12px;
	padding-left: 30px;
	text-align: center;
}


#content h2 {
		background: url('../images/headerbg.jpg') no-repeat scroll top left;
		min-width: 130px;
		height: 34px;
		padding-left: 25px;
		padding-top: 6px;
}

#content1 h2 {
	background: url('../images/headerbg.jpg') no-repeat scroll top left;
	min-width: 130px;
	height: 34px;
	padding-left: 25px;
	padding-top: 6px;
	text-align: left;
}

.lila #content h2,
.lila #content1 h2
 {
	background: url('../images/headerbg_lila.jpg') no-repeat scroll top left;
	min-width: 130px;
	height: 34px;
	padding-left: 25px;
	padding-top: 7px;
}

.lila h2 {
	color: #2d3085;
}

#content p {
	margin-top: 15px;
	width: 330px;
}

#fotos {
	position: absolute;
	top: 88px;
	right: -56px;
	width: 604px;
}

#footer {
	border-top: 7px solid  #7877c1;
	border-bottom: 7px solid  #7877c1;
	width: 938px;
	position: relative;
	height: 40px;
}

#footer p {
	position: absolute;
	right: 5px;
	top: 3px;
}

#footer table td {
	padding-right: 50px;
}
/*
.nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.nav li ul {
	position: absolute;
	left: -999em;
	width: 139px !important;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.nav li:hover ul, .nav li.hover ul {
	left: auto;
}

#navigation li.producten ul li {
	border-top: 1px solid #FFFFFF; 
	height: 20px;
	width: 139px;
	background-color: darkblue;		
	border-color: #FFFFFF;
}

#navigation li.producten ul li:hover, 
#navigation li.producten ul li.hover {
	color: #FFFFFF;
	background-color: #b6b6dc;		

}

#navigation li.producten ul li a:hover { 
	color: #002569; 
	
}

#navigation li.producten ul li a {
	color: #FFFFFF;				
    height: 20px;
	position: relative;
	padding-top: 5px;
	background-image: none;
	text-indent: 0;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
 }
 
#navigation li.producten ul li a:link {
	display: block;
	height: 20px;
	width: 139px;
}

#navigation li.producten ul li a:hover {
	color: #002569;
}

*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-replaced h2 {
	font-size: 14pt;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* There is a version of this file commented in great detail for educational purposes here:
 * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
 */

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:1.0;
}
.nav ul {
	position:absolute;
	top:-999em;
	width:13.45em;
}
.nav ul li,
.nav a {
	width: 100%;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:-1px;
	top:2.5em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:13.45em;
	top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav {
	float:left;
	margin-bottom:1.5em;
}
.nav ul li {
	border-left:1px solid #fff;
	border-top:1px solid #CFDEFF;
	width: 13.45em;
}
.nav a {
	color: #ffffff;
	padding: .75em 0;
	text-decoration:none;
	text-indent: 2em;
}
.nav ul li:hover, .nav ul li.sfHover,
.nav ul a:focus, .nav ul a:hover, .nav ul a:active {
	background:#ADADD3;
}

ul.nav li:hover, ul.nav li.sfHover {
	background-color: none;
}

.nav li li {
	background:#2E3085;
}
.nav li li li {
	background:#2E3085;
}

ul.nav li a {
	text-indent: -9999px;
}

ul.nav li li a {
	text-indent: 5px;
}

li.info {
	background: url('../images/info_button.jpg') no-repeat scroll 70% center;
	width: 119px;
}

li.producten {
	background: url('../images/producten_button.jpg') no-repeat scroll center center;
	width: 139px;
}

li.cursussen {
	background: url('../images/cursussen_button.jpg') no-repeat scroll center center;
	width: 120px;
}

li.verkooppunten {
	background: url('../images/verkooppunten_button.jpg') no-repeat scroll center center;
	width: 140px;
}

li.reintegratie {
	background: url('../images/integratie_button.jpg') no-repeat scroll center center;
	width: 111px;
}

li.ukktest {
	background: url('../images/ukktest_button.jpg') no-repeat scroll center center;
	width: 85px;
}

li.contact a {
	background: url('../images/contact_button.jpg') no-repeat scroll center center;
	width: 85px;
}

li.nieuws a {
	background: url('../images/nieuwstekst.gif') no-repeat scroll center center;
	width: 106px;
}

.nav a:hover {
	color: #13a;
}

li.producten a {
	color: #fff;
}.rood {
	color: #DC2521;
}
#wrapper #maincontentwrapper1 #content1 table tr td p {
	text-align: center;
	font-size: 14px;
}
#wrapper #maincontentwrapper1 #content1 table tr td p strong {
	text-align: center;
}
.red {
	color: #F00;
}
#wrapper #maincontentwrapper1 #content1 table tr td p {
	font-size: 11px;
}
#wrapper #maincontentwrapper1 #content1 table tr td {
	font-weight: bold;
	color: #F00;
}
#wrapper #maincontentwrapper1 #content1 table {
	text-align: center;
}
.bold {
	font-weight: bold;
	color: #F00;
}