/* - ploneCustom.css - */
@media all {
/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 */
 
/*  (do not remove this :) */
/*  (not this either :) */

/* --- hide ---- 
#portal-globalnav,
*/
#content {
    font-size: 105%;
}
#content li a {
color:#904800;
}
#content li a:visited {
    color: #904800;
}
#content li a:active {
    color: #904800;
}
#content a {
color:#904800;
}
#content p a {
color:#904800;
}
#content p a:visited {
    color: #904800;
}
#content p a:active {
    color: #904800;
}
ul {
    line-height: 1.5em;
    padding: 0;
}
.searchSection,
.portletNavigationTree .portletHeader,
li.navTreeItem a img,
a#portal-logo img,
#formfield-form-addable_types
{
 display: none;
}

body
{
margin-top: 35px;
padding: 0;
background: #333;
font-size: 66%;
}

#visual-portal-wrapper
{
width: 960px !important;
margin-left: auto;
margin-right: auto;
text-align: left;
background: white;
position: relative;
}

/* ------------------------------ header background: url(bg_portal-top.jpg) transparent top left no-repeat;----------------------------*/

#portal-top
{
width: 960px;
height: 300px;
position: relative;
padding: 0 !important;
margin-top: 0 !important;
border-bottom: 6px solid #333;
}
#portal-top.nl
{
background: url(bg_portal-top_nl.jpg) transparent top left no-repeat;  
}


#portal-top.en
{
background: url(bg_portal-top_en.jpg) transparent top left no-repeat;  
}

#portal-top.fr
{
background: url(bg_portal-top_fr.jpg) transparent top left no-repeat;  
}
.livesearchContainer {
position:relative;
}
a#portal-logo
{
display: block;
text-decoration: none;
overflow-x: hidden;
overflow-y: hidden;
padding-top: 0px;
height: 300px;
margin: 0px;
width: 960px;
cursor: pointer;
}
#content-core h2{
border-bottom: 1px solid #904800;
}
span a.link-mailto
{
background: url(mail_icon.gif) 0px 1px no-repeat;
padding: 1px 0px 1px 16px;
}
/*-------------------------- breadcrumbs  */
#portal-breadcrumbs
{
   position: absolute;
   bottom: 1px;
   left: 4px;
   border: none;
   overflow: hidden;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   white-space: nowrap;
   width: 650px;
}

/* ------------------------- searchbox  */

#portal-searchbox
{
    float: none;
    position: absolute;
    top: -25px;
    margin: 0 !important;
    padding: 0 !important;
    right: 20px;
    overflow: hidden !important;
}

input#searchGadget
{
  border: none;
  padding: 2px;
  background: #aaa;
  color: #333;
}


#portal-searchbox input.searchButton 
{ 
   background: transparent; 
   padding: 1px;
   font-size: 100%;
border: none;  color: white;
}

/*   ------------------------- language selector */

#portal-languageselector
{
   position: absolute;
   top: -23px;
   right: 250px;
}

#portal-languageselector li a
{
  color: white;
  text-decoration: none;
}

#portal-languageselector li.currentLanguage a
{
   text-decoration: underline;
}



/* ------------------------- width: 350px; personal tools */
#portal-personaltools-wrapper
{
     font-size: 90%;
     position: absolute;
     top: -25px;
     left: 18px;

}

#portal-personaltools 
{
     background: transparent;
     text-align: left;
     border: none;
     color: white;
     padding: 0 !important;
}

#portal-personaltools li a
{
     color: white;
     font-weight: bold;
}


/* Site-wide action menu - font size, contact, index, sitemap etc */
#portal-siteactions {
    background-color: transparent;
    white-space: nowrap;
    list-style-image: none;
    list-style-type: none;
    margin: 277px 0 0 0;
    height: auto;
    line-height: normal;
    float: right;
    padding: 3px 2em 3px 0;
}
#portal-siteactions li {
    display: inline;
}
#portal-siteactions li a {
    background-color: transparent;
    border: none;
}
#portal-siteactions li.selected a {
    background-color: transparent;
    border: none;
}
#portal-siteactions li a:hover {
    background-color: transparent;
    border: none;
}

#portal-footer {
    background-color: #E7C5A4;
    border-top: 1px solid #904800;
    border-bottom: 1px solid #904800;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
}
#portal-footer a {
    color: black;
}
#portal-footer a:visited {
    color: black;
}

/*-------------------------- portal-column-one------------------------------ */

/*-------------------------- login */
.portletLogin
{
  border: 1px solid #069 !important;
  padding-bottom: 10px;
}

.portletLogin .portletHeader
{
  font-size: 1.8em;
  padding-left: 10px;
  border: none;
  color: #666;
  background: none;
  line-height: 2em;
}

.portletLogin dd
{
  border: none;
  padding-left: 10px !important;
}

.portletLogin .field input
{
   background: #CCDCEA;
   width: 150px;
   border: none;
}

.portletLogin .even
{
   background: none;
   padding: 10px !important;
}

/*-------------------------- navigation  */

#portal-column-one {/*border-right: 4px solid #edeeeb;*/ }

#portal-column-one .portlet  
{
   width: 185px; 
   margin: 15px !important; 
   background: transparent !important;
   border: none;
}

#portal-column-one .visualPadding {padding: 0 !important; margin: 0!important;}

.portletNavigationTree
{
border: none !important;
padding: 0 !important;
}

.portletNavigationTree dd
{
margin: 0 !important;
padding: 0 !important;
border: none !important;
}

.navTreeItem a,
.navTreeItem a:hover,
.navTreeItem div
{
background-image: none !important;
color: black !important;
}

.portletItem
{
padding: 0 !important;
}

li.navTreeItem
{
margin-left: 0px !important;
list-style:none;
list-style-image:none;
}

li.navTreeItem ul {margin-left: 0px !important;}

li.navTreeItem a
{
line-height: 1.6em;
display: block;
text-decoration: none;
color: black;
font-family: arial;
padding: 3px 5px 3px 10px !important;
border: none !important;
}

ul.navTreeLevel0 li.navTreeItem a
{
background: #656464;
font-size: 1.1em;
color: white !important;
margin-bottom: 2px;

}/*line-height: 2em;*/

ul.navTreeLevel0 li.navTreeItem a:hover
{
background: #aaa;
}

ul.navTreeLevel0 li.navTreeCurrentNode a.navTreeCurrentNode
{
    background: #900000;
    color: white !important;
}

ul.navTreeLevel1 li.navTreeItem a
{
    background: #904800;
}

.navTreeLevel1
{
    padding-left: 1em;
}
.navTreeLevel2
{
    padding-left: 1em;
}
.navTreeLevel3
{
    padding-left: 1em;
}
.navTreeLevel4
{
    padding-left: 1em;
}
.navTreeLevel5
{
    padding-left: 1em;
}

ul.navTreeLevel1 li.navTreeCurrentNode a.navTreeCurrentNode
{
    background: #D01422;
    border: 1px solid black;
    color: white !important;
}

/*-------------------------- portal-sitemap------------------------------ */

#portal-sitemap
{
font-size:140%;
}

#portal-sitemap li.navTreeItem a img
{
display: inline;
}

#portal-sitemap .navTreeLevel1
{
font-size:95%;
}

#portal-sitemap .navTreeLevel2
{
border-left: none;
font-size:95%;
}

#portal-sitemap .navTreeLevel3
{
font-size:95%;
}

#portal-sitemap .navTreeLevel4
{
font-size:95%;
}

#portal-sitemap .navTreeLevel5
{
font-size:95%;
}

/*-------------------------- portal-column-content------------------------------ */

#portal-column-content 
{
  padding-left: 0;
  padding-right: 0;
}

h1.documentFirstHeading
{
font-size: 2em;
margin-top: 0px;
border: none;
color: #900000;
}

div.documentContent {
   font-size: 105%;
}

div.documentContent h2 {
border-bottom:1px solid #904800;
color: #000;
font-weight: normal;
}

div.documentContent h3 {
font-weight: normal;
color: #000;
}

div.documentContent a {
   color: #904800;
}

div.documentContent a:active {
   color: #904800;
}

div.documentContent a:visited {
   color: #904800;
}

/* ---------------------------------- document actions */

.documentActions {
border-top: 1px solid #999;
}


.documentActions a 
{
  color: #333 !important;
}

/* ----------------------------------- tileItems */

.tileItem
{
  border-top: 1px solid #666;
}

.tileItem h2.tileHeadline
{
   font-size: 1.3em;
   font-weight: bold;
}

.tileFooter
{
   margin-top: 10px;
}

.tileFooter a
{
   background: #999 !important;
   color: white !important;
   padding: 3px  5px !important;
   font-size: 90%;
   text-decoration: none !important;
}

/* ----------------------------------- workgroup template */


div.workgroup .documentDescription,
 .documentDescription
{
font-weight: normal;
font-size: 95%;
color: #666;
line-height: 1.5em;
}

div.workgroup div.members
{
  padding-left: 55px;
  margin-bottom: 10px;
  margin-top: 10px;
  background: url(members.html) white top left no-repeat;
}

div.workgroup div.manager
{
  background: url(manager.html) white top left no-repeat;
}

div.workgroup div.members div.data
{
  background: #f2f2f2;
  padding: 5px;
}

div.workgroup div.members div.data h3
{
  font-size: 1em;
  margin-top: 0.25em;
  margin-bottom: 0.75em;
  position: relative;
}

div.workgroup div.members div.data table.listing
{
   width: 300px;
   border: 0;
}

div.workgroup div.members div.data table.listing td
{
   border: 0;
}

div.workgroup div.members div.data table.listing th
{
   background: transparent;
   font-weight: bold;
   border: 0;
}


h3 span {font-size: 0.85em;}

h3 span a.link-mailto
{
  position: absolute;
  right: 0;
  top: 1px;
  font-weight: normal;
  color: #666 !important;
  padding-left: 20px !important;
}


div.workgroup div.members div.data ul
{
   margin-left:0; padding-left:0;
   list-style:none; list-style-image:none;
}

div.workgroup div.members div.data ul li
{
   line-height: 2em;
   border-bottom: 1px solid #ccc;
   font-size: 90%;
}

div.workgroup h2.activities
{
   border: none;
   font-size: 1.1em;
   padding: 5px;
   background: #656464;
   color: white !important;
   margin-bottom: -5px;
}

/* -------------- activity list */

div.activity
{
  border-top: 1px solid #333;
  padding-bottom: 10px;
  margin-top: 10px;
}

div.activity-header
{
  background: url(1day.html) #f2f2f2 500px 15px no-repeat;
  padding: 5px;
}

span.activity-date
{
  font-size: 90%;
}

div.activity h4
{
  font-size: 1.4em;
  margin-top: 0.25em;
  width: 475px;
}

div.activity h4 a
{
   color: black !important;
}

div.activity-meta, div.activity .documentByLine
{
  color: #666 !important;
}

div.activity h5
{
  font-size: 1.1em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #333 !important;
}

div.activity-agenda
{

}

table.activity-docs
{
  width: 100%;
  border-collapse: collapse;
}

table.activity-docs td
{
  border-bottom: 1px solid #ccc;
  padding-top: 3px;
  padding-bottom: 3px;
}

table.activity-docs td.doc-title
{
   width: 410px;
   font-size: 0.9em;
}

table.activity-docs td.doc-icon
{
   text-align: center;
}

table.activity-docs td.doc-icon img
{
  width: 19px;
  height: 19px;
}

table.activity-docs td.doc-languages ul
{
   margin-left:0; padding-left:0;
   list-style:none; list-style-image:none;
   margin-right: 0;
}

table.activity-docs td.doc-languages ul li
{
   display: inline;
   margin-left: 3px;
   font-size: 0.8em;
}

table.activity-docs td.doc-languages ul li a
{
   background: #333 !important;
   color: white !important;
   padding: 2px 4px !important;
}

table.resulttable
{
   width: 100%;
   empty-cells:show;
   /* border:1px solid #656464;
   background-color:#E0E0E0; */
}
table.resulttable td.headercell
{
   font-weight:bold;
   /* border:1px solid #656464; */
   text-align:left;
   vertical-align:top;
}
table.resulttable td.datacell {
text-align:left;
   background-color:#E0E0E0;
}
#right{
text-align:center;
}
table.resulttable td.datalinkcell{
color: #900000; 
}
table.resulttable td.datalinkcell a:hover{
  color: white;
  background: #656464; 
}
input#search  
{
  color: white;
  background: #900000;
}
input#reset
{
  color: white;
  background: #656464;
}

div#selectanother
{
   font-weight:bold;
}
div#selectanother a,
#icblink
{
   font-weight:bold;
   color: #900000; 
}

/*-------------------------- portal-column-two------------------------------ */

#portal-column-two .visualPadding {padding: 0 !important; margin: 0!important;}

#portal-column-two .portlet  
{
   width: 145px; 
   margin: 15px; 
   background: #f2f2f2 !important;
   border: none;
}

#portal-column-two .portlet .portletHeader
{
   background: transparent;
   line-height: 1.8em;
   font-size: 1.4em;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
   color: #333;
}

#portal-column-two .portlet .portletHeader a
{
   color: #333;
}

#portal-column-two .portlet .portletItem a
{
   color: #000;
}

#portal-column-two dt, 
#portal-column-two .portletItem
{
   border: 2px none #fff !important;
}

#portal-column-two .portletItem
{
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

#portal-column-two .portletFooter
{
    border: none;
    border-top: 1px solid #ddd;
    background: transparent;  
}


#portal-column-two .portletItem.even
{
    background: #ddd;

}


/*-------------------------- News */

dl.portletNews .portletHeader
{
   background: url(news.png) transparent 98% 3px no-repeat !important;
}

dl.portletNews .portletItem a 
{
   padding-left: 5px;
}

dl.portletNews .portletItem a img
{
   display: none;
}

dl.portletNews .portletItemDetails 
{
   text-align: left;
   font-size: 85%;
   color: gray;
}

dl.portletNews .portletItemDetails a
{
   color: #666;
}

dl.portletNews dd.portletFooter
{
   background: #999 !important;
}

dl.portletNews dd.portletFooter a
{
   color: white !important;
   text-decoration: none !important;
}



/*-------------------------- Calendar */

.portletCalendar .portletHeader
{
   font-size: 1em !important;
}

.ploneCalendar .weekdays th
{
   background: #e2e2e2;
   border: none;
}



/* ------------------------------------ 
   ICT wijzer 
   ------------------------------------ */

table.resulttable
{
    border-collapse: collapse;
    border: 0 !important;
    font-family: arial;
    font-size: 1em;
    width: 100%;
}

table.resulttable td
{
    border-bottom: 1px solid #aaa;
    padding: 5px 3px;
    background: #ddd;
}

table.resulttable td td
{
    border-bottom: 0;
    padding: 3px 0px 3px 0px ;
}


table.resulttable td.headercell
{
    font-weight: bold;
    background: #eee;
    width: 160px;
}

table.resulttable td td.headercell
{

    background: transparent;
    padding-top: 10px;
    padding-bottom: 5px;
    width: auto;
}


table.resulttable td input
{
    border: none;
    border-bottom: 1px solid #aaa;
    background: white;
    /* width: 200px; */
}


table.resulttable td select
{
    width: 100%;
    border: 1px solid #ccc;
    margin: 3px 0;
   /*  font-size: 1em; */
}

table.resulttable td select:hover
table.resulttable td select:focus
{
    border: 1px solid #333;
}

table.resulttable td input:hover
{
       border-bottom: 1px solid #666;
}

table.resulttable td input:focus
{
    border-bottom: 1px solid #069;
}

/* ---- needs   span some more semantics ----- */

/*p b,
h3.fieldset
{
    font-family: arial;
    font-size: 1.2em;
    display: block;
    background: #666;
    color: white !important;
    padding: 5px;
    margin-bottom: 0px;
    margin-top: 15px;
    
}

h3.fieldset span
{
   font-size: 1em;
}
*/

option {
   font-family:"Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
   font-size:80%;
}

table.invisible td {
   padding: 10px;
   vertical-align:top;

}

.toc .TOC1Digit
{
   margin-left: 2em;
}

.toc .TOC2Digit
{
   margin-left: 4em;
}

.toc .TOC3Digit
{
   margin-left: 6em;
}

.image-right
{
   margin-left: 1em;
   border: none;
}

/*  */


}