/* Basisopmaak */

body {background-color: #fff;}

#totaal {background: #fff url(../../www.hva.nl/images/kolompaars.gif) right top repeat-y;}

img.links {float: left; margin: 3px 15px 8px 0;}
img.rechts {float: right; margin: 3px 0 8px 15px;}
img.border {border: 1px solid #000033;}

object.links {float: left; margin: 3px 15px 8px 0;}
object.rechts {float: right; margin: 3px 0 8px 15px;}

/* Top met navigatie */

#topbalk {background: #25167a;}

/* Titelbalk met aanduiding interessegebieden */

#titelbalk {
	background-color: #d3d0e4;
	height: auto;
	padding-top: 0;
	width: auto;
}
#titelbalk h1 {color: #665ba2; font-size: 18px; font-weight: normal; padding: 10px 15px;}
#titelbalk h1 span.titel {color: #25167a; text-transform: none; border-left: 2px solid #25167a;}
#titelbalk h1 span.titelopl {color: #25167a; text-transform: none; border-left: 2px solid #25167a; font-size: 14px;}
#titelbalk img {vertical-align: middle; margin-right: 5px; margin-top: -3px;}

/* Menu */

#linkerkolom {width: 300px; float: left;}
#menu {background: #fbeac0 url(../images/menuplaatje.jpg) bottom no-repeat; margin: 0; text-align: right; min-height: 225px; _height: 225px;}
#menubalk {background-color: #f1ad03; height: 22px; opacity: 0.6; filter: alpha(opacity=60);}
#menuitems {
	background: transparent url(../images/menu-top.png) 0 0 no-repeat;
	line-height: 18px;
	width: 258px;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 43px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#menuitems a {
	color: #25167a;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 18px;
	text-decoration: none;
	padding: 0 18px 0 5px;
	display: block;
	position: relative;
	_width: 251px;
	background-color: transparent;
	background-image: url(../images/menulink-back.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#menuitems a.ie5 {color: #25167a; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; height: 18px; text-decoration: none; padding: 0 18px 0 5px; display: block; position: relative; _width: 251px;}
#menuitems a:hover {background: transparent url(../images/menulink-back.png) 0 0 no-repeat; color: #c7000b;}
#menuitems a.ie5:hover {color: #c7000b;}
#menuitems a.actief {background: transparent url(../images/menulink-back.png) 0 0 no-repeat; color: #c7000b;}
#bottom {background: transparent url(../images/menu-bottom.png) 0 0 no-repeat; margin: 0 5px 0 43px; padding-bottom: 8px; width: 251px; height: 11px;}

.special {background-color: #514595; height: 20px;}
.special h1 {font-size: 12px; color: #fff; font-weight: bold; margin: 0; padding: 2px 15px;}
.specialtekst {padding: 10px 15px;}
.specialtekst img {vertical-align: middle; margin-bottom: 3px;}
.specialtekst a {font-weight: bold; color: #25167a; text-decoration: none;}
.specialtekst a:hover {text-decoration: underline;}
.specialtekst h2 {padding: 5px 1px; color: #25167a;}
.specialtekst p {padding: 5px 1px; color: #25167a;}
.groot {font-size: 14px;}
.groter {font-size: 16px;}
.nadruk {color: #f1ad03;}
#opendagbanner {padding: 5px 0 5px 14px;}

.aankondigingklein {background: transparent url(../../www.hva.nl/images/announce_middle.gif) top no-repeat; width: 250px; height: 150px; margin: 10px 15px;}
.aankondigingklein h2 {color: #ef741d; font-size: 14px; padding-bottom: 2px;}
.aankondigingklein p {padding-top: 3px; color: #313131;}

.aankondigingkleiner {background: transparent url(../../www.hva.nl/images/announce_kleiner.gif) top no-repeat; width: 250px; height: 75px; margin: 10px 15px;}
.aankondigingkleiner h2 {color: #ef741d; font-size: 14px; padding-bottom: 2px;}
.aankondigingkleiner p {padding-top: 3px; color: #313131;}
.aankondigingkleiner h4 {color: #25167a; font-size: 12px; padding-top: 4px; padding-bottom: 2px;}

div.faq {background-color: #fcefcd; border: 1px solid #25167a; cursor: pointer; text-decoration: none; color: #0068b4; margin: 10px 20px; padding: 5px; font-size: 12px;}
div.faq div {color: #313131; font-weight: normal; display: none;}
div.faq_content {background-color: #fcefcd; cursor: pointer; text-decoration: none; padding: 4px 5px; color: #0068b4; margin-bottom: 5px; font-size: 11px;}

/* Content */

#middenkolom {
	background-color: #fefbf2;
	width: 700px;
	float: left;
	height: auto;
}
#contenttitel {background-color: #3a2d87; height: 22px; text-align: right;}
#contenttitel h1 {padding-left: 25px; padding-top: 5px; font-size: 13px;}
#contenttitel a {font-weight: bold;}
#content {padding: 11px; min-height: 623px; _height: 623px;}
#content p.intro {color: #25167a; font-weight: bold;}

#content ul#internmenu {background: transparent url(../images/internmenu_achter.gif) 0 0 no-repeat; list-style: none; width: 531px; height: 28px; margin: 0 0 0 11px; padding: 0; _margin-bottom: 15px;}
#internmenu li {float: left; border-right: 1px solid #f7ce68; text-decoration: none; height: 12px; margin: 6px 0 6px 1px; padding: 0; _margin: 5px 0 5px 1px;}
#internmenu li a {font-size: 10px; color: #f19a03; display: block; font-weight: bold; text-decoration: none; margin: -2px 1px 0 0; padding: 0 7px; _padding: 1px 7px;}
#internmenu li a:hover {background-color: #fbe6b3; color: #25167a; text-decoration: none;}
#internmenu li a.actief {background-color: #fbe6b3; color: #25167a; text-decoration: none;}
#internmenu li a.actief:hover {text-decoration: underline;}
#internmenu li.zonder {border: none;}

#content ul#internmenudubbel {background: transparent url(../images/internmenudubbel_achter.gif) 0 0 no-repeat; list-style: none; width: 531px; height: 52px; margin: 0 0 0 11px; padding: 0; _margin-bottom: 15px;}
#internmenudubbel li {float: left; text-decoration: none; border-right: 1px solid #f7ce68; height: 12px; margin: 5px 0 4px 1px; padding: 0 0 2px 0; _margin: 4px 0 1px 1px;}
#internmenudubbel li a {font-size: 10px; color: #f19a03; display: block; font-weight: bold; text-decoration: none; margin: 0 1px 0 0; padding: 0 7px;}
#internmenudubbel li a:hover {background-color: #fbe6b3; color: #25167a; text-decoration: none;}
#internmenudubbel li a.actief {background-color: #fbe6b3; color: #25167a; text-decoration: none;}
#internmenudubbel li a.actief:hover {text-decoration: underline;}
#internmenudubbel li.zonder {border: none;}

#content h2.menu {clear: both; padding-top: 12px; _padding-top: 0; _margin-top: -3px;}

table.border {border: 1px solid #f1ad03; border-spacing: 1px;}
table tr.header1 {background-color: #f7ce68;}
table tr.header2 {background-color: #f9de9a;}
table tr.header2 th {font-size: 13px;}
table th.header {background-color: #f9de9a; font-size: 13px;}
table th.trans {background-color: #fefbf2;}
.header3 {background-color: #fcefcd; text-align: left; font-size: 12px;}

div#aanmelden {background-color: #f9de9a; width: 275px; float: right; margin: 8px 5px 5px 10px;}
div#aanmelden h2 {background-color: #f1ad03; color: #313131; font-size: 14px; font-weight: bold; border-bottom: 1px solid #fefbf2; padding: 5px;}
div#aanmelden ul {padding-bottom: 5px;}

div.aanmeldscherm {background-color: #fff; border: 1px solid #f1ad03; margin: 10px 14px; padding: 5px;}

div.altsubmenu {background-color: #fff; border: 1px solid #f1ad03; margin: 5px 5px; padding: 5px; float: right}

div.opsomkader {background-color: #f9de9a; width: 255px; float: right; margin: 10px 14px; _margin: 10px 7px 10px 14px;}
div.opsomkader h2 {background-color: #f1ad03; color: #313131; font-size: 14px; font-weight: bold; border-bottom: 1px solid #fefbf2; padding: 5px;}
div.opsomkader ul {margin-left: 15px; padding-bottom: 5px;}

div.opsomkader-links {background-color: #f9de9a; width: 255px; float: left; margin: 10px 14px; _margin: 10px 14px 10px 7px;}
div.opsomkader-links h2 {background-color: #f1ad03; color: #313131; font-size: 14px; font-weight: bold; border-bottom: 1px solid #fefbf2; padding: 5px;}
div.opsomkader-links ul {margin-left: 15px; padding-bottom: 5px;}

div.kader {background-color: #fcefcd; border-top: 10px solid #f1ad03; border-right: 1px solid #f1ad03; border-bottom: 10px solid #f1ad03; border-left: 1px solid #f1ad03; padding: 10px; font-size: 11px; margin: 10px 14px;}
div.kader img.lees {margin: 2px 0 -2px 4px; vertical-align: middle;}

div.kader-rechts {background-color: #fcefcd; border-top: 10px solid #f1ad03; border-right: 1px solid #f1ad03; border-bottom: 10px solid #f1ad03; border-left: 1px solid #f1ad03; padding: 10px; float: right; font-size: 11px; margin: 10px 14px; width: 235px; _margin: 10px 7px 10px 14px; _width: 255px;}
div.kader-rechts img.lees {margin: 2px 0 -2px 4px; vertical-align: middle;}

#aank {background: url(../../www.aht.hva.nl/images/hoogbouw.jpg) repeat-x; border: 2px dashed #dc241f; } 
 
/* rechterkolom */

#rechterkolom {background-color: #7c73af; width: 120px; float: left;}
#kolomtitel {font-size: 12px; color: #ffffff; background-color: #25167a; height: 22px; padding: 0 10px 0 10px;}
#kolomtitel h1 {font-size: 12px; font-weight: bold; color: #ffffff; padding: 3px 0 2px 0; margin: 0;}
#kolom {margin-top: 2px; font-size: 12px; color: #ffffff; text-align: center;}
#kolom p {color: #fff; padding: 3px;}
#kolom img {margin: 5px 2px 0 3px;}
#kolom a {color: #fff; text-decoration: underline;}
#kolom p.vorm {font-size: 11px; padding: 2px;}
#kolom p.vorm img {margin: 0 0 10px 0;}
#kolom2 {font-size: 10px; color: #25167a; background-color: #fdf3d9; padding: 5px 15px 15px 15px;}

/* Footer */

#footer {border: 1px solid #c8c5de; margin: 0; position: inherit; _width: 1000px;}
#footer1 {text-align: center;}
#footer2 {text-align: center;}