﻿
/* --------------------------------------------------------------------------------------------
DIV 
-----------------------------------------------------------------------------------------------*/
#container_content_pages{
width:927px;
float:left;
background-color:#FFFFFF;
padding:15px 25px 45px 5px;
margin:0px 0px 0px 0px;
}

#side_left{
width:220px;
float:left;
margin-right:25px;

}

#side_right{
width:220px;
float:right;
}
#contentblocks_small{
width:437px;
float:left;
margin:0px;
padding:5px 0px 0px 0px;
}

#contentblocks_normal{
width:679px;
float:left;
margin:0px;
padding:5px 0px 0px 0px;

}

#breadcrumb{
width:683px;
height:18px;
margin-bottom:16px;
float:left;
padding-left:245px;
}

#fiche_left{
width:220px;
float:left;
margin:0px;
padding:0px;}

#fiche_left_top{
width:220px;
height:33px;
float:left;
background-image:url(../images/Pi_FicheLeft_bg_top.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#fiche_left_top2{
width:220px;
height:11px;
float:left;
margin:0px;
padding:0px;
}


#fiche_left_tab{
height:27px;
float:left;
background-image:url(../images/Pi_FicheLeft_bg.jpg);
background-repeat:repeat-x;
}

#fiche_left_tab_txt{
font-size:1.10em;
padding:7px 0px 0px 0px;
margin:0px;
float:left;
display:block;
}

#fiche_left_middle{
width:210px;
float:left;
background-image:url(../images/Pi_FicheLeft_bg_middle.jpg);
background-repeat:repeat-y;
padding:0px 0px 0px 10px;
display:block;}


#fiche_left_bottom{
width:220px;
height:9px;
float:left;
margin:0px;
padding:0px;
}

#buttons{
height:67px;
float:left;
margin:0px;
padding:0px;
}

#fiche_right_top{
width:200px;
float:left;
background-image:url(../images/Pi_FicheRight_bg_top.jpg);
background-repeat:no-repeat;
height:184px;
padding:11px 10px 0px 10px;
margin:0px;
}

#fiche_right_top2{
width:220px;
float:left;
height:11px;
padding:0px;
margin:0px;
}

#fiche_right_button{
background-image:url(../images/Pi_FicheRight_right.jpg);
background-repeat:repeat-y;
width:210px;
padding-left:10px;
float:left;
}

#fiche_right_middle{
width:200px;
background-image:url(../images/Pi_FicheRight_right.jpg);
background-repeat:repeat-y;
float:left;
padding:0px 10px 0px 10px;
display:block;
}

#fiche_right_bottom{
width:220px;
height:27px;
float:left;
background-image:url(../images/Pi_FicheRight_bg_bottom.jpg);
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px;
display:block;
}

#fiche_right_bottom2{
width:220px;
height:10px;
float:left;
background-image:url(../images/Pi_FicheRight_bg_bottom.jpg);
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px;
display:block;
}

#fiche_right_tab{
height:22px;
float:right;
margin:6px 0px 0px 0px;
padding:0px;
display:block;
}

#fiche_right_tab_txt{
padding:0px 0px 0px 0px;
margin:0px;
float:right;
display:block;
height:27px;
}

#fiche_right_yellow{
width:180px;
float:left;
background-color:#FECD04;
padding:10px;
}

#fiche_right_yellow2{
width:180px;
float:left;
background-color:#FECD04;
padding:10px;
margin-top:1px;
}

#fiche_right_lmiddle
{
	width: 245px;
    background-image:url(/images/Pi_FicheLRight_right.jpg);
    background-repeat:repeat-y;
    padding:0px 10px 0px 10px;
    display:block;
}
#fiche_right_lyellow
{
    width:225px;
    background-color:#FECD04;
    padding:10px;
    margin-top:1px;
}

#container_quote{
width:200px;
float:left;
padding:10px;
font-style:italic;
font-size:1.05em;
color:#666666;
line-height:125%;
margin-top:5px;
}

#quote{
width:6px;
float:left;
}

#quote_text{
width:186px;
float:left;
margin-left:2px;
margin-top:3px;
}
#quote_writer{
width:187px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:0.75em;
}

.right{
float:right;
margin-bottom:10px;

}
.left{
float:left;
}


#Fiche_Large_Top{
width:679px;
float:left;
height:11px;
}

#Fiche_Large_Top2{
background-image:url(../images/Pi_FicheLarge_top2.jpg);
background-repeat:no-repeat;
width:679px;
float:left;
height:33px;
}

#Fiche_Large_Middle{
background-image:url(../images/Pi_FicheLarge_middle_bg.jpg);
background-repeat:repeat-y;
width:667px;
float:left;
padding:0px 0px 0px 12px;
}

#Fiche_Large_Middle2{
background-image:url(../images/Pi_FicheLarge_middle_bg.jpg);
background-repeat:repeat-y;
width:679px;
float:left;
padding:0px;
margin:0px;
/*border:1px solid red;*/
}

#Fiche_Large_Bottom{
background-image:url(../images/Pi_FicheLarge_bottom.jpg);
background-repeat:no-repeat;
width:679px;
float:left;
height:33px;
}

#Fiche_Large_Tab{
float:left;
height:33px;
}

#Fiche_Large_Tab_right{
float:right;
height:33px;
}

#Fiche_Large_Tab_Txt{
float:left;
height:33px;
}

#Fiche_Large_Yellow{
width:626px;
float:left;
padding:15px 15px 10px 15px;
background-color:#FED121;
margin:0px;}

.Fiche_Medium_Yellow{
width:307px;
float:left;
padding:10px;
background-color:#FED121;
margin-right:01px;
height:355px;
}

.Fiche_Small_Yellow{
width:198px;
float:left;
padding:10px;
background-color:#FED121;
margin:0;
height:180px;
}

.container_overzicht{
width:218px;
float:left;
padding:0;
margin-right:1px;}


#Persbericht{
width:437px;
float:left;
padding:0px 0px 30px 0px;
margin:0px 0px 20px 0px;
border-bottom:1px solid #666666;
}

#Persbericht_detail{
width:437px;
float:left;
padding:0px 0px 30px 0px;
margin:0px 0px 20px 0px;
}

.Persbericht_photo{
width:180px;
height:180px;
background-image:url(../images/Pi_bg_persbericht_photo.jpg);
background-repeat:no-repeat;
float:left;
margin:0px 20px 10px 0px;
padding:10px;
}

#PagesNumbers{
width:437px;
height:18px;
float:left;
}

#HR_White{
border-bottom:1px solid #FFFFFF;
float:left;
width:200px;
}

#Zoekresultaten{
width:679px;
float:left;
border-bottom:1px solid #666666;
padding-bottom:20px;
margin-bottom:20px;}

#intro{
width:422px;
float:left;
padding-right:15px;
margin:0px;
}

#behoefteanalyse_01, #behoefteanalyse_02, #behoefteanalyse_03{
width:437px;
float:left;
height:55px;
padding:0;
margin:0;
background-image:url(../images/Pi_behoefteanalyse_01.jpg);
background-repeat:no-repeat;
}

#behoefteanalyse_02{
background-image:url(../images/Pi_behoefteanalyse_02.jpg);
background-repeat:no-repeat;
}

#behoefteanalyse_03{
background-image:url(../images/Pi_behoefteanalyse_03.jpg);
background-repeat:no-repeat;
}


#contact{
width:159px;
float:left;
height:280px;
margin-left:20px;
padding-top:20px;
}

/* --------------------------------------------------------------------------------------------
AdviesEnBegeleiding 
--------------------------------------------------------------------------------------------*/
.container_overzicht_advies{
width:667px;
float:left;
padding:0px;
margin:0px;
clear:both;
}

.container_overzicht_advies_detail{
width:212px;
float:left;
padding:0px;
margin:0px;
}

.voeg_advies{
width:9px;
float:left;
background-image:url(../images/Pi_voeg_advies.gif);
background-repeat:no-repeat;
height:290px;
}

.Fiche_Small_Yellow2{
width:182px;
float:left;
padding:12px 15px 12px 15px;
background-color:#FECD04;
margin:0;
height:170px;
}

.Fiche_Small_Yellow3{
width:202px;
float:left;
padding:12px 10px 12px 0px;
background-color:#FECD04;
margin:0;
height:170px;
}

.container_finSteun{
width:632px;
background-color:#DBDBDB;
float:left;
margin-top:9px;
padding:10px 10px 10px 12px;
}


#fiche_Large_left_tab{
height:35px;
float:left;
background-image:url(../images/Pi_FicheLargeTop_tab_bg.jpg);
background-repeat:repeat-x;
}

#fiche_Large_left_tab_txt{
font-size:1.10em;
padding:8px 0px 0px 0px;
margin:0px;
float:left;
display:block;

}

#HR_01{
background-image:url(../images/Pi_HR_bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:307px;
float:left;
height:110px;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:10px;
margin:0;
}
#HR_02{
background-image:url(../images/Pi_HR_bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:307px;
float:left;
height:110px;
border-bottom:1px solid #CCCCCC;
padding:10px;
margin:0;
}

#HR_03{
background-image:url(../images/Pi_HR_bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:307px;
float:left;
height:110px;
border-right:1px solid #CCCCCC;
padding:10px;
margin:0;
}

#HR_04{
background-image:url(../images/Pi_HR_bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:307px;
float:left;
height:110px;
padding:10px;
margin:0;
}


/* --------------------------------------------------------------------------------------------
OVERZICHTSPAGINAS
--------------------------------------------------------------------------------------------*/

.container_beeld_overzicht{
width:655px;
float:left;
margin-bottom:10px;
}

.overzicht_infokader_left, .overzicht_infokader_right{
width:300px;
float:left;
height:108px;
border:1px solid #EBEBEB;
background-image:url(../images/Pi_bg_overzicht.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding:10px;
margin-bottom:2px;
}
.overzicht_infokader_right{
margin-left:10px;

}

.container_infokaders{
width:667px;
float:left;
margin-bottom:8px;
padding:0px;
}

.container_infokaders2{
width:667px;
float:left;
margin:0px;
padding:0px;
}

#overzicht_opleiding_left{
width:433px;
float:left;
margin-right:10px;
}

#overzicht_opleiding_right{
width:212px;
float:left;
}

#overzicht_opleiding_yellow_left{
width:413px;
float:left;
height:200px;
background-color:#FECD04;
padding:10px;
}
#overzicht_opleiding_yellow_right{
width:192px;
float:left;
height:200px;
background-color:#FECD04;
padding:10px;
}

#infokader_opleiding_big{
width:411px;
height:175px;
float:left;
border:1px solid #EBEBEB;
background-image:url(../images/Pi_bg_opleiding.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin-right:10px;
margin-top:10px;
padding:10px;
}

#infokader_opleiding_small{
width:190px;
height:153px;
float:left;
border:1px solid #EBEBEB;
background-image:url(../images/Pi_bg_opleiding.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin-top:10px;
padding:10px;
}

#content_yellow_1{
width:196px;
float:left;
padding-right:8px;
border-right:1px solid #FFFFFF;
height:170px;}

#content_yellow_2{
width:195px;
float:left;
margin-left:10px;}

.overzicht_links_left{
width:220px;
float:left;
}

.overzicht_links_right{
float:right;
width:180px;
}

#overzicht_kenniscentrum_left{
width:322px;
float:left;
margin-right:10px;
}
#overzicht_kenniscentrum_right{
width:322px;
float:left;
}

#overzicht_kenniscentrum_yellow_right{
width:292px;
float:left;
height:110px;
background-color:#FECD04;
padding:15px;
}

#infokader_kenniscentrum_small{
width:190px;
height:163px;
float:left;
border:1px solid #EBEBEB;
background-image:url(../images/Pi_bg_opleiding.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin-top:10px;
margin-right:10px;
padding:10px;
}

#infokader_kenniscentrum_small2{
width:190px;
height:163px;
float:right;
border:1px solid #EBEBEB;
background-image:url(../images/Pi_bg_opleiding.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin-top:10px;
padding:10px;
margin-right:10px;
}





/* --------------------------------------------------------------------------------------------
FONTS 
--------------------------------------------------------------------------------------------*/
.breadcrumb_off{
font-size:0.75em;
color:#333333;}

.smallcaps{
font-size:0.9em;
color:#000000;
font-variant: small-caps;
font-weight:bold;
}

.grayItalic_13{
font-size:0.9em;
color:#333333;
font-style:italic;
}

.introItalic{
font-size:1.10em;
line-height:130%;
font-style:italic;
}
.blue{color:#00538A;}

/* --------------------------------------------------------------------------------------------
LINKS
--------------------------------------------------------------------------------------------*/
a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active {
	color:#00538A;
	font-size:0.75em;
	text-decoration:none;
}

a.breadcrumb:hover{
color:#0073BF;
text-decoration:none;
}

a.TabInschrijven:link, a.TabInschrijven:visited, a.TabInschrijven:active{
background-image:url(../images/Pi_Tab_FicheRight_bg.jpg);
background-repeat:repeat-x;
float:right;
height:27px;
margin:0px 0px 0px 0px;
padding:1px 0px 0px 0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:none;
}

a.TabInschrijven:hover{
color:#333333;
text-decoration:underline;
}

a.pijlZwart:link, a.pijlZwart:visited, a.pijlZwart:active{
background-image:url(../images/Pi_pijl_zwart.gif);
background-repeat:no-repeat;
float:left;
margin:7px 0px 0px 0px;
padding:0px 0px 0px 15px;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:none;
}
a.pijlZwart:hover{
background-image:url(../images/Pi_pijl_zwart.gif);
background-repeat:no-repeat;
float:left;
margin:7px 0px 0px 0px;
padding:0px 0px 0px 15px;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:none;
}

a.pijlZwart2:link, a.pijlZwart2:visited, a.pijlZwart2:active{
background-image:url(../images/Pi_pijl_zwart2.gif);
background-repeat:no-repeat;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:none;
}
a.pijlZwart2:hover{
background-image:url(../images/Pi_pijl_zwart2.gif);
background-repeat:no-repeat;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:underline;
}

a.pijlZwart_trans:link, a.pijlZwart_trans:visited, a.pijlZwart_trans:active{
background-image:url(../images/Pi_zwart_transp.gif);
background-repeat:no-repeat;
float:left;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 15px;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:none;
}
a.pijlZwart_trans:hover{
background-image:url(../images/Pi_zwart_transp.gif);
background-repeat:no-repeat;
float:left;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 15px;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:underline;
}

a.pijlGeel_trans:link, a.pijlGeel_trans:visited, a.pijlGeel_trans:active{
background-image:url(../images/Pi_geel_transp.gif);
background-repeat:no-repeat;
float:left;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 15px;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:none;
display:block;
}
a.pijlGeel_trans:hover{
background-image:url(../images/Pi_geel_transp.gif);
background-repeat:no-repeat;
float:left;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 15px;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:underline;
display:block;
}



a.pijlGeel:link, a.pijlGeel:visited, a.pijlGeel:active{
background-image:url(../images/Pi_pijl_geel.gif);
background-repeat:no-repeat;
float:left;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 15px;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:none;
display:block;
}

a.pijlGeel:hover{
background-image:url(../images/Pi_pijl_geel.gif);
background-repeat:no-repeat;
float:left;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 15px;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:underline;
display:block;
}


a.TabFicheLarge:link, a.TabFicheLarge:visited, a.TabFicheLarge:active{
background-image:url(../images/Pi_FicheLarge_tab_bg.jpg);
background-repeat:repeat-x;
float:left;
height:25px;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:none;
}

a.TabFicheLarge:hover{
color:#333333;
text-decoration:underline;
}

a.behoefte:link, a.behoefte:visited, a.behoefte:active, a.opleidingadvies:link, a.opleidingadvies:visited, a.opleidingadvies:active, a.opleidingplan:link, a.opleidingplan:visited, a.opleidingplan:active{
background-image:url(../images/Pi_pijl_zwart_transparant.gif);
background-repeat:no-repeat;
float:left;
margin:18px 0px 0px 15px;
padding:0px 0px 0px 15px;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:none;
}
a.behoefte:hover, a.opleidingadvies:hover, a.opleidingplan:hover{
background-image:url(../images/Pi_pijl_zwart_transparant.gif);
background-repeat:no-repeat;
float:left;
margin:18px 0px 0px 15px;
padding:0px 0px 0px 15px;
font-size: 1em;
line-height: 115%;
font-weight: normal;
color: #000000;
text-decoration:underline;
}

a.opleidingadvies:link, a.opleidingadvies:visited, a.opleidingadvies:active{
margin:18px 0px 0px 30px;
}
a.opleidingadvies:hover{
margin:18px 0px 0px 30px;
}

a.opleidingplan:link, a.opleidingplan:visited, a.opleidingplan:active{
margin:18px 0px 0px 27px;
}
a.opleidingplan:hover{
margin:18px 0px 0px 27px;
}


/* --------------------------------------------------------------------------------------------
BUTTONS
--------------------------------------------------------------------------------------------*/

#button_gray{
height:32px;
float:left;
margin:0px;
padding:0px;
display:block;
margin-top:20px;
}

#button_gray_text{
height:32px;
float:left;
}

a.button_gray:link, a.button_gray:visited, a.button_gray:active{
background-image:url(../images/Pi_buttonGray_bg.jpg);
background-repeat:repeat-x;
float:left;
height:32px;
margin:0px 0px 0px 0px;
padding:7px 0px 0px 5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1em;
line-height: 110%;
font-weight: normal;
color: #FFFFFF;
text-decoration:none;
}

a.button_gray:hover{
text-decoration:underline;
}

.button_gray_trans,
#button_gray_trans{
height:32px;
float:left;
margin:0px;
padding:0px;
display:block;
margin-top:15px;
}

#button_gray_text_trans{
height:32px;
float:left;
}

a.button_gray_trans:link, a.button_gray_trans:visited, a.button_gray_trans:active{
background-image:url(../images/Pi_buttonGray_bg_trans.gif);
background-repeat:repeat-x;
float:left;
height:32px;
margin:0px 0px 0px 0px;
padding:7px 0px 0px 5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1em;
line-height: 110%;
font-weight: normal;
color: #FFFFFF;
text-decoration:none;
}

a.button_gray_trans:hover{
text-decoration:underline;
}

#button_yellow{
height:32px;
float:left;
margin:0px;
padding:0px;
display:block;
margin-top:20px;
}

#button_yellow_text{
height:32px;
float:left;

}

a.button_yellow:link, a.button_yellow:visited, a.button_yellow:active, a.button_yellow:hover{
background-image:url(../images/Pi_buttonYellow_bg.jpg);
background-repeat:repeat-x;
float:left;
height:32px;
margin:0px 0px 0px 0px;
padding:7px 0px 0px 5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1em;
line-height: 110%;
font-weight: normal;
color: #333333;
text-decoration:none;
}

a.button_yellow:hover{
text-decoration:underline;
}


#nieuwsbrief{
font-size:1.10em;
line-height: 110%;
height:65px;
background-image:url(../images/Pi_bg_nieuwsbrief.jpg);
background-repeat:no-repeat;
width:200px;
float:left;
margin-top:5px;
padding:7px 10px 5px 14px;}


/* --------------------------------------------------------------------------------------------
FORMS
--------------------------------------------------------------------------------------------*/

.textbox_nieuwsbrief{
width:140px;
height:15px;
float:left;
border:1px solid #FFFFFF;
margin-right:10px;
margin-top:7px;
}

/* --------------------------------------------------------------------------------------------
ADDITIONAL PAGES
--------------------------------------------------------------------------------------------*/
.page-wedstrijd {
	padding:36px 0 0}
.page-wedstrijd #fiche_left {
	position:relative; left:-5px; top:-14px}
.page-wedstrijd .frm {
	width:679px; font-size:.8em; position:relative; left:-5px}
.page-wedstrijd .frm .top {
	background:url(../images/wedstrijd_frm_top.png) no-repeat; height:12px; overflow:hidden}
.page-wedstrijd .frm .middle {
	background:url(../images/wedstrijd_frm_middle.png) repeat-y; padding:16px 30px}
.page-wedstrijd .frm .bottom {
	background:url(../images/wedstrijd_frm_bottom.png) no-repeat; height:11px}
.page-wedstrijd .frm ol, .page-wedstrijd .frm ul, .page-wedstrijd .frm li {
	margin:0; list-style:none; padding:0}
.page-wedstrijd .frm li {
	margin:0 0 11px; overflow:hidden; position:relative; zoom:1}
.page-wedstrijd .frm ul {
	margin:0 0 10px}
.page-wedstrijd .frm ul li {
	margin:0 0 4px}
.page-wedstrijd .frm ol {
	margin:0; list-style:none; padding:0}
.page-wedstrijd .frm label {
	display:block; margin:0 0 6px}
.page-wedstrijd .frm ul li label {
	margin:0; outline:hidden}
.page-wedstrijd .frm input.it-text {
	border:1px solid #2A71A2; height:23px; line-height:22px; padding:0 5px; width:168px; float:left}
.page-wedstrijd .frm input.it-image {
	position:relative; left:-5px}
.page-wedstrijd .box-errors {
	color:red; margin:0 0 23px}
.page-wedstrijd .frm span.error {
	font-size:13px; padding:0 0 0 17px; display:block; float:left; color:red; position:relative; top:-3px}
.page-wedstrijd .frm .city span.error {
	display:inline-block; float:none}
