/* Aeon Loopbaanadvies */

/* Design copyright 2006, Matthijs Boot; BeCurious!? internet & hospitality */
/* Contact: http://www.curious.nl/ */

/* You may NOT reproduce this design */
/* You are free to study the source and use techniques you learn from it */

body {
	color: #000033;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 0;
	margin: 0;
	margin-bottom:0px;
	overflow-y: auto;
	}

#aeon {
	position: absolute;
	bottom: 0px;
	right: 100px;
	width: 409px;
	height: 119px;
	background: url(../images/footers.gif) no-repeat;
	z-index: 0;
	}
#pand {
	position: absolute;
	top: 0;
	right: 0;
	width: 564px;
	height: 720px;
	background: url(../images/pandfoto.gif) no-repeat;
	z-index: 0;
	}

#header {
	position: absolute;
	top: 0;
	left: 265px;
	z-index: 1;
}

#breadcrumbs {
	margin: 20px 0 0 3px;
	font-size: 7pt;
	}
#breadcrumbs p {
	font-size: 7pt;
	}

h1 {
	display: block;
	margin-top: 60px;
	font-size: 45px;
}

#topnavigation p {
	margin: 0;
	margin-top: 20px;
	font-size: 7pt;
	}

#topnavigation a, #breadcrumbs a {
	text-decoration: none;
	color: #000033;
}

#navigation {
	position: absolute;
	top: 200px;
	left: 20px;
	width: 205px;
	z-index: 1;

	text-align: right;
	}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	display: block;
	margin: 3px 0;
}
#navigation ul a {
	text-decoration: none;
	font-size: 9pt;
	color: #000033;
}
#navigation li li {
	display: block;
	margin: 1px 0;
}
#navigation ul li ul{
	margin-bottom:0px;
}
#navigation ul ul a {
	font-size: 8pt;
	padding-bottom:0px;
}
#navigation .spaceBelow,
#navigation ul {
	margin-bottom: 1.5em;
}

/* colorschemes */

body #aeon { background: url(../images/footers.gif) no-repeat; }


body.aqua { background: url(../images/bg05-05.jpg) top left no-repeat; }
body.aqua #aeon { background-position: 0 -476px ; }
body.aqua a:hover, body.red #topnavigation p, body.red #breadcrumbs p {
	color: #93c0a7 !important;
}

body.blue {	background: url(../images/bg01-04.jpg) top left no-repeat; }
body.blue a:hover, body.blue #topnavigation p, body.blue #breadcrumbs p {
	color: #006699 !important;
}

body.blue2 { background: url(../images/bg03-04.jpg) top left no-repeat; }
body.blue2 #aeon { background-position: 0 -357px; }
body.blue2 a:hover, body.red #topnavigation p, body.red #breadcrumbs p {
	color: #0685a6 !important;
}

body.blue3 { background: url(../images/bg06-06.jpg) top left no-repeat; }
body.blue3 #aeon { background-position: 0 -595px ; }
body.blue3 a:hover, body.red #topnavigation p, body.red #breadcrumbs p {
	color: #009fad !important;
}

body.sand {	background: url(../images/bg04-02.jpg) top left no-repeat; }
body.sand #aeon { background-position: 0 -119px; }
body.sand a:hover, body.sand #topnavigation p, body.sand #breadcrumbs p {
	color: #cc7b17 !important;
}

body.red { background: url(../images/bg07-01.jpg) top left no-repeat; }
body.red #aeon { background-position: 0 -119px; }
body.red a:hover, body.red #topnavigation p, body.red #breadcrumbs p {
	color: #e31b23 !important;
}

body.darkred { background: url(../images/bg02-03.jpg) top left no-repeat; }
body.darkred #aeon { background-position: 0 -238px; }
body.darkred a:hover, body.darkred #topnavigation p, body.darkred #breadcrumbs p {
	color: #930809 !important;
}


#container {
	position: absolute;
	padding: 0 0 20px 265px;
	top: 200px;
	bottom:0px;
	left: 1px;
	}

#contents  {
	height: auto;
	padding-bottom:0px;
	padding-right: 100px;
	}
.left-column {
	width: 425px;
	float: left;
}
.right-column {
	width: 325px;
	margin-left:50px;
	float: left;
}
#contents h2, .left-column h2, .right-column h2 {
	margin: 5px 0 10px 0;
	padding: 0;
	font-size: 12pt;
	}
#contents h3, .left-column h3, .right-column h3 {
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 9pt;
	}
#contents p, .left-column p, .right-column p, #contents li, .left-column li, .right-column li{
	margin-top: 0;
	font-size: 9pt;
	line-height: 16pt;
	}
#contents a:link, #contents a:visited, .left-column a:link, .right-column a:link, .left-column a:visited, .right-column a:visited {
	color: #000033;
	}
#sitemap, #sitemap ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 9pt;
	}
#sitemap a {
	display: block;
	background: url(../images/sm1.gif) center left no-repeat;
	padding-left: 15px;
	height: 18px;
	}
#sitemap a:hover {
	background: url(../images/sm2.gif) center left no-repeat;
	}
#sitemap li {
	font-weight: bold;
	}
#sitemap li li {
	font-weight: normal;
	}
#sitemap ul {
	margin-left: 30px;
	}

form {
	vertical-align: top;
	font-size: 9pt;
	font-family: verdana, arial, helvetica, sans-serif;
	}
form label {
	display: block;
	float: left;
	clear: left;
	margin: 5px 10px 5px 0;
	text-align: right;
	}
form input, form select, form textarea {
	border: 1px solid #000033;
	padding: 1px;
	}
.tabletext {
	margin: 5pt;
	padding: 0;
	font-size: 8pt;
	}
.hide {
	display: none !important;
	}
.left {
	margin-right: 10px;
	float: left;
	}
.right {
	margin-left: 10px;
	float: right;
	}
.foto {
	float: right;
	top:0px;
	}
.img {
  padding: 4px;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  }

.style3 {font-size: 9pt; font-weight: bold; }
.style5 {font-size: 9pt}