.clear{float:none;clear:both;}
body{font-size:0.9em;font-family:sans-serif;}
ul{margin:0;}

.wrapper {width:1000px;margin:0 auto; background-color:transparent; position:relative;}
.wrapper_yellow {background-color:transparent;background-image:url('img/wrapper_yellow.png');background-position:top left;}
.wrapper_green {background-color:transparent;background-image:url('img/wrapper_green.png');background-position:top left;}
.wrapper_lightblue {background-color:transparent;background-image:url('img/wrapper_lightblue.png');background-position:top left;}
.wrapper_blue {background-color:transparent;background-image:url('img/wrapper_blue.png');background-position:top left;}
.wrapper_lavender {background-color:transparent;background-image:url('img/wrapper_lavender.png');background-position:top left;}
.wrapper_pink {background-color:transparent;background-image:url('img/wrapper_pink.png');background-position:top left;}

.container {background-color:transparent;}
.pinglayer {position:absolute;top:14px;left:9px;width:320px;height:635px;z-index:0;background-color:transparent;background-image:url('img/bellen.png');background-repeat:no-repeat;background-position:top left;}
.column_menu {width:150px;float:left;height:630px;position:relative;z-index:1}


#home {left:40px;top:44px;position:absolute; height:102px;width:102px;background-image:url('img/home.png');background-repeat:no-repeat;background-position:top left;}
#cursussen {left:-4px;top:140px;position:absolute; height:102px;width:102px;background-image:url('img/cursussen.png');background-repeat:no-repeat;background-position:top left;}
#kosten {left:54px;top:225px;position:absolute; height:102px;width:102px;background-image:url('img/kosten.png');background-repeat:no-repeat;background-position:top left;}
#locaties {left:35px;top:326px;position:absolute; height:102px;width:102px;background-image:url('img/locaties.png');background-repeat:no-repeat;background-position:top left;}
#scholen {left:4px;top:427px;position:absolute; height:102px;width:102px;background-image:url('img/scholen.png');background-repeat:no-repeat;background-position:top left;}
#waarom {left:49px;top:519px;position:absolute; height:102px;width:105px;background-image:url('img/waarom.png');background-repeat:no-repeat;background-position:top left;}

#home_active{left:40px;top:44px;position:absolute; height:102px;width:104px;background-image:url('img/home_active.png');background-repeat:no-repeat;background-position:top left;} 
#cursussen_active{left:-4px;top:140px;position:absolute; height:102px;width:104px;background-image:url('img/cursussen_active.png');background-repeat:no-repeat;background-position:top left;}
#kosten_active{left:54px;top:225px;position:absolute; height:102px;width:104px;background-image:url('img/kosten_active.png');background-repeat:no-repeat;background-position:top left;}
#locaties_active{left:35px;top:326px;position:absolute; height:102px;width:104px;background-image:url('img/locaties_active.png');background-repeat:no-repeat;background-position:top left;}
#scholen_active{left:4px;top:427px;position:absolute; height:102px;width:104px;background-image:url('img/scholen_active.png');background-repeat:no-repeat;background-position:top left;}
#waarom_active{left:49px;top:519px;position:absolute; height:102px;width:105px;background-image:url('img/waarom_active.png');background-repeat:no-repeat;background-position:top left;}

.menuitem{cursor:pointer}
.menuitemactive{cursor:pointer}
.subnavitem a,.subnavitem a:visited{text-decoration:none;color:blue;}
.subnavitemactive a{text-decoration:none;color:black;font-weight:bold}
.submenu{right:10px;position:absolute;z-index:4;padding:4px;background-color:transparent;text-align:right;}
.submenu ul li{cursor:pointer;display:inline;list-style:none;list-style-type:none;margin:0px;padding:0px;}
.submenu ul{padding:0px 2px;}

.column_contact {width:165px;float:left;height: 600px;position:relative;line-height:14px;}
.column_contact_yellow {background-image:url('img/column_contact_yellow.png');background-position:0 168px ;background-repeat:repeat-x}
.column_contact_green {background-image:url('img/column_contact_green.png');background-position:0 168px ;background-repeat:repeat-x}
.column_contact_lightblue {background-image:url('img/column_contact_lightblue.png');background-position:0 168px ;background-repeat:repeat-x}
.column_contact_blue {background-image:url('img/column_contact_blue.png');background-position: 0 168px ;background-repeat:repeat-x}
.column_contact_lavender {background-image:url('img/column_contact_lavender.png');background-position:0 168px ;background-repeat:repeat-x}
.column_contact_pink {background-image:url('img/column_contact_pink.png');background-position:0 168px ;background-repeat:repeat-x}

.c {width:164px;height:165px;margin-top:29px;}
.c_yellow {background-image:url('img/c_lavender.png');background-repeat:no-repeat;background-position:top left;}
.c_green {background-image:url('img/c_yellow.png');background-repeat:no-repeat;background-position:top left;}
.c_lightblue {background-image:url('img/c_blue.png');background-repeat:no-repeat;background-position:top left;}
.c_blue {background-image:url('img/c_green.png');background-repeat:no-repeat;background-position:top left;}
.c_lavender {background-image:url('img/c_pink.png');background-repeat:no-repeat;background-position:top left;}
.c_pink {background-image:url('img/c_lightblue.png');background-repeat:no-repeat;background-position:top left;}

.contact_c_yellow {background-image:url('img/wrapper_yellow.png');background-position:top left;}
.contact_c_green {background-image:url('img/wrapper_green.png');background-position:top left;}
.contact_c_lightblue {background-image:url('img/wrapper_lightblue.png');background-position:top left;}
.contact_c_blue {background-image:url('img/wrapper_blue.png');background-position:top left;}
.contact_c_lavender {background-image:url('img/wrapper_lavender.png');background-position:top left;}
.contact_c_pink {background-image:url('img/wrapper_pink.png');background-position:top left;}

.contactinfo{background-color:transparent;padding:8px;margin-left:12px;position:absolute;z-index:12;top:320px;}

.column_content {width:685px;float:left;position:relative;}
.column_content .content h1{margin-top:29px;font-size:1.3em;margin-left:14px;margin-right:14px}
.column_content .content h2{margin-top:29px;font-size:1.1em;margin-left:14px;margin-right:14px}
.column_content .content h3{margin-top:29px;font-size:1em;margin-left:14px;font-weight:bold;margin-bottom:3px;margin-right:14px}
.column_content .content p{margin-left:14px;margin-top:0;margin-right:14px}
.column_content .content ul{margin-left:14px;margin-right:14px}
.column_content .content li{}

.contentbody ul {margin-left:12px;padding-left:32px;}

.header {background-color:transparent;position:relative; height:147px;}
.header_yellow {background-image:url('img/header_lavender.png');background-repeat:no-repeat;background-position:top left;}
.header_green {background-image:url('img/header_yellow.png');background-repeat:no-repeat;background-position:top left;}
.header_lightblue {background-image:url('img/header_blue.png');background-repeat:no-repeat;background-position:top left;}
.header_blue {background-image:url('img/header_green.png');background-repeat:no-repeat;background-position:top left;}
.header_lavender {background-image:url('img/header_pink.png');background-repeat:no-repeat;background-position:top left;}
.header_pink {background-image:url('img/header_lightblue.png');background-repeat:no-repeat;background-position:top left;}

.header_title{text-align:left;text-indent:-2400px;font-size:31px;}
.header .motto {position:absolute;top:0;right:10px;letter-spacing:1px;font-size:1.3em;color:white;font-weight:normal;}
.header img{position: absolute;top:8px;}

img .logo_yellow {background-image:url('img/logo_lavender.png');background-repeat:no-repeat;background-position:top left;}
img .logo_green {background-image:url('img/logo_yellow.png');background-repeat:no-repeat;background-position:top left;}
img .logo_lightblue {background-image:url('img/logo_blue.png');background-repeat:no-repeat;background-position:top left;}
img .logo_blue {background-image:url('img/logo_green.png');background-repeat:no-repeat;background-position:top left;}
img .logo_lavender {background-image:url('img/logo_pink.png');background-repeat:no-repeat;background-position:top left;}
img .logo_pink {background-image:url('img/logo_lightblue.png');background-repeat:no-repeat;background-position:top left;}

.content {padding-bottom:15px;margin-bottom:15px;background-color:white;width:674px;min-height:444px;}
.content_yellow {background-image:url('img/column_content_yellow.png');background-repeat:repeat-x;background-position:bottom left;}
.content_green {background-image:url('img/column_content_green.png');background-repeat:repeat-x;background-position:bottom left;}
.content_lightblue {background-image:url('img/column_content_lightblue.png');background-repeat:repeat-x;background-position:bottom left;}
.content_blue {background-image:url('img/column_content_blue.png');background-repeat:repeat-x;background-position:bottom left;}
.content_lavender {background-image:url('img/column_content_lavender.png');background-repeat:repeat-x;background-position:bottom left;}
.content_pink {background-image:url('img/column_content_pink.png');background-repeat:repeat-x;background-position:bottom left;}

.contentbody{position:relative;padding-top:10px;}

/* adresgegevens */
h4{font-weight:normal;font-size:0.8em;}

/* aanmeldformulier en beheer*/
label{width:150px;}
input.fullline{width:99%}
.msg{color:red;}
.liner{border:1px solid green;padding:4px;width:630px;margin-top:0;}
.blockheader{margin-bottom:0px;padding:4px;padding-bottom:2px;margin-bottom:0;width:630px;color:green;}
.indent{margin-left:46px;}
table tr td{vertical-align:top;}
table{margin-left:15px;}
table.adres{margin-left:0px;margin-left:-3px;width:100%}
table.adres td input.textbox{width:100%;}
td.naam{width:60%;}
td.nummer{width:25%;}
table tr {border:1px solid green;}
.submitbutton{margin-left:15px;margin-top:4px;}
span.uitleg{border-bottom:1px dotted green;}
span.mouseover{display:none;}
label{position:relative;} 
label:hover span.mouseover{font-size:0.8em;display:block;width:560px;position:absolute;top:5px;left:30px;padding:5px;margin:5px;z-index:100;color:green;background:white;border:1px solid green;}
div.menu:hover span.mouseover{position:absolute;display:block;background:yellow;border:black;color:black;font-size:0.8em;}

/* beheer */
.beheer-liner{margin:14px;border:2px solid green;padding:4px;}
.beheer-liner td{padding-left:5px;padding-right:5px;}
.id{font-size:0.8em;color:#ccc;padding-top:2px;}
.instructie{margin-left:15px;font-size:0.8em;color:#555;padding-top:5px;}
.instructie2{margin-left:5px;font-size:0.8em;color:#555;padding-top:5px;}
.tableheader, ._tableheader{color:green;font-weight:bold;}
.tableheader2, ._tableheader2{color:darkgreen;font-weight:bold;}
.beheermsg{font-size:0.9em;background-color:MistyRose;border:1px solid RosyBrown;color:DarkRed;font-size:0.9em;margin:15px;padding:4px;}
td.field{border:1px solid #aaa;font-size:0.9em;}
._tableheader td, ._tableheader2 td{border:1px solid green;margin:0;}

.rightdiv{float:right;padding-right:12px;padding-top:14px;}
.rightdiv2{float:right;padding-right:12px;margin-left:5px;}
.rightdiv3{float:right;padding-right:12px;margin-left:14px;}

.vlgnrfield{color:#777;border:1px solid green;}
td .field{padding-top:2px;}
table tr td.commentfield{width:450px;}

/*message*/
.groen{color:green;}
.bold{font-weight: bold;}
.center{width:95%;text-align:center;}
.red{color:red;font-weight:bold;}


/* for IE6 only: */
.header{*-height:175px;} 
.header img{*-top:28px;} 
.pinglayer{*-background-image:none;}
.wrapper_yellow,.wrapper_green,.wrapper_blue,.wrapper_lightblue,.wrapper_lavender,.wrapper_pink {*-background-image:none;}

#home, #home_active{*-top:29px;}
#cursussen,#cursussen_active{*-top:133px;}
#kosten,#kosten_active{*-top:237px;*-left:47px}
#locaties,#locaties_active{*-top:341px;}
#scholen,#scholen_active{*-top:446px;}
#waarom,#waarom_active{*-top:550px;*-left:44px}

.menuitemactive{*-border:1px solid black;}
.column_contact{width:164px;}

/* for Safari and chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.header{height:148px;}
}