/* GENERAL STYLES
----------------------------------------------------------------*/
* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
html,body { height: 100%; }
body { padding: 0; margin: 0; background: #76bdea; text-align: center; }
img { border: none; }
a { outline: none;}
* { padding: 0; margin: 0; }

#page-box { position: relative; background: url(../img/page-box_bg.gif) repeat-y center top; width: 918px; margin: auto; text-align: left; }

/* HEADER
----------------------------------------------------------------*/
#header { position: relative;  background: url(../img/header_bg.jpg) no-repeat left; height: 345px; width: 918px; } 
#header .letsgoabroad { position: absolute; top: 12px; left: 8px ; }
#header .rocwb { position: absolute; top: 9px; left: 750px ; }

/* LANGUAGE LABEL
----------------------------------------------------------------*/
#language-label { position: absolute; top: 227px; left: 10px; width: 28px; z-index: 1000; }

/* LANGUAGE LABEL
----------------------------------------------------------------*/
#teaser-signup { position: absolute; top: 150px; right: -19px; z-index: 1000; }

/* HEADER
----------------------------------------------------------------*/
#nav { list-style: none; position: absolute; left: 159px; top: 104px; }
#nav li { float: left; }
#nav li a { position: relative; display: block; overflow: hidden; font-size: 0px; line-height: 0px; }
#nav li img { position: relative; }

#home { top: 59px; background: url(../img/nav_btn_home.gif); width: 41px; height: 10px; }
#home:hover { background-position: left -10px; }
#home.selected { background-position: left -10px; }

#infoprojecten { top: 44px; background: url(../img/nav_btn_infooverprojecten.gif); width: 157px; height: 24px; }
#infoprojecten:hover { background-position: left -24px; }
#infoprojecten.selected { background-position: left -24px; }

#partnerscholen { top: 18px; background: url(../img/nav_btn_partnerscholen.gif); width: 143px; height: 33px; }
#partnerscholen:hover { background-position: left -33px; }
#partnerscholen.selected { background-position: left -33px; }

#infoscholen { top: 18px; background: url(../img/nav_btn_infovoorscholen.gif); width: 143px; height: 33px; }
#infoscholen:hover { background-position: left -33px; }
#infoscholen.selected { background-position: left -33px; }

#overrocwb { background: url(../img/nav_btn_overrocwestbrabant.gif); width: 181px; height: 25px; }
#overrocwb:hover { background-position: left -25px; }
#overrocwb.selected { background-position: left -25px; }

#contact { top: 1px; background: url(../img/nav_btn_contact.gif); width: 64px; height: 18px; }
#contact:hover { background-position: left -18px; }
#contact.selected { background-position: left -18px; }

#links { top: 15px; background: url(../img/nav_btn_links.gif); width: 40px; height: 26px; }
#links:hover { background-position: left -26px; }
#links.selected { background-position: left -26px; }



#nav .div1 { top: 55px; }
#nav .div2 { top: 41px; }
#nav .div3 { top: 15px; }
#nav .div4 { top: -3px; }
#nav .div5 { top: 9px; }

/* FOOTER
----------------------------------------------------------------*/
#footer { position: relative; background: url(../img/footer_bg.gif); height: 79px; width: 918px; }
#footer .netvlies { position: absolute; top: 41px; left: 739px;	 } 

.ingangen { color: #2b1561; }
.ingangen select { width: 200px; }

/* KOPPEN
----------------------------------------------------------------*/
h1 { margin: 0 0 8px 0; }
h2.kop { display: inline; padding: 1px 2px; color: #fff; }
h2.color1 { background: #629845; }
h2.color2 { background: #a83388; }
h2.color3 { background: #00967f; }
h2.color4 { background: #2c76bb; }
h2.color5 { background: #f48026; }
h2.color6 { background: #ce4c4c; }
h2.color7 { background: #3c5e86; }
h2.color8 { background: #291463; }
h2.color9 { background: #ffe323; color: #c3251e; }
h2.color10 { background: #2c0c94; }
h2.color11 { background: #0067b5; }

h4.color1 { color: #629845; }
h4.color2 { color: #a83388; }
h4.color3 { color: #00967f; }
h4.color4 { color: #2c76bb; }
h4.color5 { color: #f48026; }
h4.color6 { color: #ce4c4c; }
h4.color7 { color: #3c5e86; }

a.leesmeer img { margin-bottom:10px; margin-top:10px;}


/* CONTENT-BOX
----------------------------------------------------------------*/
#content-box { background: url(../img/content-box_bg.gif); position: relative; }
#innercontentbox { background: url(../img/content-box_div_bg.gif) no-repeat left top; }


#cols1 { position: relative; overflow: hidden; z-index: 1000; margin-top: -120px; width: 831px; margin-left: 80px; }
#cols2 { position: relative; overflow: hidden; z-index: 1000; margin-top: -120px; width: 831px; margin-left: 80px; background: url(../img/2col_bg.gif) repeat-y; } 

#col-a { width: 517px; float: left;}
#col-b { width: 293px; float: left; margin-left: 20px;}
#col-c { width: 792px; } 

#home-intro { background: url(../img/hr_horizontaal.gif) repeat-x bottom left; overflow: hidden; height: 100%; padding-bottom: 11px; }
#home-intro h1 { font-size: 15px; line-height: 15px; }
#home-intro h2 { display: inline; font-weight: bold; font-size: 11px; color: #fff; background: #2b1561;  }
#home-intro p { color: #2b1561; margin-top: 10px; }
#home-intro a{ color: #2b1561; font-weight: bold; }

#col-b .studentaantwoord { background:url(../img/home_div_devider.gif) no-repeat top left; padding: 8px 0 8px 0;}
#col-b .studentaantwoord h1 { margin: 0 0 10px; }
#col-b .studentaantwoord h2 { display: inline; padding: 1px 2px; }
#col-b .studentaantwoord div { margin: 13px 0 0 0; }
#col-b .studentaantwoord div p  { padding: 0 50px 6px 0; }
#col-b .studentaantwoord.paars h2 { background: #aa398b; color: #fff; }
#col-b .studentaantwoord.blauw h2 { background: #2c76bb; color: #fff; }
#col-b .studentaantwoord .foto { position: relative; float: right; margin: -90px 5px 0 0; }

#col-c p{ padding: 5px 0 0 0 ;} 
#col-b img { margin: 10px 0;}
#col-b p { text-align:left;}
#col-b form { margin-bottom:10px;}

.photowithdescr { float:left; margin: 0 15px 0 0; width: 176px; }
.photowithdescr img { display: block; padding: 0; }
.photowithdescr p { color:#fff !important; margin: 0 !important; padding: 4px 4px 4px 4px !important; color:#fff; font-weight:bold; background: #688ec0 url(../img/photowithdescr_bg.gif) no-repeat bottom right; }

#werkenbij img  {float:left; }
#werkenbij ul { list-style:none; margin-bottom:10px; margin:0 0 0 5px;}
#werkenbij ul li { color:#fff; font-weight:bold;  padding:4px 4px 4px 4px; width:162px; background: #688ec0; float:left;}
#werkenbij img.photo{ padding:20px 5px 0 5px;}
.werk img.corner { float:left;}
.werk p { text-align:left; float:left; color:#fff; padding:5px;}
/* TEKSTPAGINA
----------------------------------------------------------------*/
.tekstpagina p { margin: 7px 0; color: #2b1561; line-height: 14px; }
.tekstpagina h3 { margin: 30px 0 12px 0; color: #2b1561; }
.tekstpagina h4 { margin: 15px 0 -9px 0; color: #2b1561; }
.tekstpagina .p_img { height: 100%; overflow: hidden; }
.tekstpagina .p_img img { margin: 0 15px 0 0; }
.tekstpagina table { border-collapse: collapse; width: 517px;}
.tekstpagina table th { background: url(../img/tekstpagina_2col_table_th_bg.gif) top left no-repeat; padding: 3px 4px; color: #fff; font-weight: normal; }
.tekstpagina table td { vertical-align: top; background: #e2ecdc; padding: 3px 4px; color: #2b1561; border-top: 3px solid white; }
.tekstpagina a { color: #2b1561;}
.tekstpagina ul { margin: 0; }
.tekstpagina ul li { color: #2b1561; list-style: disc; list-style-position: outside; margin: 0 0 0 15px; }
.tekstpagina ol { margin: 0; }
.tekstpagina ol li { color: #2b1561; list-style: decimal; list-style-position: outside; margin: 0 0 0 20px; }
/* TEKSTPAGINA_2COL
----------------------------------------------------------------*/
.tekstpagina_2col #col-a p { margin: 7px 0; color: #2b1561; line-height: 14px; }
.tekstpagina_2col #col-a p a { color: #2b1561; }
.tekstpagina_2col #col-a h3 { margin: 30px 0 12px 0; color: #2b1561; }
.tekstpagina_2col #col-a .p_img { height: 100%; overflow: hidden; }
.tekstpagina_2col #col-a .p_img p { margin: 0; }
.tekstpagina_2col #col-a .p_img img.left { margin: 0 15px 0 0; }
.tekstpagina_2col #col-a .p_img img.right { margin: 0 0 0 15px; }
.tekstpagina_2col #col-a table { border-collapse: collapse; width: 517px;}
.tekstpagina_2col #col-a table th { background: #629845; xbackground: url(../img/tekstpagina_2col_table_th_bg.gif) top left no-repeat; padding: 3px 4px; color: #fff; font-weight: normal; }
.tekstpagina_2col #col-a table td { background: #e2ecdc; xbackground: url(../img/tekstpagina_2col_table_td_bg.gif) top left no-repeat; padding: 3px 4px; color: #2b1561; border-top: 3px solid white; }
.tekstpagina_2col #col-b p { margin: 7px 0; color: #2b1561; line-height: 14px; } /* xwidth: 260px; */
.tekstpagina_2col #col-b .foto { position: relative; float: right; margin: -50px 5px 0 0; }
.tekstpagina_2col #col-b div { margin: 13px 0 0 0; }
.tekstpagina_2col #col-b div p  { padding: 0 50px 6px 0; }
.tekstpagina_2col #col-b p{ text-align:left; padding-right:30px;}

.tekstpagina_2col ul li { margin: 0 0 0 20px; color: #2b1561; }


/* CONTACTPAGINA
----------------------------------------------------------------*/
.contact p { margin: 7px 0; color: #2b1561; line-height: 14px; }
.contact table { border-collapse: collapse; }
.contact .onderdeel { background: url(../img/hr_horizontaal.gif) repeat-x top left; }
.contact table td.col-a { width: 197px; }
.contact table tr.hr { height: 30px; }
.contact .invoer { width: 221px; height: 12px; padding: 4px 2px; margin: 5px 0; border: 1px solid #cccdd4; }
.contact .vraag { width: 304px; height: 167px; padding: 2px; border: 1px solid #cccdd4; }
.contact .scholenlinks .school { float: left; display: block; }
.contact .red { color: red; }
.contact .emph { border-color: red; }

/* OVERZICHTPAGINA + LANDEN
----------------------------------------------------------------*/
.bg-br { background: url(../img/hr_horizontaal.gif) repeat-x bottom left; padding:10px 0 10px 0; overflow: hidden; height: 100%;}
.bg { padding:10px 0 10px 0; overflow: hidden; height: 100%;}
.col-d { position:relative; width: 234px; height: 250px;  float: left; display: inline; margin-top:15px; margin-bottom:20px; xpadding:0 22px; padding: 0 22px 10px 22px; background: url(../img/hr_verticaal.gif) repeat-y left;} 
.col-d.first { background: 0; padding-left: 0;} 
.col-d.last { padding-right:0px; } 
.col-d img{ margin:15px 0;}
.col-d h4 { margin: 3px 0 10px 0; }
img.flag  { position:absolute; top:-20px; right:10px;} 
.col-d.last img.flag { position:absolute; top:-20px; right:-12px;}
.col-d img.world { padding: 0;}

h7{ color:#d82d39; font-weight:bold; font-size:14px; text-transform: uppercase; }
img.pic{ float:right;}
a.more { background:url(../img/arrow.gif) no-repeat right center; padding-right: 25px; font-weight:bold; text-decoration:none; color:#2b1561;}

.album { margin-bottom:10px; position:relative; overflow: hidden; height: 100%;}
.album img { padding:10px 8px 0 0;}

.layer { position: absolute; display: none; z-index: 100000; }


.link { padding-top:10px;}
.link h1 img { margin-bottom:10px;}

/* LINKS
----------------------------------------------------------------*/
.links .scholenlinks .school { float: left; display: block; }
.links .hr { margin-bottom: 15px; }
.links ul.cat { list-style: none; margin: 8px 0 20px 0; }
.links ul.cat li { background: url(../img/links_listitem_vsl.gif) left center no-repeat; padding: 0 0 0 20px; } 
.links ul.cat li a { color: #2b1561; font-weight: bold; line-height: 18px; text-decoration: none; }
.links ul.cat li a:hover { text-decoration: underline; }