/* Global */

html, body {
    background: #540055;
    color: white;
    font: 12px arial;
    height: 100%;
    margin: 0;
    padding: 0;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img { border: 0 }
.clear { clear: both }

#boxMain {
    background: #450046;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    width: 985px;
}

/* Header */

#header {
    border-bottom: 1px solid white;
    height: 115px;
    padding: 0 10px;
}
#bwlogo {
    display: none;
}
#logo {
    float: left;
    margin: 3px 0;
    margin-right: 10px;
    text-align:center;
    width: 185px;
    height: 109px;
}

#nav-quick {
    float: left;
    margin-right: 10px;
    padding: 3px 0;
    padding-left: 25px;
    width: 160px;
    height: 85px;
}

#nav-center {
    float: left;
    height: 91px;
    margin: 12px 0;
    margin-right: 10px;
    text-align: center;
    width: 380px;
}

#search {
    margin-top: 25px;
}
#search .input {
    width: 250px;
}

#nav-login {
    float: left;
    padding: 3px 0;
    padding-left: 25px;
    width: 160px;
    height: 85px;
}

.quick-nav {
    background: #581A59;
    height: 90px;
    line-height: 14px;
    margin: 12px 0;
    list-style-image: url('../img/bullet.gif');
}

/* Content */

#boxBottom {
    background-position: top center;
    background-repeat: no-repeat;
    margin: 0 auto;
    min-height: 500px;
    padding: 0 10px;
    padding-bottom: 55px;
    width: 965px;
}

/* Toolbar */

#boxToolbar {
    float: right;
    width: 575px;
    margin:0 0 10px 0;
}

#boxToolbarTabs {
    float: right;
    height: 25px;
    margin: 0 0 0 0;
    padding: 0;
}

#boxToolbarTabs li {
    display: inline;
    float: left;
}

.boxToolbarTabsVoor {
    background: url('../img/backgrounds/toolbar/toolbar_left.gif') no-repeat;
    float: left;
    clear: none;
    width: 9px;
    height: 25px;
}

.boxToolbarTabsMidden {
    float:left;
    clear: none;
    height: 17px;
    padding: 4px;
    background-image: url('../img/backgrounds/toolbar/toolbar_sel.gif');
    background-repeat: repeat-x;
}

.boxToolbarTabsNa {
    float:left;
    clear: none;
    width: 9px;
    height: 25px;
    background-image: url('../img/backgrounds/toolbar/toolbar_right.gif');
    background-repeat: no-repeat;
}

.boxToolbarTabsMidden a {
    color: #41003C;
    cursor: pointer;
}

#boxToolbarLeft {
    background: url('../img/backgrounds/toolbar/speciaalvoor.gif') no-repeat;
    color: #41003C;
    float: right;
    height: 17px;
    width: 145px;
    padding: 4px;
    padding-left: 10px;
}


/* Footer */

#footer {
    background: #2f0132 url('../img/backgrounds/footer.gif') no-repeat 10px -10px;
    border-top: 1px solid white;
    bottom: 0;
    font-size: 11px;
    font-family: Arial, sans-serif;
    margin-top: 10px;
    padding: 15px 5px;
    position: absolute;
    text-align: center;
    width: 975px;
}

#footer a {
    text-decoration: underline;
}



            .boxSpeciaalVoor {
                float: right;
                width: 402px;
                background: url(../img/backgrounds/nav/global.png);
                display: none;
                height: auto;
                padding: 10px;
            }
                .boxSpeciaalVoorLeft {
                    float: left;
                    clear: none;
                    width: 280px;
                }

                .boxSpeciaalVoorRight {
                    float: left;
                    clear: none;
                    width: 120px;
                }

                .boxSpeciaalVoor ul {
                    margin: 0;
                    padding: 0;
                }

                    .boxSpeciaalVoor li {
                        list-style-image:url(../images_test/indent1.gif);
			list-style-position: outside;
			margin-left: 20px;
                        padding-left: 5px;
                    }

                .boxSpeciaalVoorSluiten {
                    cursor: pointer;
                }

		.boxBlock {
                    background: #87288C;
		}

		.boxBlock h3 {
                    background: #581A59;
                    font-size: 13px;
                    margin: 0;
                    padding: 5px;
		}

        #boxLeft {
            float: left;
            margin-right: 10px;
            margin-top: 35px;
            width: 380px;
        }

            #boxNav {
                background: none;
                float: left;
                height: 650px;
                overflow: hidden;
                font-size: 11px;
                width: 190px;
            }

                #boxNav ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }

            .boxSubNav {
                float: left;
                height: 650px;
                width: 190px;
                overflow: hidden;
            }

            .boxSubNav .cancel {
                float: right;
            }

            .boxSubNavActive {
                display: block;
            }

				.boxSubNav div.listEducatie, .boxSubNav div.listCursus {
					width:158px;
					margin: -3px 7px 5px 9px;
					padding: 5px 6px 6px 9px;
				}

                .boxSubNav div.listEducatie {
					background: #a6b51c;
                }

                .boxSubNav div.listCursus {
					background: #6C279F;
                }

                .boxSubNav ul {
                    /*list-style-image: url("../images_test/indent1.gif");*/
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }

                    .boxSubNav ul li.selected {
                        background: #450046;
                        color: #A49817;
                        font-weight: bold;
                        font-style: italic;
                    }

                .boxSubNavBlock {
                    border: 1px dotted white;
                    margin: 5px;
                    padding: 3px;
                }

                    .boxSubNavBlock ul {
                        list-style:none;
                        /*list-style-image: url("../images_test/indent1.gif") 0 5px;*/
                        margin: 0;
                        padding: 0;
                        /*padding-left: 15px;*/
                    }

                    .boxSubNavBlock ul li {
                        background: url('../images_test/indent1.gif') no-repeat 2px 2px;
                        padding-left: 15px;
                    }

					.boxSubNav div.listEducatie ul, .boxSubNav div.listCursus ul {
						padding-left: 13px;
					}

            #boxNavMBOSub {
                background: url("../img/backgrounds/nav/mbo.png");
            }

            #boxNavHBOSub {
                background: url("../img/backgrounds/nav/hbo.png");
            }

            #boxNavVAVOSub {
                background: url("../img/backgrounds/nav/vavo.png");
            }

            #boxNavCursusSub {
                background: url("../img/backgrounds/nav/cursus.png");
            }

            #boxNavEducatieSub {
                background: url("../img/backgrounds/nav/educatie.png");
            }

            #boxNavBBLSub {
                background: url("../img/backgrounds/nav/global.png");
            }

            #nav_categories {
                list-style: none;
            }


        #boxRight {
            float: left;
            width: 575px;
        }

        #boxOpleidingDetail a, #boxBottomMain a {
            text-decoration: underline;
        }

        #boxOpleidingDetail a:hover, #boxBottomMain a:hover {
            text-decoration: none;
        }

#boxLinks {
    width: 800px;
    margin: 0 auto;
    float: left;
    padding-left: 100px;
}
.boxLinks_category {
    float: left;
    width: 200px;
    margin-top: 10px;
    margin-right: 20px;
    padding: 5px;
    background-color: #581A59;
}
.boxLinks_category h2 {
    margin: 0px;
    margin-bottom: 5px;
}

.boxLinks_category ul {
    float: left;
    margin: 0;
    margin-right: 10px;
    padding: 3px 0;
    padding-left: 25px;
    list-style-image: url('../img/bullet.gif');
}

.boxSubNav {
    display: none;
    overflow: hidden;
}

.nav-item a {
    color: white;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 46px;
    padding: 10px;
    padding-left: 25px;
    text-decoration: none;
    width: 155px;
}
.nav-item a:hover { text-decoration: none }

#boxNavMBO a { background: url('../img/backgrounds/nav/mbo.png') }
#boxNavHBO a { background: url('../img/backgrounds/nav/hbo.png') }
#boxNavCursus a { background: url('../img/backgrounds/nav/cursus.png') }
#boxNavBBL a { background: url('../img/backgrounds/nav/global.png') }
#boxNavVAVO a { background: url('../img/backgrounds/nav/vavo.png') }
#boxNavEducatie a { background: url('../img/backgrounds/nav/educatie.png') }
#boxNavMBO a:hover, #boxNavMBO a.active { background: #7581D4 }
#boxNavHBO a:hover, #boxNavHBO a.active { background: #74B5CF }
#boxNavCursus a:hover, #boxNavCursus a.active { background: #6C279F }
#boxNavBBL a:hover, #boxNavBBL a.active { background: #723e79 }
#boxNavVAVO a:hover, #boxNavVAVO a.active { background: #8367CF }
#boxNavEducatie a:hover, #boxNavEducatie a.active { background: #AFA42B }

#boxNavBottom {
    background: url('../img/backgrounds/nav/global.png');
    height: 229px;
}
.boxSitemap{
    font-size:11px;
    padding:10px;
    padding-top:40px;
    overflow:auto;
    width:99%;
    text-decoration:underline;
    background-color:#460046;
}
    .boxSitemapLeftCol {
        float:left;
        width:50%;
    }
    .boxSitemapRightCol {
        float:left;
        width:50%;
    }

    .boxSitemap .boxSitemapBlock{
        float:left;
        width:450px;
        margin:0 0 20px 0;
    }
    .boxSitemap .boxSitemapBlockSingeLink {
        border-bottom:0;
    }
    .boxSitemapBlock a {
        font-weight:bold;
        font-size:12px;
    }
        .boxSitemapBlock ul li a {
            font-size:11px;
            font-weight:normal;
        }
            .boxSitemapBlock ul li ul li a {
                font-size:11px;
                font-weight:normal;
            }
#aanmelden_hbo_voorlichting
{
    margin:35px 0 0 0;
}
    #aanmelden_hbo_voorlichting table
    {
        border:none;
        border-collapse:separate !important;
        text-align:left;
    }
    #aanmelden_hbo_voorlichting select
    {
    }
    #aanmelden_hbo_voorlichting textarea
    {
        width:210px;
        height:70px;
    }
    #aanmelden_hbo_voorlichting label
    {
        display:block;
    }
        #aanmelden_hbo_voorlichting label.nowrap
        {
            display:inline;
        }
    #aanmelden_hbo_voorlichting table tr td
    {
        padding:0 0 10px 0;
        vertical-align:top;
    }