/* CSS Document */
body, div, td  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
body {
	background-color:#1585BE;
	padding: 2px;
	margin: 0px;
}
body.gradient {
	background-image:url(images/atschool/bg.jpg);
	background-color: #1485BD;
	background-repeat:repeat-x;
}
body.header {
	background-color: #fff;
}
a {
	color: #F29300;
	font-weight: bold;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
#docent a, #overons a, #ingenieur a, #database a{
	color: #fff;
}
#home {
	position:absolute;
	top: -2px;
	left: 0px;
	padding:0px;
	marging:0px;
}
#docent {

	font-family: Georgia, arial, Helvetica, sans-serif;
	font-size:11px;
	position:absolute;
	width: 200px;
	left: 19px;
	float:left;
	top: 100px;
	z-index: 10;
}
#ingenieur {
	position:absolute;
	font-family: Georgia, arial, Helvetica, sans-serif;
	font-size:11px;
	width: 200px;
	left: 302px;
	float:left;
	top: 100px;
	z-index: 10;
}
#overons {
	position:absolute;
	font-family: Georgia, arial, Helvetica, sans-serif;
	font-size:11px;
	width: 200px;
	left: 582px;
	float:left;
	top: 100px;
	z-index: 10;
}
#database {
	position:absolute;
	width: 150px;
	left: 650px;
	float:left;
	top: 120px;
	z-index: 10;
}
#docent, #ingenieur, #overons, #database {
	color: #fff;
}
table.home {
	border: 3px solid #fff;
	background-image:url(images/atschool/bg-content.gif);
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}
td.oranje {
	background-color: #F29300;
	height: 10px;	
}
td.wit {
	background-color: #ffffff; 	
	background-image:url(images/atschool/bg-content.gif);
	padding: 25px 320px 25px 16px;
}
#logo {
	position: absolute;
	left: 20px;
	top: 10px;
}
#algemeen {
	position:absolute;
	width: 240px;
	left: 310px;
	z-index: 10;
}
#algemeen a{
	color: #fff;
}
#downloads {
	position:absolute;
	width: 250px;
	left: 590px;
	z-index: 10;
}
#downloads table.content td.content a {
	background-image: url(images/atschool/bullet.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left: 10px;
	color:#FFFFFF;
}
#downloads, #algemeen {
	color: #fff;
	top: 30px;
}
#image {
	position: absolute;
	right: 3px;
	top: 103px;
}
#knoppen {
	position: absolute;
	left: 283px;
	top: 71px;
}
a.docent, a.ingenieur, a.overons, a.database {
	width: 93px;
	height: 29px;
	margin-right: 1px;
}
a.docent {
	background-image: url(images/atschool/knop1.gif);
}
a.ingenieur {
	background-image: url(images/atschool/knop2.gif);
}
a.overons {
	background-image: url(images/atschool/knop3.gif);
}
a.database {
	background-image: url(images/atschool/knop4.gif);
}
a.docent:hover {
	background-image: url(images/atschool/knop1-over.gif);
}
a.ingenieur:hover {
	background-image: url(images/atschool/knop2-over.gif);
}
a.overons:hover {
	background-image: url(images/atschool/knop3-over.gif);
}
a.database:hover {
	background-image: url(images/atschool/knop4-over.gif);
}
#headerwrapper {
	position: absolute;
	top: 20px;
	right: 30px;
	text-align:right;
}