/* Stylesheet voor www.werk.nl */

@import "pltc.css";  /* import styles ivm met de upgrade portaal jsr 168 */

/* ****************************************************************************************************** */
/* BASIS */
/* ****************************************************************************************************** */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
background-image: none;
margin:0px;
color:#333333; 
padding: 0 7px 0 8px; 
font-size:0.7em;
}
#left td, #sidebar, #rechtermenu, #main table, 
#main li, #main p, #main div, #footerlinks, #sidebar table {
font-family: Verdana, Arial, Helvetica, sans-serif;
/* trick WinIE4/5 */
font-size:11px;
voice-family: "\"}\"";
voice-family: inherit;
font-size:1em; 
}

#wrapper {
position:relative;
background-color:#fff;
background-image: none;
width:759px;
margin:20px 0 0 0;
padding-top:6px;  
}

#bodyCenterTable {
height:570px;
}

/* Structuur midden stuk met drie kolommen */

#main {
width:100%;
padding-top:3px;
padding-bottom:4px;

}

/* extra class: om Interactieve #main div's te stijlen */
.mainInteract {
width: 408px;
}


/* aanpassing voor de main divboxen met een ondertab (uitgebreid zoeken) */
#tabuitgebreid, #tabeenvoudig{
margin-bottom:2px;
}


/* ****************************************************************************************************** */
/* HEADER + LOGO */
/* ****************************************************************************************************** */

#contentTop {
display:block;
width:408px;
height:10px;
font-size:0px;
}

#left {
width:126px;
overflow:hidden;
margin-right:14px;
}

#spacerLeft {
display:block;
width:126px;
height:4px;
font-size:0px;
}

/* Top navigatie en logo */
#header {
margin-bottom:10px;
position:relative;
}
#tab1 {
position:absolute; 
top:34px; 
left:473px;  
}
#tab2 {
position:absolute; 
top:34px; 
left:577px; 
}
#tab3 {
position:absolute; 
top:34px; 
left:661px; 
}
div.breadcrump {
position:absolute;
top:64px; /* dit wAs 60px */
left:0;
padding: 2px 0px 5px 0px;
font-family:Verdana;
font-weight:normal;
font-size:11px;
voice-family: "\"}\"";
voice-family: inherit;
font-size:1em; 

}
#breadcrumpVacBank {
position:absolute;
top:-16px; /* dit was -20px */
left:0;
width:680px;
z-index:80;
background-color:#fff;

/*background-image:none;*/
}
.breadcrump .divider {
margin: 0px 8px 0px 8px;
}
a.breadcrump:link, a.breadcrump:visited, .breadcrumpActive, 
#breadcrumpVacBank a.breadcrump:link, #breadcrumpVacBank a.breadcrump:visited, #breadcrumpVacBank .breadcrumpActive  {
color:#5C5C5C; 
text-decoration:none; 
}
a.breadcrump:hover{
color:#333; 
text-decoration:underline; 
}
.breadcrumpActive {
font-weight:bold;
}

#helpLink {
position:absolute;
left:560px;
top:-18px;
width:200px;
font-family:Verdana;
font-weight:bold;
font-size:11px;
voice-family: "\"}\"";
voice-family: inherit;
font-size:1em; 
}
#helpLink a {
padding: 1px 2px 1px 2px;
float:right;
text-decoration:none;
}
#helpLink a:link, #helpLink a:visited, #helpLink a:active{
text-decoration:none;
color:#5C5C5C;
border:0px solid white;
}
#helpLink a:hover  {
text-decoration:underline
}
#top10provHRLine { /* lijn op top 10 per provincie*/
border-top: 1px solid #F2F2EA; 
border-bottom: 2px solid #ccc;
}
.topOrangeLine {
margin-top:16px;
background-color:#FF6600;
background-image: none;
width:759px;
height: 1px;
}
/* tabjes onder vacaturebank zoeken */
.tab408  {
margin-top:-21px;
width:408px;
}
.tab408 img {
cursor:pointer;
float:right
}


/* ****************************************************************************************************** */
/* LEFT MENU */
/* ****************************************************************************************************** */


#left .ruler {
margin-top:-2px;
}
#left .ruler a:link, #left .ruler a:visited {
font-family:Verdana;  
text-decoration:none; 
display:block;
padding-left:5px;
color:#777;
padding-top:4px;
padding-bottom:4px;
}

#left .ruler a:hover {  /* testen!! handje onhover boven blok zonder tekst */
color: #FF6600;
cursor:pointer;
background-color: #fff;
}
#left .ruler td {

}
#left td.active {
background-color:#fff;
background-image: none;
font-weight:bold;
}
.lineTopOranje {
padding-top:5px;
border-top:1px solid #f60;
cursor:pointer;
display:block;
}
.leftMenuClosed {
margin-top:12px;
}
#left .leftMenuClosed a:link, #left .leftMenuClosed a:visited, #left .leftMenuClosed a:active {
color:black;
text-decoration:none;
}
#left .leftMenuClosed a:hover {
color:black;
text-decoration:underline;
}


/* ****************************************************************************************************** */
/* MAIN CONTENT PANE */
/* ****************************************************************************************************** */


/* ////////////////////////////////////////// */
/* Standaard html-tekst elementen */
h1 {
margin-top: 0;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 3px;
background-color:#f60;
width:auto;
color:#fff;
font-weight:bold;
height: 22px;
line-height: 22px;
/* trick WinIE4/5 */
font-size:16px;
voice-family: "\"}\"";
voice-family: inherit;
font-size:1.3em; 
}

h1.home {
font-size:160%; 
padding-bottom:10px;
font-family: Helvetica, Arial, sans-serif;
font-weight:normal;
}

.noMargin {
margin:0;
}

h1 a.help {float: right; color: #FFFFFF !important; text-decoration: none !important; border-left: 1px solid #fff; width: 22px; text-align:center; font-size: 0.9em;}
h1 a.help:hover { color: #333 !important; }

#main.noMargin {
margin-top:0px;
border:1px solid green;
}

h2 {
margin: 0px 0px 15px 0px;
color:#333333;
padding: 0;
font-weight:bold;
/* trick WinIE4/5 */
font-size:15px;
voice-family: "\"}\"";
voice-family: inherit;
font-size:1.3em; 
}
h2.home {
font-size:130%;
}

h3 {
font-size:1em;
font-weight:bold;
color:#000;
margin: 2px 0 2px 0;
color: #333;
/* trick WinIE4/5 */
font-size:11px;
voice-family: "\"}\"";
voice-family: inherit;
font-size:1em;
}

h2.oranje {
margin:10px 0px 10px 0px;
color: #f60;
padding-bottom: 4px;
padding-top:4px;

}

h3.uitgebreidArtikel {
margin-top:-10px;
/* border-top:1px solid #ccc; */
}



h3.boxHeader{
font-size:1.3em;
margin:0 0 4px 0;
font-family: verdana, helvetica, arial, sans-serif;
font-weight:bold;
color: #f60;
padding-bottom: 4px;
padding-top:4px;
}

h4 {
font-weight:normal;
color:#f60;
padding: 0;
margin:0;
margin-top:3px;
/* trick WinIE4/5 */
font-size:11px;
voice-family: "\"}\"";
voice-family: inherit;
font-size:1em;
}

p, pre  {
margin-top:0px;
margin-bottom:1em;
}

p.pNoMargin{
margin-bottom:0px;
}

td {vertical-align:top}

ul  {
margin-top:0; 
margin-left:16px;
}

#main ul, #main ol {
margin-top:10px;
margin-bottom:7px; /* dit was 0px */
margin-left: 0em; 
padding-left: 2.5em; 
}
#main ul li {

}
#main ol {

}
#main ol li {

}

#main ul.navigatie, #main ul.navigatieBold {
margin-left: 0;
clear:left;
padding-left: 0;
voice-family: "\"}\""; 
voice-family:inherit;
padding-left: 1.5em;
}

#main ul.navigatie li, #main ul.navigatieBold li {
list-style-image:url(../images/icons/bullet_orange.gif);
padding: 0 0 3px 0;
margin: 0;
}
#main ul.navigatieBold li a{
font-weight: bold;
}
#main ul.actie li {
padding: 0px 0px 3px 20px;
margin:0px;
background-image:url(../images/icons/round_arrow_right.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}
#main ul.actie, #main ul.actieLine {
list-style-type:none;
padding:0px;
margin:0px;
}
#main ul.toggleDetails li {
margin:0px;
list-style-image:url(../images/icons/arrow_orange.gif);
}
/*#main ul.toggleDetails li div {display:none;}*/
#main ul.toggleDetails li.detailsVisible div {
display:block;
font-weight:normal;
padding:2px 0 10px 0;
}
#main ul.toggleDetails li div {
cursor:auto;
}
#main ul.toggleDetails li.detailsVisible {
font-weight:bold;
}
#main .disabled  { 
color:#999;
}
#main ul.actieLine li {
display:inline;
padding: 8px 6px 4px 18px;
margin:0px;
background-image:url(../images/icons/round_arrow_right.gif);
background-repeat:no-repeat;
background-position: 0px 8px;
}
#main hr, hr {
height:1px;
color:#ccc;
padding:0;
border-style:solid; 
clear:both;
}
#main hr.dikte2 {
height:2px;
color:#ccc;
padding:10px;
border-style:solid; 
clear:both;
}

.indent {
padding-left:2em;
}

/* ////////////////////////////////////////// */
/* Tooltip */
/* Geef het A-element class=tooltip, binnen de A een div met tooltiptekst */
a.tooltip {
cursor:pointer;
position:relative;
z-index:20;
color:black;
display:block;
}
a.tooltip:hover {
text-decoration:none;
z-index:21;
background-color:white;
background-image: none;
color:#f60;
}
a.tooltip div {
display:none; 
}
a.tooltip:hover div {
position:absolute;
z-index:99;
top:-1.5em;
left:6em;
color:black;
width:380px;
height:auto;
background-color:#fafafa;
background-image: none;
border:2px solid #FB944D;
display:inline;
padding:4px;
cursor:pointer;
font-weight:normal;
}
a.tooltip:hover div span.meer {
padding:0px 0px 0px 8px;
color:black;
float:right;
cursor:pointer;
}
a.tooltip:hover div span.onClick {
text-decoration:underline;
cursor:pointer;
}
/*  \ End Tooltip */

/* show and hide */
.hidden  {
display:none;
}
.show  {
display:block;
}
.showSpan  {
display:inline;
}
/* end show and hide */

/* Lines top and bottom */
.lineTop {
border-top: 1px solid #ccc;
}
.lineBottom {
border-bottom: 1px solid #ccc;
}
.lineDblTop {
border-top: 2px solid #ccc;
}
.lineDblBottom {
border-bottom: 2px solid #ccc;
}
.lineBoth {
border-top: 2px solid #ccc;
border-bottom: 1px solid #ccc;
}
/* Links in de content */
#main div a, #main li a, #main td a   {
  color:#333;
}
/* Normale tekstlinks Zwart underline */
#main a:link, #main a:visited{
color:#333;
text-decoration:underline;  
}
/* Speciaal voor vacature overzichten */
/* Reeds bezochte vacaturetitels oranje kleuren */
#main a.bekeken:link, #main a.bekeken:visited {
color:#f60;
text-decoration:none;
}
#main a:hover {
text-decoration:underline;
color:#f60;
}
/* navigatielinks Zwart */
#main .navigatie a:link, 
#main .navigatie a:visited, 
#main .navigatieBold a:link, 
#main .navigatieBold a:visited, 
.divBoxPortletError a, 
#main h3 a:link, 
#main h3 a:visited {
color: #333;
text-decoration:underline;
}
#main h3 a {
padding-left:12px;
background-image:url(../images/icons/bullet_orange.gif);
background-repeat:no-repeat;
background-position: 0px 0.2em;
}
#main h3.question a {
padding-left:0px;
background-image:none;
}
#main .navigatie a:hover, 
#main .navigatieBold a:hover, 
#main h3 a:hover {
text-decoration:underline;
color: #FF6600;
}
#main h3.question a:link, 
#main h3.question a:visited {
color: #333;
text-decoration:underline;
}


/* ////////////////////////////////////////// */
/* PAGE NAVIGATIE */
.divNavAndSort {
padding:8px 1px 8px 1px;
margin:0px;
overflow: hidden;
border-bottom: 1px solid #DAD9D9;
border-top: 1px solid #DAD9D9;
background-color: #FAFAFA;
clear:right;
font-size:1em;
}
.divNavAndSort a,  .divNavAndSort strong  {
padding-left:2px;
padding-right:2px;
}

.formButtons  {
padding-top:0px;
margin-top:10px;
font-size:1em;
}
.divNavAndSort div {
width:auto;
font-size:1em;
}

#main .actie a:link, #main .actie a:visited, #main a:link.actie, #main a:visited.actie {
color: #333;
text-decoration:underline;
}
#main .actie a:hover, #main a:hover.actie {
color:#FF6600;
text-decoration:underline;
}

a .icon {border:0; padding-left:3px;}


/* ////////////////////////////////////////// */
/* Content actie links  */
/* area voor knoppen zoals verzenden, printen en toevoegen favorieten */
.documentButtons, #documentButtons  {
margin-top:-2px;
padding-bottom:7px;
padding-top:4px;
width:408px;
overflow:hidden;
margin-bottom:10px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
/*background-color: #ECECDA;*/
}
.documentButtonsCMS  {
margin-top:-15px;
margin-bottom:1em; /* witregel onder, test */
padding-bottom:7px;
padding-top:4px;
width:408px;
overflow:hidden;
border-bottom:1px solid #ccc;
}
#main .marginTop20 {
margin-top:20px;
}
#documentButtons .icon, .documentButtons .icon, .documentButtonsCMS .icon  {
padding-left: 1px;
margin: 0;

}
#documentButtons .iconArrow  {
padding-left: 1px;
vertical-align:bottom;
}
#documentButtons span, .documentButtons span, .documentButtonsCMS span  {
color:#ccc;
margin-right:2px;
}
#documentButtons a, .documentButtons a, .documentButtonsCMS a, #footerlinks a, #main .objectActieButton a {
padding: 0 5px 1px 2px;
color:#333;
text-decoration: underline;
}
#documentButtons a:link, #documentButtons a:visited,
.documentButtonsCMS a:link, .documentButtonsCMS a:visited,  
#main .documentButtons a:link, #main .documentButtons a:visited,
#main .objectActieButton a:link,   #main .objectActieButton a:visited {
text-decoration:underline;
color:#333;
}
#documentButtons a:hover, #main .documentButtons a:hover, #main .objectActieButton a:hover,
.documentButtonsCMS a:hover
 {
text-decoration:underline;
color: #FF6600;
}
p .icon, .alink .icon {
/* padding-left:5px; */
padding-right:5px;
}

/* Einde Content button links */




/* //////////////////////////////////////////////// */
/*  Ankeilers / box grijze outline */
.divBox, .divIntro  {
border: 1px solid #ccc;
padding:10px;
margin:0px 0 20px 0;
width:408px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:386px;
}
html>body .divBox  {
/* be nice to Opera */
width:386px;
}

.divBoxLeft, .divBoxRight, .divBoxleft {
border:1px solid #ccc;
padding:10px;
margin:0 0 20px 0;
/* breedte voor ie5.0 en ie5.5 */
width:195px; 
/* breedte voor browsers die box model goed interpreteren */
voice-family: "\"}\""; 
voice-family:inherit;
width:174px;
}
.divBoxNoWidth {
border:1px solid #ccc;
padding:10px;
margin:0 0 20px 0;
voice-family: "\"}\""; 
voice-family:inherit;
}
html>body .divBoxLeft, html>body .divBoxRight , html>body .divBoxleft
{
/* be nice to Opera */
width:174px;
}
.divBoxLeft, .divBoxleft {
float:left;
}
.divBoxRight {
float:right;
}
.divBoxForm  {
padding:10px;
margin:0px 0 20px 0;
border: 1px solid #DAD9D9;
background-color: #fafafa;
background-image: none;
/* breedte voor ie5.0 en ie5.5 */
width:408px; 
/* breedte voor browsers die box model goed interpreteren */
voice-family: "\"}\""; 
voice-family:inherit;
width:388px;
}
html>body .divBoxForm {
/* be nice to Opera */
width:388px;
}

.divIntro h2  {
font-size:180%;
color:#333;
font-weight:bold;
font-family: arial, Tahoma, verdana, sans-serif;
}

.boxIcon  {
position:relative;
top:-18px;
float:right;
z-index:1;
margin-right:-14px;
}
/*.divBoxForm div  {
margin-top:1.2em;
margin-bottom:0.5em;
}*/
#main  ul.boxList {
list-style-type: none;
padding:0px;
margin:0px;
background-image:url(../images/lists/dot_orange.gif);
background-repeat:no-repeat;
background-position: 0px 5px;
}
ul.boxList li {
padding-left:10px;
margin:0px;
}
.divBox h4, .divBoxLeft h4, .divBoxRight h4, .divBoxleft h4 , .divBoxNoWidth h4 {
color: #333;
font-weight:bold;
margin-top: 12px;
margin-bottom:3px;
}



/* ////////////////////////////////////////// */
/* Presentatie in tabelvorm */
#main td  p {
font-size:1em;
}
#main .edit {
border-collapse:collapse;
margin:4px 0 4px 0;
width:408px;
}
#main .tabel_dossier {
border-collapse:collapse;
margin:4px 0 4px 0;
width:408px;
}
#main .data
{
border-collapse:collapse;
margin:0 0 4px 0;
width:100%;
}
#main .list, #main .overzicht{
width: 100%;
border-collapse:collapse;
}

#main table caption  {
text-align: left;
font-weight:bold;
border-bottom: 1px solid #ccc;
padding:0px 0 5px 0;
font-size:1em;
}
#main .overzicht caption{
border-bottom:0;
}
table th {
text-align: left;
background-color: #F2F2EA;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
padding: 6px 5px;
}


/* edit, Tabel met te bewerken gegevens */

.edit caption, .data caption {
padding:10px 0 10px 0;
}
.edit td, .list td {
padding-top:8px;
padding-bottom:8px;
border-bottom:1px solid #ccc;
}
/*#main .tabel_dossier th {
padding-left:3px;
padding-top:3px;
padding-bottom:3px;
}*/

.tabel_dossier caption{
padding:10px 0 10px 0;
}
.tabel_dossier td{
padding-left:3px;
padding-top:3px;
padding-bottom:3px;
}

.data td, .overzicht td {
padding-top:4px;
padding-bottom:4px;
}
.list .icon {
margin-left:5px;
}
.tableNav  {
Padding-top:4px;
}

#main .overzicht .firstRow td {
padding-top:10px;

}
/* kolom specifiek */
.colDatum {
width:80px;
}
.colActionIcons {
text-align:right;
}
.actionIcon {
margin-left:5px;
}
.label {
font-weight:bold;
}

/* area voor links om te navigeren of tabellen te filteren of sorteren */
.divButtonLinks  {
width:99%;
margin-top: 10px;
border-bottom:2px solid #ccc;
padding-bottom:10px;
}
.divButtonLinks a:link, .divButtonLinks a:visited  {
color:black; 
text-decoration:underline;
}
.divButtonLinks a:hover {
text-decoration:underline;
}
.right {
float:right;
}

/* ////////////////////////////////////////// */
/*  formulier en knoppen  */
.cwiButton {
margin: 20px 0px 0px 7px;
float:right;
border:0;
}
.buttonLeft {
float:left;
margin: 20px 7px 0px 0px;
border:0;
padding:0;
}
.cwiButtonTop  {
float:right;
padding-left:7px;
margin: 10px 0px 7px 0px;
border:0;
}
.buttonZoek  {
padding-left:7px;
margin-right:7px;
border:0;
vertical-align:bottom;
}
.actieLinkButton { /* formbutton maar ziet er uit als een actie link */
cursor:pointer; 
border:0px; 
color:#333; 
text-decoration: underline;
background-image:url(../images/icons/round_arrow_right.gif); 
background-repeat:no-repeat;
background-position: 0px 3px;
padding-left:18px;
text-align:left;
}

form {
margin:0;
}
.formulier  {
border:0;
width:100%;
}
.divBox .formulier, divBoxForm .formulier {
width:388px;
}

.formulier td  {
color:#333333; 
text-decoration:none; 
line-height:13px;
padding-top: 2px;
padding-bottom: 2px;
}
.firstRow  {
height:10px;
}
.lastRow  {
height:20px;
}
.lastRowLine  {
height:20px;
border-bottom:1px solid #ccc;
}
.line  {
height:40px; 
vertical-align:middle;
}
.colFormlabel {
width:150px;
vertical-align:top;
}
.colSpace  {
width:22px;
vertical-align:top;
}
.colForminput  {
height: 23px;
padding-bottom:4px;
padding-left:10px;
vertical-align:top;
}
select  {
// line-height:20px;
color:#333333; 
background-color:#fff;
background-image: none;
font-family:Verdana,arial, helvetica, non-serif; 
// font-size:1em;
padding:0;
margin:0;
}
select.optgroup {
color:#333;
background-color:#ccc;
background-image: none;
}
select.option {
color:#f60;
}
input, button  {
border: 1px solid #A5ACB2;
color:#333333; 
background-color: #ffffff;
background-image: none;
font-family:Verdana; 
font-size:1em;
margin:0 0 1px 0;
padding:2px;
}
input.icon  {
border:0;
background-color: #ffffff;
background-image: none;
cursor:pointer;
width:auto;
padding:1px 2px 1px 2px;
margin-left:2px;
}
textarea {
border: 1px solid #A5ACB2;
padding: 4px;
color:#333333; 
background-color: #ffffff;
background-image: none;
font-family:Verdana; 
width:185px;
height:5em;
font-size:1em;
overflow:visible;
}
.toomuch {
color:red;
font-weight:bold;
}
.counter {
color:#aaa;
}

label {
cursor:pointer;
}

input.radio {
border: 0px;
background-color:transparent;
background-image: none;
}

.checkBox { 
border: 1px solid #CCC; 
width: 1.1em; 
height: 1.1em; 
text-align: center; 
}
input.checkbox {
border: 0px;
font-size: 1.4em;
background-color:transparent;
background-image: none;
}
.noborder {
border: 0px;
}
.checkBoxDisabled { 
border: 1px solid #CCC; 
width: 1.1em; 
height: 1.1em; 
text-align: center; 
}
.nummer {
width:50px; 
text-align:right;
}
.datum {width:80px;}
.width30 {width: 30px;}
.width50 {width: 50px;}
.width85 {width: 85px;}
.width145 {width: 145px;}
.width165 {width: 165px;}
.width185 {width: 185px;}
.width230 {width: 230px;} 
.width300 {width: 300px;} 
.width397 {width: 397px;}
.width90p {
/* breedte voor ie5.0 en ie5.5 */
width:80%; 
/* breedte voor browsers die box model goed interpreteren */
voice-family: "\"}\""; 
voice-family:inherit;
width:90%;
}

.labelRadiobutton  {
padding-right:20px;
}

/* Formulierengenerator */
.formGenerator {padding: 0px; margin: 0px;}
.formGenerator .intro {padding: 0px 0px 5px 0px; font-weight: normal; border-bottom: 1px solid #ccc;}
.formGenerator .error {color: #ff0000; border-bottom: 1px solid #ccc; padding: 5px 0px 5px 0px; margin: 0px 0px 5px 0px;} 
.formGenerator .verplicht {color: #f60; width: 3%;}
.formGenerator h3 {margin: 10px 0px 5px 0px;}
.formGenerator td {padding-bottom: 5px;}
.formGenerator .prompt {padding-right: 10px; width: 40%;}
.formGenerator .field {}
.formGenerator .attention {color: #aaa; padding: 3px 0px 0px 5px; font-size: 10px; width: 25%;}
.formGenerator .typeText {width: 88%;}
.formGenerator .typeButton {width: auto; margin: 10px 5px 0px 0px; background-color:#F60; border: 0px; color: #fff; font-weight: bold; cursor: pointer;}
.formGenerator .select {border: 1px solid #ccc; width: 91%;}
.formGenerator .file {width: 90%;}
.formGenerator .textarea {width: 86%;}
.formGenerator .disabled {border: 1px solid #F2F2EA;}


/* ////////////////////////////////////////// */
/* Zoeken en resultaten, Ajax-results */
.selectResults {
width:100%;
}
.scrollBox {
width:98%;
overflow:auto;
border: 1px solid #CCC;
padding: 3px;
}
.borderBox {
border: 1px solid #CCC;
padding:3px 3px 5px 8px;
}
.beschrijvingBox{
display: none;
width:388px;
height: 15em;
overflow:auto;
border: 1px solid #CCC;
padding: 3px;
margin: 8px 0px 0px 12px;
background-color:white;
background-image: none;
}
.beschrijvingBoxBreed {
overflow:auto;
border: 1px solid #CCC;
padding: 3px;
width:400px;
margin: 8px 0px 0px 0px;
background-color:white;
background-image: none;
}
.afhankelijkeVelden {
margin-left:20px;
}
#searchstring {
margin-top: 7px;
}
.searchresultsAjax {
border: 1px solid #CCC;
width:396px;
margin: -3px 0px 0px -1px;
padding: 3px;
}
.searchresultsAjaxBreed {
border: 1px solid #CCC;
width:408px;
margin:0px;
padding: 3px;
}

/* ////////////////////////////////////////// */
/* foutmeldingen bij formulieren */
#foutenoverzicht, .kritiekeMelding {
color:#f00;
font-weight:bold;
}
#main #foutenoverzicht li {
list-style-image:url(../images/icons/bulletFout.gif);
}

#sidebar ul#foutenoverzicht  {
list-style-image:none;
list-style-type:none;
overflow:visible;
padding-top:5px;
}
#sidebar #foutenoverzicht li {
list-style-type:none;
background-image:url(../images/icons/bulletFout.gif);
background-position:8px 2px;
background-repeat:no-repeat;
padding-left:26px;
line-height:normal;
/* breedte en inspringing voor ie5.0 en ie5.5 */
width:197px;
/* breedte voor browsers die box model goed interpreteren */
voice-family: "\"}\""; 
voice-family:inherit;
width:170px; 
}

.tdFout input, .tdFout div.inputObject {
border:1px solid red;
}
.tdFout {
background-image:url(../images/icons/bulletFout.gif);
background-repeat:no-repeat;
background-position:8px;
padding-left:30px;
}
td.tdFoutLabel {
color:#ff0000;
font-weight:bold;
}
.divKritiekeMelding {
color:#f00;
font-weight:bold;
}
.divInfoMelding {
font-weight:bold;
color:#f60;
}
.divFeedbackMelding {
width:398px;
border:1px solid #f60;  /*#ffd600*/
color:#777; 
padding:4px; 
font-weight:bold; 
margin-bottom:1.5em;

}
.divFeedbackMelding span {
color:#333;
}
.divBoxPortletError  {
padding:10px;
margin: 10px;
border: 1px solid #DAD9D9;
background-color: #fafafa;
background-image: none;
width:auto; 
color:#999;
}
.boxPortletErrorTitle  {
margin:0px;
font-size:180%;
color:#999;
font-weight:bold;
}
.tip, .formaat {
color:#777;
font-style:italic;
}
.tip.paddingLeft {
padding-left: 5px;
}

.logo {position: absolute; left: 405px; top: 150px; width: 150px; height: 28px; overflow: hidden;}


/* ****************************************************************************************************** */
/* RIGHT MENU */
/* ****************************************************************************************************** */

/* extra id: als placeholder voor menu, als dat onderdeel is van vacaturebank en cv pag's */
#sidebarAbsolPos {
position:absolute;
top:0;
left:550px;
}

#sidebar {  /* de gehele rechter kolom */
margin-left:14px;
width:197px;
overflow:hidden;
}

.mijnWerkIngelogd {
display:block;
}
#sidebar ul {  /* lijst met menu-items */
list-style:none;
padding:0px;
margin:0px;
background-color:#F2F2EA;
background-image: none;
}
#sidebar ul li {
list-style-type:none;
font-weight:bold;
line-height:21px;
margin:0px;
width:100%;
}
html>body #sidebar li a {
width:auto;
}
#sidebar a:hover  {
color: #FF6600 !important;
background-color:#fff !important;
text-decoration: none;
}
#sidebar a:link, #sidebar a:visited {
color:#777777;
font-weight:normal; 
text-decoration:none; 
display:block;
background-color:#F2F2EA; 	
padding-left: 20px;
}
#sidebar ul a:link, #sidebar ul a:visited {
background-image:url(../images/icons/arrow_gray.gif);
background-repeat:no-repeat;
background-position: 10px 8px;
width:177px;
}
#sidebar ul a.disabled:link, #sidebar ul a.disabled:visited {
background-image:url(../images/icons/arrow_white.gif);
}
#sidebar ul a.plus:link, #sidebar ul a.plus:visited { /* menu-item met kinderen (ingeklapt, niet zichtbaar) */
background-image:url(../images/icons/plus_gray.gif);
}
#sidebar ul a.min:link, #sidebar ul a.min:visited { /* menu-item met kinderen (uitgeklapt, wel zichtbaar) */
background-image:url(../images/icons/min_gray.gif);
}
#sidebar ul ul a:link, #sidebar ul ul a:visited {
padding-left:30px;
width:167px;
background-position: 20px 8px;
}
#sidebar ul ul ul a:link, #sidebar ul ul ul a:visited {
padding-left:40px;
width:137px;
background-position: 30px 8px;
}
#sidebar ul li.active a {
background-color:white;
background-image: none;
color:#777777;
font-weight:bold;
}
#sidebar li.active a {
font-weight:bold;
}
#sidebar a.disabled:link, #sidebar a.disabled:visited {
color:white;
}
#sidebartop { /* container voor image oranje lijn */
height:2px;
width:197px;
}
#sidebarbottom { /* container voor image oranje lijn */
height:2px;
width:197px;
}
html>body #sidebar li a {
width:auto;
}

#sidebar .line  {
height:12px;
width:197px;
color:#ccc;
padding:0;
clear:both;
background-color:#F2F2EA;
background-image:url(../images/rightmenu/line.gif);
}
#sidebar h2 {
font-size:130%;
font-weight:bold;
margin:0;
padding-top:10px;
padding-left:10px;
color:#f60;
background-color:#F2F2EA;
}
#sidebar h3, #sidebar p {
margin:0;
padding-top:5px;
padding-left:10px;
background-color:#F2F2EA;
background-image:none;
color:#777777;
line-height:1.6em;
padding-bottom:0;
}
#sidebar p {
font-weight:normal;
}
#sidebar p a:link, #sidebar p a:visited {
padding-left:0;
}
#sidebar p a:hover {
background-color:#F2F2EA;
background-image:none;
}

/* ////////////////////////////////////////// */
/* Suggesties block */
.alink {
background-color:#F2F2EA;
background-image:none;
}
#sidebar .alink {
width:197px;
line-height:1.6em;
}
#sidebar .alink a:link, #sidebar .alink a:visited {
padding-left:10px;
vertical-align:middle;
}

#sidebar p  {
margin:0;
padding-left:10px;
padding-top:5px;
background-color:#F2F2EA;
background-image:none;
color:#777777;
}
.whiteline {
height:5px;
background-color:#F2F2EA;
background-image:none;
}
.bottomline {
height:5px;
background-color:#F2F2EA;
background-image:none;
border-bottom:1px solid #ccc;
}

/* ////////////////////////////////////////// */
/* login */
.sidebarBox {
margin:0;
width:100%;
background-color:#F2F2EA;
background-image:none;
}
.sidebarBox td {
padding-left:10px;
padding-bottom:4px;

}
#sidebar input {
width:114px;
padding:2px;
margin:0;
font-size:11px;
voice-family: "\"}\"";
voice-family: inherit;
font-size:1em; 
}

/* ////////////////////////////////////////// */
/* Menu rollovers left en sidebar op table-tag */
.ruler {
background-color:#F2F2EA;
background-image:none;
}
.ruler caption {
text-align:left;
font-style:italic;
padding-left:4px;
background-color:#F2F2EA;
background-image:none;
}
tr.ruled, .ruler td.active, .ruler tr.active  {
background-color:#fff;
background-image:none;
}
#sidebar .ruler td {
padding:4px;
}

/* ////////////////////////////////////////// */

/* ## */
.hand {
cursor: pointer;
}
#treeview {
margin-top:15px;
}
#treeview .sector {
margin-left: 15px;
}

/* Kalender */
#kalender table {
background-color:white;
background-image:none;
width:197px;
margin-bottom:10px;
font-size:1em;
}
#kalender thead .capt {
background-color:#F2F2EA;
background-image:none;
height:22px;
}
#kalender thead th {
border-bottom:1px solid #ccc;
height:22px;
}
#kalender td {
padding:4px 4px 4px 0;
vertical-align:baseline;
}
#today  {
border:1px solid #f60;
}

/* Zoeken in de content */
.trefwoord {
background-color:#FFD3A8;
background-image:none;
}

/* ////////////////////////////////////////// */
/* rechtermenu */
#rechtermenu {  
margin: 0px 0px 0px 14px;
width:197px;
}
#rechtermenu ul {  
list-style:none;
padding:0px;
margin:0px;
background-color:#F2F2EA;
background-image:none;
}
#rechtermenu ul li {
list-style-type:none;
font-weight:bold;
line-height:21px;
padding:0px;
margin:0px;
width:100%;
}
html>body #rechtermenu li a {
width:auto;
}
#rechtermenu a:hover  {
background-color:#FCFCFA;
background-image:none;
}
#rechtermenu a:link, #rechtermenu a:visited {
color:#777777;
font-weight:normal; 
text-decoration:none; 
display:block;
background-color:#F2F2EA;
background-image:none; 	
padding-left:20px;
}
#rechtermenu ul a:link, #rechtermenu ul a:visited {
background-image:url(../images/icons/arrow_gray.gif);
background-repeat:no-repeat;
background-position: 10px 8px;
width:177px;
}

#rechtermenu ul a.plus:link, #rechtermenu ul a.plus:visited { /* menu-item met kinderen (ingeklapt, niet zichtbaar) */
background-image:url(../images/icons/plus_gray.gif);
}
#rechtermenu ul a.min:link, #rechtermenu ul a.min:visited { /* menu-item met kinderen (uitgeklapt, wel zichtbaar) */
background-image:url(../images/icons/min_gray.gif);
}
#rechtermenu ul ul a:link, #rechtermenu ul ul a:visited {
padding-left:30px;
width:167px;
background-position: 20px 8px;
}
#rechtermenu ul ul ul a:link, #rechtermenu ul ul ul a:visited {
padding-left:40px;
width:157px;
background-position: 30px 8px;
}
#rechtermenu a.active:link, #rechtermenu a.active:active, #rechtermenu a.active:visited {
background-color:white;
font-weight:bold;
}
#rechtermenu li.active a {
font-weight:bold;
}

html>body #rechtermenu li a {
width:auto;
}
#rechtermenu li a:hover  {
color: #FF6600;
background-color:#FCFCFA;
}
/* END inhoudsopgave dossier */

/* Dossierpagina's */
.boventitel {
margin-bottom: 3px;
font-size:115%;
}
.ondertitel {
margin-top: 0px; /* dit was -8 */
}
.intro {
font-weight:bold;
}

#main .naarTop {
/* border-bottom: 1px solid red; */
text-align:right;
width:398px;
padding: 5px 10px 0px 0px;
background-image:url(../images/icons/arrow_orange_up2.gif);
background-position:right 10px;
background-repeat:no-repeat;
margin-top:-5px; /* was -5 */

}

.publicatiedatum {
margin:3px 0 3px 0;
}
.bron {
color: #666;
}


/* ****************************************************************************************************** */
/* HELP + POPUPS */
/* ****************************************************************************************************** */

#helpWin {
margin:14px 7px 14px 7px;
}

.H1Icon  {
position:relative;
top:-3px;
float:right;
z-index:1;
margin-right:2px;
}

.vensterSluiten  {
background-image:url(../images/icons/ico_x_sluit.gif);
background-position:right 3px;
background-repeat:no-repeat;
text-align:right;
position:relative;
top:-10px;
padding: 0px 10px 0px 0px;
margin-bottom:-20px;
}
.vensterSluiten a:link, .vensterSluiten a:visited {
color:#f60;
text-decoration:none;
}

/* Visuals voor in de content */
/* images tussen de tekst */
.banner408  {
width:408px;
margin:6em 0 2em 0;
}
.imgBijschriftBox {
background-color:#ddd;
background-image:none;
border:1px solid #ddd;
margin-top:0;
margin-bottom:1px;
padding:0;
/* white-space:nowrap; */
}
.imgBijschriftBox img, .imgBorder img {
border: 1px solid #fff;
display:block;
}
.imgBijschriftBox div {
padding:1px;
margin:0;
border-collapse:collapse;
width:inherit;
}
.imgBorder {
border:2px solid #ddd;
margin: 5px 5px 5px 0;
width:404px;
float:left;
}
.imgBoxLeft {
float:left;
margin: 2px 5px 1px 0;
width:inherit;
display:inline;
}

.imgBoxRight {
float:right;
clear:right;
margin: 2px 0px 1px 5px;
width:inherit;
}
/* Ankeiler */
.ankeiler, #main table.ankeiler {
margin: 0px 0px 20px 0px;
}
.ankeilerNavigatie {
list-style-image:url(../images/icons/arrow_black.gif);
margin-bottom: 0px;
}
#main .ankeilerNavigatie a:link, #main .ankeilerNavigatie a:visited {
text-decoration:none;
} 
#main .ankeilerNavigatie a:hover {
text-decoration:underline;
color:#333;
}
.ankeilerImage {
background-color:#f60;
}

.ankeilerLeft, .ankeilerRight {
margin:0 0 20px 0;
/* breedte voor ie5.0 en ie5.5 */
width:195px; 
/* breedte voor browsers die box model goed interpreteren */
voice-family: "\"}\""; 
voice-family:inherit;
width:175px;
}
.ankeilerLeft {
float:left;
}
.ankeilerRight {
float:right;
}
.ankeilerTekst, td.ankeilerTekst {
background-color:#F2E3D9;
background-image:none;
color:#f60;
padding:10px;
border:0px;
background-repeat:no-repeat;
}
/* einde visuals voor in de content */

/* diagnosetool (publicatie) */
.vragenblok textarea {width:96%;}
.vragenblok h3 {margin-top:40px; border-bottom:2px solid #ccc;}
.vragenblok .chart {border:1px solid #cc9;}
/* einde diagnosetool */

#main .highlight {
background-color:#Ffb787;	
}


/* ****************************************************************************************************** */
/* FOOTER */
/* ****************************************************************************************************** */

#footer {
background-image:url(../images/allPages/dividerBackground.gif);
height:12px;
text-align:right;
margin-top:40px;
width:759px;
}
#helpWin #footer {
width:408px;
}

#footerlinks {
width:759px;
padding-bottom:10px;
}
#footerlinks a:link, #footerlinks a:visited {
text-decoration:underline;
}
#footerlinks a:hover  {
color: #FF6600;
text-decoration:underline;
}
#tekstversie {
color:#f60;
padding-left:20px;
}
#footerlinks #workingIn {
margin-left:120px;
}
#footerlinks #workingIn a{
color:#f60;
}
.last {
margin-bottom: 0;
}
.clearing {
height: 1px;
clear: both;
}



/* ****************************************************************************************************** */
/* PRINT STYLESHEET */
/* ****************************************************************************************************** */

@media print {
#header, #left, #sidebar, h1, #dividerLogo, #tabs a, #tabs span, 
.col_formverplicht, .icon, .noprint, .divNavAndSort, #documentButtons,
#footerlinks, #footer, .navigatie, .actie, #rechtermenu, .formButtons {
display:none;
}
body, td, li  {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
}
#main a:link, #main a:visited, #main a:active  {
text-decoration:none;
color:#000;
}
#main {
width:auto;
}
/* Specifiek */
.edit td {
padding-top:2px;
padding-bottom:2px;
border-bottom:0px;
}
.edit caption  {
padding-top:4px;
padding-bottom:4px;
}
#main .edit th  {
padding-top:4px;
padding-bottom:4px;
border-bottom:2px solid #ccc;
}
}

/*]]>*/