body { font: 12px/15px Verdana, Arial, Helvetica, sans-serif; color: #5A5A5A; }

* { margin: 0; padding: 0; }
img { border: 0; }

td,th, input, select, textarea { font: 12px/15px Verdana, Arial, Helvetica, sans-serif; }
td, th { padding: 5px; vertical-align: top; }
input, textarea { padding: 2px 3px; }
input, select, textarea { font-size: 11px; }
ul, ol { margin: 7px 0 7px 4px; }
ul { list-style: none; }
li { padding: 3px 0 3px 9px; background: url(../images/bg_content_listitem.gif) no-repeat left 9px; }

a { color: #5A5A5A; }
a:hover { color: #9F1800; }

.clear { clear: both; height: 0; line-height: 0px; overflow: hidden; }

#wrapper { min-width: 963px; background: #fff url(../images/bg_navigationbar.gif) repeat-y left top; }

#wrapper.popup { min-width: 660px; background-image: none; }

/* header
------------------------------------------------------------------*/
#header { position: relative; height: 138px; background: #fff url(../images/bg_mainmenufull.png) repeat-x left bottom; }
#header #logo { position: absolute; top: 21px; left: 29px; }
#header #slogan { position: absolute; top: 51px; left: 250px; }
#header #kuleuven { position: absolute; top: 32px; right: 500px; }
#header #bannerfoto { position: absolute; bottom: 28px; right: 250px; border-right: 6px solid #AEA800; }
#searchForm {float: right; margin: 39px 15px 0 0; }
#searchForm fieldset { position: relative; width: 215px; height: 53px; border: none; background: url(../images/bg_zoeken.png) no-repeat top left;  }
#searchForm legend { display: none; }
#searchForm #zoekwoord { position: absolute; top: 14px; left: 65px; width: 110px; border: 0; }
#searchForm #zoekknop { position: absolute; top: 10px; right: 0; border: none; }
#zoekvergrootglas { position: absolute; height: 50px; width: 60px; }
#header ul { position: absolute; bottom: 0; left: 0; width: 750px; height: 28px; margin: 0; padding-left: 203px; background: url(../images/bg_mainmenu.png) no-repeat top left; list-style: none; }
#header li { float: left; width: 125px; padding: 0; background-image: none; }
#header li a { display: block; width: 100px; height: 20px; padding: 7px 0 0 25px; text-decoration: none; font-size: 11px; }
#header li a:hover, #header li.active a { color: #9F1800; }
#header li#menu1 a:hover, #header li#menu1.active a { background: url(../images/bg_mainmenu.png) -203px 28px; }
#header li#menu2 a:hover, #header li#menu2.active a { background: url(../images/bg_mainmenu.png) -328px 28px; }
#header li#menu3 a:hover, #header li#menu3.active a { background: url(../images/bg_mainmenu.png) -453px 28px; }
#header li#menu4 a:hover, #header li#menu4.active a { background: url(../images/bg_mainmenu.png) -578px 28px; }
#header li#menu5 a:hover, #header li#menu5.active a { background: url(../images/bg_mainmenu.png) -703px 28px; }
#header li#menu6 a:hover, #header li#menu6.active a { background: url(../images/bg_mainmenu.png) -828px 28px; }

/* homepage
------------------------------------------------------------------*/
#homepage { padding: 15px 35px 25px 25px; background: #CBD12E; }
#homepage #hpcontent { margin: 65px auto 0 auto; padding-right: 186px; }
#homepage #hpcontent img { display: block; margin: 0 auto; }
#hpsidebar { position: relative; float: right; width: 186px; height: 478px; background: url(../images/bg_hpsidebar.gif) no-repeat left top;}
#stupers { position: absolute; top: 54px; left: 26px; }
#agenda { position: absolute; top: 180px; left: 18px; }
#nieuws { position: absolute; top: 338px; left: 30px; }
#agendatitel a,
#nieuwstitel a { display: block; position: absolute; height: 27px; width: 51px; text-indent: -9999px; }
#agendatitel a { top: 158px; left: 28px; }
#nieuwstitel a { top: 318px; left: 50px; }
#hpsidebar ul { margin: 0; list-style: none; }
#hpsidebar li { width: 142px; padding: 3px 0 3px 8px; background: url(../images/bg_navigationitem.gif) no-repeat left 9px; line-height: 14px;}
#hpsidebar li a { text-decoration: none; font-size: 11px; }
#doelgroeplinks { width: 646px; margin: 50px auto 0 auto; padding: 0 0 10px 0; background: #D9D82B; overflow: hidden; }
#doelgroeplinks ul { float: left; width: 195px; margin: 10px 7px 0 8px; list-style: none; }
#doelgroeplinks li { padding: 3px 0 3px 8px; background: url(../images/bg_doelgroepitem.gif) no-repeat left 9px; text-align: left; }
#doelgroeplinks a { text-decoration: none; }

/* navigation
------------------------------------------------------------------*/
#navigation { float: left; width: 203px; background: #CBD12E url(../images/bg_navigationtop.gif) no-repeat 15px 10px; }
#navigation ul { margin: 40px 0 20px 15px; padding: 0 5px 15px 15px; background: url(../images/bg_navigationbottom.gif) no-repeat left bottom; list-style: none; }
#navigation ul.menu_default { margin: 40px 0 20px 15px; padding: 0 5px 15px 15px; background: url(../images/bg_navigationbottom.gif) no-repeat left bottom; list-style: none; }
#navigation li { width: 135px; padding: 3px 0 3px 8px; background: url(../images/bg_navigationitem.gif) no-repeat left 9px; }
#navigation li.menu_default { width: 135px; padding: 3px 0 3px 8px; background: url(../images/bg_navigationitem.gif) no-repeat left 9px; }
#navigation ul ul { margin: 0; padding: 0; background-image: none; }
#navigation li li { width: 130px; }
#navigation a { text-decoration: none; font: 11px/14px Arial, sans-serif; }
#navigation li a { font-weight: bold; }
#navigation li li a { font-weight: normal; }
#navigation li.active { background-image: url(../images/bg_navigationitem_active.gif); }
#navigation a:hover, #navigation li.active a:hover, #navigation li.active li.active a:hover, #navigation li.active li.active li.active a:hover,
#navigation li.active a, #navigation li.active li.active a, #navigation li.active li.active li.active a { color: #9F1800; text-decoration: underline; }
#navigation li.active li a, #navigation li.active li.active li a { color: #5A5A5A; text-decoration: none; }

/* content
------------------------------------------------------------------*/
#content { /*float: left; width: 660px;*/ margin: 0 0 0 203px; padding: 10px 45px 20px 45px; }
.popup #content { margin-left: 0; }

#path { margin: 0 0 15px -25px; font-size: 11px; }
#contentlinks { font-size: 11px; text-align: right; }
#contentlinks #printpagina { padding: 0 0 0 15px; background: url(../images/bg_printlink.gif) no-repeat left 2px; }
h1 { margin: 7px 0 16px 0; padding: 0 0 2px 0; border-bottom: 1px dotted #9F1800; font-size: 13px; color: #9F1800; }
h2 { margin: 14px 0; font-size: 13px; color: #9F1800; }
h3 { margin: 14px 0; font-size: 13px; }
h4 { margin: 14px 0 0 0; font-size: 12px; }
h5 { margin: 14px 0 0 0; font-size: 12px; font-weight: normal; }
h6 { margin: 14px 0 0 0; font-size: 11px; font-weight: normal; }
table { border-collapse: collapse; }
.templatetable { border: 1px solid #5a5a5a; }
.templatetable td, .templatetable th { border: 1px solid #5a5a5a; }
.templatetable th { background: #5a5a5a; color: #fff; }
.blok, .bestanden { display: table; width: 100%; }
.text { margin: 0 0 14px 0; }
.text a, .bestanden a, #search a { color: #9F1800; }
.text a:hover, .bestanden a:hover, #opleidingen a:hover, #search a:hover { background: #CBD12E; }
.fotoLinks li { padding-left: 0; background-image: none; list-style-image: url(../images/bg_content_listitem2.gif); list-style-position: inside; }
.picture { position: relative; float: left; margin: 0; padding-bottom: 14px; }
.picture .caption { position: absolute; bottom: -3px; left: 12px; height: 36px; font-size: 11px; line-height: 13px; color: #999; }
.schaduw { position: relative; float: left; margin-top: 20px; background: url(../images/bg_schaduw.gif) no-repeat left top; }
.schaduw div { padding: 5px 0 0 5px; background: url(../images/bg_schaduw2.png) no-repeat right bottom; }
.schaduw img { display: block; background-color: #F3F0F0; padding: 6px 7px 36px 7px; }
.picture .fotospijker { position: absolute; top: -2px; left: 35%; width: 55px; height: 37px; background: url(../images/bg_fotospijker1.png) no-repeat top left; z-index: 5; }
.picture .prikker1 { left: 40%; background-image: url(../images/bg_fotospijker1.png); }
.picture .prikker2 { left: 33%; background-image: url(../images/bg_fotospijker2.png); }
.picture .prikker3 { left: 37%; background-image: url(../images/bg_fotospijker3.png); }
.picture .prikker4 { left: 32%; background-image: url(../images/bg_fotospijker4.png); }
.picture .prikker5 { left: 34%; background-image: url(../images/bg_fotospijker5.png); }
.bestanden { margin: 0 0 14px 0; list-style: none; }
.bestanden li { padding: 0 0 2px 10px; background: url(../images/bg_bestanditem.gif) no-repeat left 4px; vertical-align:bottom }
.bestanden li span { font-size: 11px; }
.links { float: left; margin-right: 10px; }
.rechts { float: right; margin-left: 10px; }
#content .midden { float: none; padding: 0 0 14px 0; }
#content .midden .schaduw { float: none; margin: 0 auto; }
#content .midden .fotospijker { position: relative; display: block; margin: 0 auto; top: 14px; left: auto;}
#search li { margin-bottom: 10px; }
#search li span { font-size: 11px; }


#wrapper .opleiding { /*width: 705px;*/ padding-right: 0; }
#wrapper .opleiding #contentblok { /*float: left; width: 447px;*/ margin: 0 258px 0 0; }
#opleidingnav { float: right; width: 203px; margin: 0 0 20px 0; padding: 30px 10px 0 0;/*border-right: 1px dotted #9F1800;*/ background: url(../images/bg_opleidingtop.gif) no-repeat left top; }
#opleidingnav h1 { margin: 0; padding: 5px 10px 10px 17px; border: none; font-size: 11px; line-height: 13px; /*font-weight: normal;*/ }
#opleidingnav ul { margin: 0; padding: 0 5px 15px 15px; background: url(../images/bg_opleidingbottom.gif) no-repeat left bottom; list-style: none; }
#opleidingnav li { width: 135px; padding: 3px 0 3px 11px; background: url(../images/bg_navigationitem.gif) no-repeat 3px 9px; }
#opleidingnav li.active { background: #F3F0F0 url(../images/bg_navigationitem_active.gif) no-repeat 3px 9px; }
#opleidingnav ul ul { margin: 0; padding: 0; background-image: none; }
#opleidingnav li.active li { background-image: url(../images/bg_navigationitem.gif); }
#opleidingnav a { font: 11px/14px Arial, sans-serif; text-decoration: none; }
#opleidingnav a:hover { text-decoration: underline; }
#opleidingnav li.active li a:hover,
#opleidingnav li.active a, #opleidingnav li.active li.active a { color: #9F1800; text-decoration: underline; }
#opleidingnav li.active li a { color: #5A5A5A; text-decoration: none; }
#wrapper .opleiding #contentlinks { margin-right: 258px; }

/*#wrapper .noNavigation { padding-left: 248px; }*/

.sitemap { float: left; width: 50%; margin: 0; padding: 0; list-style: none; }
.sitemap li { margin: 0 0 20px 0; }
.sitemap li a:hover { background: #CBD12E; }
.sitemap li ul, .sitemap li li { margin: 0; list-style: none; }
.sitemap .hoofditem { font-weight: bold; }
.sitemap a { text-decoration: none; }

#content fieldset { margin-bottom: 15px; padding: 10px; border: 1px solid #CBD12E; }

#pageNumbers { margin-bottom: 15px; text-align: right; }
.cmsForm th, .cmsForm td { padding: 0 5px 5px 0; line-height: 20px; }
input:focus, 
textarea:focus,
input.sffocus,
textarea.sffocus { background: #eee; }
.cmsForm label { padding-right: 30px; }
#formbuttonsBottom { margin-left: 250px; }
.cmsForm .leftCol { width: 250px; }
/*.cmsForm .rightCol { width: 60%;}*/
.cmsForm th { text-align: right;} 
#opleidingszoeker fieldset { overflow: hidden; }
#opleidingszoeker fieldset fieldset { float: left; margin: 0; border: none; }
#opleidingszoeker fieldset fieldset label { display: block; margin-bottom: 3px; }
#opleidingszoeker #zoekopleiding { margin: 26px 0 0 10px; padding: 0; }
#opleidingen { margin-top: 30px; }
#opleidingen ul { list-style: none; }
#opleidingen ul ul { margin-left: 16px; }

#referform fieldset { margin: 0 0 0 0; padding-top: 0; }
#referform fieldset legend { margin: 10px; }
#referform fieldset p { padding: 10px 0 0 0; }
#referform label { display: block; width: 400px; }
#referform input,
#referform textarea { width: 400px; margin: 0 0 10px 0; }
#referform textarea { height: 100px; }
#referform #sendrefer { display: block; width: auto; margin: 10px 0 0 0; }

/* footer
------------------------------------------------------------------*/
#footer { position: relative; clear: both; height: 27px; background: #C8D11F url(../images/bg_footer.gif) repeat-x left top; }
#footer ul { height: 20px; margin: 0; padding: 7px 0 0 37px; background: url(../images/bg_footerlinks.gif) no-repeat 30px 50%; list-style: none; }
#footer li { float: left; padding: 0 5px; border-right: 1px solid #5A5A5A; background-image: none; line-height: 13px; }
#footer li.last { border-right: 0; }
#footer li a { font-size: 11px; }