/* _____________ OU_09.css _____________ */

/* _____________ ALGEMEEN_____________ */
html { font-family: Verdana, Arial, sans-serif!important; font-size: medium; color: #000; background-color: #fff; padding: 0; margin: 0; width: 99%; text-align: center; }
body { font-family: Verdana, Arial, sans-serif!important; font-size: 85%; color: #000; background-color: #fff; padding: 0; margin: 0; width: 100%;  text-align: left; }
#pagina { position: relative; padding: 0; margin: 0px auto; width: 1005px;} 
* form, * table { padding: 0; margin: 0; font-family: Verdana, Arial, sans-serif!important; }
fieldset { padding: 5pt 3pt 2pt 3pt; border-width: thin; border-style: inset; display: block; width: 99%; }
fieldset legend { font-weight: bold; padding: 0pt 3pt 5pt 3pt; }
fieldset label { display: block; vertical-align: middle; padding-bottom: 2pt; }
fieldset input { width: 20em; border-width: thin; border-style: inset; background: Window; color: WindowText; }
fieldset input.command { font-weight: bold; float: right; position: relative; padding: 0pt 3pt 0pt 3pt; width: auto; border-width: 1px; border-style: outset; background: ButtonFace; color: ButtonText; }
.Literatuurverwijzing { font-style: italic; }
.Symbool { font-family: Symbol; }

/* _____________ LINKS _____________ */
a { color: #000; text-decoration: none; font-family: Verdana, Arial, sans-serif; }
a:link, a:visited { color: #af0917; text-decoration: none; font-family: Verdana, Arial, sans-serif; }
a:focus, a:hover, a:active { color: #e21f19; text-decoration: underline; font-family: Verdana, Arial, sans-serif; }

/* _____________ General Page Layout ____________ */
.smartsite_layouttable { position: absolute; top: 100px; width: 685px; left: 0; right: 0; margin: 0; padding: 0; padding-left: 156px; padding-right: 159px; display: block; text-align: left; }
.leftmenu, .rightmenu { position: absolute; width: 155px; top: 5px; overflow: hidden; padding: 0; margin: 0; font-family: Arial, Verdana, sans-serif!important; font-size: 90%; background-color: #fff; display: block; }
.leftmenu { left: 0; z-index: 30; border: 0 dotted green; }
.rightmenu { right: 0; z-index: 10; border: 0 dotted red; font-family: Verdana, Arial, sans-serif!important; color: #000; }
.bodytext, .nieuwstext { clear: both; z-index: 20; border: 0 dotted black; background-color: #fff; padding-bottom: 2.5em; overflow: visible; display: block;  }
.topmenu {position: absolute; top: 0; left: 0; background-color: #e2001a; overflow: visible; font-size: 95%; font-weight: normal; text-decoration: none; z-index: 15; width:1004px; color : #fff;}
#zoeken {position:absolute; top:0; left: 808px; font-size: 75%; font-family: Verdana, Arial; width: 260px; height:20px; z-index:20; color: #fff; padding: 0px 1pt 1px 0px; margin: 0; overflow: hidden;}
.topmenubalk { display: block; height: 100px; position: absolute /* fixed */; top: 0; left: 0; border: 0 solid; width: 1000px; background-color: #fff; background-image: url(/images/System/kleurswitch/OU_kleurswitch_topheader_debeste.png); background-repeat: no-repeat; color: #000; font-family: Arial, Helvetica, sans-serif!important; overflow: visible; padding: 0; margin: 0; z-index: 1;}

/* _____________ CONTENTVLAK _____________ */
.smalltext { font-family: Verdana, Arial, sans-serif!important; font-size: 80%; }
.bodytext, .nieuwstext { font-family: Verdana, Arial, sans-serif!important; padding: 5px; font-size: 80%; line-height: 150%; }
.bodytext table, .nieuwstext table { padding: 0; margin: 0; }
.bodytext td, .bodytext th, .nieuwstext td, .nieuwstext th { font-family: Verdana, Arial, sans-serif!important; padding: 0; margin: 0; padding-right: 10px; }
.nieuwstext td { padding-bottom: 5px; }
.bodytext th, .nieuwstext th { font-size: 105%; font-weight: bold; text-align: left; }
.nieuwstext .nieuwsberichten { font-size: 100%; }
.bodytext ul li a { line-height: 1.5; }
h1, h2, h3, h4, h5, h6, h1.MsoPlainText, h2.MsoPlainText, h3.MsoPlainText, h4.MsoPlainText, h5.MsoPlainText, h6.MsoPlainText { font-family: Arial, Verdana, sans-serif!important; padding: 0!important; margin: 0!important; font-style: normal; font-weight: bold; line-height: 1.2; }
h1, h1.MsoPlainText { font-size: 120%; line-height: 1.5; }
h2, h3, h4, h5, h6, h2.MsoPlainText, h3.MsoPlainText, h4.MsoPlainText, h5.MsoPlainText, h6.MsoPlainText { font-size: 110%; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-family: Arial, Verdana, sans-serif!important; padding: 0!important; margin: 0!important; line-height: 1.2; }
.paginatitel { font-family: Arial, Verdana, sans-serif!important; font-weight: bold; font-size: 140%; display: block; color: #e2001a; background-color: #e0e0e0; padding: 1px 3px 1px 7px!important; margin: 0px 0px 1.5em 0!important; }
i { font-style: normal; }
em { font-style: normal; }
.intro { margin-bottom: 1.5em; }
.intro p { margin-bottom: 0; }
.nieuwstext .intro { font-weight: normal; }
img { border: none; }
.bodytext img { border: 0 solid; margin: 5px!important; }
.bodytext li img { border: 0 solid; float: none; margin: 5px 0px 5px 5px!important; }
.nieuwstext img { border: 0 solid; float: none;  margin: 5px 5px 5px 0!important; }
.nieuwstext .intro img { border: 0 solid; float: left; position: relative; margin: 5px 5px 5px 0!important; }
.MsoPlainText, span.MsoPlainText, p.MsoPlainText { font-family: Verdana, Arial, sans-serif!important; padding: 0!important; margin: 0!important; }
p { padding: 0!important; margin: 0px 0px 1.5em 0!important; }
.nieuwsfolder { border: none; width: 150px; }
.Index_Keywords_WP { font-family: Verdana, Arial, sans-serif!important; font-size: 90%; }
.Index_Keywords_WP ul { margin-left: 2px; }
.disclaimer { clear: both; text-align: center; font-family: Arial, Verdana, sans-serif!important; background-color: #ddd; padding: 1pt; margin-top: 1em; }
.disclaimer a:link, .disclaimer a:active, .disclaimer a:visited, .disclaimer a:focus, .disclaimer a:hover { font-family: Arial, Verdana, sans-serif!important; }


/* _____________ TOPMENU _____________ */
.topmenu .menu { width: 100%; height: 20px; vertical-align: bottom; background-color: #e2001a; padding: 0px 1pt 1px 0px; margin: 0; overflow: hidden; border-bottom: 1px solid #fff; font-size: 95%; font-weight: normal; text-decoration: none; position: absolute; z-index: 100; font-family: Arial, Helvetica, sans-serif!important; text-decoration: none; }
.topmenu .menu .itemhp { width: 157px; color: #fff; vertical-align: bottom; height: 20px; background-color: #e2001a; margin: 0; padding: 0px 1px 2px 2px; border-right: 1px  solid #fff; display: block; float: left; position: relative; font-family: Arial, Helvetica, sans-serif!important; text-decoration: none; overflow: hidden; }
.topmenu .menu .item { width: 104px; color: #fff; vertical-align: bottom; height: 20px; background-color: #e2001a; margin: 0; padding: 0px 1px 2px 2px; border-right: 1px  solid #fff; display: block; float: left; position: relative; font-family: Arial, Helvetica, sans-serif!important; text-decoration: none; overflow: hidden; }
.topmenu .menu .itemzoek { width: 100px; color: #fff; vertical-align: bottom; height: 20px; background-color: #e2001a; margin: 0; padding: 0px 1px 2px 2px; display: block; float: left; position: relative; font-family: Arial, Helvetica, sans-serif!important; text-decoration: none; overflow: hidden; }
.topmenu .submenus { width: 100%; position: absolute; top: 0px; left: 0; padding: 0px 1pt 1px 1pt; margin: 0; background-color: transparent; overflow: visible; font-size: 100%; font-weight: normal; text-decoration: none; z-index: 101; }
.topmenu .submenu { width: 180px; background-color: #e0e0e0; margin: 0px 1px; padding: 0px 1px 0px 1px; border-right: 1px solid #fff; overflow: visible; position: absolute; top: 5px; left: 145px; display: none; font-size:95%;}
.topmenu .menu .item#t_link_2 {width: 157px;}
.topmenu .submenu#t_sm_48{ left: 158px; top: 22px; z-index: 105; }
.topmenu .submenu#t_sm_208 { left: 266px; top: 22px; z-index: 110; }
.topmenu .submenu#t_sm_172605{ left: 374px; top: 22px; z-index: 115; }
.topmenu .submenu#t_sm_44{ left: 482px; top: 22px; z-index: 120; }
.topmenu .submenu#t_sm_49{ left: 590px; top: 22px; z-index: 125; }
.topmenu .submenu#t_sm_36{ left: 698px; top: 22px; z-index: 130; }


.topmenu .submenu a, .topmenu .submenu a:visited  { display: block; color: #000; background-color: #e0e0e0; border: 0 solid #808080; border-width: 0px 1px 1px 1px; margin: 0; padding: 1px 0px 1px 4px; text-decoration: none; font-family: Arial, Helvetica, sans-serif!important; }
.topmenu .submenu a:hover, .topmenu .submenu a:focus { background-color: #e2001a; color: #fff; font-family: Arial, Helvetica, sans-serif!important;}
.topmenu .menu a:hover, .topmenu .menu a:focus { background-color: #808080; color: #fff; font-family: Arial, Helvetica, sans-serif!important;}

@media handheld {
.topmenu .submenus { display: none!important; }
.topmenu .submenus * { display: none!important; }
}

/* _____________ KRUIMELPAD _____________ */

.topmenubalk .topcrumb { margin: 0; border: 0 solid; color: #b8b8b8; background-color: #f5f5f5; height: 15px; position: absolute; z-index: 95; left: 0px; padding-left: 168px; top: 85px;  padding-top: 1px; width: 832px; font-size: 80%; }
.topmenubalk .topcrumb a:link, .topmenubalk .topcrumb a:active, .topmenubalk .topcrumb a:visited { font-family: Arial, Verdana, sans-serif!important; color: #cccccc; text-decoration: none; font-weight: bold; }
.topmenubalk .topcrumb a:hover, .topmenubalk .topcrumb a:focus { font-family: Arial, Verdana, sans-serif!important; color: #e2001a; text-decoration: none; font-weight: bold; }

 


/* _____________ LEFT & RIGHT MENU _____________ */
.linkermenubalk blockquote, li.rm div.marketingreference ul { margin: 0!important; border-top: 1px solid #808080;}
.linkermenubalk .menuitem { display: block; border-left: 1px solid #808080;  border-right: 1px solid #808080; border-bottom: 1px solid #808080; margin: 0; width: 144px!important; overflow: hidden; border-collapse: collapse; background-color: #e0e0e0; color: #000; padding-left: 9px; text-indent: -9px; font-family: Arial, Helvetica, sans-serif!important; }
.linkermenubalk .menuitem:link, .linkermenubalk .menuitem:visited { font-family: Arial, Helvetica, sans-serif!important; color: #000; }
.linkermenubalk .menuitem:hover, .linkermenubalk .menuitem:focus { color: #fff!important; background-color: #e2001a!important; text-decoration: none; }
.linkermenubalk .submenu .menuitem { background-color: #e0e0e0; }
.linkermenubalk .submenu .submenu .menuitem, li.rm div.marketingreference ul li a { background-color: #f5f5f5; }
.linkermenubalk .submenu .submenu .submenu .menuitem, li.rm div.marketingreference ul li li a { background-color: #fff; }
.linkermenubalk .submenu .submenu .submenu .submenu .menuitem, li.rm div.marketingreference ul li li li a { background-color: #f5f5f5; }


li.rm h2 { background-color: #b8b8b8; font-size: 120%; color: #fff;}
.rightmenu li.rm p { margin-bottom: 0!important; }
.rightmenu li.rm br { margin: 0; padding: 0; line-height: 0.01; white-space: nowrap; }
.rightmenu img, .rightmenu .campaignreference, .rightmenu .marketingreference { margin: 0; border: 0 solid; }
.campaignreference img { border: 0 solid; margin: 2px 0px 0px 0px; }
.rightmenu ul { list-style-type: none; margin: 0px 1px 0px 0px; font-size : 80%; }
.rightmenu ul li.rm { border-top: 1px solid #b8b8b8; overflow: visible;  }
.rightmenu ul li.rm, .rightmenu ul li.campaignreference { margin: 0px 0px 1em 0px; padding: 0; list-style-type: none; text-indent: 0; }
.rightmenu ul li.rm:before, .rightmenu ul li.campaignreference:before { content: ""; }
.rightmenu ul li.rm a:link, .rightmenu ul li.rm a:visited { font-size: 120%; background-color: #b8b8b8; color: #fff; font-weight: bold;  text-decoration: none; display: block; }
.rightmenu ul li.rm a:active, .rightmenu ul li.rm a:hover, .rightmenu ul li.rm a:focus { font-size: 120%; font-weight: bold; color: #fff; background-color: #e2001a; text-decoration: none; }
.rightmenu ul li.campaignreference a:link, .rightmenu ul li.campaignreference a:active, .rightmenu ul li.campaignreference a:visited, .rightmenu ul li.campaignreference a:hover, .rightmenu ul li.campaignreference a:focus { padding: 0; margin: 0; background-color: transparent; display: block; }
.rightmenu dt { display: block; background-color: #b8b8b8;  color: #fff;   font-weight: bold; border-top: 1px solid #b8b8b8; }
.rightmenu dd { margin: 0px 1px 0px 0px; font-size : 80%; }
.rightmenu dd ul li.rm { border: 0 solid; margin-bottom: 3pt;  }
.rightmenu dd ul li.rm a:link, .rightmenu dd ul li.rm a:active, .rightmenu dd ul li.rm a:visited { background-color: #fff; color: #000; font-weight: normal; display: block;  }
.rightmenu dd ul li.rm a:hover, .rightmenu dd ul li.rm a:focus { background-color: #e0e0e0; color: #e2001a; font-weight: normal;  display: block;  }
.marketingreference ul li { border-bottom: 0px solid #b8b8b8;  color: #000; border-collapse: collapse; }
.marketingreference ul li a, li.rm h2 { display: block; margin: 0; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif!important; padding: 0; }
.marketingreference ul li a { background-color: #eee; }
.rightmenu ul li.rm div.marketingreference a:link, .rightmenu ul li.rm div.marketingreference a:active, .rightmenu ul li.rm div.marketingreference a:visited, .rightmenu ul li.rm div.marketingreference a:hover, .rightmenu ul li.rm div.marketingreference a:focus  { background-color: #fff; font-weight: normal; font-size : 105%; color: #000; }
.rightmenu ul li.rm div.marketingreference a:hover { background-color: #e0e0e0; color: #e2001a; font-weight: normal; font-size : 105%; }
.rightmenu ul li.rm div.marketingreference a:visited { color: #000; }
.rightmenu ul li.rm div.marketingreference a:active { color: #e2001a; }
li.rm h2 { color: #ffffff;}


/* _____________ SITEMAP _____________ */
.bodytext .linkermenubalk { border: 1px solid #808080; width: 176px; }
.bodytext .linkermenubalk .item { display: block; width: 175px; height: 1.4em; overflow: hidden; }
.bodytext .linkermenubalk blockquote { margin: 0!important; }
.bodytext .linkermenubalk .item { padding-left: 1px; text-indent: 3pt; overflow: hidden; }
.bodytext .linkermenubalk .sitemapmenu .item { padding-left: 1px; text-indent: 6pt; font-weight: bold; color: #000; background-color: #e0e0e0 ; border: 0 solid #808080; border-bottom-width: 1px; margin: 0;}
.bodytext .linkermenubalk .sitemapmenu .sitemapmenu .item { padding-left: 1px; text-indent: 9pt; font-weight: normal; color: #000; background-color: #e0e0e0; border: 0 solid #808080; border-bottom-width: 1px; margin: 0; }
.bodytext .linkermenubalk .sitemapmenu .sitemapmenu .sitemapmenu .item { padding-left: 1px; text-indent: 12pt; font-weight: normal; color: #000; background-color: #fff; border: 0 solid #808080; border-bottom-width: 1px; margin: 0; }
.bodytext .linkermenubalk .top .item { color: #fff; background-color: #e2001a; border: 0 solid #808080; border-bottom-width: 1px; font-weight: bold; }
.bodytext .linkermenubalk .item:hover, .bodytext .linkermenubalk .item:focus, .bodytext .linkermenubalk .sitemapmenu .item:hover, .bodytext .linkermenubalk .sitemapmenu .item:focus, .bodytext .linkermenubalk .sitemapmenu .sitemapmenu .item:hover, .bodytext .linkermenubalk .sitemapmenu .sitemapmenu .item:focus, .bodytext .linkermenubalk .sitemapmenu .sitemapmenu .sitemapmenu .item:hover, .bodytext .linkermenubalk .sitemapmenu .sitemapmenu .sitemapmenu .item:focus { color: #ffffff; background-color: #e2001a; }

/* _____________ LIJSTEN _____________ */
ul, ol { padding: 0; line-height: 1.5; margin-left: 0; margin-top: 0;}
ul ul, ol ol, ul ol, ol ul { margin: 0px 0px 0px 2em; }
.bodytext ul > li, .nieuwstext ul > li { list-style-type: none; margin-left: 1em; padding-left: 0em; text-indent: -1em; }
.bodytext ol > li, .nieuwstext ol > li { list-style-type: decimal; margin-left: 2em; padding-left: 3pt; text-indent: 0; }
.bodytext ul > li:before, .nieuwstext ul > li:before { content: "_ "; }
.bodytext ol > li:before, .nieuwstext ol > li:before { content: ""; }

/* _____________ detaFORMS _____________ */
.detaForm table { width: 100%; margin: 0; padding: 0; border: 0 solid; background-color: #fee5cc; color: #c5630e; }
.detaForm table th { font-weight: bold; text-align: center; vertical-align: top; }
.detaForm table tr, .detaForm table td { vertical-align: top; }
.detaForm input, .detaForm select, .detaForm textarea { border: 1px solid #9440a0!important; background: Window; color: WindowText; font-weight: normal; }
.detaForm input.command, .detaForm input.duallistMove, .detaForm button, .detaForm button.cmd { background: ButtonFace; color: ButtonText; font-weight: bold; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; border: 1px solid #9440a0!important; }
.detaForm input.command:hover, .detaForm input.duallistMove:hover, .detaForm select option:hover { background: Highlight; color: HighlightText; }
.detaForm input.command { margin: 2pt 0 0 2pt; width: 5em; }
.detaForm input.text { width: 25em; margin: 2pt 0 0 0; padding: 1pt; font-family: monospace; }
.detaForm input.checkbox { width: auto; }
.detaForm input.duallistMove { margin: 2pt; width: 5em; }
.detaForm select { width: 100%; }
.detaForm select.half { width: 25em; }
.detaForm select option { line-height: 1.7!important; font-family: Arial, Helvetica, sans-serif; font-size: 80%; }
.detaForm tr.duallistControl { width: 100%; vertical-align: top; }
.detaForm .duallistControl td.duallistSelect { width: 45%; vertical-align: top; }
.detaForm .duallistControl td.duallistButtons { width: 10%; text-align: center; vertical-align: top; }
.detaForm button.duallist, .detaForm input.calMgrBut /* Smartsite controls */  { font-family: webdings!important; font-size: 80%; padding: 0; margin: 2pt; background: ButtonFace; color: ButtonText; font-weight: normal; border: 1px solid #9440a0!important; text-align: center; vertical-align: middle; }
.detaForm label { font-weight: bold; }
.detaForm button.duallist img, .detaForm button.cmd img  /* Smartsite controls */ { display: none; }
.detaForm legend { font-weight: bold; background-color: #fee5cc; color: #c5630e; padding: 1pt 3pt 2pt 3pt; margin-bottom: 8pt; border: 1px solid white; }
.detaForm fieldset { margin-bottom: 1em; padding: 3pt; background-color: #fee5cc; color: #c5630e; border: 1px solid white; }


dt a { text-decoration: none; font-weight: bold; }
dt a:hover, dt a:focus { text-decoration: none; font-weight: bold; }
.bodytext p, .bodytext blockquote, .nieuwstext p, .nieuwstext blockquote { margin-bottom: 1.5em!important; }
.bodytext blockquote, .nieuwstext blockquote { margin-left: 1em; }
.bodytext dt, .nieuwstext dt { font-weight: bold; }
.bodytext dd, .nieuwstext dd { margin-left: 1em; }
.bodytext dd ol, .nieuwstext dd ol { margin-left: 2em; }
.studieintro { line-height : 2em; }
.bodytext td img { border: 0 solid; float: none; margin: 0;}
.blok_zichtbaar {display: block;
                         padding: 0!important;
                         margin : 0!important;
}

.link_pijl_links{ clear: left;
                       float: left;
                       margin:0;
}

.link_tekst_pijl_links{ float: left;
                               max-width: 90%;
                               padding: 0;
                               margin:0;
}


.blok_verbergen {
                padding: 0!important;
                margin: 0;
 display: none;
}
.studieinfo {
        color: #e2001a;
        text-decoration: none;
        font-family: Verdana, Arial, sans-serif !important;
        cursor: pointer;
}
.studieinfo:hover {
        color: #e21f19;
        text-decoration: underline;
        font-family: Verdana, Arial, sans-serif !important;
        cursor: pointer;
}

.blok_zichtbaar {display: block;
                         padding: 0!important;
                         margin : 0!important;
}

.link_pijl_links{ clear: left;
                       float: left;
                       margin:0;
}

.link_tekst_pijl_links{ float: left;
                               max-width: 90%;
                               padding: 0;
                               margin:0;
}

.ruimte2 { height: 0px;
                font-size: 0px;
                clear: left;
}

.blok_verbergen {
                border: 1px solid #e2001a;
                padding: 0!important;
                margin: 0;
	display: none;
}

.blok_item_verbergen{ 
                               padding: 0;
                               margin-left: 18px;
                               margin-top: 0;
                               margin-bottom: 0;

}

.studietitel{font-family: Verdana, Arial, sans-serif !important; display: block;
color: #000000; background-color: #e0e0e0; width: 100%; margin: 0 0 .5em 0!important; }

.studietitel h1,h2 {font-weight: bold;}

.studietitel p { padding:0 !important; margin: 0 !important; margin-bottom: 1.5em !important; }

.link_pijl_links img { border: 0; margin: 0;}