@import "ui.base.css";
@import "ui.theme.css";
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
margin: 0px;
padding: 0px;
}

html {
}

body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}

body.foto01 {
background: #ffffff url(/SiteCollectionImages/mbo/foto01.jpg) repeat-x fixed left top;
}

#domein-roze a.bullit_dart {
padding: 0px 0px 0px 26px;
background: url(/_layouts/1033/IMAGES/ROCvA/bullit_dart.png) no-repeat left top;
display: block;
}

#domein-roze a.bullit_dart_small {
padding: 0px 0px 0px 19px;
background: url(/_layouts/1033/IMAGES/ROCvA/bullit_dart_small.png) no-repeat left 2px;
display: block;
}

a.bullit_dart_large {
background: url(/_layouts/1033/IMAGES/ROCvA/zoek_button_mbo.png) no-repeat left top;
padding-left: 35px;
font-size: 12px;
color: #333333 !important;
display: block;
margin-top: 0px;
margin-left: 20px;
padding-top: 5px;
padding-bottom: 10px;
line-height: 16px;
text-decoration: none;
width: 320px;
}

a.bullit_dart_large:hover {
color: #ff0033;
text-decoration: underline;
}

h1, div.h1 {
display: block;
line-height: 22px;
/*JdV Was 28px 0px 27px 5px*/
margin: 5px 0px 27px 5px;
padding: 6px 3px 2px 25px;
font-size: 21px;
color: #FFF;
/*JdV Was 307*/
width: 370px;
}

/* JdV 2a Extra Extra  2a*/
div#container div#content-container div#content.leftmargin5,
div#container div#content h1
{
	margin: 5px 0px 27px 5px;
}

/* JdV Extra*/
div#container div#content-container div#content h1.specialh1-large
{
	margin: 0px 0px 27px 5px;
}

/* JdV Extra*/
div#container div#content-container div#content h1
{
	margin: 0px 0px 27px 5px;
}

h1 .ms-long{ width: 280px;}

.blocktitle {
display: block;
line-height: 22px;
margin: 0px 0px 10px 0px;
padding: 5px 3px 0px 15px;
font-size: 22px;
color: #FFF;
width: 300px;
}

#domein-roze h1 {
background: #ee0088;
}
h2, div.h2 {
margin: 0px 0px 2px 30px;
padding: 0px 0px 0px 0px;
font-size: 20px;
line-height: 20px;
/*color: #333333;*/
color: #fff;
}

#submenu h2
{
margin: 20px 0px 2px 0px;
}

/*JdV Extra*/
div#container div#content-container div#submenu h2.marginleft0
{
	margin: -16px 0px 2px 0px;
	padding-bottom: 13px;
}

/*JdV Extra*/
div#container div#content-container div#submenu div span img
{
	margin-bottom: 9px;
}

h3 {
font-size: 18px;
color: #333333;
}

h4 {
font-size: 18px !important;
color: #FFFFFF;
}

h5 {
font-size: 12px !important;
}

#content h5 {
font-size: 18px !important;
}

.large {
font-size: 16px;
font-weight: bold;
}

/* Links */
a{ outline: none;}
#content a {
text-decoration: none !important;
}

#content a:hover {
text-decoration: underline !important;
}

#header {
background: url(/_layouts/1033/IMAGES/ROCvA/h-bgr.gif) repeat-x left bottom;
width: 925px;
margin: auto;
padding-left: 15px;
position: relative;
top: 10px;
z-index: 2;
}
.header {
	margin: 0 0 50px 110px;
}

    #logo {
    width: 220px;
    height: 111px;
    float: left;
    }
    
    #locatielijst {
    height: 25px;
    line-height: 23px;
    width: 600px;
    float: right;
    }
    
        #locatielijst ul {
        float: right;
        margin-right: 4px;
        }
        
            #locatielijst li {
            background: url(/_layouts/1033/IMAGES/ROCvA/lijst_li.png) no-repeat right 7px;
            margin-right: 7px;
            padding-right: 7px;
            letter-spacing: -0.005em;
            list-style: none;
            float: left;
            }
            
            #locatielijst li a {
            font-weight: bold;
            color: #FFF;
            text-decoration: none;
            }
            
    #zoekbox {
    width: 271px;
    height: 70px;
    padding: 20px 10px 0px 19px;
    background: #FFF;
    float: right;
    }
    	#zoekbox.standalone {
			background: #EEE !important;
			width: 881px !important;
			margin: 20px 30px 10px auto;			
			*margin: 20px 0px 10px -15px;
			float:none !important;
			overflow: hidden !important;
			
			
		}
		#zoekbox.standalone input[type=text] {
			color: #999;	
		}
		.standalone #zoekbox_label, .standalone .zoekbox_label {
        width: 130px !important;
        background: url(/_layouts/1033/IMAGES/ROCvA/label_zoek_opnieuw.png) no-repeat left top;
        float: left;
        height: 20px;
        }
		#zoekbox.standalone fieldset {
			margin: 15px auto 0px auto;	
			text-align: center;
			margin-left: 190px;
		}
        #zoekbox_label, .zoekbox_label {
        width: 40px;
        background: url(/_layouts/1033/IMAGES/ROCvA/label_zoek.png) no-repeat left top;
        float: left;
        height: 20px;
        }
        
		
        #zoekbox_main, .zoekbox_main {
        width: 174px;
        padding: 4px 4px 0px 6px;
        height: 16px;
        /*background: url(/_layouts/1033/IMAGES/ROCvA/zoek_input.png) no-repeat left top;*/
        border: 2;
        float: left;
        }
        
        #zoekbox_mainO, .zoekbox_mainO {
        width: 174px;
        padding: 4px 4px 0px 6px;
        height: 16px;
        /*background: url(/_layouts/1033/IMAGES/ROCvA/zoek_input.png) no-repeat left top;*/
        border: 2;
        float: left;
        }
        
        #zoekbox_button, .zoekbox_button {
        width: 25px;
        height: 25px;
        position: relative;
        top: -1px;
        border: none;
        float: left;
        margin-left: 9px;
        display: block;
        cursor: pointer;
        text-indent: -9999px;
        }
        
            #domein-roze #zoekbox_button {
            background: url(/_layouts/1033/IMAGES/ROCvA/zoek_button_mbo.png) no-repeat left top;
            }
			
        
    #menu {
    width: 685px;
    height: 35px;
    position: absolute;
    left: 240px;
    top: 86px;
    float: right;
    }
    
        #menu ul {
        float: right;
        position: relative;
            margin: 0px;
			padding: 0px;
        }
        
            #menu li {
            float: left;
            list-style: none;
            font-size: 14px;
            background: url(/_layouts/1033/IMAGES/ROCvA/menu_li_bg.png) no-repeat left 10px;
            display: block;
            position: relative;
            margin: 0px;
			padding: 0px;
            }
            
            #menu li a {
            color: #000000;
            text-decoration: none;
            display: block;
			min-height: 15px;
			/*height: 16px;*/
			position: relative;
            margin: 0px;
			padding: 0px;
            }
            
            #menu li a span {
            visibility: hidden;
            }
                
				
                
                
                #menu li ul {
                display: none;
                position: absolute;
                left: 0px;
                top: 16px;
                padding: 15px 0px 5px 0px;
                background: #ff0033 url(/_layouts/1033/IMAGES/ROCvA/ul_ul_bg.png) no-repeat left top !important;
                border: 1px solid #FFF;
                position: relative;
            margin: 0px;
			padding: 0px;
                }
                
                #menu li.specialul:hover ul {
                left: -49px !important;
                background: #ff0033 url(/_layouts/1033/IMAGES/ROCvA/ul_ul_bg_right.png) no-repeat right top !important;                
                /*width: 122px;*/
                }
                
                    #menu li:hover ul,
                    #menu li.ie6hover ul {
                    display: block !important;
                    float: none !important;                   
                    width: 180px !important; /**/
                    }
                    
                        #menu li:hover ul li,
                        #menu li.ie6hover ul li {
                        display: block !important;
                        line-height: 16px !important;
                        float: none !important;                        
                        width: 91% !important;
                        }
                        
							#menu li ul li a,
                            #menu li:hover ul li a,
                            #menu li.ie6hover ul li a {
                            color: #FFF;
                            font-size: 12px;
                            display: block !important;
                            padding: 4px 0 4px 10%;                            
                            font-weight: normal;
							/*white-space: nowrap;*/							
                            width: 100% !important;
                            }
                            
                            #menu li:hover ul li a:hover,
                            #menu li:hover ul li a.active,
                            #menu li.specialul:hover ul li a:hover,
                            #menu li.specialul:hover ul li a.active,
                            #menu li.ie6hover ul li a:hover,
                            #menu li.ie6hover ul li a.active {
                            background: #FFF;
                            color: #000;
                            font-size: 12px;
                            width: 100% !important;
                            display: block !important;
                            }
            
#wrap {
margin: auto;
width: 925px;
position: relative;
z-index: 1;
}

#container {
background: url(/_layouts/1033/IMAGES/ROCvA/container_bg.png) repeat-y left top;
margin: auto;
width: 925px;
min-height: 300px;
padding: 10px 0px 40px 15px;
margin-bottom: 10px;
position: relative;
}
/* if flash in pluscontainer add this */
.hasPlus{min-height:10px !important;}

/* JdV Extra Extra */
DIV#container.hasPlus
{
	padding-bottom: 0px;
}

#pluscontent {
margin: 0 auto 10px;
width: 910px;
position: relative;
padding:0 30px 0px 0;
}
    .floatingBlock {
    background: #FFF;
    width: 450px;
    height: 260px;
    display: block;
    position: relative;
    margin-top: 10px;
    }

#container.nobottompadding {
padding: 0px 0px 0px 15px !important;
}

    #submenu {
    width: 300px;
    margin-top: 20px;
    float: left;
    }
	
	#submenu.opleiding {
		background: #e4ebeb;
		padding: 15px 0px 0px 25px;
		color: #333333;
		width: 150px;
		margin-top: 174px;
	}
	
	/*JdV Extra Extra 7;*/
	DIV#container DIV#WebPartWPQ1.ms-WPBody DIV#submenu.opleiding
	{
		margin-top: 41px;
		margin-right: 70px;
	}	
	
	/*JdV Extra Extra */
	DIV#container DIV#WebPartWPQ1.ms-WPBody 
	{
		margin-top: -20px;		
	}	
	
	/*JdV Extra Extra  opheffen van de vorige..*/
	DIV#container DIV#WebPartWPQ1.ms-WPBody table
	{
		margin-top: 20px;		
	}	
	/*JdV Extra Extra  opheffen van de vorige..*/
	DIV#container DIV#WebPartWPQ1.ms-WPBody DIV.player
	{
		margin-top: 20px;		
	}	
	
	
	/*JdV Extra*/
	DIV#container DIV#content-container DIV#content DIV#content-centered H1
	{
		margin: 0px 0px 27px 5px;
	}
	
	
	
	#submenu.opleiding li,
	#submenu.opleiding ul{
		border: 0px !important;	
		font-size: 12px;
		line-height: 20px;
	}
    
        #submenu ul, 
        #footer ul {
        border-top: 1px solid #e0e0e0;
        width: 220px;
        margin: 12px 0px 19px 0px;
        }
        
        
        
            #submenu li,
            #footer li {   
            border-bottom: 1px solid #e0e0e0;
            list-style: none;
            line-height: 15px;
            padding: 0px 0px 0px 0px;
            margin-bottom: 1px;
            }
            
            
            
            
            .submenu-img-only 
            {
            /*JdV Was 78*/
            margin-top: 0px;
            }
            
                /*#mbo #submenu li a,
                #mbo #content li a,
                #mbo #footer li a,
                #domein-roze #submenu li a,
                #domein-roze #content li a,
                #domein-roze #footer li a*/
				#submenu li a,                
                #footer li a{
					color: #333333;
					text-decoration: none;
					padding: 7px 0px 7px 24px;
					display: block;
                }
					#footer li a{
						background: url(/_layouts/1033/IMAGES/ROCvA/submenu_li_mbo.png) no-repeat left 8px !important;
                	}
					
					#domein-roze li a:hover,
                    #domein-roze li a.active {
                    	color: #ff0033;
                    }
					
            #content {
            margin-top: 35px;
            float: left;
            width: 625px;
            }
            
            #content.news #searchresults {
            	margin-left: 0;
            	width: 625px;
            }
            
            #content.news #searchresults h1 {
            	margin-left: 0;
            	width: 307px;
            }
            
            #content.news #searchresults .domein-richting {
				width: 595px !important;	
			}
            
            #content.zoeken {
            margin-left: 110px;
            }
            
			 	#content.fullwidth {
               		width: 800px;
               }
            	#content .col_1 {
					width: 255px;
					float: left;
					*margin-left: -15px;
					padding-left: -15px;
				}
				
				#content .col_2 {
					width: 303px;
					float: left;					
				}
				#content .col_3 {
					width: 242px;
				    float: left;
				}
					
					.domeinenlijst td {
					line-height: 22px !important;
					padding-left: 10px !important;
					border-bottom: 1px solid #e0e0e0 !important; 
					}
					
					.domeinenlijst td a {
					color: #333 !important;	
					line-height: 29px !important;		
					}
					
					.specialuitlijning {
					position: relative;
					top: -20px;
					left: 180px;
					line-height:19px;
					display: inline;
					}
					
					.domeinenlijst td.icon { 
					border-bottom: 1px solid #e0e0e0 !important; 
					padding:3px 0 2px 0px !important;
					}
					.domeinenlijst .last td{ border: 0 !important;}
					
					#content table.text
					{
					    width: 275px !important; 
					    margin: 0 0 30px 30px; 
					    
					}
					#content table.text td {
						padding: 15px;
						border-bottom:1px solid #cbd0d0;
					}
					#content table.text{						
						border: 0px ;
					}
					#content table.text span.title{						
						font-weight: bold ;
					}
				/*	
				#content .col_3 {
					width: 255px;
					float: right;
				}
					#content .col_2 table,
					#content .col_3 table{
						width: 275px;	
					}
				*/
            #content-container #content {
            float: left;
            width: 395px;
            /* JdV 35px;  2a*/
            margin-top: 20px;
            }
                #content-container #content #content-centered {
                    margin-left: 300px;
                    width: 400px;
                }
                
                .p-content-centered
                {
                    margin-left:5px !important;
                }
                
                #content .type {
                margin-left: 30px;
                font-size: 14px;
                /*JdV Was -5*/
                margin-top: -39px;
                margin-bottom: 5px;
                }
                            
                #content p, #content div.p, .indented {
                color: #333333;
                margin: 0px 0px 20px 30px;
                /*JdV verwijderd: width: 345px;*/
                line-height: 18px;
                }
                /*JdV Extra Extra*/
                DIV#container DIV#content.news DIV#searchresults DIV.dr-content P
                {
                	width: 345px;
                }                
                 /*JdV Extra Extra*/
                DIV#container DIV#content DIV#searchresults DIV.dr-content P
                {
                	width: 560px;
                }                    
                /*JdV Extra Extra*/
                DIV#container DIV#content-container DIV#content .indented
                {
                	margin-left: 0px;
                }
                
                /*JdV Extra*/
                DIV#container DIV#content-container DIV#content .dr-content p
                {
                	width: 345px;
                }
                
                /*JdV Was 0*/
                #content.indented p { margin-left: 0; }
                                
                #content p.unstyled {
                width: auto !important;
                margin: 0px;
                }
                
                #content p.fullwidth {
                width: 100%;
                margin-bottom: 5px;
                }
                
                    #domein-roze #content a {
                    text-decoration: underline;
                    color: #ff0033;
                    }
                    
                    #domein-roze #content a:hover {
                    text-decoration: none;
                    }
                    
                #content table.tbl {
                margin: 0px 0px 40px 30px;
                border-top: 1px solid #cbd0d0;
                width: 520px;
                }
                
                #content table.afkorting {
                border-top: 0px solid #FFF;
                margin: 0 0px 0px 30px;
				width:275px;
				float: left;
                }
                
                                        
                    #content table.tbl th {
                    display: none;
                    }
                    
                    #content table.afkorting th {
                    display: table-cell !important;
                    *display: block !important;
                    color: #FFFFFF;
                    line-height: 22px;
                    height: 22px !important;                    
                    padding: 3px 4px 0 10px !important;
                    text-align: left;
                    font-size: 17px;
                    font-weight: normal;
                    border-bottom: 4px solid #FFF !important;
                    }
                    
                    #content table.tbl td {
                    border-bottom: 1px solid #cbd0d0;
                    line-height: 17px;
                    padding: 3px 25px;
                    font-size: 12px;
                    }
					
					#content table.afkorting td.icon {
					width: 22px !important;
					height: 25px;
					padding: 0px;
					}
					
						#content table .ho {
						background: #3399cc;	
						}
						#content table .htv {
						background: #ee0088;	
						}
						#content table .mrkc {
						background: #aa44ff;	
						}
						#content table .ltl {
						background: #003399;	
						}
						#content table .zdict {
						background: #550055;	
						}
						#content table .tt {
						background: #ff0000;	
						}
						#content table .muv {
						background: #ff6600;	
						}
						#content table .is {
						background: #cc8833;	
						}#content table .s {
						background: #00940d;	
						}
						#content table .zw {
						background: #5bbf21;	
						}
						
				    table.afkorting a {
				    color: #333333 !important;
				    }
				    
				    table.afkorting a:hover {
				    text-decoration: underline;
				    color: #fe0033 !important;
				    }
				    
				    table.alfabetische {
				        width: 520px !important;
				        margin-bottom: 20px !important;
				    }				    
				    
				    table.afkorting.alfabetische th a, table.afkorting.alfabetische th a:hover {
				        color: #fff !important;
				    }
					
					
					.meldjeaan {
		                height:91px;
						width:80px;
						position: absolute;
						right: 0px;
						top: 10px;
						background: transparent url(/_layouts/1033/IMAGES/ROCvA/btn_meldjeaan.png) no-repeat scroll right top;

	                 }
	                 
	                 .meldjeaanSpan{
		                height:98px;
						width:86px;
						position: absolute;
						visibility:hidden;
						right: 10px;
						top: 60px;
						z-index:3;
	                 }
	 	                 
					.brochure {
						height:92px;
						width:85px;
						position: absolute;
						right: -15px;
						top: 65px;
						background: transparent url(/_layouts/1033/IMAGES/ROCvA/btn_brochure.png) no-repeat scroll right top;
					}
					
					.brochureSpan{
		                height:99px;
						width:92px;
						visibility:hidden;
						position: absolute;
						right: -10px;
						top: 120px;
						z-index:3;
	                 }
					
					/*.brochure {
						height:90px;
						width:90px;
						position: absolute;
						right: -15px;
						top: 65px;
					}
					.brochure img:hover {
						height:95px;
						width:95px;
						position: absolute;
						right: -5px;
						top: -5px;
					}*/
					
					td.first {width: 280px;}
                    td.grijs {
                        background: #e4ebeb; 
                        border-bottom: 1px solid #cbd0d0;
                    }
                    td.grijsAlfabetische 
                    {
                        background: #e4ebeb; 
                        border-bottom: 1px solid #cbd0d0;
                    }
                    td.data {width: 400px !important}
                    td.afkorting {width: 75px !important; }
                    
                
                    
                .domein-richting {
                display: block;
                width: 595px;
                margin-left: 30px;
                background: #FFF;
                margin-top: 20px;
                position: relative;
                }
                
                .dr-grijs {
                background: #efeeee;
                }
                
                .domein-richting img {
                float: left;
                }
                    
                .dr-content {
                float: left;
                padding: 10px 0px 10px 0px;
                }
					.dr-content .niveau {
						margin-left: 30px;
						margin-bottom: 10px;
					}
                	.dr-content .richting {
						margin-left: 30px;
						color: #999999;
					}
                	.dr-content .domein {
						margin-left: 30px;
						margin-top: -15px;
						color: #999999;
					}
                
				
                .dr-titel {
                margin-left: 30px;                
                font-weight: bold;
                font-size: 17px;
                margin-bottom: 10px;
				width: 350px;
                }
				.dr-titel a { background: none !important;}
                .dr-titel a:hover {color: #333 !important;}
                
                .dr-verder {
					position: absolute;
					right: 15px;
					bottom: 5px;
					height: 24px;
					width: 77px;
					display: block;
                }
                
                    .dr-verder span {visibility: hidden; text-decoration: none !important; }
                    
                    .dr-verder a {
						display: block;
						text-decoration: none !important;
						height: 25px;
						text-decoration: none !important;
                    }
                    
                    	
                    
                    .domein-richting span {
						text-decoration: none !important;
						text-indent: -9999px;
						display: none;
                    }
					
                    .dr-grijs a {
                    background: url(/_layouts/1033/IMAGES/ROCvA/dr-verder-grijs.png) no-repeat left top;
                    }
                    
                    .dr-grijs a:hover {
                    background: url(/_layouts/1033/IMAGES/ROCvA/dr-verder-grijs_hover.png) no-repeat left top;
                    }
                    
                    .domein-richting a {
                    background: url(/_layouts/1033/IMAGES/ROCvA/dr-verder_mbo.png) no-repeat left top;
                    }
                    
                    .domein-richting a:hover span,
                    .domein-richting span a:hover,
                    .domein-richting a:hover {
                    text-decoration: none !important;
                    }
                
				.dr-bekijkopleidingen {
                position: absolute;
                right: 15px;
                bottom: 5px;
                height: 24px;
                width: 450px;
                display: block;
				margin-bottom: 20px;
				text-decoration:none !important;
                }
                
                    .dr-bekijkopleidingen span {visibility: hidden; }
                    .dr-bekijkopleidingen a {
                    display: block;
                    text-decoration: none !important;
                    height: 25px;
                    }
					.dr-bekijkopleidingen a:hover {
					background-position: left -25px !important;
					}
					
					
                .vraag {
                background: #e4ebeb;
                padding: 20px 70px 1px 35px;
                margin: 0px 0px 10px 30px;
                width: 415px;
                }
                
                    .vraag-titel {
                    font-size: 17px;
                    margin-bottom: 5px;
                    font-weight: bold;
                    }
                    
                    #content .vraag p {
                    margin: 0px 0px 15px 0px;
                    width: auto;
                    }
                    
                .alfabet {
                margin: 0px 0px 0px 31px !important;
                /*JdV 8 height: 40px;*/
                display: block;
                clear: both;
                }
                
                .alfabet ul {
                border: none !important;
                width: auto !important;
                display: block;
                }
                
                    .alfabet ul li {
                    float: left;
                    padding: 0px;
                    margin: 0px 0px 0px 0px;
                    background: none !important;
                    background-image: none !important;
                    border: none !important;
                    }
                    
                    .alfabet ul li a {
                    background: none !important;
                    padding: 3px 2px !important;
                    width: 22px;
                    text-align: center;
                    margin: 0px !important;
                    display: block;
                    font-size: 17px;
					color: #000 !important;
					text-decoration: none !important;
                    }
					.alfabet ul li a:hover {
                    text-decoration: none !important;
                    }
					
            
            #map-canvas {
            width: 880px;
            height: 400px;
            }
            
            #magazine {
            margin-top: 30px;
            width: 200px;
            background: #e6e6e6;
            padding: 10px 10px 25px 10px;
            }
            
                .dart-large {
                background: url(/_layouts/1033/IMAGES/ROCvA/zoek_button_mbo.png) no-repeat left top;
                padding-left: 35px;
                font-size: 16px;
                color: #fe0033 !important;
                display: block;
                margin-top: 10px;
                text-decoration: none;
                }
                
                    .dart-large:hover {
                    text-decoration: underline;
                    }
               
            div#related-content {
            float: right;
            width: 218px;
            /*margin-top: 50px; */
            }
                                
            #related-content {
            float: right;
            width: 218px;
            position: relative;
            top: 50px;
            }
            
            .hasPlus #related-content
            {
                position: static;
                margin-top: 50px;
            }
            
			#related-content.ikwiliets {
				margin-top: -120px;
			}
            
                .suggestiebox-oranje {
                padding: 10px 15px 10px 35px;
                background: #ff6600 url(/_layouts/1033/IMAGES/ROCvA/suggestiebox-oranje-bg.png) no-repeat left top;
                }
                
                .suggestiebox-oranje a:hover {
                color: #fff !important;
                }
                
                .related li {
                padding: 3px 0px;
                line-height: 16px;
                list-style: none;
                }
                
                    .related li a {
                    color: #FFF !important;
                    text-decoration: none;
                    padding-right: 15px;
                    font-weight: normal;
                    }
                    .ms-WPBody td .related li a:hover {text-decoration: underline !important;}
                                        
                     .related li a img
                     {
                         margin-left: 3px;
                     }
    
    #footer {
    width: 925px;
    background: url(/_layouts/1033/IMAGES/ROCvA/footer_bg.png) repeat-y left top;
    margin: 0px auto;
    padding: 30px 0px 0px 15px;
    position: relative;
    /*top: -30px;*/
    height: auto !important;
    }
    
        #footer ul {
        margin: 10px 0px 0px 0px;
        }
    
        #footer-left {
        width: 300px;
        margin-bottom: 20px;
        float: left;
        }
        
        #footer-right {
        width: 530px;
        margin-bottom: 20px;
        float: left;
        }
            #footer-right .domainList a{
	            padding:0;
	            background: none !important;
	            height:29px;
            }
            #footer-right .domainList a span{cursor: pointer;}
            #footer-right .domainList a .txt{	padding-top:6px; float:left;}
        
           /* #footer-right a.ho { 
            background: url(/_layouts/1033/IMAGES/ROCvA/ho.png) no-repeat left 3px !important; 
            padding: 7px 0px 7px 30px !important; 
            }
                    
            #footer-right a.htv { 
            background: url(/_layouts/1033/IMAGES/ROCvA/htv.png) no-repeat left 3px !important; 
            padding: 7px 0px 7px 30px !important; 
            } 
                    
            #footer-right  a.mrkc { 
            background: url(/_layouts/1033/IMAGES/ROCvA/mrkc.png) no-repeat left 3px !important; 
            padding: 7px 0px 7px 30px !important; 
            } 
                    
             #footer-right a.ltl { 
            background: url(/_layouts/1033/IMAGES/ROCvA/ltl.png) no-repeat left 3px !important; 
            padding: 7px 0px 7px 30px !important; 
            } 
                    
            #footer-right a.zdict { 
            background: url(/_layouts/1033/IMAGES/ROCvA/zdict.png) no-repeat left 3px !important; 
            padding: 7px 0px 7px 30px !important; 
            } 
                    
            #footer-right a.tt { 
            background: url(/_layouts/1033/IMAGES/ROCvA/tt.png) no-repeat left 3px !important; 
            padding: 7px 0px 7px 30px !important; 
            } 
                    
             #footer-right a.muv { 
            background: url(/_layouts/1033/IMAGES/ROCvA/muv.png) no-repeat left 3px !important; 
            padding: 7px 0px 7px 30px !important; 
            } 
                    
             #footer-right a.is { 
            background: url(/_layouts/1033/IMAGES/ROCvA/is.png) no-repeat left 3px !important; 
            padding: 7px 0px 7px 30px !important; 
            } 
                    
             #footer-right a.s { 
            background: url(/_layouts/1033/IMAGES/ROCvA/s.png) no-repeat left 3px !important; 
            padding: 7px 0px 7px 30px !important; 
            }
                    
             #footer-right a.zw { 
            background: url(/_layouts/1033/IMAGES/ROCvA/zw.png) no-repeat left 3px !important; 
            padding: 7px 0px 7px 30px !important; 
            } 
        */
        #footer-bottom {
        width: 879px;
        clear: both;
        height: 30px;
        position: relative;
        left: -15px;
        }
        
            #footer-bottom ul {
            border: none;
            margin: 0px 0px 0px 250px;
            padding: 0px;
            /*JdV was 450.*/
            width: 550px;
            }

            #footer-bottom li {
            clear: none;
            border: none;
            margin: 0px 19px 0px 0px;
            padding: 0px;
            float: left;
            line-height: 30px;
			color:#fff;
            }
            
            #footer-bottom li a {
            background: none !important;
            margin: 0px !important;
            padding: 0px !important;
            color: #FFF !important;
            }
            
#spcontrols {
color: #FFF;
float: right;
margin-right: 20px;
background: red;
padding: 0px 5px;
display: none;
}

.spcontrols {
clear: both;
width: 94%;
background: red;
color: #FFF;
display: block;
padding: 5px;
display: none;
}

#wp-opendagen a { color: #ef3300;}

/*Element styles ----------------------------------- */


#wp-opendagen #opendagen-header {
	background-color:#EE0088;
}

#herinnering_button {
	background:transparent url(/_layouts/1033/IMAGES/ROCvA/submit_pink.png) no-repeat scroll left top;
}



#wp-opendagen{
	width: 220px;
	margin-top: 20px;
}
	#wp-opendagen #opendagen-header {
		padding: 15px;
	}
		#wp-opendagen #opendagen-header h3 {
			color: #ffffff;
			font-size: 20px;
			line-height: 14px;
		}
		
	#wp-opendagen #opendag {
		background-color: #e0e0e0;
		padding: 9px 15px 9px 15px;
		font-family: Arial;
		font-size: 12px;
		line-height: 18px;
	}
		#wp-opendagen #opendag span {
			width: 100%;
			display: block;
		}
	#wp-opendagen #bedankt {
		font-family: Arial;
		font-size: 12px;
		line-height: 18px;
	}
	#wp-opendagen #herinnering {
		font-family: Arial;
		font-size: 11px !important;
		line-height: 18px;
		font-weight: bold;
		color: #333;
		padding: 10px 15px;
	}
	#wp-opendagen #herinnering .mail-icon {	
		font-size: 12px;
	}

	#wp-opendagen .mail-icon {
		padding-left: 64px;
		padding-bottom: 11px;
	}
	#wp-opendagen #herinnering {
		padding: 1px 15px 30px 15px;
		background-color: #e0e0e0;
		line-height: 16px;
	}
		#wp-opendagen #herinnering .mail-icon {
			background: transparent url(/_layouts/1033/IMAGES/ROCvA/mail_gray.gif) no-repeat scroll left top;
		}	
	#wp-opendagen #bedankt {
		padding: 9px 15px 8px 15px;
		background-color: #ff0033;
		color: #ffffff;
	}	
		#wp-opendagen #bedankt a:link,
		#wp-opendagen #bedankt a:visited {
			color: #ffffff;
		}
		
		#wp-opendagen #bedankt .mail-icon {
			background: transparent url(/_layouts/1033/IMAGES/ROCvA/mail_red.gif) no-repeat left top;
		}
		#herinnering_button {
			border: medium none;
			height: 25px;
			margin-left: 7px;
			margin-top: 2px;
			width: 25px;
			cursor: pointer;
		}
.tbopendaysregister{float: left; width: 131px;}
.opendaysregister{
	float: left;
	display: block;
	width:25px;
	height: 25px;
	position:relative;
	top:-4px;
	margin-left: 4px;
	background: transparent url(/_layouts/1033/IMAGES/ROCvA/submit_pink.png) no-repeat left top;
}

		
/* Webpart domein ------------------------------ */


/*einde stylen afhankelijk van domein*/


#domein{
	width:220px;
}
#domein h2{
	margin-left:0px;
	padding:8px 5px 0px 25px;
	line-height:20px;
	margin-bottom: -9px;
	color:#ffffff;
}
#domein li{
	border-bottom:0px none;
}
#domein ul{
	border-top:0px none;
}
	#kluster{
		font-size:14px;
		color:#ffffff;
		border: none ;
		margin-bottom:0px !important;
	}

	#kluster li{
		list-style:none;
		display:block;
		width: 220px;
		background: none;
		margin: 0px;
		border: none;
	}
	
		#kluster li a {
		background: none !important;
		margin: 0px;
		padding:8px 5px 2px 12px;
		}
		
	#kluster li span {
		display:block;
		padding: 7px 0px 0px 25px;
		position:relative;
		line-height: 14px;
		overflow: hidden;
		}
	
		
		#richting {
			border: none;
			margin: 0px !important;
			padding: 0px;
			font-size: 12px;
		}

		#richting li{
			display:block;
			width:220px;
			padding: 0px;
		}

		#richting li a{
			padding-left:0px;
			padding-top:9px !important;
			padding-bottom:7px;
		}
		#richting a:link,
		#richting a:visited{
			width: 190px;
			display:inline-block;
			line-height: 15px;
			text-decoration:none;
			padding-left:25px;
		}

		#richting li.active{
			border-bottom:0px none;
		}
		

		#richting a:hover{
			text-decoration:underline;
		}
		
		#richting ul{
			display:none;
		}
		#richting .active ul{
			display:block;
		}
			#niveau{
				line-height:20px;
				margin:0px !important;
				width:100%;
			}

			#niveau li{
				padding: 10px 0px 0px 25px;
				display:block;
				margin-top:0px;
				background:none !important;
				width:190px;
				border-bottom:0px none !important;
				margin-bottom:0px;
			}
			#opleiding{
				margin:5px 0px 4px 0px !important;
				width:100% !important;
			}
				#opleiding li{
					display:block;
					color:#333333 !important;
					height:20px;
					padding:0px;
					margin-bottom:0px;
				}

th img {
padding-top: 5px;}






/* Standard styles -------------------------- */


a img,fieldset { border: none;}

legend { display:none; }

q { font-style: italic; }

td { vertical-align: top; }

input, label { vertical-align: middle; font-size: 8pt;  }

.floatleft { float: left  !important; }
.floatright { float: right  !important; }
.block { display: block; }

.bold { font-weight: bold !important; }

.imgleft, .imgdiv img{ margin-right: 10px; margin-bottom: 10px; }
.imgright { margin-left: 10px; margin-bottom: 10px; }

.clearboth { clear: both; display: block; font-size: 0px; line-height: 0px; }

.hidden { display: none; }

.nopadding { padding: 0px  !important; }
.nomargin  { margin: 0px  !important; }
.nomarginBottom  { margin-bottom: 0px  !important; }
.noborder { border: none  !important; }
.nobg { background: none  !important; }
.nobullet { list-style:none; }

.textleft { text-align: left; }
.textright { text-align: right; }

.p50 { width: 50%; }
.marginleft0 {
	margin-left: 0px;
	margin-bottom: 10px;	
}

.marginTop10 {
margin-top: 10px;
}




/* Custom for this project --------------------- */

.domeinimg, .imgdiv img { position: absolute; right: 40px; top: 54px;}

.bottommargin40 { margin-bottom: 40px !important; }
.bottommargin20 { margin-bottom: 20px !important; }
.leftmargin15 { margin-left: 15px !important; }
.leftmargin30 { margin-left: 30px !important; }
.marginright80 { margin-right: 80px !important; }
.topmargin10 { margin-top: 10px !important; }
.topmargin3 { margin-top: 3px !important; }



/* Sifr styles --------------------------------- */

.sIFR-flash {
	visibility: visible;
	margin: 0 !important;
	padding: 0 !important;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}



/* Added by Elmar */

#map-canvas h1 {
display: none !important;
}


.pageresults {
	display: inline-block;	
	float: right;
	line-height: 30px;
	margin-right: 40px;
}

.pageresults.searchResultPage {
	margin-left: 0;
	/*JdV 11 Extra Extra*/
	margin-top: 30px;
}

.paging {
	margin: 50px 0 0px 0px;
}
.paging.center {
	margin:50px auto 0 auto;
	text-align: center;
}

.paging a {
	display: inline-block;
	width: 23px;
	font-size: 18px;
	height:23px;
	line-height: 23px;
	margin: 0px 2px;
	text-decoration: none !important;
	color: #000 !important;
	text-align: center;
}
paging a:hover {
	color: #999;
}
.paging a.next, 
.paging a.previous {
	width: auto !important;
	text-decoration: underline !important;
	text-align: center;
    padding: 0px 7px !important;
}
.paging a.all {
	width: 100px;
	text-decoration: underline !important;
	text-align: center;
	margin-left: 20px;
}

#content.educatie,
#content .meldjeaan,
#content .brochure{
	margin-top: 56px !important;
}
#content.educatie h1 {
	width: 450px;	
}
#content.educatie p,
#content.educatie h2 
{
	/*JdV was 0px*/
	margin-left: 30px !important;	
}

/*JdV Extra*/
div#container div#content-container div#content.educatie p,
div#container div#content-container div#content.educatie h1,
div#container div#content-container div#content.educatie h2,
div#container div#content-container div#content.educatie h3,
div#container div#content-container div#content.educatie h4,
div#container div#content-container div#content.educatie h5
{
	margin-left: 30px;
}

paging a:hover {
	
}


#ikwiliets table {
	width: 22.57%;
	*width: 22.545%;
	margin-top: 50px;
	margin-bottom: 20px;
}
#ikwiliets img.header_img {
	margin: 30px 0 0 30px;	
}
#ikwiliets table.floatleft {
	margin-right: 20px;	
}
#ikwiliets table thead th{
	background: #e4ebeb;
	font-weight: normal;
	text-align: left;

}

#ikwiliets table thead span{
	text-align: center;
	background: #FF0033 !important;
	padding: 3px 15px !important;
	width: 40px;
	margin: 0px !important;
	display: block;
	font-size: 17px;
	font-weight: normal;
	white-space: nowrap;
	color: #FFF !important;
		margin-bottom: 10px !important;
}
#ikwiliets table tbody td {
	height: 28px;
	border-bottom: 1px solid #CCC;
	padding-left: 20px;
	line-height: 28px !important;
	
}

#ikwiliets td a {
color: #333 !important;
text-decoration: none !important;
position: relative;
left: 4px;
top: 1px;
}

#ikwiliets td a:hover {
color: #ff0033 !important;
text-decoration: underline !important;
}

#searchresults {
	margin-left: 105px;
	width: 820px;
}

	.searchResultPage {
	display: block;
	clear: both;
	margin-left: 105px;
	height: 40px;
	xxxposition: absolute;
	left: 630px;
	top: 35px;
	}
	
	.zoekDef {
	position: relative;
	left: -15px;
	*left: 0px;
	}
	
	#searchresults h1{
		margin-left: 115px;
		width: 450px;
	}
	
	#searchresults .domein-richting {
		width: 790px;	
	}





#content .column_big {
	width: 470px;
	margin-left: -120px;
}
#content .column_big p{
	width: 100%;
}

.routeplanner_side {
	margin-top: 150px;
}

.routeplanner_side .adres {
	color: #ff0033 ;	
	line-height: 18px;
}

.routeplanner_side .planner {
	margin-top: 20px;
	background: #FFF;	
}

.routeplanner_side .planner div.map{
	background: #000;
	height: 200px;
	width: 100%;
	margin-bottom:0px;
	overflow: hidden;
}

.routeplanner_side .planner .data{
	background: #ededed;
	padding: 15px;
	/*JdV Extra. was 240.*/
	height: 280px;
}
.routeplanner_side .planner div {
	height: 30px;
	clear: both;
}

.routeplanner_side .planner label {
	width: 90px;
	display: inline;
}
.routeplanner_side .planner input[type=text] {
	display: inline;
}

.routeplanner_side .planner .data input.zip_1{
	width: 60px;
	display: inline;
	}
	
.routeplanner_side .planner .data input.zip_2{
	width: 31px;
	*width: 30px;
	display: inline;
}
.routeplanner_side .planner .data select.datum{
	width: 99px;
	*width: 102px;
	*height: 21px;
	display: inline;
	margin-left: 34px;
}
.routeplanner_side .planner .data .time_1{
	width: 45px;
	display: inline;
	margin-left: 51px;
}
.routeplanner_side .planner .data .time_2{
	width: 45px;
	display: inline;
}

.routeplanner_side span {
position: relative;
top: 4px;
left: 3px;
}


a.routeplanner {
display: block;
height: 22px;
width: 108px;
background: url(/_layouts/1033/IMAGES/ROCvA/txt_planroute.png) no-repeat left top;
text-indent: -9999px;
}

a.routeplanner:hover {
background-position: left -22px;
}


.relatedlist {
	width: 200px !important;	
	float: right;
}
.relatedlist span,
.domeinblock span {
	color: #ee0088;	
}
.relatedlist ul {
	border-top: 0px !important;
	width: 170px !important;
	margin: 12px 0px 19px 0px;
}
.relatedlist ul li {
	list-style: none;
	line-height: 15px;
	padding: 0px;
	margin-bottom: 1px;
	border-bottom:1px solid #E0E0E0;
}

.relatedlist ul li a {
	color: #333333 !important;
	text-decoration: none;
	padding: 7px 0px 7px 24px;
	display: block;
}
.relatedlist ul li a:hover {
	text-decoration: underline;
}

.relatedlist li a {
	background: url(/_layouts/1033/IMAGES/ROCvA/submenu_li_mbo.png) no-repeat left 8px;
}

.domeinblock p {
	width: 180px !important;	
	padding-left: 20px;
	color: #333333;
	margin: 0px 0px 20px 0px;
	line-height: 18px;
}

.domeinblock p a {
color: #333 !important;
}

.domeinblock p a:hover {
text-decoration: underline;
}

.domeinblock div {
	padding-top: 15px; 
}

.domeinblock span {
	clear: both;	
	display: block;
}
.domeinblock h1 {	
	margin: 0;
	width: 200px !important;
	margin-left: 0px !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

table#opleidinginfo {
	margin: -26px 0 0 5px;
	padding: 0px!important;
	border-top: 0px !important;
	width: 478px !important;
}

table#opleidinginfo tr td {
	background: #feecf6;
	vertical-align: middle;
	/*height: 24px !important;*/
	margin: 0px;
	color: #333;
	padding: 5px 15px 5px 25px;
	border-bottom: 1px solid #fde0f0 !important;
}
table#opleidinginfo tr td a {
	text-decoration: none;
	color: #ff0033;
}

table#opleidinginfo tr td a:hover {
	text-decoration: underline;
}

table#opleidinginfo tr td.label {
	background: #fcd9ed;
	border-bottom: 1px solid #fbd0e9 !important;
	width:  110px !important;
}
table#opleidinginfo tr td.niveau {
	background: #fcd9ed;
	border-bottom: 1px solid #fbd0e9 !important;
	padding: 3px 10px !important;
	width:  60px !important;
}
table#opleidinginfo tr td.jaar {
	background: #fcd9ed;
	border-bottom: 1px solid #fbd0e9 !important;
	padding: 3px 10px !important;
	width:  60px !important;	
}

table#opleidinginfo.steden {
	margin-top: 10px !important;	
}
table#opleidinginfo tr td .tooltip {
	font-weight: bold;	
}

.actionbuttons {
	position: relative;
	top: 0px;
	left: 300px;
	margin-bottom: 30px;
	margin-top: 25px;
}
.actionbuttons a {
	margin: 20px 5px 0px 5px;
	display: block;
	height: 25px;
	text-indent: -9999px;
	float: left;
	cursor: pointer;
}

#stuurdoor_form {
background: url(/_layouts/1033/IMAGES/ROCvA/stuurdoor_form_bg.png) no-repeat left bottom;
/*height: 235px;*/
width: 248px;
float: left;
display: none;
position: absolute;
bottom: -20px;
left: 140px;
padding: 15px 15px 45px;
*padding-bottom: 35px;
z-index: 200;
}

#stuurdoor_form label {
color: #FFF !important;
float: left;
position: relative;
top: 3px;
}

#stuurdoor_form input {
display: inline;
width: 140px !important;
float: right;
margin-bottom: 4px;
}

#stuurdoor_form textarea {
width: 247px;
height: 69px; 
margin-top: 4px;
margin-bottom: 15px;
font-family: arial;
font-size: 11px;
}

#stuurdoor_form .verstuur {
background: url(/_layouts/1033/IMAGES/ROCvA/btn_verstuur.png) no-repeat left top;
height: 21px;
width: 108px !important;
display: block;
text-indent: -9999px;
font-size: 0em;
border: none;
cursor: pointer;
float: right;
}

#stuurdoor_form .verstuur:hover{background-position:0 -21px;}

.actionbuttons a#print {
    background: url(/_layouts/1033/IMAGES/ROCvA/btn_print.png) no-repeat left top;
    width: 82px;
}

.actionbuttons a#bewaar {
    background: url(/_layouts/1033/IMAGES/ROCvA/btn_bewaar.png) no-repeat left top;
    width: 105px;
}

.actionbuttons a#stuurdoor {
    background: url(/_layouts/1033/IMAGES/ROCvA/btn_stuurdoor.png) no-repeat left top;
    width: 131px;
}

.actionbuttons a#brochures {
    background: url(/_layouts/1033/IMAGES/ROCvA/btn_brochures.png) no-repeat left top;
    width: 117px;
}

.actionbuttons a:hover {
    background-position: left -25px !important;
}

    
.tooltip_container {
	position: relative;	
	display: inline-block;
	*display: inline;
}
.info_icon {
	position: relative;	
	display: inline-block;
	*display: inline;
	color: #FF0000;
	font-weight: bold;
	cursor: pointer;
}
div.tooltip {
	width: 220px;
	display: none;
	position: absolute;
	padding: 10px;
	height: auto !important;
	left: -112px;
	bottom: 18px;
	background: url("/_layouts/1033/IMAGES/ROCvA/bg_tooltip.png") left bottom repeat;
	color: #FFF;
	font-size: 12px;
	z-index: 999;
}
div.tooltip .close{
	color: #FFF;
	position: absolute;
	right: 10px;
	*right: -5px;
	top: 10px;
	*top: -5px;
	font-weight: normal;
	cursor: pointer;
}

div.tooltip p {
width: auto !important;
color: #FFF !important;
font-weight: normal !important;
margin-top: 8px !important;
padding-right: 10px !important;
}


.testimonial {
margin: 0px 0px 0px 0px;
padding: 0px 15px 15px 0px;
width: 205px;
display: block;
background: #ee0088 url(/_layouts/1033/IMAGES/ROCvA/testimonial_bg.png) no-repeat left top;
font-size: 13px !important
}

.testimonial h2 {
margin: 15px 0px 0px 15px !important;
padding: 0px !important;
}

.testimonial p {
margin: 10px 0px 0px 15px !important;
color: #FFF !important;
line-height: 18px;
}


/* toegevoegd door Jeroen op 11 september 2009 */

#content.zoeken h1 {
margin-left: 115px !important;
}

#content.zoeken h2 {
margin-left: 0px !important;
}

.searchBlock {
width: 535px;
background: #eee;
padding-top: 15px;
padding-left: 30px;
*margin-top: 10px;
position: relative;
}

.searchBlock.regios {
padding-left: 30px !important;
}

.searchBlock.randvoorwaarden ul li,
.searchBlock.domeinen ul li,
.searchBlock.regios h3 {
margin-left: 0 !important;
}

#content.zoeken .searchBlock a {
color: #333333 !important;
text-decoration: underline !important;
}

#content.zoeken .searchBlock a:hover {
color: #ff0033 !important;
}

#content ul li 
{
	margin-left:30px;
    color: #333 !important
}

#content ul#LettersList li
{
	margin-left:0px;
	list-style: none;
}

/*JdV 8,9 Extra Extra*/
div#container div#content div.alfabet ul#LettersList li
{
	padding-bottom: 15px;	
}

/*JdV 10 Extra Extra*/
div#container div#content-container div#content.zoeken
{
	margin-left: 155px;
}

/*JdV Extra Extra*/
div#container div#content-container 
{
	margin-top: 34px;
}

/*JdV 12 Extra Extra*/
div#container div#content.news div#searchresults div.pageresults
{
	margin-top: 30px;
}

/*JdV Extra*/
div#container div#content div#searchresults h1
{
	margin: 30px 0px 27px 5px
}

/*JdV 14 Extra Extra*/
div#container div#content-container div#content div#WebPartWPQ2.ms-WPBody SPAN
{
	margin-left: 30px;
	display: block;
}

/*JdV Extra Extra*/
DIV#container DIV#WebPartWPQ1 DIV#content 
{
	width: 630px;
}


#content.zoeken .regios .item {
margin-right: 5px;
margin-bottom: 40px;
width: 125px !important;
}

#content.zoeken .regios label {
/*font-weight: bold;*/
}

#content.zoeken .regios {
    padding-left:5px;
}

#content.zoeken .regios h3 {
    margin-left: 25px;
}

#content.zoeken .regios div input {
position: relative;
top: -2px;
margin-right: 10px;
}

.searchBlock p {
margin: 15px 0px 0px 0px !important;
padding: 0px !important;
}


	.normalInput {
	width: 200px;
	padding: 2px 10px !important;
	height: 15px !important;
	margin: 0px !important;
	}
	
	.normalSelect {
	width: 220px;
	margin-right: 10px;
	}
	
	.searchButton {
	background: url(/_layouts/1033/IMAGES/ROCvA/zoekButton.gif) no-repeat left top;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 92px;
	height: 34px;
	border: none !important;
	font-size: 1%;
	display: block;
	cursor: pointer;
	text-indent: -999px !important;
	}
	
		.searchButton:hover {
		background-position: left bottom;
		}

.smallBlock {
width: 455px;
height: 65px;
padding-left: 110px;
margin-bottom: 40px;
}

.cohesiveBlock {
margin-top: 5px;
overflow: hidden !important;
}

#content.zoeken .domeinen .floatleft {
	float: left !important; 			
}

#content.zoeken .domeinen .floatRight {
	float: right !important; 
}	

#content.zoeken .domeinen ul,
#content.zoeken .domeinen ul li {

border: none !important;
width: 245px !important;
_width: 235px !important;
}

#content.zoeken .domeinen ul {
    margin-bottom: 10px;
}

#content.zoeken .domeinen ul li {
clear: both;
padding: 2px 0px 2px 0 !important; 
list-style: none;
}


#content.zoeken .domeinen ul li label input,
#content.zoeken .domeinen ul li label span {
position: relative;
top: 5px;
}

#content.zoeken .randvoorwaarden ul {
height: 90px;
}

#content.zoeken .randvoorwaarden div {
margin-bottom: 10px;
}

#content.zoeken .randvoorwaarden ul,
#content.zoeken .randvoorwaarden ul li  {
border: none !important;
width: 165px !important;
}

#content.zoeken .randvoorwaarden ul
{
    margin-bottom: 10px;
}


#content.zoeken .randvoorwaarden ul li {
padding: 2px 0px 2px 0px !important; 
list-style:none;
}

#content.zoeken .randvoorwaarden ul li input {
position: relative;
top: -2px;
}

li.ho { 
background: url(/_layouts/1033/IMAGES/ROCvA/ho.png) no-repeat left top !important; 
}
                    
li.htv { 
background: url(/_layouts/1033/IMAGES/ROCvA/htv.png) no-repeat left top !important; 
} 
                    
li.mrkc { 
background: url(/_layouts/1033/IMAGES/ROCvA/mrkc.png) no-repeat left top !important; 
} 
                    
li.ltl { 
background: url(/_layouts/1033/IMAGES/ROCvA/ltl.png) no-repeat left top !important; 
} 
                    
li.zdict { 
background: url(/_layouts/1033/IMAGES/ROCvA/zdict.png) no-repeat left top !important; 
} 
                    
li.tt { 
background: url(/_layouts/1033/IMAGES/ROCvA/tt.png) no-repeat left top !important; 
} 
                    
li.muv { 
background: url(/_layouts/1033/IMAGES/ROCvA/muv.png) no-repeat left top !important; 
} 
                    
li.is { 
background: url(/_layouts/1033/IMAGES/ROCvA/is.png) no-repeat left top !important; 
} 
                    
li.s { 
background: url(/_layouts/1033/IMAGES/ROCvA/s.png) no-repeat left top !important; 
}

li.zw { 
background: url(/_layouts/1033/IMAGES/ROCvA/zw.png) no-repeat left top !important; 
} 


/* request brochure */

#content.request {
margin-left: 110px;
position: relative;
margin-top: 0 !important;
}

#dinges {
width: 140px;
height: 403px;
background: url(/_layouts/1033/IMAGES/ROCvA/dinges.png) no-repeat left top;
position: absolute;
top: 130px;
left: -65px;
z-index: 200;
}


#content.request h1 {
margin-left: 95px;
}

.intro { 
font-weight: bold; 
margin-left: 110px !important; 
}

.formDiv {
width: 600px;
min-height: 215px;
background: url(/_layouts/1033/IMAGES/ROCvA/form_bg.png) repeat-y left top;
margin-bottom: 200px;
padding-top: 20px;  
position: relative;
padding-bottom: 40px;
}

	.downloadenbekijken {
	display: block;
	height: 26px;
	width: 250px;
	background: url(/_layouts/1033/IMAGES/ROCvA/downloadenbekijken.png) no-repeat left top;
	font-size: 0.1%;
	padding-left: 10px;
	margin-left: 250px;
	cursor: pointer;
	}
	
	.downloadenbekijken:hover {
	background-position: left bottom !important;
	}
	
	.perpost {
	display: block;
	height: 26px;
	width: 250px;
	background: url(/_layouts/1033/IMAGES/ROCvA/perpost.png) no-repeat left top;
	font-size: 0.1%;
	padding-left: 10px;
	margin-left: 250px;
	cursor: pointer;
	margin-top: 15px;
	}
	
	.perpost:hover {
	background-position: left bottom !important;
	}
	
	.formItem {
	margin-bottom: 10px;
	width: 100%;
	clear: both;
	}
	
	.formItem label {
	width: 125px;
	display: block;
	text-align: right;
	float: left;
	margin-right: 60px;
	padding-top: 3px;
	padding-left: 65px;
	color: #333333;
	}
	
	.formItemBrochures {
	width: 190px !important;
	padding-left: 0px !important;
	}
	
	.formItemCheckbox {
	margin:0px 0px 10px 250px;
	width: 280px;
	}
	
	.formItemCheckbox label {
    /*float: right;*/
    width: 253px;
    color: #333 !important;
	}

	
	.formItem .specialLabel {
	margin-right: 20px !important;
	width: 80px !important;
	}
	
	.formItem input, .formItem select, .formItem textarea {
	float: left;
	}
	.formItem select {	border: 1px solid #ff9999;}
	
	.formItem .normalInput {
	width: 160px;
	padding: 2px 10px !important;
	height: 14px !important;
	margin: 0px !important;
	border: 1px solid #ff9999;
	}
	
	.formItem .normalInputLarge {
	width: 280px;
	padding: 2px 10px !important;
	height: 14px !important;
	margin: 0px !important;
	border: 1px solid #ff9999;
	}
	
	.formItem .normalInputSmaller {
	width: 110px;
	padding: 2px 10px !important;
	height: 14px !important;
	margin: 0px !important;
	border: 1px solid #ff9999;
	}
	
	.formItem .normalInputSmall {
	width: 47px;
	padding: 2px 10px !important;
	height: 14px !important;
	margin: 0px !important;
	border: 1px solid #ff9999;
	}
	
	.formItem .normalInputSmallest {
	width: 25px;
	padding: 2px 10px !important;
	height: 14px !important;
	margin: 0px !important;
	border: 1px solid #ff9999;
	}
	
	.formItem .normalSelect {
	width: 220px;
	margin-right: 10px;
	}
	.formItem .normalSelectLarge {
	width: 302px;
	margin-right: 10px;
	height: 20px;
	}
	
	.searchButton {
	background: url(/_layouts/1033/IMAGES/ROCvA/zoekButton.gif) no-repeat left top;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 92px;
	height: 34px;
	border: none !important;
	font-size: 1%;
	display: block;
	cursor: pointer;
	}
	
		.searchButton:hover {
		background-position: left bottom;
		}
	
	.required {
	color: #fe0033 !important;
	}
	
	.textRight {
	float: left !important;
	display: inline !important;
	margin-left: 15px;
	padding-top: 2px;
	}
	
	.birthday {
	margin-right: 5px;
	}
	
	.radioLabel {
	width: auto !important;
	margin-right: 10px !important;
	}
	
	.radioInput,
	.checkboxInput {
	position: relative;
	top: -3px;
	margin-right: 3px;
	}
	
	.checkboxInput {
	float: left;
	}
	
		 .formVolgende {
		 position: absolute;
		 right: -125px;
		 bottom: 0px;
		 height: 30px;
		 width: 116px;
		 display: block;
		 margin-bottom: 10px;
		 text-indent: -999px !important;
		 text-decoration: none !important;
		 height: 30px;
		 font-size: 1%;
		background: url(/_layouts/1033/IMAGES/ROCvA/volgende.png) no-repeat left top;
	 }
					
	 .formVolgende:hover {
	 background-position: left bottom !important;
	 text-decoration: none !important;
	 }
	 
	 .wisInvoer {
	 font-size: 14px;
	 margin-top: 20px;
	 margin-right: 20px;
	 display: block;
	 position: absolute;
     right: 10px;
     bottom: 5px;
     height: 30px;
     }
	 
	 .wisInvoerBrochureDownload {
     bottom: 23px !important;
     }
     
/* google maps */
.mapArea{
	width: 530px;
	height: 530px;
	float: left;
	margin-right: 15px;
}
.adressesblock {
	float: left;
	width: 340px;
	font-size: 12px;
}
.adressesblock h5{
	background: url(/_layouts/1033/IMAGES/ROCvA/zoek_button_mbo.png) no-repeat 0% 50%;
	padding-left: 35px;
	margin-bottom: 8px;
	font-size: 19px;
	font-weight: normal;
	color: #333333;
	cursor: pointer;
	height: 25px;
}
.ui-accordion-content table{ 
	width: 100%; 
	margin-bottom: 8px; 
}

.mapAddress,
.mapPhone{
	border-bottom: 1px solid #e0e0e0;
	padding: 8px 15px 6px;
	font-size: 12px !important;
}
.mapAddress{
	background-color: #ebebeb;
	width: 185px;
}
.mapAddress a{ color: #FF0033 !important;}
.mapAddress a:hover{ text-decoration: none;}

.adressesblock h5.ui-state-active{background: url(/_layouts/1033/IMAGES/ROCvA/zoek_button_mbo_down.gif) no-repeat 0% 50%;}
a.bigArrow{
	background: transparent url(/_layouts/1033/IMAGES/ROCvA/arrow-big.jpg) no-repeat 100% 100%;
	line-height: 20px;
	padding-right: 20px;
	display: block;
}

/*Sfeer video*/
.player{position: relative; /*width:300px; height:250px;*/}
a.play{
	background:transparent url(/_layouts/1033/IMAGES/ROCvA/playBtn.png) no-repeat 0 0;
	display:block;
	height:60px;
	width: 60px;
	position:relative;
	left:0px;
	/*top: 35%;90px*/
	/*left: 35%;130px*/
	text-decoration:none;
}
a.play:hover{text-decoration:none !important;}
/*Sfeer video*/

/* stuurdoor_form styles */
a.closeBox{
		background: transparent url('/_layouts/1033/IMAGES/ROCvA/close.gif') no-repeat 0% 0%;
		display:block;
		height:9px;
		width:9px;
		position:absolute;
		right:5px;
		top:5px;
		margin:0 !important;
	}
a.closeBox:hover{ background-position:left top !important;}
/* stuurdoor_form styles */

#overlay2 {

            position: absolute;
            left: -40px;
            top: -100px;
            width: 100%;
            height: 100%;
            background: transparent url(/_layouts/1033/IMAGES/ROCvA/overlay.png);   

            /* Bear in mind that the popup dialogue needs to be even higher! */

            z-index: 199;
            _background:none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_layouts/1033/IMAGES/ROCvA/overlay.png", sizingMethod="image");
}

.colorBox{
	display:block;
	width:23px;
	height:23px;
	margin:3px 7px 0 0;
	float:left;
}

.formIndienen{
	display: block;
     text-decoration: none !important;
     height: 30px;
     text-decoration: none !important;
     font-size: 1%;
     text-indent: -9999;
}
 .formIndienen{
     position: absolute;
     right: -125px;
     bottom: 0px;
     height: 30px;
     width: 116px;
     display: block;
     margin-bottom: 10px;
}
.formIndienen{ background: url(/_layouts/1033/IMAGES/ROCvA/indienen.gif) no-repeat left top;} /* when move to CSS file put "../" before images in url for bgr */
.formIndienen:hover { background-position: left bottom !important; text-decoration: none !important; }

.formItemCheckbox { /* should replace the existing class in CSS file */
	float:left;
	margin-bottom:8px;
	margin-left:250px;
	width:330px;
}
.formItem{	float:left;}
.formLink{
	float:left;
	margin-right: 10px;
	width: 340px;
}

/* new for form05 */
.errorMsg{
	color:#ff0033;
	font-size:11px;
}

.dartBox{position:relative;	}
.dartBox #stuurdoor_form{
	 bottom: 55px;
	 left:-50px;
}
.dartBox .dart-large{line-height:25px; margin-left: 30px;}
.leftMenuOuter .rpItem{ position: relative !important;}
.leftMenuOuter .leftMenuInner a{
	background: url(/_layouts/1033/IMAGES/ROCvA/slash.gif) no-repeat left 50% !important;
	padding:0 0 0 5px !important;
	cursor: arrow;
}
.leftMenuOuter .leftMenuInner{
	margin:0 !important; 
	border: 0 !important;
	height: 22px;
	position: absolute;
	top: 7px;
	left: 55px;
	width: 160px !important;
}
.leftMenuOuter .leftMenuInner li{border: 0 !important;}
.wpTitleBox h2{margin-left: 10px; color: #fff !important;}
.tblDetails{
    float: left;
    width: 450px;
    margin: 35px 0 0 0 !important;    
}
.tblDetails h1{width:450px;}
#content.pageContent{margin:35px 0 0 5px !important;}
#content.pageContent ul{
	margin-bottom: 15px;
	line-height: 18px;
}

.leftMenuCurrent a{
    float: left; 
    margin-right: 6px;    
}
.leftMenuCurrentActive a{
    float: left; 
    margin-right: 6px;
    color: #ff0033;
}
.leftMenuCurrent .active{
    padding-left:1px !important;
	color: #ff0033;
	cursor: text;
}
.ms-WPBody, .ms-WPBody td{font-family: Arial; font-size: 12px;}
.ms-WPBody td a:hover{ text-decoration: none !important;}

.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4,
.sIFR-active #content.pageContent h5,
#content .afkorting .titlelinksvmbo
{
    display:block;
    visibility:hidden !important;    
}
/*JDV Extra Extra 2b*/
DIV#container DIV#content-container DIV#content H3
{
	margin-left: 30px;
}

/*JdV Extra*/
DIV#container DIV#content-container DIV#content.zoeken H3
{
	margin-left: 0px;
}

/*JDV Extra Extra 2d*/
DIV#container DIV#content-container DIV#content UL
{
	line-height: 18px;
	color: #333333;
	margin-left:15px;
}

/*JDV Extra */
DIV#container DIV#content-container DIV#content.zoeken DIV.floatleft UL
{
	line-height: 18px;
	color: #333333;
	margin-left:0px;
}

/*JDV Extra Extra 2c
DIV#container DIV#content-container DIV#content strong
{
	display: block;
}*/

/*JDV Extra Extra 3a*/
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ1 #WebPartWPQ1 span strong,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ2 #WebPartWPQ2 span strong,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ3 #WebPartWPQ3 span strong,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ4 #WebPartWPQ4 span strong,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ5 #WebPartWPQ5 span strong,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ6 #WebPartWPQ6 span strong,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ7 #WebPartWPQ7 span strong,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ8 #WebPartWPQ8 span strong,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ9 #WebPartWPQ9 span strong
{
	margin-top: 20px;
	margin-left: 30px;
}

DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ1 #WebPartWPQ1,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ2 #WebPartWPQ2,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ3 #WebPartWPQ3,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ4 #WebPartWPQ4,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ5 #WebPartWPQ5,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ6 #WebPartWPQ6,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ7 #WebPartWPQ7,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ8 #WebPartWPQ8,
DIV#container DIV#content-container DIV#content #MSOZoneCell_WebPartWPQ9 #WebPartWPQ9
{
	margin-top: 17px;
}


/* school colors */
.color1 {background: #990077;}
.color2 {background: #A31984;}
.color3{background: #B5479D;}
.color4{background: #B74CA0;}
.color5{background: #C266AD;}
.color6{background: #CC7FBB;}
.color7{background: #D699C9;}
.color8{background: #E0B2D6;}
.color9{background: #EBCCE4;}
.color10{background: #F5E5F1;}

/*Richtext Editor heading classes*/
.ms-rteCustom-ParagraphText
{
	color:#333333;
	line-height:18px;
	width:345px;
}

.ms-rteCustom-Heading1
{
	display: block;
	line-height: 22px;	
	font-size: 22px;
	color: #333333;	
}

.ms-rteCustom-Heading2
{	
	font-size: 20px;
	line-height: 20px;	
	color: #333333;
}
.ms-rteCustom-Heading3
{
	font-size: 18px;
	color: #333333;
}
.ms-rteCustom-Heading4
{
	font-size: 18px !important;
	color: #333333;
}

.spacing-footer-div
{
    height:30px;
}

.zoekVisible
{
    visibility:visible !important;
    color: #555555 !important;
}

.zoekVisibleH1
{
    color: #ffffff !important;
}

.newsFont { 
    font-size: 15px;
    font-weight: bold;
}

.bedrijven-contenteditor
{
    width: 255px !important;
}

.bedrijven-contenteditor img {
    vertical-align: middle;
}

.bedrijven-contenteditor a {
    font-weight: bold;
}

.bedrijven-contenteditor p,
.bedrijven-contenteditor #content p, #content div.p {
    width: 255px !important;
}

/*JdV Extra*/
DIV#container DIV#content-container DIV#content div.p
{
	width : 365px !important;
}

/*JdV Extra*/
DIV#container DIV#content-container DIV#content DIV#content-centered span.p-content-centered
{
	display: block;
	margin-left: 30px !important;	
}

DIV#container DIV#WebPartWPQ1.ms-WPBody object
{
	margin-top: +20px;                        
}


#mbo h1, #mbo .blocktitle, #mbo div.h1 {
	background: #ff0033;
	color: #ff0033;
}

#mbo #submenu li a
{
	background: url(/_layouts/1033/IMAGES/ROCvA/submenu_li_mbo.png) no-repeat left 8px;
}