/* CSS */
body, html {
background:url(../slices/background.gif) repeat-y 50% 0;
background-attachment: fixed;
margin: 0px;
height:100%;
font-family:Arial, Helvetica, sans-serif;
behavior:url("css/csshover.htc");
}
p { margin:15px 0 7px 0;}
#contentcontainer ul {list-style-type: none; padding: 0px; margin-top:-7px; margin-left:0px}
* html #contentcontainer ul {list-style-type: none; padding: 0px; padding-top:1px;margin-left:0px}
#contentcontainer li { margin-left: 11px; background-image: url(../img/arrow.gif); background-repeat: no-repeat; background-position: 0% 0.35em; padding-left: 15px; padding-top: 1px; line-height:20px;}
#contentcontainer li a:link,
#contentcontainer li a:active,
#contentcontainer li a:visited { color: #696c70; text-decoration: none; }
#contentcontainer li a:hover { color: #323536; text-decoration: none; }
#top {position:absolute; background-color:#61012e; height:59px; width:100%; left:0px;top:0px; z-index:1;}
#root {position:relative; width:1058px; margin:auto; background-image:url(../slices/shadow.gif); z-index:2;}
/* Flashheader & Menu styles */
#flashheader{
width:1058px;
height:269px;
}
#menu{
position:relative;
width:820px;
height:98px;
margin:-134px 0 0 119px;
z-index:3;
}
#navigatie{
float:left;
width:732px;
height:98px;
}
#navigatie2{
float:left;
width:88px;
height:98px;
margin:0;
font-size:0px;
background-image:url(../slices/navigatie2_bg.gif); background-repeat:no-repeat;
}
#contentcontainer { width:822px; margin:40px auto 40px auto; overflow:hidden; }
#contentleft{ width:612px; float:left; }
#contentright{ width:200px; float:left; }
.contentleft1{ width:390px; float:left; margin-bottom:30px; padding-left:17px;}
.hp-content{ width:358px; background:#f2f2f2; padding:10px 10px 10px 10px; margin:0;}
.contentleft2{ width:200px; float:left; margin-bottom:30px; }
.contentmain { width:612px; height:100%; }
.currentitem-content{ clear:both; width:540px; padding:0 30px 20px 22px;}
.projectstatus{width:540px; height:41px; margin-bottom:20px;}
.header_img{ width:540px; height:176px; margin-bottom:20px;}
.homepageitem-txt{ width:561px; padding:0 3px 0 3px; font-size:12px; color:#6f7578; letter-spacing:0.2pt; line-height:20px; font-weight:bold;}
.homepageitem-txt A{ color:#6f7578; text-decoration:none }
.homepageitem-txt A:hover{ color:#e70073; text-decoration:none }
/* Homepage Themablok */
#themacontainer {width:358px; background:#f2f2f2; margin-top:20px;}
.themakop{width:358px; height:25px; border-bottom:dashed 1px #cecece; color:#000000; font-weight:bold;}
.thema{width:358px; height:20px; border-bottom:dashed 1px #cecece;}
.thema:hover { background:#FFFFFF; color:#0099FF; cursor:pointer;}
/* Publicatie styles */
#publicatiescontainer{width:540px; overflow:hidden; }
.publicatieblokOdd{ clear:both; width:540px; height:160px; background-image:url(../slices/publicatie_bgO.jpg); background-position:bottom; background-repeat:repeat-x; border-bottom:dashed 1px #d9d9d9; padding:10px 10px 10px 0;}
.publicatieblokEven{ clear:both; width:540px; height:160px; background-image:url(../slices/publicatie_bgE.jpg); background-position:bottom; background-repeat:repeat-x; border-bottom:dashed 1px #d9d9d9; padding:10px 10px 10px 0;}
.fotokader{float:left; width:220px; height:140px;}
.imgholder{width:182px; height:134px; padding:2px; border:solid 1px #d9d9d9; background-color:#FFFFFF;}
.publicatieinfo{float:left; width:310px; height:130px; padding-top:10px;}
.publicatieTitle{ width:310px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.2pt; text-transform:uppercase; color:#e70073}
.publicatieContent{width:310px; height:80px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6f7578; line-height:20px;padding-left:1px;}
.infobutton{ width:310px; height:20px; padding-top:5px;}
.contentkop-blauw {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#4a99e3;}
.contentkop-paars {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#e7027a;}
.contentkop-groen {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#97ca14;}
/* Rechterkolom floats */
.rk_header{width:200px; height:28px; cursor:pointer;}
/* 2 nagenoeg gelijke classes i.v.m. 1e (smallere) en 2e (bredere) rechterkolom */
.rk_content_k{width:162px; padding:12px 21px 12px 10px; border-bottom:dashed 1px #d9d9d9; cursor:pointer;}
.rk_content_k:hover{ background-image:url(../slices/recenteprojecten_hover_bg.jpg); background-position:bottom; background-repeat:repeat-x;}
.rk_content{width:162px; padding:12px 21px 12px 10px; border-bottom:dashed 1px #d9d9d9; cursor:pointer;}
.rk_content:hover{ background-image:url(../slices/recenteprojecten_hover_bg.jpg); background-position:bottom; background-repeat:repeat-x;}
/* Einde */
.rk_persoonholder { width:183px; overflow:hidden; padding:12px 0 12px 10px;}
.rk_persoonholder:hover{ background-image:url(../slices/recenteprojecten_hover_bg.jpg); background-position:bottom; background-repeat:repeat-x; cursor:pointer;}
.rk_title{ font-size:11px; font-weight:bold; color:#000000; }
.rk_teaser{ font-size:11px; color:#777777; }
.rk_thumbnails { width:172px; padding:16px 0 8px 10px; cursor:pointer; }
.rk_pasfoto { width:54px; height:54px; margin-right:10px; float:left;}
.rk_persooninfo { width:60%; height:34px; float:left; display:block; padding:20px 0 0 0; border-bottom:dashed 1px #d9d9d9; }
.rk_ballon { width:173px; height:93px; background-image:url(../buttons/upload_form_up.png); background-repeat:no-repeat; margin:0 0 0 10px; cursor:pointer; }
.rk_ballon:hover { background-image:url(../buttons/upload_form_down.png); background-repeat:no-repeat; }
/* Project archief classes */
#projectcontainer {height:100%;}
.pa_header{width:590px; height:28px; margin-bottom:20px; background-image:url(../slices/project_archief_header.gif); background-repeat:repeat-x;}
.pa_header_left{width:200px; height:28px; float:left;}
.pa_header_right{ width:100px; height:23px; padding-top:5px; float:right; font-size:12px; color:#383838; letter-spacing:0.2pt; line-height:20px;}
.pa_header_right A{ font-size:12px; color:#383838; letter-spacing:0.2pt; line-height:20px; text-decoration:none;}
.pa_header_right A:hover{ font-size:12px; color:#383838; letter-spacing:0.2pt; line-height:20px; font-weight:bold; text-decoration:underline;}
.pa_contentholder{ height:22px; padding-top:6px; border-bottom:dashed 1px #d9d9d9;}
.pa_contentholder:hover{background-image:url(../slices/projectenarchief_hover_bg.jpg); background-position:bottom; background-repeat:repeat-x; cursor:pointer}
.pa_date{ width:120px; font-size:12px; font-weight:bold; color:#00a8ff; float:left; margin-left:10px;}
.pa_title{ font-size:12px; font-weight:bold; color:#000000; float:left;}
.pa_content{ font-size:12px; color:#777777; float:left;}
.pa_daten{ width:120px; font-size:12px; color:#00a8ff; float:left; margin-left:10px;}
.pa_titlen{ font-size:12px;color:#000000; float:left;}
/* Formulier classes */
/*.formcontentblokFile{ width:570px; clear:left; overflow:hidden; margin:10px 0 10px 0; padding:20px 0 30px 0; border-bottom:dashed 1px #d9d9d9; }
.formcontentDisable{ position:absolute; width:570px; height:330px; clear:left; overflow:hidden; opacity: 0; filter: alpha(opacity=0); margin:10px 0 10px 0; background-color:#000000; z-index:999;}
.formcontentEnable{}*/
.formcontentblokImageUpload{ width:550px; clear:left; overflow:hidden; margin:10px 0 10px 0; padding:10px 0 10px 0; border-bottom:dashed 1px #d9d9d9; }
.formcontentblok{ width:550px; clear:left; margin:10px 0 10px 0; padding:20px 0 10px 0; border-bottom:dashed 1px #d9d9d9; }
.formcontactblok{ width:550px; clear:left; overflow:hidden; padding:20px 0 0 0;}
.formkolom{ width:285px; float:left; }
.formkolom-rechts{ width:265px; float:left; }
.formrij{ width:270px; height:35px; clear:left; font-size:12px; font-weight:bold; color:#777777; }
.formrijupload{ font-size:12px; color:#777777; }
.formrij_r{ width:250px; height:35px; clear:left; font-size:12px; font-weight:bold; color:#777777; }
.veldtitel{ width:80px; height:24px; padding-top:4px; float:left; }
.veldholder{width:190px; height:28px; float:left; }
.veldtitel_r{ width:70px; height:24px; padding-top:4px; float:left; }
.veldholder_r{width:180px; height:28px; float:left; }
.submitholder{width:270px; height:50px; font-size:12px; color:#777777; clear:left;}
.formrij_long { width:550px; }
.veldtitel_long { width:550px; height:24px; padding-top:4px; font-size:12px; font-weight:bold; color:#777777; }
.veldholder_long { width:550px; font-size:12px; font-weight:bold; color:#777777;}
.btnholder { width:536px; padding:20px 14px 0 0; text-align:right;}
.bedanktveld{ width:550px; font-size:12px; font-weight:bold; color:#777777; }
.invulveld_lang{ width:172px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#01a9ff; padding:3px 0 0 10px; border:0; background:transparent; background-image:url(../slices/invulveld_lang_bg.gif); background-repeat:no-repeat; background-position:left; _background-attachment:fixed}
.invulveld_langR{ width:162px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#01a9ff; padding:3px 0 0 10px; border:0; background:transparent; background-image:url(../slices/invulveld_lang_bg.gif); background-repeat:no-repeat; background-position:left; _background-attachment:fixed}
.invulveld_normal{ width:114px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#01a9ff; padding:3px 0 0 10px; border:0; background:transparent; background-image:url(../slices/invulveld_normal_bg.gif); background-repeat:no-repeat; background-position:left; _background-attachment:fixed}
.invulveld_medium{ width:74px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#01a9ff; padding:3px 0 0 10px; border:0; background:transparent; background-image:url(../slices/invulveld_medium_bg.gif); background-repeat:no-repeat; background-position:left; _background-attachment:fixed}
.invulveld_kort{ width:41px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#01a9ff; padding:3px 0 0 10px; border:0; background:transparent; background-image:url(../slices/invulveld_kort_bg.gif); background-repeat:no-repeat; background-position:left; _background-attachment:fixed}
.invulveld_xs{ width:29px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#01a9ff; padding:3px 0 0 8px; border:0; background:transparent; background-image:url(../slices/invulveld_xs_bg.gif); background-repeat:no-repeat; background-position:left; _background-attachment:fixed}
.tekstveld{ width:527px; height:70px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#01a9ff; padding:5px 0 5px 10px; border:0; background:transparent; background-image:url(../slices/invulveld_textarea_bg.gif); background-repeat:no-repeat; background-position:left; _background-attachment:fixed; overflow:auto;}
.formcontentblokFile input{
border:1px inset #E6E6E6;
font-family: Arial;
font-size: 11px;
color: #01a9ff;
text-decoration: none;
background: #F2F2F2;
}
.feedbackERR{ color:#CC0000; }
.feedbackOK{ color:#006600; }
.dvdr{ margin-bottom:30px; }
/* Homepage Themablok */
#bottommenu {
width:540px;
background-color:#FBFBFB;
margin-top:40px;
font-size:12px;
color:#6f7578;
letter-spacing:0.2pt;
line-height:20px;
}
.bottomkop{height:25px; border-bottom:dashed 1px #cecece; color:#000000; font-weight:bold; padding:10px 5px 5px 15px;}
.bottomitem{height:20px; border-bottom:dashed 1px #cecece; padding:5px 5px 5px 15px;}
.bottomitem:hover { background:#FFFFFF; color:#0099FF; cursor:pointer;}
/* Onderkant */
#footer {clear:both; background-image:url(../slices/disclaimer.gif); width:856px; height:62px; margin-left:100px;}
#disclaimer {padding-left:24px; padding-right:24px;padding-top:15px}
#bottom {margin:auto; width:874px; height:22px}
.content-txt { font-size:12px; color:#6f7578; letter-spacing:0.2pt; line-height:20px;}
.contentitem-txt { font-size:12px; color:#6f7578; letter-spacing:0.2pt; line-height:20px; padding:0 20px 0 5px}
.contentitem-txt A { color:#e70073; text-decoration:none;}
.contentitem-txt A:hover { color:#e70073; text-decoration:underline;}
.inleiding { font-size:12px; color:#6f7578; font-weight:bold; letter-spacing:0.2pt; line-height:20px;}
.subtitel { font-size:12px; font-weight:bold; letter-spacing:0.2pt; color:#000000}
.smalltext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#aea0a6}
/* Media div elements */
#mediaplayer {background-color:#006699; height:234px; margin-bottom:20px;}
#mediaplayerproject {background-color:#006699; height:234px; margin-bottom:20px; margin-right:20px;}
/* Back to Archiev */
.backToArchiev{
margin:30px 0 0 5px;
padding-top:10px;
border-top:1px dashed #d9d9d9;
width:530px;
}
.paginate{
text-align:right;
padding:20px 40px 0 0;
font-size:11px;
}
.paginate .paginanummering:link, .paginate .paginanummering:active, .paginate .paginanummering:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:3px;
color:#404040;
text-decoration:none
}
.paginate .paginanummering:hover {
color:#e70073;
text-decoration:none
}
.paginate .a-paginanummering:link, .paginate .a-paginanummering:active, .paginate .a-paginanummering:visited, .paginate .a-paginanummering:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:3px;
color:#e70073;
text-decoration:none
}
#sitemap{
list-style:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#sitemap .item{
line-height:20px;
font-weight:bold;
background:none;
margin:0;
padding:10px 0 0 5px;
}
#sitemap .item a:hover{
color:#0099FF;
}
#sitemap .sub-item{
margin-left: 15px;
background-image: url(../img/arrow.gif);
background-repeat: no-repeat;
background-position: 0% 0.35em;
padding-left: 10px;
padding-top: 1px;
line-height:20px;
}
#sitemap .sub-item a:hover{
color:#e70073;
}