/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*************************************/
/*   werkleerschoolamsterdam.nl css  */
/*   html + stylesheet by swerk.nl   */
/*                                   */
/*   gebruikte kleuren:              */
/*   grijs: #4e5357                  */
/*   grijs-tint: #82898f             */
/*   oranje #FF6600                  */
/*************************************/

/* elements */
html,body{
	margin:0px;
	padding:0px;
	position: relative;
}
body{
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	color: #000;
	background: #ffffff;
	background: url(../img/wsla_achtergrond.jpg) top center no-repeat;
}
aside{
	float: right;
	position: relative;
	right: 10px;
	width: 300px;
}
h1{ font-size: 22px; }
h2{ font-size: 22px; }
h3{ font-size: 19px; }
h4{ font-size: 17px; }
h5{ font-size: 14px; }
h6{ font-size: 12px; }
img { border: 0px solid #ffffff; }
table { border: 0px; }
object { outline:none; }
a,
a:hover,
a:visited{
	color: #FF6600;
}
a.readmore{
	padding: 2px 5px;
	text-decoration: none;
	color: #ffffff;
	background: #FF6600;
}
em,
italic{
	font-style: italic;
}
b,
strong{
	font-weight: bold;
}

/* generic */
.centreer{
	width: 960px;
	margin: 0 auto;
}
.hr{
	height: 1px;
	display: block;
	line-height: 1px;
	border-bottom: 1px #cccccc dotted;
	margin-bottom: 10px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.mb_titel{
	margin-bottom: 20px !important;
}
/* columns */
.w620{
	position: relative;
	left: 10px;
	width: 620px;
}
.w938{
	width: 960px;
	margin: 0 auto;
}

/* header */
#contact_informatie{
	position: relative;
	overflow: hidden;
	text-align: right;
	margin-top: 10px;
	height: 30px;
}
#contact_informatie p{
	font-size: 13px;
	padding: 10px;
	line-height: 13px;
}
#header{
	position: relative;
	overflow: hidden;
	background: #FF6600;
	border-top: 4px solid #9F3F00;
	border-left: 0px solid #9F3F00;
	border-right: 0px solid #9F3F00;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 1px 0px 0px;
}
#header a{
	margin: 0px 0px 0px 0px;
}
#header a img{
	margin: 0px;
	padding: 0px;
}
#header .tagline{
	position: absolute;
	top: 55px;
	right: 50px;
	font-size: 24px;
	font-style: italic;
	color: white;
}

/* navigation */
#hoofdmenu{
	position: relative;
	z-index: 20;
	margin-bottom: 0px;
	background: #FF6600;
	padding: 0px 0px;
	margin-top: -9px;
	font-variant: small-caps;
	border-left: 0px solid #9F3F00;
	border-right: 0px solid #9F3F00;
	border-bottom: 0px solid #9F3F00;
}
#hoofdmenu ul {
	margin: 0px 0px 0px 6px;
	padding: 0;
	background: #FF6600;
	overflow: hidden;
}
#hoofdmenu ul li {
	list-style: none;
	border-top: 4px solid #9F3F00;
	border-right: 2px solid #9F3F00;
	border-left: 0px solid #C44E00;
	border-bottom: 0px solid #C44E00;
	float: left;
}
#hoofdmenu ul a {
	display: block;
	padding: 5px 10px;
	font-size: 18px;
	background-color: #C44E00;
	color: #fff;
	text-decoration: none;
}
#hoofdmenu ul li a:hover,
#hoofdmenu ul li.active a {
	background: #FF6600;
}
#hoofdmenu ul li ul {
	display: none;
	width: auto;
	background-color: #69f;
}
#hoofdmenu ul li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}
#hoofdmenu ul li:hover li {
	float: none;
}
#hoofdmenu ul li:hover li a {
	background-color: #C44E00;
	border-bottom: 0px solid #fff;
	color: #ffffff;
}
#hoofdmenu ul li li a:hover {
	background-color: #222222;
}

/* containers */
#inhoud{
	position: relative;
	overflow: hidden;
	padding-top: 20px;
	margin-bottom: 10px;
	border-top: 4px solid #dddddd;
}

/* footer */
#footer{
	position: relative;
	border-top: 4px solid #aaaaaa;
	background: #eeeeee;
	overflow: hidden;
}
#footer p{
	margin: 0px 0px 0px 0px;
	padding: 5px 10px;
	color: #666666;
	font-size: 13px;
	line-height: 18px;
}
#footer a{
	text-decoration: none;
	color: #FF6600;
	font-weight: bold;
}

/* text */
.text h1{
	margin: 0px 0px 20px 0px;
	color: #000000;
}
.text h1 a{
	text-decoration: none;
}
.text h2{
	margin: 0px 0px 10px 0px;
	color: #000000;
}
.text h2 a{
	color: #000000;
	text-decoration: none;
}
.text h3{
	margin: 0px 0px 10px 0px;
	color: #000000;
}
.text p{
	margin: 0px 0px 15px 0px;
	font-size: 14px;
	line-height: 20px;
}
.text ol,
.text ul{
	font-size: 14px;
	line-height: 20px;
	margin: 0px 0px 10px 15px;
}
.text ol li,
.text ul li{
	float: none;
	list-style: square;
	list-style-position: outside;
}

/* slider */
#slider{
	position: relative;
	float: left;
	z-index: 10;
	width: 620px;
	height: 300px;
	left: 10px;
	margin-bottom: 20px;
}

/* widgets generic */
.widgets h1{
	margin: 0px 0px 20px 0px;
	color: #000000;
}
.widgets h2{
	margin: 0px 0px 15px 0px;
	color: #000000;
}
.widgets h2 a{
	text-decoration: none;
}
.widgets li h2{
	font-size: 18px;
	line-height: 22px;
}
.widgets h3{
	margin: 0px 0px 10px 0px;
	color: #000000;
}
.widgets p{
	margin: 0px 0px 15px 0px;
	font-size: 14px;
	line-height: 20px;
}
.widgets ol,
.widgets ul{
	padding: 5px 0px 20px;
}
.widgets .niveau a,
.widgets .date_time a{
	color: #000000;
	font-size: 13px;
}
.widgets a{
	text-decoration: none;
}
.widgets li{
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
	padding: 7px 0px 0px 0px;
	border-top: 1px dotted #cccccc;
}
.widgets li a span{
	font-size: 14px;
	color: black;
	margin-right: 5px;
	line-height: 22px;
	display: block;
}
.widgets li h2{
	margin-bottom: 0px !important;
	line-height: 28px;
}

/* contact widget */
.widgets form{
	margin: 0px 0px 0px 0px !important;
	display: block;
	font-size: 13px;
	border-top: 4px solid #aaaaaa;
}
.widgets .form_h2{
	font-size: 22px;
	padding: 0px 0px 5px 0px;
}
.widgets form p{
	padding: 5px;
	background: #eeeeee;
	margin: 0px !important;
}
.widgets form button{
	padding: 6px;
}
.widgets form .label_left{
	width: 290px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px;
	display: block;
	color: #aaaaaa;
	font-style: italic;
}
.widgets form .input_right_medium{
	width: 285px;
	padding: 3px 0px;
}
.widgets form textarea.input_right_medium{
	max-width: 295px;
	min-height: 140px;
	max-height: 140px;
}
.widgets form .formHint{
	color: red;
	padding: 5px 0px;
	font-style: italic;
}
.page_items{
	border-top: 1px dotted #cccccc;
}
.page_items h1,
.page_items h2{
	margin-top: 10px !important;
}
.notification{
	display: block;
	margin: -20px 0px 20px 0px;
}
.message p{
	padding: 10px;
}
.notification .success{
	background: #57ab27;
	color: #2b5414;
}

/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}