html, body {
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, Garuda, sans-serif;
    font-size: 12px;
    color: #483e3a;
    background: #b8b2b0;
}

a {
    text-decoration: none;
    color: #50116e;
}

a.more, a.read-more {
	text-decoration: underline;
}

* a:hover {
	text-decoration: none;
}

h1 {
    color: #50116e;
    font-size: 16px;
    margin: 5px 0;
}

h2 {
    color: #eb8400;
    font-size: 16px;
    margin: 25px 0 -15px 0;
    padding: 0;
}

h3 {
    color: #eb8400;
    font-size: 14px;
    margin: 25px 0 -10px 0;
}

p {
    text-align: left;
    line-height: 18px;
    padding: 0;
}

img {
    border: 0;
}

/**
* Forms
*/
form {
	margin: 50px 0 20px 0;
	padding: 0;
}

form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

form fieldset legend span {
	border-bottom: 1px solid #F29400;
	width: 398px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

form label {
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	margin: 0 10px 10px 0;
}

form input.text, form fieldset textarea {
	width: 234px;
	border: 1px solid #F29400;
	margin-bottom: 10px;
    font-family: Arial, Helvetica, Garuda, sans-serif;
    font-size: 12px;
    float: left;
    display: block;
    overflow: auto;
}

form input.action {
	margin-left: 160px;
	border: 0;
	background: #50116E;
	color: #fff;
	padding: 5px;
	float: left;
	display: block;
}

form span.required {
	display: block;
	float: left;
	margin-left: 160px;
	width: 226px;
	background-color: #cf0e0e;
	color: #fff;
	margin-bottom: 10px;
	padding: 5px;
}

/**
* Layout
*/
.wrapper {
    width: 1000px;
    margin: 0 auto;
}

.floater {
    float: left;
    background: #fff;
}

.header {

}

    .header .banner {
        background: #fff url('/images/banner.jpg') no-repeat top left;
        width: 1000px;
        height: 331px;
    }

    .header .logo {
        margin-top: -331px;
        position: relative;
    }

        .header .logo h1 {
            display: block;
            width: 211px;
            height: 102px;
            background: #fff url('/images/logo.jpg') no-repeat top left;
            margin: 26px 0 0 42px;
            overflow: hidden;
        }

        .header .logo h1 a {
            margin-left: -500px;
            width: 800px;
            height: 102px;
            display: block;
        }

    .header .topnav {
        float: right;
        margin: -104px 42px 0 0;
        position: relative;
    }

        .header .topnav ul {
            list-style: none;
            margin: 12px 0;
        }

        .header .topnav li {
            display: inline;
            border-left: 1px solid #50116e;
            height: 12px;
            margin: 0 0 0 6px;
            padding: 0 0 0 10px
        }

        .header .topnav li.first {
            border: none;
            margin: 0;
            padding: 0;
        }

        .header .topnav a {
            color: #483e3a;
        }

.navigation {
    width: 253px;
    background: transparent;
    margin-top: 165px;
    border-left: 2px solid #fff;
    float: left;
    position: relative;
}

    .navigation .top {
        background: transparent url('/images/navtop.png') no-repeat top left;
        width: 253px;
        height: 12px;
    }

    .navigation .center {
        background: #dad9d8;
        width: 249px;
        border-right: 2px solid #fff;
        padding: 5px 0;
    }

    .navigation .bottom {
        background: transparent url('/images/navbottom.png') no-repeat top left;
        width: 253px;
        height: 12px;
    }

    .navigation ul {
        width: 210px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .navigation li {
        width: 210px;
        border-top: 1px solid #fff;
        text-align: right;
        padding-top: 3px;
        margin-top: 3px;
    }

    .navigation li.first {
        border: 0;
    }

    .navigation a {
        color: #483e3a;
    }
    
    .navigation a.current, .navigation a.section {
    	color: #EB8401;
    	font-weight: bold;
    }

        .navigation ul ul {
            margin: 0 0 20px 0;
            display: none;
        }
        
        .navigation ul.current, .navigation ul.section {
        	display: block;
        }

        .navigation ul ul a {
            color: #483E3A;
            font-size: 10px;
        }

        .navigation ul ul li {
            border: 0;
            margin: 0;
            padding: 0;
        }

.content {
    float: left;
    width: 398px;
    margin: 210px 48px 20px 48px;
    position: relative;
    line-height: 18px;
    text-align: left;
}

    .breadcrumbs {
        font-size: 10px;
        margin-bottom: 30px;
        /* background: #fff url('/images/breadcrumbs.jpg') no-repeat top left; */
    }

    .breadcrumbs ul {
        padding: 4px 0 0 0;
        margin: 0;
        list-style: none;
    }

    .breadcrumbs li {
        display: inline;
        border-left: 1px solid #50116e;
        height: 12px;
        margin: 0 0 0 6px;
        padding: 0 0 0 10px
    }

    .breadcrumbs li.first {
        border: none;
        margin: 0;
        padding: 0;
    }

    .breadcrumbs a {
        color: #483e3a;
    }

    .content .frontpage-products {
        margin-top: 40px;
    }

    .content .training, .content .education {
        width: 199px;
        float: left;
        margin-bottom: 20px;
    }

    .content .training ul, .content .education ul {
        padding-left: 15px;
        margin: 0;
        width: 180px;
    }

    .content .training li, .content .education li {
        width: 170px;
    }
    
    .content .date {
    	display: block;
    	clear: both;
    	font-style: italic;
    	font-size: 10px;
    }
    
    .content p a {
    	text-decoration: underline;
    }
    
    .content p a:hover {
    	text-decoration: none;
    }

.sidebar {
    float: left;
    width: 251px;
    overflow: hidden;
    margin-top: 165px;
    position: relative;
}

    .sidebar .item {
        margin: 20px 0;
    }

        .sidebar .item .top {
            height: 14px;
            background: #fff url('/images/topnewsbg.jpg') no-repeat top left;
        }

        .sidebar .item .center {
            border-left: 1px solid #c9c4c2;
            background: #fff;
            padding: 0 15px;
        }

        .sidebar .item h1 {
            margin: 0;
        }

        .sidebar .item ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .sidebar .item li {
            padding: 0;
            margin-top: 10px;
            background: #fff url('/images/page_white_acrobat.png') no-repeat;
            padding-left: 25px;
            display: block;
            border-bottom: 1px solid #B5B0AC;
            padding-bottom: 10px;
        }

        .sidebar .item li a {
            color: #000;
        }

        .sidebar .item li a:hover {
            text-decoration: underline;
        }

        .sidebar .item .bottom {
            height: 14px;
            background: #fff url('/images/bottomnewsbg.jpg') no-repeat top left;
        }

        .sidebar p {
            text-indent: 20px;
        }
        
        .sidebar .read-more {
        	margin-left: 145px;
        }

        .quote {
            text-align: right;
            padding-right: 10px;
            margin: 20px 0 40px 0;
            background: #fff url('/images/quotes.jpg') no-repeat;
            font-size: 10px;
            text-indent: 0;
        }

            .quote blockquote {
                color: #50116e;
                margin: 0;
                text-align: center;
            	text-indent: 0;
            }

            .quote p {
                text-align: center;
                padding: 0;
                margin: 0;
            	text-indent: 0;
            }

            .quote cite {
                color: #eb8401;
            	text-indent: 0;
            }

.footer {
    float: left;
    width: 1000px;
    margin: 10px 0;
    clear: both;
    text-align: center;
}

    .footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .footer li {
        display: inline;
        border-left: 1px solid #fff;
        margin-left: 5px;
        padding-left: 5px;
    }

    .footer li.first {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .footer a {
        color: #fff;
    }

/**
* Page styles
*/
.contact h1 {
    font-size: 12px;
}

.contact h2 {
    font-size: 12px;
    margin: 20px 0 10px 0;
}

.contact address {
    font-style: normal;
    margin-bottom: 10px;
}

.iframe {
    width: 800px;
    height: 480px;
    border: 0;
    padding: 0;
    margin: 0;
}

.map .map-container {
    width: 800px;
    height: 480px;
}

.map .map-canvas {
    width: 800px;
    height: 480px;
    position: absolute;
    overflow: hidden;
}

.infowindow {
    width: 216px;
    background: #c6c9ce;
}

#MB_content {
    overflow: hidden;
}

/**
* Ajax shizzle
*/
#employee {
	width: 400px;
}

	#employee img {
		float: left;
		margin-right: 20px;
	}
	
	#employee strong {
		width: 150px;
		display: block;
		float: left;
	}
	
	#employee p {
	
	}
	
	#employee ul {
	}
	
	#employee li {
		text-align: left;
		margin: 0 0 10px 10px;
	}
	
.overviewitem {
	margin-bottom: 30px;
}

	.overviewitem h2 {
		margin: 0;
	}

.left-banner {
	margin-top: 20px;
}

#cheater {
	position: relative;
	width: 40px;
	height: 40px;
	margin-top: -40px;
	background: #fff;
}

.contact a {
	text-decoration: underline;
}

.contact a:hover {
	text-decoration: none;
}

#Overlay  {
	bottom:0;
	left:0;
	position:fixed;
	right:0;
	top:0;
}

#OverlayLightbox {
	background:none repeat scroll 0 0 #000000;
	bottom:0;
	left:0;
	opacity:0.7;
	position:fixed;
	right:0;
	top:0;
}

#OverlayImage {
	background:url("/images/banners/banner_twentse_vrouwenloop.jpg") repeat scroll 0 0 #FFFFFF;
	height:100px;
	left:50%;
	margin:-50px 0 0 -200px;
	position:absolute;
	top:50%;
	width:400px;
	z-index:100;
	display: block;
}

form div.field { float: left; width: 100%; }
form ul.optionset { display: block; float:right; list-style:none outside none; margin:0; padding:0; width:234px; }
form ul.optionset li { float: left; }
form ul.optionset input, form ul.optionset label { float: left; text-align: left; }