
/* --------------------------------------------- Main */

body {
	margin				: 0;
}
td {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	color				: #132969;
}
p {
	margin				: 0;
	margin-bottom		: 11px;
	color				: #132969;
}
h1 {
	font-size			: 18px;
	color				: #132969;
	font-weight			: bold;
	letter-spacing		: -1px;
	margin				: 0px;
}
h2 {
	font-size			: 14px;
	color				: #132969;
	font-weight			: bold;
	letter-spacing		: -1px;
	margin				: 0;
}
h3 {
	font-size			: 12px;
	color				: #132969;
	font-weight			: bold;
	letter-spacing		: -1px;
	margin				: 0px;
}
hr {
	color				: #CCCCCC;
	height				: 2px;
}
ul {
	margin				: 0px;
	margin-left			: 20px;
	list-style-type		: square;
	margin-bottom		: 3px;
}
li {
	padding				: 3px;
}
form {
	margin				: 0px;
}

/* --------------------------------------------- Colors */

.kleur1 {
	background-color:#8A9ACC;
}

.kleur2 {
	background-color:#E0E7FB;
}

.kleur3 {
	background-color:#B3BACF;
}

.kleur4 {
	background-color:#004993;
}

.kleur5 {
	color:#132969;
}


/* ---------------------------------------------  */

.adres {
	color: #999999;
	font-size: 10px;
}
a.adres:hover {
	color: #132969;
	text-decoration: underline;
}
.kolomTekst {
	padding-left: 10px;
	padding-right: 10px;
}
a.buttons {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border: 0px solid #ffffff;	
	height: 24px;
	width:100%;
	padding-top: 3px;
	padding-bottom:3px;
	padding-left: 6px;
}
a.buttons:hover {
	color: #132969;
	background-color: #ffffff;
	border: 1px solid #000000;
}
td.menuItems {
	background-color		: #663399;
	border-top				: 5px solid white;
}

/* --------------------------------------------- Aanbiedingen */

a.aanbieding {
	text-decoration: none;
	width: 100%;
	cursor: pointer;
	padding: 0px;
	border: 1px solid #ffffff;
	padding-bottom:5px;
	padding-top:5px;
}
a.aanbieding:hover {
	border: 1px solid #000000;
}

/* --------------------------------------------- News */

a.nieuws {
	text-decoration: none;
	width: 100%;
	cursor: pointer;
	padding: 4px;
	border: 1px solid #ffffff;
}
a.nieuws:hover {
	border: 1px solid #000000;
}
p.nieuws {
	padding:0px;
	margin:0px;
}
ul.nieuws a {
	text-decoration:none;
}
ul.nieuws a:hover {
	text-decoration		: underline;
}

/* ---------------------------------------------  */

.widht100 {
	width: 100%;
}

/* --------------------------------------------- Smoelenboek */

div.smoelenboek {
	position			: relative;
	width				: 245px;
	height				: 153px;
	background-image	: url(/content/images/kantoor/bg_automatisering.gif);
	background-repeat	: no-repeat;
	text-align			: left;
	clear				: both;
}
div.smoelenboek-leeg {
	position			: relative;
	width				: 245px;
	height				: 153px;
	clear				: both;
}
div.smoelenboek img {
	width				: 70px;
	height				: 90px;
	margin-top			: 50px;
	margin-left			: 11px;
	margin-right		: 11px;	
	float				: left;
}
div.smoelenboek div.naam {
	margin-top			: 76px;
	float				: left;
}
div.smoelenboek div.functie {
	margin-top			: 20px;
	width				: 130px;
	float				: left;
}
h2.smoelenboek {
	text-align			: left;
	margin-top			: 10px;
	margin-bottom		: 10px;
	border				: 1px solid #CCCCCC;
	line-height			: 25px;
	height				: 25px;
	padding-left		: 10px;
}
.pasfoto {
	padding-top			: 35px;
}


/* --------------------------------------------- Kantoor referenties */

div.referentie {
	width				: 45%;
	margin-right		: 15px;
	float				: left;
}

/* --------------------------------------------- Kantoor partners */

.kantoor_partner {
	width				: 18%;
	float				: left;
	text-align			: left;
	margin-bottom		: 15px;
	margin-right		: 10px;
}


/* --------------------------------------------- Aanmelden */

a.aanmelden {
	display				: block;
	width				: 100px;
	height				: 24px;
	line-height			: 20px;
	color				: white;
	background-color	: #014B94;
	background-image	: url(../images/buttons/aanmelden.jpg);
	text-align			: center;
	text-decoration		: none;
	font-weight			: bold;
	float				: right;
}
a.aanmelden:hover {
	color				: #132969;
	background			: none;
	background-color	: white;
	border				: 1px #132969 solid;
}
/* --------------------------------------------- Followuslinks */

ul#followuslinks {
	position			: absolute;
	top					: 25px;
	right				: 0px;
	list-style			: none;
}
ul#followuslinks li {
	float				: left;
	background-repeat	: no-repeat;
	height				: 25px;
	padding				: 0;
	margin-right		: 7px;
}
/* --------------------------------------------- Logo */

a#logo {
	position			: absolute;
	top					: 0px;
	display				: block;
	width				: 210px;
	height				: 95px;
	text-indent			: -998px;	
}

/* --------------------------------------------- Navigation */

ul#navigation {
	position			: relative;
	list-style			: none;
	padding				: 0;
	margin-bottom		: 0;
	margin-top			: 65px;
	width				: 980px;
	height				: 30px;
	background-color	: #004993;
}
ul#navigation li {
	float				: left;
	margin-bottom		: 0px;
	padding				: 0;
	display				: block;
	height				: 30px;
	margin-bottom		: 0px
}
ul#navigation li a {
	color				: #FFFFFF;
	font-weight			: bold;
	text-decoration		: none;
	font-size			: 12px;
	height				: 30px;
	padding-top			: 7px;
	padding-bottom		: 7px;
	padding-right		: 20px;
	padding-left		: 20px;
	background-color	: #004993;
	border-right		: 1px solid #8A9ACC;
	margin-bottom		: -10px;
}
ul#navigation li a:hover {
	background-color	: white;
	color				: #132969;
}

/* --------------------------------------------- Subnavigation */

.submenuItems {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	height: 31px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	padding-left: 10px;
}
a.submenuItems:hover {
	background-color: #FFFFFF;
	color: #132969;
}
.paginaLink {
	text-decoration: none;
	list-style-image: url(../images/pijlen/pijl1.gif);
}
ul.paginaLink{
	margin-left: 5px;
	padding-left: 15px;
}
.paginaLinkSub {
	text-decoration: none;
	list-style-image: url(../images/pijlen/pijl2.gif);
}
.paginaLinkDown {
	text-decoration: none;
	list-style-image: url(../images/pijlen/pijl3.gif);
}
.paginaLinkSubDown {
	text-decoration: none;
	list-style-image: url(../images/pijlen/pijl4.gif);
}
a.paginaLink, a.paginaLinkSub, a.paginaLinkDown, a.paginaLinkSubDown {
	font-size: 11px;
	font-weight:bold;
	width:100%;
	margin-top: -16px;
}
a.paginaLink:hover, a.paginaLinkSub:hover, a.paginaLinkDown:hover {
	text-decoration:underline;
}

td.menu_links{
	padding-top: 10px;
}

/* --------------------------------------------- Content */

div.block {
	width				: 300px;
	text-align			: left;
}
div.block.vacature {
	height				: 130px;
	background-image	: url(/content/images/banners/werken.jpg);
	background-position	: 0 -29px;
	background-repeat	: no-repeat;
	margin-top			: 7px;
	padding				: 15px;
	padding-top			: 10px;
}

div.block.aanbieding {
	background-image	: url(/content/images/aanbieding/background_block.jpg);
	background-repeat	: repeat-y;
	/*background-position	: 0 -29px;
	background-repeat	: no-repeat;
	margin-top			: 7px;*/
	width				: 250px;
	height				: 340px;
	text-align			: center;
	border				: 2px solid #8A9ACC;
	padding-top			: 10px;
}

div.block.aanbieding_homepagina {
	background-image	: url(/content/images/aanbieding/background_block.jpg);
	background-repeat	: repeat-y;
	/*background-position	: 0 -29px;
	background-repeat	: no-repeat;
	margin-top			: 7px;*/
	width				: 275px;
	height				: auto;
	text-align			: center;
	border				: 2px solid #8A9ACC;
	padding-top			: 10px;
	padding-bottom		: 10px;
}

div.block.informatie_homepagina {
	background-image	: url(/content/images/aanbieding/background_block.jpg);
	background-repeat	: repeat-y;
	/*background-position	: 0 -29px;
	background-repeat	: no-repeat;
	margin-top			: 7px;*/
	width				: 275px;
	height				: auto;
	text-align			: center;
	border				: 2px solid #8A9ACC;
	padding-top			: 10px;
	padding-bottom		: 10px;
}



#contentTABLE {
	margin-top			: 5px;
	width				: 1000px;
}
.contentTD {
	padding-top			: 10px;
}
.contentCenter {
	border-left			: 5px solid #ffffff;
	border-right		: 5px solid #ffffff;	
}

/* --------------------------------------------- Logos */

div#logos {
	position			: absolute;
	top					: 0px;
	left				: 315px;
	width				: 500px;
	height				: 40px;
}

/* --------------------------------------------- Cursus aanbod */

table.cursus {
	border-left			: 1px solid #132969;
	margin-top			: 5px;
	margin-bottom		: 20px;
}	
table.cursus th {
	padding				: 7px 5px;
	background-color	: #132969;
	color				: white;
	text-align			: left;
	font-size			: 12px;
}
table.cursus td {
	padding				: 5px;
	font-size			: 11px;
	border-bottom		: 1px solid #132969;
	border-right		: 1px solid #132969;
	height				: 25px;
}
table.cursus tr.even {
	background-color	: white;
}
table.cursus tr.odd {
	background-color	: #e0e7fb;
}

table.cursus a.aanmelden {
	display				: block;
	width				: 100px;
	height				: 24px;
	line-height			: 20px;
	color				: white;
	background-color	: #014B94;
	background-image	: url(../images/buttons/aanmelden.jpg);
	text-align			: center;
	text-decoration		: none;
	font-weight			: normal;
	float				: none;
}
a.aanmelden:hover {
	color				: #132969;
	background			: none;
	background-color	: white;
	border				: 1px #132969 solid;
}


/*----------------------------------------------------------Office 2010*/

tr.office_row{
	background-color:#E0E7FB;
}
tr.office_head_row{
	background-color:#E0E7FB;
}
.office_apps_tekst{
	background:;
	width:150px;
	height:100%;
	position:absolute;
}
.office_apps_logos{
	background:;
	width:100%;
	height:100%;
	position:relative;
	float:left;
}
.mouse2{
	visibility:hidden;
	background-color: #336699;
	color: white;
	width:;
	font-size:11px;
	position:absolute;
	top:0px;
	left:0px;
	float: left;
	padding:4px;
	border:1px solid white;
}  

.nomouse {
	position: fixed;
	width: 35px;
	margin-right: 13px;
	float: left
}

.functionaliteiten{
	margin: 0px;
	padding: 0px;
	border: none;
}

/*--------------------------------------------- Suckerfish dropdown -----*/

/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 70px;
}
 
.nav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  border-right: 1px solid #fff;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 1.22em/25px Verdana, Helvetica, sans-serif;
  background: #004993;
  color: #fff;
  display: block;
  padding: 0 3px;
  text-decoration: none;
  width: 133px;
}
 
.nav li a:hover {
  background: #fff;
  color: #004993;	
 
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #fff;
  color: #004993;	
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #004993;
  color: #fff;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #fff;
  color: #004993;		
}
 
.nav ul {
  background: #004993;
  border-bottom: 0px solid #000;
  list-style: none;
  margin: 0;
  width: 133px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 0px solid #000;
  border-bottom: 0;
  padding-right: 20px;
  width: 80px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #fff;
  color: #004993;	
}


