@charset "utf-8";
/* ***** Redefine tags and base text display **************************** */
body { margin:0; padding:0;  background:url(../images/background-page.gif) no-repeat 50% 260px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:77.66%; color:#666; }
body.home { background:none; }
h1, h2, h3, h4, h5 { margin:1em 0 0 0; padding:0; }
h1 { font-size:1.4em; font-weight:bold; }
h2 { font-size:1.2em; font-weight:bold; }
h3 { font-size:1.1em; font-weight:bold; }
h4 { font-size:1em; font-weight:bold; }
h5 { font-size:1em; font-weight:bold; }
.bodyBlock, .bodyText, .bodyblock, .bodytext, p { margin:0 0 1em 0; padding:0; line-height: 1.6em; clear:both; }
a:link { color:#369; }
a:visited { color:#333; }
a:active { color:#000; }
a:hover { color:#000; }
ul { margin:0 0 1em 0; padding:0; }
ul li { margin:0 0 0 2em; padding:0.2em 0; }
.align-right { text-align:right; }
.hidden { display:none; }
.spacer { display:block; clear:both; width:100%; }
form { margin:0; padding:0; font-size:1em; }
select, textarea, input.text, input[type=text], input.password, input[type=password], button { display:block; margin:0; padding:0.1em; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#333; border:1px solid #666; }
select { padding:0.1em;}
table { margin:0; padding:0; width:100%; border:none; }
table tr th,
table tr td { margin:0; padding:0.3em 0.1em; text-align:left; }
table tr th { font-weight:normal; font-style:italic; }

/* ***** Lay-out **************************** */
.pagecontainer { margin:0 auto; padding:0; width:970px; }
.maincontentcontainer { margin:0; padding:0; position:relative; }
.maincontentcontainer .top { margin:0 30px; padding:0; height:80px; background:#bee4e5; position:relative; overflow:auto; }
.maincontentcontainer .top .inner { margin:0; padding:0; overflow:auto; }
.maincontentcontainer .content { margin:30px 210px 0 180px; padding:0 50px; position:relative; clear:both; overflow:auto; }
.maincontentcontainer .wide { margin:30px 30px 0 180px; padding:0 50px; position:relative; clear:both; overflow:auto; }
.maincontentcontainer .content .inner { margin:0; padding:0 0 50px 0; overflow:auto; }
.maincontentcontainer .right { margin:50px 0 0 0; padding:0; width:255px; background:#b3a9cb url(../images/background-right-bottom.gif) no-repeat 0 60px; position:absolute; top:0; right:0; }
.maincontentcontainer .right .inner { margin:0; padding:0 5px 0 30px; background:url(../images/background-right-top.gif) no-repeat -30px 0; overflow:auto; }
.maincontentcontainer .left { margin:30px 0 0 0; padding:0; width:215px; background:#c7987f url(../images/background-left-bottom.gif) no-repeat 180px 80px; position:absolute; top:0; left:0; }
.maincontentcontainer .left .inner { margin:0; padding:0 5px 0 30px; background:url(../images/background-left-top.gif) no-repeat 30px 0; }

.maincontentcontainer .right .bodyImageBlock {position:absolute;}

.maincontentcontainer .columns{width:32%;max-width:310px;margin:20px 0 0 0;}
.maincontentcontainer .mid { margin:20px 0 0 320px; position:absolute;  }
.footercontainer { display:none; }

/* ***** Site header **************************** */
.headercontainer { margin:0; padding:0; }
.branding { margin:0 0 10px 0; padding:0; }
.branding dt { margin:0; padding:0; background:url(../images/logo-hmcollege.gif) no-repeat -5px 0; width:269px; height:116px; }
.branding dt span { display:none; }
.branding dd { margin:0; padding:0 0 0 30px; display:block; background:#9c8ebd url(../images/gradient-purple-white.gif) repeat-y right; }
.branding dd span { display:block; margin:0; padding:5px 0; height:14px; text-decoration:none; text-align:right; font-size:1px; background:url(../images/logo-hmcollege-payof.gif) no-repeat left; color:#fff; }


/* ***** Content container **************************** */
.title { font-size:1.1em; font-weight:bold; line-height: 1.6em;  margin:1em 0 0 0; padding:0; }
.summary { margin:0 0 1em 0; padding:0; }
.bodytext { margin:0 0 1em 0; padding:0; }

/* service nav */
.top .servicenavigation { margin:0; padding:0 0 20px 0; list-style:none; }
.top .servicenavigation li { margin:0 5px 0 0; padding:0; list-style:none; float:left; }
.top .servicenavigation li a { text-decoration:none; color:#666; font-weight:bold; line-height:21px; }
.top .servicenavigation li.home a { display:block; width:21px; height:21px; padding:0; background:url(../images/icon-home.gif) no-repeat 0 50%; overflow:hidden; }
.top .servicenavigation li.home a span { display:none; }
.top .servicenavigation li.contact a { display:block; height:21px; padding:0 24px 0 0; background:url(../images/icon-contact.gif) no-repeat 100% 50%; }
.top .servicenavigation li.contact a span { }

.top .servicenavigation li.contact a:hover { color:#333; text-decoration:underline;}
.top .servicenavigation li.print a { display:block; width:21px; height:21px; padding:0; background:url(../images/icon-print.gif) no-repeat 0 50%; overflow:hidden; }
.top .servicenavigation li.print a span { display:none; }
.top .servicenavigation li a span { text-transform:uppercase; }
/* search form */
.top form.search { margin:0; padding:0; position:absolute; right:5px; top:5px; }
.top form.search label span { text-transform:uppercase; }
.top form.search label input { display:inline; width:185px;}
/* breadcrums */
.top .breadcrums { margin:30px 0 0 200px; padding:0; clear:both; }
.top .breadcrums ul { display:block; margin:0; padding:0; list-style:none; float:left; }
.top .breadcrums ul li { display:block; margin:0; padding:0; list-style:none; float:left; }
.top .breadcrums ul li a { display:block; margin:0 5px 0 0; padding:0 11px 0 0; background:url(../images/bullet-breadcrums.gif) no-repeat 100% 50%; float:left; color:#666; text-decoration:none; }
/* sokInfoBox */
.functieLinks { position:absolute; left:199px; top:1.5em; margin:0; padding:0; }
.sokInfoBox { margin:2px 0 0 0; padding:0; position:absolute; left:199px; top:0; width:480px; }
.sokInfoBox table { width:100%;}
.sokInfoBox table tr,
.sokInfoBox table tr td { margin:0; padding:0; color:#333; white-space:nowrap; }
.sokInfoBox div.left,
.sokInfoBox div.right { display:inline; margin:0; padding:0; position:relative; left:auto; top:auto; float:none; clear:none; background:none; width:auto; }
.sokInfoBox div.right { display:none; }


/* content */
.navigationcontainer {  margin:0 0 0 5px; padding:5px 0; }
.mainnavigation { margin:0; padding:0; list-style:none; height:157px; }
.mainnavigation div { margin:0; padding:0; width:100%; list-style:none; position:relative; }
.mainnavigation div a { display:block; width:100%; height:2em; margin:0; padding:0; color:#fff; font-weight:bold; text-decoration:none; }
.mainnavigation div a span { display:block; margin:0; padding:0.4em 0 0.4em 20px; background:url(../images/bullet-menuitem.gif) no-repeat 0 50%; }
.mainnavigation div.active a { color:#333; }
.mainnavigation div a:hover,
.mainnavigation div.open a { margin-left:-30px; padding-left:30px; background:#e1b732; background-position:30px 50%; color:#666; cursor:pointer; }
.mainnavigation div.open.item1 a { background:#e1b732 url(../images/background-menu-left-top.gif) no-repeat 25px 0; }
.mainnavigation div.open.item2 a { background:#e1b732 url(../images/background-menu-left-top.gif) no-repeat 25px -0.65em; }

.mainnavigation div div.subMenu { display:none; position:absolute; top:0; left:157px; width:200px; background:#ebc345 url(../images/background-submenu-left-top.gif) no-repeat 0 0; margin:0; padding:0 0 20px 0; }
.mainnavigation div.item1 div.subMenu { background-position:0 0; }
.mainnavigation div.item2 div.subMenu { background-position:0 -2em; }
.mainnavigation div.item3 div.subMenu { background-position:0 -4.05em; }
.mainnavigation div.item4 div.subMenu { background-position:0 -6.05em; }
.mainnavigation div.item5 div.subMenu { background-position:0 -8em; }
.mainnavigation div.open div.subMenu ul { margin:0 0 0 10px; padding:0; list-style:none; }
.mainnavigation div.open div.subMenu ul li { margin:0; padding:0; list-style:none; }
.mainnavigation div.open div.subMenu ul li a { display:block; margin:0; padding:0.4em 0 0.4em 20px; width:auto; height:auto; background:url(../images/bullet-menuitem.gif) no-repeat 0 50%; color:#fff; font-weight:normal; text-decoration:none; }
.mainnavigation div.open div.subMenu ul li a:hover { color:#666; cursor:pointer; }
.mainnavigation div.open div.active a,
.mainnavigation div.open div.subMenu ul li.active a { color:#333; }

.right h3.blockheader { color:#666; padding-left:21px; background:url(../images/bullet-header.gif) no-repeat 0 50%; text-transform:uppercase; }
.maincontentcontainer .right .inner { padding-bottom:100px; color:#fff; }
.maincontentcontainer .right h4 { text-transform:uppercase; }

/* etalage (home) */
.etalage { margin:0; padding:0; overflow:auto; clear:both; }
.etalage .top { margin:0 0 10px 0; padding:0; background:#9c8cb9; overflow:auto; }
.etalage .top .payof { margin:0; padding:0; float:left; }
.etalage .top .payof h1 { margin:10px 0 0 30px; padding:0; font-size:2.5em; color:#fff; }
.etalage .top .payof h2 { margin:5px 0 0 30px; padding:0; font-size:1.5em; color:#fff; }
.etalage .top .product { margin:20px 30px 20px 0; padding:0; float:right; }
.etalage .top .product h3 { margin:0 0 10px 0; padding:0; color:#fff; text-transform:lowercase; font-size:1.5em; text-align:center; }
.etalage .top .product p { margin:0; padding:0; color:#fff; font-size:0.9em; font-weight:bold; text-align:center; }
.etalage .left { margin:0; padding:0; float:left; width:33.33%; }
.etalage .left .header { margin:0 15px 0 0; padding:0; background:#01b5b4; }
.etalage .center { margin:0; padding:0; float:left; width:33.33%; }
.etalage .center .header { margin:0 15px 0 15px; padding:0; background:#bc8469; }
.etalage .right { margin:0; padding:0; float:left; width:33.33%; }
.etalage .right .header { margin:0 0 0 15px; padding:0;  background:#f389af; }
.etalage div .header h1.title { margin:0; padding:10px 0 0 30px; color:#fff; font-size:2em; }
.etalage div .header div.summary { margin:0; padding:0 0 10px 30px;  color:#fff; }
.etalage div.bodyImageBlock { margin:0; padding:0; height:100px; width:100px; float:right; background:#eee; overflow:hidden; }
.etalage div.bodyImageBlock img { width:100%; border:none; }
.etalage .left .bodyImageBlock,
.etalage .center .bodyImageBlock { margin:0 15px 0 0; }
.etalage div .bodytext { margin:5px 0 10px 30px; padding:0; clear:none; }
.etalage div .bodytext p { clear:none; }
.etalage .center .bodytext,
.etalage .right .bodytext { margin:5px 0 10px 45px; clear:none; }
.etalage div ul,
.etalage div ul li { margin:0; padding:0; list-style:none; }
.etalage .bottom { margin:10px 0; padding:10px 30px; background:#bc8469; text-align:center; clear:both; }
.etalage .bottom h1 { margin:0; padding:0; }
.etalage .bottom a:link,
.etalage .bottom a:visited, { color:#fff; }

/* NEWS */
.news { margin:1em 0 0 0; padding:0; }
.news ul { margin:0; padding:0; list-style:none; }
.news ul li { margin:0 0 2em 0; padding:0; list-style:none; }
.news ul li a { display:block; font-weight:bold; width:99%; }