.box2 {
	float: left;
	position: relative;
	width: 262px;
	height: 233px;
	background: url("P/grey.png") left top no-repeat;  
	margin: 0 8px 8px 0;      
	font: 11px Arial;
}
.box2 p,
.box2 ul,
.box2 ol {
	margin:10px 15px 0 15px;
}

#green h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
}  
    
#green img {
	float: left;
	display:block;
	margin: 0 10px 0 0;
}
    
#content #green .specImg { 
	position: absolute;
	bottom: 3px;
	left:2px;
	width: 225px;
	height: 160px;
	background: url("../images/bartBW.jpg") left bottom no-repeat;
}
#content #green .specImg p {
	font-size: 10px; 
	margin: 15px 0 0 75px;
}      

#content #green.activeBox .specImg {
	background: url("../images/bartC.jpg") left bottom no-repeat;
}

#green.box2 img.col {
	display: none;
}             
    
#green.activeBox img.bw {
	display: none;
}

#green.activeBox img.col {
	display: inline;
}  


#red .box {
    width: 241px;
    height: 140px;
    border: 0;
    margin: 0;
    padding:10px 0 0 0;
    background: url("P/bbox.png") no-repeat;
}
#red .box h4 {
    font-size:10px;
    margin:0 10px 5px 10px;
    padding-bottom:5px;
    font-weight:bold;
    border-bottom:solid 1px #DDD;
}
#red .box p {
    margin:0;
    padding:0 10px;
    font-size:10px;
}   

#blue1 .mcontent {  
    position: absolute;
    top: 20%;    
    height: 200px;
    margin-top: -60px;
    }                   
    
#blue1 .mcontent p   {
    text-align: center;  
    margin: 0 0 10px 0; 
    width: 240px;
    }
    
#blue1 .mcontent p a {
    text-decoration: none;
    font-size: 13px;  
    line-height: 14px;
    color: #000;
    }              
    
#blue1 .mcontent p a:hover {
    font-weight: bold;
    color: #06264b; 
    cursor: default;
    }   
    

#button-info {
	margin: 12px 10px 0 10px;
} 

.box2 #button-info a{
	display: inline-block;
	height: 33px; 
	margin: 0 0px 0 0;
	line-height: 28px;
	width: 29px;
	background: url("P/infobulletBW.png")  no-repeat bottom left;
	text-decoration: none;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;     
	z-index: 2300;
}

.box2  #button-info a.selected{
   background: url("P/infobulletBW.png")  no-repeat top left;
}    


a#a-info-div-01  {
	margin-left: 10px;
}

#red.activeBox #button-info a {
	background: url("P/infobulletC2.png")  no-repeat bottom left; 
} 

#red.activeBox #button-info a.selected {
	background: url("P/infobulletC2.png")  no-repeat top left;
}


/*#yellow ul {
    margin-top:12px;
}

#yellow li a {
    text-decoration: none;
    font-size:11px;
    line-height:14px;
    color:#000;                                         
    padding:0 10px 0 0;
    background:url("P/bullet2.gif") no-repeat center right;
}

#yellow ul li a:hover {
    text-decoration: underline;
} */
    
#yellow .mcontent li a {
    text-decoration: none;
   font-size: 13px;
   line-height: 23px;
   color: #000;                                         
   padding: 0 10px 0 0;
   background: url(P/bullet2.gif) no-repeat center right;
    }

#yellow .mcontent li a:hover {
    text-decoration: underline;
    }                     

#blue1 h3,
#blue2 h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
} 
    
#blue1 img,
#blue2 img {
	float: left;
	margin: 0 10px 0 0;
}

#blue1.box2 img.col,
#blue2.box2 img.col {
	display: none;
}             
    
#blue1.activeBox img.bw,
#blue2.activeBox img.bw {
	display: none;
}

#blue1.activeBox img.col,
#blue2.activeBox img.col {
	display: inline;
}
             

/*#blue1 form,
#blue2 form {
    clear: both;      
    float: none;
}
#blue2 label {
    float: none;
    font-weight: bold;
    margin:20px 0 0 0;
    display: block;
}                 

#blue2 input {
    height: 14px;  
    float: left;  
    display: block; 
    padding: 3px 0 0 5px;     
    border: 1px solid #eee;
}                      
                         
#blue2 a#zoekadv span {
    display: none;
}

#blue2 a#zoekadv {
    display: block; 
    float: left;     
    margin: 0 0 0 3px;
    height: 18px;
    width: 18px;
    background: url("P/zoekadv.png") no-repeat top left;
}    

#blue2 a#zoekadv:hover,
#blue2.activeBox a#zoekadv {
    background-position: bottom left;
}   */


#blue1 .mcontent,
#blue2 .mcontent {
    margin: 10px 30px 0 10px;
    }
#blue1 .mcontent  h3,
#blue2 .mcontent  h3 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px 0;
    }    
    
#blue1 .mcontent  img,
#blue2 .mcontent  img{
    float: left;
    margin: 0 10px 0 0;
    }    

#blue1.box2 img.col,
#blue2.box2 img.col {
    display: none;
    }             
    
#blue1.activeBox img.bw,
#blue2.activeBox img.bw      {
    display: none;
    }

#blue1.activeBox img.col,
#blue2.activeBox img.col     {
    display: inline;
    }

#blue2 .mcontent form {
    clear: both;      
    float: none;
    }
#blue2 .mcontent label {
    float: none;
    font-weight: bold;
    margin:20px 0 0 0;
    display: block;
    }                 

#blue2 .mcontent input {
    height: 14px;  
    float: left;  
    display: block; 
    padding: 3px 0 0 5px;     
    border: 1px solid #eee;
    }                      
                         
#blue2 .mcontent a#zoekadv span {
    display: none;
    }
#blue2 .mcontent a#zoekadv {
    display: block; 
    float: left;     
    margin: 0 0 0 3px;
    height: 18px;
    width: 18px;
    background: url(P/zoekadv.png) no-repeat top left;
    }    

#blue2 .mcontent a#zoekadv:hover,
#blue2.activeBox a#zoekadv {
    background-position: bottom left;
    }    
 
.box-nomrg {
	margin: 0 0 8px 0;
}

#content .box2 h2 {
	font-weight: normal;
	margin: 0 15px;     
	padding: 0;
	height: 25px;
	line-height: 25px; 
	font-size: 14px;
}  
        
#content .activeBox h2 {
	color: #fff;
}    
#green.activeBox {
	background: url("P/green.png") left top no-repeat;
}    
    
#red.activeBox {
	background: url("P/red.png") left top no-repeat;
}     
    
#yellow.activeBox {
	background: url("P/yellow.png") left top no-repeat;
}                       
    
#blue1.activeBox,
#blue2.activeBox {
	background: url("P/blue.png") left top no-repeat;
}

.addContent {
	display: none;
} 

/* LIST (opleidingen)
----------------------*/
#content #bodyContent ul#list {
	list-style:none;
	margin:-5px 0 10px 0;
}
#content #bodyContent ul#list li {
	position:relative;
	margin:0;
	padding:10px 0;
	list-style:none;
	border-bottom:solid 1px #E3E3E3;
	/*height:auto!important;
	min-height:62px;
	height:62px;*/
}

ul#list li .img,
ul#list li .img span {
	width:87px;
	height:61px;
}

ul#list li .img {
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
	background:#FFF;
	margin-right:10px;
}
ul#list li .img span.mask {
	position:absolute;
	display:block;
	top:0;
	left:0;
	background:url("../images/list-img-mask.gif") left top no-repeat;
}
ul#list li .img img {
	display:block;
}

ul#list li h4,
ul#list li p {
	display:block;
	margin-left:97px;
}

ul#list li h4 {
	font-weight:bold;
	margin-bottom:5px;
}
ul#list li h4,
ul#list li h4 a {
	color:black;
	text-decoration:none;
}

ul#list li p {
	font-size:11px;
	margin-bottom:5px;
}
ul#list li .meta span {
	color:#ddb400;
	font-weight:bold;
}  

body.werken  ul#list li .meta span {
	color:#58384b; 
	}           

div.desc {

    }

ul#events li a.read-more,
ul#list li a.read-more {
	display:block;
	position:absolute;
	bottom:5px;
	right:0;
	font-size:12px;
	color:#ddb400;
	text-decoration:none;
	padding-right:10px;
	background:url("../images/arrow_yellow.gif") right center no-repeat;
	font-weight:bold;
}                        

ul#events li a.read-more {
    clear: right;
    }

ul#events li a.read-more:hover,
ul#list li a.read-more:hover {
	text-decoration:underline;
}    

body.check ul#events li a.read-more,
body.check ul#list li a.read-more  {
    
    color: #84AC46;     
    background-image:url("../images/arrow_green.gif") ;
    
    }
    
body.veelgestelde-vragen ul#list li a.read-more{
        color: #02294f;
        background:url("../images/arrow_blue.gif") right center no-repeat;
    }    

/* SCHOOL INFO
--------------------------*/
#video {
	width:340px;
	margin:20px 0 20px 0;
}
#video h4 {
	margin-bottom:5px;
}

#item_info {
	margin-bottom:20px;
}

#item_info dt,
#item_info dd {
	float:left;
	margin-bottom:5px;
}
#item_info dt {
	width:120px;
	color:#ddb400;
}
#item_info dd {
	width:200px;
}


/* EVENTS LIST
----------------------*/
#content #bodyContent ul#events {
	list-style:none;
	margin:-5px 0 35px 0;
}
#content #bodyContent ul#events li {
	position:relative;
	margin:0;
	padding:10px 0 10px 0;
	list-style:none;
	border-bottom:solid 1px #E3E3E3;
	height:auto!important;
	min-height:62px;
	height:62px; 
}
ul#events li .img,
ul#events li .img span {
	width:113px;
	height:80px;
}

ul#events li .img {
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
	background:#FFF;
	margin-right:10px;
}
ul#events li .img span.mask {
	position:absolute;
	display:block;
	top:0;
	left:0;
	background:url("../images/list-img-mask-2.gif") left top no-repeat;
}
ul#events li .img img {
	display:block;
}

ul#events li h4 {
	margin-bottom:5px;
}     

ul#events li h4 a {
    text-decoration: none;
    color: black;
    }
ul#events li h4 a:hover {
    text-decoration: underline;
    }
    
ul#events li .desc {
	float:left;
	width:220px;  
}

ul#events li dl {
	float:right;
	width:220px;
	margin-bottom:15px;
}

ul#events li dl dt,
ul#events li dl dd {
	float:left;
}

ul#events li dl dt {
	width:90px;
	color:#62a800;
	font-weight:bold;
}
ul#events li dl dd {
	width:130px;
} 

body.events dl dt,
body.events dl dd {
    float:left;
	width:220px;  
	margin: 0 0 5px 0 ;
    } 

body.events dl dt {
	width:90px;
	color:#62a800;
	font-weight:bold;
	clear: left;
} 

body.events dl dd {
	width:auto;
}      


/* SEARCH RESULTS
----------------------*/
#content #bodyContent ul#searchResults {
	list-style:none;
	margin:-5px 0 35px 0;
}
#content #bodyContent ul#searchResults li {
	position:relative;
	margin:0;
	padding:10px 0;
	list-style:none;
	border-bottom:solid 1px #E3E3E3;
}
ul#searchResults li h4 {
	margin-bottom:5px;
}
ul#searchResults li p span {
	font-weight:bold;
	color:#002c52;
}


/* NAVIGATION
--------------------------*/
ul.pagination {
	list-style:none;
}
ul.topPag {
	position:absolute;
	top:5px;
	right:0;
}
ul.bottomPag {
	position:absolute;
	bottom:5px;
	right:0;
}
ul.pagination li {
	float:left;
	list-style:none!important;
	margin:0!important;
	font-weight:bold!important;
	font-size:11px;
}
ul.pagination li a {
	display:inline-block;
	color:black;
	text-decoration:none;
	border-right:solid 1px #222;
	height:11px;
	line-height:11px;
	padding:0 5px;
}

ul.pagination li.sel a {
	color:#6d425c;
}

ul.pagination li.prev a,
ul.pagination li.previous a,
ul.pagination li.next a,
ul.pagination li.last a {
	border:none;
}

ul.pagination li.prev a,
ul.pagination li.previous a {
	padding-left:8px;
	background:url("../images/bc_arrow_left.gif") left center no-repeat;
}
ul.pagination li.next a {
	padding-right:8px;
	background:url("../images/bc_arrow.gif") right center no-repeat;
}


/* BIG FORM (Inschrijven)
--------------------------*/
#bigForm #step1 {
	display:block;
}
#bigForm #step2,
#bigForm #step3 {
	display:none;
}

#bigForm {
	position:relative;
	width:750px;
	background:#f9fafa url("../images/bigFormBg.jpg") top repeat-x;
	border:solid 1px #cfcfcf;
	height:auto!important;
	min-height:400px;
	height:400px;
	margin:25px 0 0 0;
	padding:20px 20px 40px 20px;
}

#bigForm.infopakket table {
	width:364px;
}
#bigForm.infopakket table td {
	width:162px;
	padding:2px 0;
}
#bigForm.infopakket table td.left {
	width:202px;
}

#bigForm h3 {
	font-size:16px;
	font-weight:bold;
	border-bottom:solid 1px #e3e3e3;
	padding:0 0 5px 0;
	margin:0 0 15px 0;
}
#bigForm #step1 h3 {
	width:364px;
}

#bigForm .selector { /* :) */
	display:block;
	position:absolute;
	top:-12px;
	right:190px;
	width:22px;
	height:12px;
	background:url("../images/bigForm_arrow.gif") no-repeat;
	z-index:2000;
}
#bigForm.infopakket .selector {
	right:60px;
}

.bigFormCol {
	width:364px;
	float:left;
}

.left {
	margin-right:20px;
}

.confirmed {
	width:470px;
}

#bigForm #step1 .right {
	margin-top:-16px;
}

.formImg {
	position:relative;
	height:113px;
	background:white;
	margin:0 0 35px 0;
}
.infopakket .formImg {
	margin-bottom:63px;
}

fieldset#fs1 {
	height:140px;
}
.infopakket fieldset#fs1 {
	height:160px;
}
fieldset.fstop {
	height:170px;
}

#bigForm legend {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	line-height:120%;
}
#bigForm label {
	display:inline-block;
	clear:both;
	color:#002c52;
	font-weight:bold;
	font-size:10px;
}
#bigForm label.w135 {
	float:left;
	width:135px;
	margin-top:8px;
	padding-top:3px;
	height:auto!important;
	min-height:20px;
	height:20px;
}

a.help {
	display:block;
	float:left;
	margin-top:12px;
	margin-left:2px;
	width:18px;
	height:17px;
	background:url("../images/help-icon.gif") left top no-repeat;
	line-height:50px;
	overflow:hidden;
}

#bigForm label.chbox {
	height:20px;
	line-height:20px;
	margin-top:10px;
}

#bigForm input {
	display:inline-block;
}
#bigForm input.txt,
#bigForm select,
#bigForm textarea {
	float:left;
	background:white;
	border:solid 1px #cfcfcf;
	width:200px; /*209*/
	margin-top:10px;
	color:#b0b0b0;
	padding:2px;
}
#bigForm input.short {
	width:53px;
	margin-right:5px;
}
#bigForm input.shortest {
	width:28px;
}
#bigForm select {
	width:206px;
}
#bigForm textarea {
	height:95px;
}

#bigForm input.txt:focus,
#bigForm select:focus,
#bigForm textarea:focus {
	border:solid 1px #222;
	color:black;
}

.infopakket table input {
	float:left;
	width:19px;
}

.infopakket table label span {
	display:block;
	margin-left:20px;
	font-weight:normal;
}

#bigForm label.confirm input {
	width:25px;
	float:left;
}
#bigForm label.confirm span {
	display:block;
	float:left;
	width:320px;
	color:black;
}



#bigForm #step3 .res {
	color:black;
	float:right;
	width:200px;
	margin-top:10px;
	height:20px;
}

#bigForm p.buttons {
	margin-right:21px;
	text-align:right;
}

#bigForm #submit {
	display:inline-block;
	background:#1E1E24 url("../images/form_button.gif") left top repeat-x;
	border:solid 1px #cfcfcf;
	color:white;
	height:22px;
	line-height:22px;
	text-align:center;
	padding:0 10px;
	margin:0;
	cursor:pointer;
	text-decoration:none;
}

/* Adviser
--------------------------*/
#adviser {
	position:absolute;
	top:40px;
	right:20px;
	width:258px;
	background:#d1d9df url("../images/adviserBg.jpg") left bottom repeat-x;
	height:auto!important;
	min-height:225px;
	height:225px;
	border:solid 1px #e3e3e3;
}
#adviser h3 {
	border:none;
	background:url("../images/adviserHeading.jpg") left bottom no-repeat;
	height:23px;
	line-height:23px;
	border-bottom:solid 1px #EDF1F4;
	color:white;
	font-size:14px;
	padding:0 15px;
	margin:0;
	font-weight:normal;
}

#adviser .cont {
	padding:10px;
}

#adviser h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}

#adviser #photo {
	position:relative;
	display:block;
	float:left;
	width:84px;
}
#adviser #photo img {
	display:block;
	border:solid 2px #002c52;
}
#adviser #photo b.tl, 
#adviser #photo b.tr { 
	background:#E2E7EB;
}

#adviser p {
	display:block;
	margin-left:95px;
	margin-top:13px;
}

#adv_search h4 {
	margin-bottom:3px;
}
#adv_search input {
	float:left;
	border:solid 1px #e3e3e3;
	background:white;
	padding:1px 2px;
	font-size:11px;
	margin-right:3px;
}
#adv_search input:focus {
	border-color:#002c53;
}

#adv_search #submit {
	border:none;
	padding:0;
	height:auto;
	margin:0;
}