/*--- standaard layout - 28-08-2009 ---*/
html, body, form
{
 height: 100%;
}
body
{
 margin: 0px;
 padding: 0px;
 text-align: center;
 background-color: #aaaaaa;
 color: #000000;
 font-family: Verdana;
}
table
{ 
 border-collapse: collapse;
 border: none 0px;
 padding: 0px;
}
td
{
 vertical-align: top;
}

img{
 border: 0px;
 margin: 5px;
}

table#mainTable{
 margin: 0;
 padding: 0;
 text-align: left;
}
div#footer
{
 height: 20px;
 text-align: left;
}
div#footer a{
color: #000000;
}
div#footer-left{
 float:left;
 padding-left: 5px;
 color: #000000;
}
.utils a:link{
margin-left: 15px;
}
div#realisatie-NewLimit{
 float:right;
 padding-right: 5px;
 color:#000000;
 text-align: right;
}
h1, h2, h3, h4, h5, h6
{
 color: #000000;
 padding:0px;
}
a, a:visited, a:active, a:hover, a:link
{
 color: #000000;
}
hr 
{
 color: #000000;
 background-color: #000000;
 height: 1px;
 border: none;
 width: 98%;
}

ul
{
 margin-left: 20px;
}
li
{
 margin-top: 5px;
 margin-left:15px;
}

/*-- form elements - also CMS related --*/
input.button
{
 color: #000000;
 background-color: #cccccc;
 border-top: solid 1px #eeeeee;
 border-left: solid 1px #eeeeee;
 border-right: solid 1px #000000;
 border-bottom: solid 1px #000000;
 margin-right: 6px;
}
input.textboxAdmin
{
 border: solid 1px #000000;
}
textarea
{
 width: 350px;
 height: 200px;
}
.error
{
 color: #FF0000;
} 
/*-- formfields standaard, used also in CMS --*/
input.button
{
 margin: 2px 0px 2px 0px;
}
input.textbox
{
 width: 200px;
 margin: 2px 0px 2px 0px;
}
input.textboxAdmin
{
 width: 167px;
 margin: 2px 0px 2px 0px;
}
textarea
{
 margin: 2px 0px 2px 0px;
}
select.sel /*--CMS--*/
{
 width: 226px;
}
select
{
 margin: 2px 0px 2px 0px;
}

/*--- CMS  ---*/
#contentContainer div.sectionsettings table td, #contentContainer div.sectionsettings h2
{
 vertical-align: middle;
 font-size:14px;
}
td.fieldlabel
{
 text-align: right;
 color:#000000;
 width: 120px;
 padding: 3px;
}
td.field
{
 width: 300px;
}
.legend{
color: #dddddd;
font-weight: bold;
}
td.gallerycell{ /*-- themes presentation --*/
 width: 134px;
 font-size: 10px;
 text-align: center;
 }
/*--- tabbladen cms ---*/
.accordion  
{
    font-size:8.5pt;
    font-family:Tahoma;    
}
.accordion .header
{    
    height: 38px;    
    background-image: url(standard_images/tab.png);
    background-repeat: no-repeat;
    margin-left: 1px;
}

.accordion .headerEnabled
{
 position: relative;
 font-weight: bold;
 width: 161px;
 height: 20px;
 top: 10px;
 left: 11px;
 padding-left:20px;
 text-align: left;  
 cursor:pointer;
}

.accordion .content
{
  padding: 20px;
  border:solid 1px #eaeaea;
  height:1500px;
}

/*-- CMS-user - contactform - etc --*/
.framed{
 background-color: #cccccc;
 color: #ffffff;
 border:2px solid #dddddd;
 font-weight: bold;
 width: 500px;
 padding: 5px;
}

/*---------------- Module textheader ------------*/
div#websiteTitle
{
 position: absolute;
 top: 20px;
 left: 255px;
 z-index: 2;
 color: #ffffff;
 font-size: 36px;
}
div#websiteTitleShadow
{
 position: absolute;
 top: 23px;
 left: 258px;
 color: #000000;
 font-size: 36px;
 z-index: 1;
 opacity: 0.20;
 filter: alpha(opacity=20);
 -moz-opacity: 0.20;
}

/*--- modules: Breadcrumbs - RSS - Poll - Gastenboek/NieuwsOverzicht---*/
div#breadcrumbs 
{
 font-size: 10px;
 padding-right: 5px;
 color: #000000;
 text-decoration: none;
 position: relative;
 top: 0px;
 height: 20px;
 margin: 0;
}

/*--- Poll ---*/
.pollQuestion
{
 width: 200px;
 font-weight: bold;
 text-align: center;
 margin-bottom: 10px;
}
.pollResults
{
 position: relative;
 display: block;
 width:100px;
 margin: 0px;
 padding: 0px;
 border-left:1px solid black;
 border-right:1px solid black; 
}
.poll-result-text
{
 position: absolute;
 display: block;
 height: 20px;
 width: 94px;
 font-size: 11px;
 font-family: verdana;
 z-index: 3px;
 padding: 0px;
 top: 2px;
 left: 2px;
 margin: 0px;
 padding: 0px;
}
.poll-result-percentage-bar
{
  position: relative;
 width: 100px;
 height: 20px;
 display: block;
 margin: 0px;
 padding: 0px;
 border-top: 1px solid black;
}
.poll-result-bar
{
  position: relative;
 background-color: #bbbbbb;
 height: 20px;
 margin: 0px;
 padding: 0px;
}

.poll
{
 position: relative;
}
.pollBottom
{
 width:102px;
 border-top: 1px solid black;
 margin-bottom: 10px;
}

/*-- Gastenboek/NieuwsOverzicht --*/
.pad /*container for odd and even */
{
 width: 500px;
 }
.odd
{
 padding:2px;
 background-color: #999999;
 color:#ffffff;
}
.even
{
 padding:2px;
 background-color: #ffffff;
 color:#999999;}
.date
{
 font-weight: bold;
 }
.author
{
 font-weight: bold;
 margin-left: 10px;
 }
.entry
{
 clear: left;
 }
 .newscontent
 {
  width: 600px;
  padding: 4px;
 }
/* Language buttons*/
#languageswitch a
{
    background-repeat: no-repeat;
}
a.language_nl
{   
    float:left;
    display: block;
} 
a.language_de
{   
    float:left;
    display: block;
} 
a.language_en
{   
    float:left;
    display: block;
} 
a.language_es
{   
 float:left;
 display: block;
} 
a.language_fr
{   
    float:left;
    display: block;
} 
 
/*----- Events ------*/
.presentationEvents{
width:240px; 
}
.categoryEvents{
font-weight: bold;
font-size:14px;
}
#sidebarCell{
display: block;
overflow: hidden;
}

/*--------------- slideshows ------------------*/

/*-- jqGalViewII-Small --*/
.jqGalViewIIsmall .gvIIContainer{
width:220px;
position:relative;
padding:0px;
margin-top:10px;
border: 0px solid #fff;
overflow: hidden;
}
.jqGalViewIIsmall .gvIIContainer .gvIIImgContainer img{
margin:0px;
padding:0px;
	
}
.jqGalViewIIsmall .gvIIContainer .gvIIAltText{
position:absolute;
display: block;
text-align:center;
width:218px;
top:0px;
left:0px;
background:#000;
border:1px solid #fff;
color:#fff;
padding:0px;
margin-right:1px;	
}
.jqGalViewIIsmall .gvIIContainer .gvIIImgContainer{
width:220px;
height:150px;
position:relative;
text-align:center;
overflow:hidden;
margin:0px;
padding:0px;
}
.jqGalViewIIsmall .gvIIContainer .gvIIImgContainer .gvIILoader{
/*background: url(/articles/jqGalViewII/common/img/ajax-loader.gif) no-repeat center center;*/
width:220px;
height:150px;
display:none;
padding:0px;
margin: auto;
text-align:center;
}
.jqGalViewIIsmall .gvIIContainer .gvIIHolder{
position:relative;
width:220px;
padding: 0px;
margin-left: 10px;
margin-top: 10px;
}
.jqGalViewIIsmall .gvIIContainer .gvIIHolder .gvIIArrow{}
.jqGalViewIIsmall .gvIIContainer .gvIIHolder .gvIIItem{
float:left;
height:45px;
width:60px;
margin: auto;
padding:1px;
}
.jqGalViewIIsmall .gvIIContainer .gvIIHolder .gvIIItem .gvIIFlash{
display:none;
margin: auto;
text-align:center;
background:Transparent;
}
.jqGalViewIIsmall .gvIIHolder .gvIIItem .gvIIItem img
{
top:0px;
left:0px;
border:none;
cursor:pointer;
margin: auto;
}

/*-- jqGalViewII-Medium --*/
.jqGalViewIImedium .gvIIContainer{
width:480px;
position:relative;
overflow: hidden;
padding:0px;
margin-top:10px;
border: 0px solid #fff;
text-align: center;
}
.jqGalViewIImedium .gvIIContainer .gvIIImgContainer img{
margin:0px;
padding:0px;	
}
.jqGalViewIImedium  .gvIIContainer  .gvIIAltText{
position:absolute;
text-align:center;
width:478px;
top:0px;
left:0px;
background:#000;
border:1px solid #fff;
color:#fff;
margin-right:1px;	
}
.jqGalViewIImedium .gvIIContainer .gvIIImgContainer{
width:480px;
height:360px;
position:relative;
text-align:center;
margin:0px;
padding:0px;
background:Transparent;
}
.jqGalViewIImedium .gvIIContainer .gvIIImgContainer .gvIILoader .gvIIFlash{
/*background: url(/articles/jqGalViewII/common/img/ajax-loader.gif) no-repeat center center;*/
width:480px;
height:360px;
display:none;
padding:0px;
margin: auto;
text-align:center;
background:Transparent;
}
.jqGalViewIImedium .gvIIContainer .gvIIHolder{
position:relative;
width:460px;
margin-left: 24px; 
text-align:center;
margin-top: 10px;
}
.jqGalViewIImedium .gvIIContainer .gvIIHolder .gvIIArrow{}
.jqGalViewIImedium .gvIIContainer .gvIIHolder .gvIIItem{
float:left;
height:60px;
width:80px;
padding:1px;
margin: auto;
position:relative;
}
.jqGalViewIImedium  .gvIIItem {
height:60px;
width:80px;
cursor:pointer;
}
.jqGalViewIImedium  .gvIIItem img{
top:0;
left:0px;
margin: 0px;
padding: 0px;
cursor:pointer;
}

/*-- jqGalViewII-BIG --*/
.jqGalViewII .gvIIContainer{
overflow: hidden;
width:644px;
position:relative;
padding:0px;
margin-top: 20px;
margin: 0 auto 0 auto;
}
.jqGalViewII .gvIIContainer .gvIIImgContainer img
{
position: relative;
margin: 0 auto 0 auto;
padding:0px;	
}
.jqGalViewII .gvIIAltText{
position:absolute;
text-align:center;
width:638px;
top:0px;
background:#000;
border:1px solid #fff;
color:#fff;
padding:0px;
margin-right:1px;
left:0px;
}
.jqGalViewII .gvIIContainer .gvIIImgContainer{
width:640px;
height:480px;
left: 0px;
position:relative;
margin:auto;
padding:0px;
text-align:center;
}
.gvIIContainer .gvIIImgContainer .gvIILoader{
/*background: url(/articles/jqGalViewII/common/img/ajax-loader.gif) no-repeat center center;*/
width:640px;
height:480px;
display:none;
padding:0px;
margin:0px;
text-align:center;
}
.jqGalViewII .gvIIContainer .gvIIHolder{
position:relative;
width:610px;
margin-top:10px;
margin-left: 25px;
text-align:center;
}
.jqGalViewII .gvIIContainer .gvIIHolder .gvIIArrow{}
.jqGalViewII .gvIIContainer .gvIIHolder .gvIIItem{
float:left;
height:60px;
width:80px;
margin-top: 10px;
padding: 2px;
position:relative;
overflow:hidden;
}
.jqGalViewII .gvIIContainer .gvIIHolder .gvIIItem .gvIIFlash{
position:relative;
top:0;
left:0;
cursor:pointer;
}
.jqGalViewII .gvIIContainer .gvIIHolder .gvIIItem img{
position:relative;
height:60px;
width:80px;
top:0;
padding:0;
margin: auto;
border:none;
cursor:pointer;
}

/*--- cms-buttons ---*/
a.btnRight
{
 display: block;
 width: 6px;
 height: 12px;
 background-image: url(Standard_images/icon_next.gif);
 background-position: center;
 background-repeat: no-repeat;
}
a.btnLeft
{
 display: block;
 width: 6px;
 height: 12px;
 background-image: url(Standard_images/icon_back.gif);
 background-position: center;
 background-repeat: no-repeat;
}
a.btnUp
{
 display: block;
 width: 12px;
 height: 6px;
 background-image: url(Standard_images/icon_up.gif);
 background-position: center;
 background-repeat: no-repeat;
}
a.btnDown
{
 display: block;
 width: 12px;
 height: 6px;
 background-image: url(Standard_images/icon_down.gif);
 background-position: center;
 background-repeat: no-repeat;
}
a.btnEdit
{
 display: block;
 width: 20px;
 height: 20px;
 background-image: url(Standard_images/icon_edit.gif);
 background-position: center;
 background-repeat: no-repeat;
}
a.btnDelete
{
 display: block;
 width: 20px;
 height: 20px;
 background-image: url(Standard_images/icon_delete.gif);
 background-position: center;
 background-repeat: no-repeat;
}
/* slideshow-pager */
table.pager-slideshow
{
 border: solid 1px #1B6B8B;
}
table.pager-slideshow td
{
 color: #000000;
 padding: 3px;
 vertical-align: middle;
}
table.pager-slideshow td a
{
 color: #000000;
}
table.pager-slideshow td a:hover
{
 color: #1B6B8B;
}