/*@charset "utf-8";*/
/* CSS RESET */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; z-index: 100; background: #fff; font-size: 100%; }
html body {height: 100%; min-height: 100%;}
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; -moz-outline-style: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0;  }

/* default styles */
h2, h3, h4 { margin-bottom: 1em; position:relative; }
.hr hr { display: none; }
.marg_bottom_s { margin-bottom: 15px; }
.marg_bottom_m { margin-bottom: 25px; }
.marg_bottom_l { margin-bottom: 50px; }
div.center { margin: 0 auto; }
p, label, td, th, .col-b ul li, .col- ol li { font-size: 0.6875em; }
p a { color: #000; }
p a:hover { color: #000; text-decoration: underline; }
p, ul, ol { margin-bottom: 1em; }
p label, td p, ul ul, ul li li, ol li li, ol ol, ul ol, ol ul, li a, label ul, label ol, form label input { font-size: 100%; } /* prevent replication */
form input { font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 1.125em; padding-bottom: 20px; border-bottom: 1px solid #000; margin-bottom: 33px; }
h3 { }
h4 { font-size: 0.6875em; margin-bottom: 1em; color: #242424; }
.box_two_column_right p { margin-bottom: 1em; color: #767676; }
.box_two_column_right ul, .box_two_column_right ol { margin: 0 0 1em 2em; color: #767676; }
.row ul, .row ol { margin: 0 0 1em 0; }
#skiplink-nav { position: absolute; top: -999px; }
a.top { background: url(../img/back_to_top.gif) no-repeat center left; padding-left: 20px; }
	
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
html .clearfix{ height:1%; }

/* site layout */
#wrapper { width:942px; margin:0 auto; text-align:left; }
#container { margin: 35px 0 0 0; }
.col-a { float:left; width:192px; position:relative; } 
.col-a .pad { margin-right: 57px; } 
.col-b { float:left; width:410px; position:relative; } 
.col-c { float:left; width:340px; position:relative; } 
#footer { margin-bottom: 30px; }
.tc .col-c { float:left; width:156px; position:relative; margin-top: 35px; } 
.tc .col-b { float:left; width:594px; position:relative; } 
.tc .col-b .pad { margin-right: 20px; }

#header { position:relative; background: #A6CE94; height: 226px; margin-top: 1.5em; z-index: 1; }
#search { position: absolute; right: 0px; top: 20px; height: 20px; width: 160px; background: #D4E5CD; }
input#ajaxSearch_input{ display: block; width: 100px; color: #1D6040; background: none; border: 0; float: left; padding: 4px 0 0 5px; }
input#ajaxSearch_submit { display: block; float: right; width: 24px; height: 20px; text-indent: -9999px; background: url(../images/search_submit.gif) no-repeat top left; border: 0; }
#header h3.logo { background: url(../images/logo_itv.gif) no-repeat bottom left; height: 48px; text-align: center; text-indent: -9999px; margin-top: 8px; margin-left: 8px; }
#logo { position: absolute; left: 0; top: 0px; width: 200px; height: 200px; background-color:#ccc; background: url(../images/logo_transparant.gif) no-repeat top left; }

/* main content styling */
.content .pad { margin: 0 35px 0 0; }
.content p { font-size: 0.6875em; }

#tutor { margin-bottom: 60px; }
#tutor img { display: block; margin-bottom: 10px; }

/* taalbalk */
#languages { position: absolute; width: 942px; bottom: 0; left: 0; border-top: 4px solid #fff; z-index: 1; }
#languages a { display: block; position: relative; float: left; width: 157px; height: 144px; text-align:center; text-decoration:none; font-size: 0.75em; text-transform: uppercase; }
#languages a span { display: block; position: absolute; bottom: 0; left: 0; width: 157px; height: 41px; line-height: 38px; }
#languages a.duits { background: #FFDD00 url(../images/img_duits.jpg) no-repeat; color:#172369; }
#languages a.duits span { background: #FFDD00; }
#languages a.engels { background: #3B7AB9 url(../images/img_engels.jpg) no-repeat; color:#fff; }
#languages a.engels span { background: #3B7AB9; }
#languages a.frans { background: #CBD300 url(../images/img_frans.jpg) no-repeat; color:#172369; }
#languages a.frans span { background: #CBD300; }
#languages a.italiaans { background: #CD5F95 url(../images/img_italiaans.jpg) no-repeat; color:#fff; }
#languages a.italiaans span { background: #CD5F95; }
#languages a.russisch { background: #E85612 url(../images/img_russisch.jpg) no-repeat; color:#fff; }
#languages a.russisch span { background: #E85612; }
#languages a.spaans { background: #FCC200 url(../images/img_spaans.jpg) no-repeat; color:#172369; }
#languages a.spaans span { background: #FCC200; }

#languages a.duits:hover { url(../images/img_duits.jpg) no-repeat; color:#172369; }
#languages a.duits:hover span { background: #FFBB00; }
#languages a.engels:hover { url(../images/img_engels.jpg) no-repeat; color:#fff; }
#languages a.engels:span { background: #3B5800; }
#languages a.frans:hover { url(../images/img_frans.jpg) no-repeat; color:#172369; }
#languages a.frans:hover span { background: #CBB100; }
#languages a.italiaans:hover { url(../images/img_italiaans.jpg) no-repeat; color:#fff; }
#languages a.italiaans:hover span { background: #CD3D00; }
#languages a.russisch:hover { url(../images/img_russisch.jpg) no-repeat; color:#fff; }
#languages a.russisch:hover span { background: #E83400; }
#languages a.spaans:hover { url(../images/img_spaans.jpg) no-repeat; color:#172369; }
#languages a.spaans:hover span { background: #FCA000; }

/* content template header */
#header.content { height: 192px; }
.content #languages a span { display: none; }
.content #languages a:hover span { display: block; height: 62px; line-height: 60px; }
.content #languages a { height: 110px; }


/* banner blocks */
div.banner { margin-bottom: 30px; }
div.banner img { display: block; margin-bottom: 5px; }

/* h picture titles */
h2.opleiding_tot_talk { background: url(../images/title_opleiding_tot_talk.gif) no-repeat; height: 60px; text-indent: -9999px; }
h2.opleiding_tot_talk a { display: block; height: 60px; }
h2.kortlopende_cursus { background: url(../images/title_kortlopende_cursus.gif) no-repeat; height: 36px; text-indent: -9999px; }
h2.kortlopende_cursus a { display: block; height: 36px; }
h3.studie { background: url(../images/title_een_studie_die_bij_je_past.gif) no-repeat; height: 15px; text-indent: -9999px; margin-bottom: 8px; }
h3.voorlichtingsdagen { background: url(../images/title_voorlichtingsdagen.gif) no-repeat; height: 14px; text-indent: -9999px; }

/* testimonials */
div.testimonials .section { border-bottom: 1px solid #000; padding-top: 5px; }
div.testimonials .section.first { border-top: 1px solid #000; }
div.testimonials p { font-size: 0.625em; }

/* intro */
div.intro { background: #E1EDF6; padding: 10px 10px 10px 10px; margin-bottom:5px; }
div.intro p a { display: block; text-decoration: none; background: #E1EDF6 url(../images/intro_link.gif) no-repeat bottom left; padding-bottom: 20px; color: #192D77; }
div.intro p.job { font-size: 0.625em; }

/* agenda */
div.agenda { background: #F6AB38; padding: 10px; margin: -30px 0 5px 0; }
div.agenda table { color: #fff; width: 100%; }
div.agenda table tr.first { font-weight: bold; }

/* address */
div.address { color: #B34147; padding: 10px; }
div.address p { font-size: 0.625em; margin-right: -100px; }

/* homepage content */
p.line { padding-bottom: 30px; border-bottom: 1px solid #000; margin-bottom: 30px; }

/* navigation */
#navigation { position: absolute; top: 56px; left: 0; width: 942px; z-index: 100; }
#navigation ul { list-style: none; background: #1A583B; }
#navigation li { display: block; float: left; text-decoration: none; text-align: left; width: 116px; border-left: 1px solid #A1C793;  }
#navigation li.first { border: 0; }
#navigation li a { font-size: 0.625em; display: block; color: #fff; text-decoration: none; padding-left: 10px; line-height: 2.2em; }
#navigation li.active { background: #D2E6C9; }
#navigation li.active a { color: #1A583B; text-decoration: none; }
#navigation li li a { color: #1A583B; }
#navigation ul li a:hover { color: #1A583B; background: #8AAA9B; }
#navigation ul ul { position: absolute; z-index: 500; background: #D2E6C9; width: 12em; border: 0; padding: 0x; }
#navigation ul li ul li { display: block; float: none; border-bottom: 1px solid #fff; width: auto; border-width: 0 0 1px 0;  }
#navigation ul li ul li.last { border: none; }
div#navigation ul ul, 
div#navigation ul li:hover ul ul, 
div#navigation ul ul li:hover ul ul { display: none; }
div#navigation ul li:hover ul, 
div#navigation ul ul li:hover ul,
div#navigation ul ul ul li:hover ul {display: block; }

/* subnavigation */
#subnav { }
#subnav ul { list-style: none; }
#subnav li { text-decoration: none; text-transform: uppercase; text-align: left; }
#subnav li a { font-size: 0.6875em; color: #000; text-decoration: none; }
#subnav li.active a { text-decoration: none; font-weight: bold; }
#subnav ul li a:hover { text-decoration:underline; }
#subnav li.active ul { margin: 3px 0 0 10px; }
#subnav li.active ul li { border: 0px; }
#subnav li.active ul li a { padding-left: 10px; font-weight: normal; }
#subnav li ul li.active a { font-weight: bold; }