@CHARSET "ISO-8859-1";
html, body {
text-align: center;
}
body {
background: transparent url(../img/bg.gif) repeat 0 0;
font: 62.5% Arial;
color: #000;
line-height: 1.5em;
letter-spacing: normal;
}
.clear { clear: both; }
a { line-height:1.6em; }
#page_margins { }
#headerlayout_wrapper { overflow: hidden; width: 100%; height: 90px; background: #EAEAEA url(../img/header_alfabet.gif) repeat-x; }
#header_wrapper { width: 960px; margin: 0 auto; position: relative; }
#header_left { width: 70%; float: left; padding-top: 15px; height: 75px; text-align: left; }
#header_right { width: 30%; float: right; text-align: right; }
#pagelayout_wrapper { text-align: left; width: 1020px; margin: 0 auto; }
#pagelayout_top { width: 100%; height: 35px; background: transparent url(../img/content_top.png) no-repeat; }
#pagelayout_center { width: 100%; background: transparent url(../img/content_center.png) repeat-y; padding-bottom: 10px; }
#page { width: 960px; margin: 0 auto; background: #fff url(../img/content_logo.gif) no-repeat right bottom; }
#navigation { width: 100%; border-bottom: 1px solid #23408F; padding-bottom: 4px; }
#content_title { height: 2.8em; width: 18.2em; background: #23408F url(../img/logowit.png) no-repeat right center; }
#content_wrapper { width: 100%; height: 1%; min-height: 400px; padding: 20px 0 15px 0; }
#content_left { width: 720px; float: left; text-align: left; position: relative; }
#content_left p { }
#content_right { width: 215px; float: right; padding-left: 25px; }
#content_full { width: 100%; position: relative; }
#pagelayout_bottom { width: 100%; height: 35px; background: transparent url(../img/content_bottom.png) no-repeat; }
#footer { width: 986px; height: 21px; padding-bottom: 14px; }
/* social networking & taalswitch */
#socialnetworking { float: left; width: 75%; padding-top: 25px; }
#taalswitch { float: right; width: 25%; }
#header_right p { font: 1.1em Trebuchet MS, Arial; color: #fff; padding-top: 30px; }
#header_right a { font: inherit; }
#header_right a:link { color: #fff; text-decoration: none; }
#header_right a:visited { color: #ddd; text-decoration: none; }
#header_right a:active { color: #ddd; text-decoration: none; }
#header_right a:hover { color: #ddd; text-decoration: none; }
#header_right span.selected { color: #ccc; }
/* intro */
#introlayout_wrapper { position: absolute; width: 570px; height: 180px; padding: 130px 0 0 0;
background: transparent url(../img/introbg.png) no-repeat; margin: -160px 0 0 -285px; top: 50%; left: 50% }
#introlayout_wrapper #intro_wrapper { width: 460px; height: 138px; margin: 0 auto; }
#introlayout_wrapper #kolom_nl { width: 50%; float: left; text-align: left; }
#introlayout_wrapper #kolom_fr { width: 50%; float: right; text-align: left; }
#introlayout_wrapper ul { list-style-image: url(../img/pijl.png); list-style-position: outside; }
#introlayout_wrapper ul li { color: #666; font: 1.3em Arial, Verdana; }
#introlayout_wrapper p.knop { padding: 40px 0 20px 0; text-align: center; }
#introlayout_wrapper div.footer { }
#introlayout_wrapper a.knop { font: 1.2em Verdana, Arial; color: #fff; background: #23408F none; padding: 6px;}
#introlayout_wrapper a.knop:link { color: #fff; text-decoration: none; }
#introlayout_wrapper a.knop:visited { color: #fff; text-decoration: none; }
#introlayout_wrapper a.knop:active { color: #ccc; text-decoration: none; }
#introlayout_wrapper a.knop:hover { color: #ccc; text-decoration: none; }
/* navigatie */
#navigation a { font: 1.3em Trebuchet MS, Arial; margin-right: 1em; }
#navigation a:link { color: #23408F; font-style: italic; text-decoration: none; }
#navigation a:visited { color: #23408F; font-style: italic; text-decoration: none; }
#navigation a:active { color: #57668f; font-style: italic; text-decoration: none; }
#navigation a:hover { color: #ffffff; font-style: italic; text-decoration: none; background: #23408F none; }
#navigation a.selected { color: #57668f; font-style: italic; text-decoration: none; }
#navigation span.selected { font: 1.3em Trebuchet MS, Arial; margin-right: 1em; color: #888; font-style: italic; }
/* content titel */
#content_title h1 { padding: 5px 0 0 4px; font: 1.6em Trebuchet MS; color: #fff; font-weight: bold; letter-spacing: normal; }
/* kijker */
#content_right #kijker_wrapper { width: 215px; }
#content_right #kijker_wrapper #kijker_top { width: 215px; height: 20px; background: transparent url(../img/kijker_top.png); }
#content_right #kijker_wrapper #kijker_center { width: 215px; min-height: 50px; background: #EBEBEB none; }
#content_right #kijker_wrapper #kijker_center #kijker_content { width: 185px; margin: 0 auto; }
#content_right #kijker_wrapper #kijker_center #kijker_content h2 { color: #23408F; font: bold italic 1.3em Arial, Verdana; padding: 0 0 10px 0; }
#content_right #kijker_wrapper #kijker_center #kijker_content p { color: #444; font: italic 1.1em Verdana, Arial; }
#content_right #kijker_wrapper #kijker_center #kijker_content hr { border: 0; border-top: 1px dashed #999; border-right: 0;
border-bottom: 0; border-left: 0; margin: 15px 0 15px 0; }
#content_right #kijker_wrapper #kijker_bottom { width: 215px; height: 20px; background: transparent url(../img/kijker_bottom.png); }
#kijker_wrapper #kijker_center #kijker_content blockquote:before,
#kijker_wrapper #kijker_center #kijker_content blockquote:after { color: #666; font: bold 2.6em Trebuchet MS, Arial;
display:block; width: 1.1em; }
#kijker_wrapper #kijker_center #kijker_content blockquote { quotes: "\201C" "\201D"; margin: 0 auto; width: 100%; }
#kijker_wrapper #kijker_center #kijker_content blockquote p { padding: 8px 10px 0 12px; }
#kijker_wrapper #kijker_center #kijker_content blockquote:before { height: 0; content: open-quote; margin: -5px 0 0 -5px; }
#kijker_wrapper #kijker_center #kijker_content blockquote:after { height: 1.1em; margin: -8px 0 0 95%; content: close-quote; }
#kijker_wrapper a:link { color: #23408F; text-decoration: none; font-style: italic; font-weight: bold; }
#kijker_wrapper a:visited { color: #23408F; text-decoration: none; font-style: italic; font-weight: bold; }
#kijker_wrapper a:active { color: #23408F; text-decoration: none; font-style: italic; font-weight: bold; }
#kijker_wrapper a:hover { color: #fff; background: #23408F none; text-decoration: none; font-style: italic; }
/* footer */
.footer p { text-align: center; font: 1.1em Arial; color: #666; }
.footer p span.blauw { color: #23408F; }
.footer a { font: inherit; font-weight: bold; }
.footer a:link { color: #666; text-decoration: underline; }
.footer a:visited { color: #666; text-decoration: underline; }
.footer a:active { color: #666; text-decoration: none; }
.footer a:hover { color: #666; text-decoration: none; }
/* wmw_footer */
#wmw_footer p { text-align: center; text-align: center; font: 1.1em Arial; color: #666; }
#wmw_footer p a:link { color: #666; text-decoration: underline; }
#wmw_footer p a:visited { color: #666; text-decoration: underline; }
#wmw_footer p a:active { color: #666; text-decoration: none; }
#wmw_footer p a:hover { color: #666; text-decoration: none; }
/* news */
.newsitem { width: 100%; position: relative; margin-bottom: 20px; }
.newsitem .header_wrapper { width: 100%; height: 2em; border-bottom: 2px solid #23408F; }
.newsitem .header_wrapper div.day { width: 30px; height: 2em; float: left; background: #23408F none; }
.newsitem .header_wrapper div.day p.day { color: #fff; font: bold italic 1.4em Arial; text-align: right; padding: 4px 4px 0 0; }
.newsitem .header_wrapper div.monthyear { width: 170px; float: left; }
.newsitem .header_wrapper div.monthyear p.monthyear { color: #23408F; font: italic 1.1em Trebuchet MS, Arial; padding: 5px 0 0 4px; }
.newsitem .header_wrapper div.title { width: 520px; float: left; }
.newsitem .header_wrapper div.title h3.title { color: #23408F; font: bold italic 1.3em Arial, Verdana; padding: 4px 0 0 0; }
.newsitem .news_content_wrapper { width: 100%; padding: 15px 0 0 0; }
.newsitem .news_content_wrapper .news_content_left { width: 200px; height: 150px; float: left; text-align: center; position: relative; }
.newsitem .news_content_wrapper .news_content_left .imgover { background: transparent url(../img/border_foto.png) center top;
position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }
.newsitem .news_content_wrapper.big .news_content_left { width: 470px; padding-left: 50px; height: 313px; float: left; text-align: center; position: relative; }
.newsitem .news_content_wrapper.big .news_content_left .imgover { background: transparent url(../img/border_fotogroot.png) right top;
position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }
.newsitem .news_content_wrapper .news_content_right { width: 520px; float: right; }
.newsitem .news_content_wrapper.big .news_content_right { width: 180px; float: right; }
.newsitem .news_content_wrapper .news_content_right p { color: #666; font: 1.1em Verdana, Arial; padding-bottom: 1.1em; } /* blauw: #003399 */
.newsitem .news_content_wrapper .news_content_right p a { font: inherit; text-decoration: none; font-style: inherit; font-weight: bold; color: #23408F; }
.newsitem .news_content_wrapper .news_content_right p a:visited { text-decoration: none; }
.newsitem .news_content_wrapper .news_content_right p a:active { text-decoration: none; }
.newsitem .news_content_wrapper .news_content_right p a:hover { background: #23408F none; color: #fff; }
/* pagination */
#pagination { padding-top: 20px; }
#pagination .pagination_text { font: 1.1em Verdana; color: #23408F; padding: 1px 5px; }
#pagination .pagination_active { font: bolder 1.1em Arial; color: #23408F; padding: 1px 5px; }
#pagination a {
font: 1.1em Verdana;
background: #efefef;
color: #23408F;
border: 1px solid #23408F;
padding: 1px 5px;
text-decoration: none;
margin: 0 3px 0 3px;
}
#pagination .pagination_prev { margin-right: 18px; }
#pagination .pagination_next { margin-left: 18px; }
#pagination span.pagination_prev { font: 1.1em Verdana; color: #ccc; }
#pagination span.pagination_next { font: 1.1em Verdana; color: #ccc; }
#pagination a:link, #pagination a:visited { background: transparent; color: #23408F; border: 1px solid #ccc;}
#pagination a:hover { background: #23408F; color: #fff; border: 1px solid #fff; }
/* activiteiten */
.activityitem { width: 100%; position: relative; margin-bottom: 30px; }
.activityitem .header_wrapper { width: 100%; height: 2em; border-bottom: 2px solid #23408F; }
.activityitem .header_wrapper div.activity_nr { width: 30px; height: 2em; float: left; background: #23408F none; }
.activityitem .header_wrapper div.activity_nr p.activity_nr { color: #fff; font: bold italic 1.4em Arial; text-align: right; padding: 4px 4px 0 0; }
.activityitem .header_wrapper div.title { width: 520px; height: 2em; float: left; }
.activityitem .header_wrapper div.title h3.title { color: #23408F; font: bold italic 1.3em Arial, Verdana; padding: 4px 0 0 5px; }
.activityitem .content_wrapper { width: 100%; padding: 15px 0 0 0; }
.activityitem .content_wrapper p { color: #666; font: 1.1em Verdana, Arial; } /* blauw: #003399 */
/* klanten */
.clients ul { list-style-type: disc; list-style-position: inside; }
.clients ul li { color: #23408F; font: bold italic 1.2em Arial, Verdana; }
.clients p { color: #666; font: 1.1em Verdana, Arial; padding: 5px 0 4px 0; }
.clients hr { border: 0; border-top: 1px dashed #999; border-right: 0; border-bottom: 0; border-left: 0; margin-bottom: 15px; }
.clients ul a { font: inherit; font-weight: bold; }
.clients ul a:link { color: #23408F; text-decoration: none; }
.clients ul a:visited { color: #23408F; text-decoration: none; }
.clients ul a:active { color: #23408F; text-decoration: none; }
.clients ul a:hover { color: #fff; background: #23408F none; text-decoration: none; }
/* curriculum */
.curriculumitem { width: 100%; position: relative; margin-bottom: 20px; }
.curriculumitem .header_wrapper { width: 100%; height: 2em; border-bottom: 2px solid #23408F; position: relative; }
.curriculumitem .header_wrapper div.title { min-width: 20px; height: 2em; position: absolute; background: #23408F none; }
.curriculumitem .header_wrapper div.title h3.title { color: #fff; font: bold italic 1.3em Arial, Verdana;
padding: 2px 5px 2px 5px; }
.curriculumitem .content_wrapper { width: 100%; padding: 10px 0 0 0; }
.curriculumitem .content_wrapper p { color: #666; font: 1.1em Verdana, Arial; }
.curriculumitem .content_wrapper ul { color: #23408F; list-style-type: disc; list-style-position: inside; }
.curriculumitem .content_wrapper ul li { color: #666; font: 1.1em Verdana, Arial; }
/* favorieten */
.favoriteitem { width: 100%; position: relative; margin-bottom: 20px; }
.favoriteitem .header_wrapper { width: 100%; height: 2em; border-bottom: 2px solid #23408F; position: relative; }
.favoriteitem .header_wrapper div.title { min-width: 20px; height: 2em; position: absolute; background: #23408F none; }
.favoriteitem .header_wrapper div.title h3.title { color: #fff; font: bold italic 1.3em Arial, Verdana;
padding: 2px 5px 2px 5px; }
.favoriteitem .content_wrapper { width: 100%; padding: 10px 0 0 0; }
.favoriteitem .content_wrapper .content_left { width: 200px; height: 150px; float: left; text-align: center; position: relative; padding-top: 4px; }
.favoriteitem .content_wrapper .content_left img { width: 100px; height: 150px; }
.favoriteitem .content_wrapper .content_left .imgover { background: transparent url(../img/border_foto.png) center 4px;
position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }
.favoriteitem .content_wrapper .content_right { width: 520px; float: right; }
.favoriteitem .content_wrapper .content_right p { color: #666; font: 1.1em Verdana, Arial; padding-bottom: 1.1em; } /* blauw: #003399 */
.favoriteitem hr { border: 0; border-top: 1px dashed #999; border-right: 0; border-bottom: 0; border-left: 0; margin: 7px 0 10px 0; }
.favoriteitem .content_wrapper h3 { color: #23408F; font: bold italic 1.2em Arial, Verdana; padding: 0 0 5px 0; }
.favoriteitem .content_wrapper p { color: #666; font: 1.1em Verdana, Arial; }
.favoriteitem .content_wrapper ul { color: #23408F; list-style-type: disc; list-style-position: inside; }
.favoriteitem .content_wrapper ul li { color: #666; font: 1.1em Verdana, Arial; }
.favoriteitem .content_wrapper a { font: inherit; text-decoration: none; font-style: inherit; font-weight: bold; color: #23408F; }
.favoriteitem .content_wrapper a:visited { text-decoration: none; }
.favoriteitem .content_wrapper a:active { text-decoration: none; }
.favoriteitem .content_wrapper a:hover { background: #23408F none; color: #fff; }
/* network */
.networkitem { width: 100%; position: relative; margin-bottom: 20px; }
.networkitem .header_wrapper { width: 100%; height: 2em; border-bottom: 2px solid #23408F; position: relative; }
.networkitem .header_wrapper div.title { min-width: 20px; height: 2em; position: absolute; background: #23408F none; }
.networkitem .header_wrapper div.title h3.title { color: #fff; font: bold italic 1.3em Arial, Verdana;
padding: 2px 5px 2px 5px; }
.networkitem .content_wrapper { width: 100%; padding: 10px 0 0 0; }
.networkitem .content_wrapper .content_left { width: 200px; height: 150px; float: left; text-align: center; position: relative; padding-top: 4px; }
.networkitem .content_wrapper .content_left .imgover { background: transparent url(../img/border_foto.png) center 4px;
position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }
.networkitem .content_wrapper .content_right { width: 520px; float: right; }
.networkitem .content_wrapper .content_right p { color: #666; font: 1.1em Verdana, Arial; padding-bottom: 1.1em; } /* blauw: #003399 */
.networkitem hr { border: 0; border-top: 1px dashed #999; border-right: 0; border-bottom: 0; border-left: 0; margin: 7px 0 10px 0; }
.networkitem .content_wrapper h3 { color: #23408F; font: bold italic 1.3em Arial, Verdana; padding: 0 0 5px 0; }
.networkitem .content_wrapper p { color: #666; font: 1.1em Verdana, Arial; }
.networkitem .content_wrapper ul { color: #23408F; list-style-type: disc; list-style-position: inside; }
.networkitem .content_wrapper ul li { color: #23408F; font: italic 1.1em Verdana, Arial; padding-bottom: 4px; }
.networkitem .content_wrapper a { font: inherit; text-decoration: none; font-style: inherit; font-weight: bold; color: #23408F; }
.networkitem .content_wrapper a:visited { text-decoration: none; }
.networkitem .content_wrapper a:active { text-decoration: none; }
.networkitem .content_wrapper a:hover { background: #23408F none; color: #fff; }
/* contact */
#content_wrapper.contact hr { border: 0; border-top: 1px dashed #999; border-right: 0; border-bottom: 0; border-left: 0; margin: 7px 0 15px 0; }
#content_wrapper.contact img { padding-left: 5px; }
#content_left.contact h3 { text-align: left; color: #23408F; font: bold 1.2em Arial, Verdana; padding: 0 0 10px 0; }
#content_left.contact p { text-align: left; font: 1.1em Verdana, Arial; color: #666; padding-bottom: 1em; }
#content_left.contact { text-align: center; float: left; width: 50%; }
#content_left.contact a { font: inherit; font-weight: bold; }
#content_left.contact a:link { color: #23408F; text-decoration: none; }
#content_left.contact a:visited { color: #23408F; text-decoration: none; }
#content_left.contact a:active { color: #23408F; text-decoration: none; }
#content_left.contact a:hover { color: #fff; background: #23408F none; text-decoration: none; }
#content_right.contact { width: 50%; float: right; padding: 0; text-align: right; }
#content_right.contact img { vertical-align: bottom; }
#contact_extra { padding-top: 1.5em }
#contact_extra h3 { text-align: left; color: #23408F; font: bold 1.2em Arial, Verdana; padding: 0 0 10px 0; }
#contact_extra p { text-align: left; font: 1.1em Verdana, Arial; color: #666; padding-bottom: 1em; }
/* artikels */
#content_left.articles #column1 { float: left; padding-right: 20px; }
#content_left.articles #column2 { float: left; padding-right: 20px; }
#content_left.articles #column3 { float: left; padding-right: 20px; }
#content_left.articles #column4 { float: left; padding-top: 2em; }
#content_left.articles label { color: #23408F; font: bold 1.1em Verdana, Arial; line-height: 2em; }
#content_left.articles select { color: #333; font: 1.1em Verdana, Arial; }
#content_left.articles input.submit { color: #333; font: 1.1em Verdana, Arial; }
#content_left.articles h3 { color: #23408F; font: 1.1em Arial, Verdana; padding: 0 0 3px 0; }
#content_left.articles p { color: #666; font: 1.1em Verdana, Arial; }
#content_left.articles .content_wrapper ul { color: #23408F; list-style-type: disc; list-style-position: inside; }
#content_left.articles .content_wrapper ul li { color: #23408F; font: italic 1.1em Verdana, Arial; }
#content_left.articles a { font: inherit; text-decoration: none; font-style: inherit; font-weight: bold; color: #23408F; }
#content_left.articles a:visited { text-decoration: none; }
#content_left.articles a:active { text-decoration: none; }
#content_left.articles a:hover { background: #23408F none; color: #fff; }
#content_left.articles img.pdf { vertical-align: bottom; }
#content_left.articles hr { border: 0; border-top: 1px dashed #999; border-right: 0; border-bottom: 0; border-left: 0; margin: 7px 0 15px 0; }
#content_left.articles p { font: 1.1em Verdana, Arial; }
/* roundend img */
.img_ornament { margin: 0 auto; width: 100px; height: 150px; position: relative; }
.img_ornament .top_left { width: 13px; height: 13px; position: absolute; top: 0; left: 0; background: transparent url(../img/imgornament_top_left.png); }
.img_ornament .top_right { width: 13px; height: 13px; position: absolute; top: 0; right: 0; background: transparent url(../img/imgornament_top_right.png); }
.img_ornament .bottom_left { width: 13px; height: 13px; position: absolute; bottom: 0; left: 0; background: transparent url(../img/imgornament_bottom_left.png); }
.img_ornament .bottom_right { width: 13px; height: 13px; position: absolute; bottom: 0; right: 0; background: transparent url(../img/imgornament_bottom_right.png); }
.news_content_wrapper.big .img_ornament { width: 470px; height: 313px; }