/* Start of CMSMS style sheet 'stijl' */
@charset "utf-8";
/* CSS Document */

html,body {
margin:0px;
padding:0px;
}

/* BASIS */

body {
background-color:#e2e2dc;
background-image:url(img/bg.jpg);
background-repeat:no-repeat;
background-position:center top;
font-size:12px;
font-family: tahoma, sans-serif;
}

.column {
overflow:hidden;
width:700px;
height:800px;
margin:0px auto;
padding:0px;
background-image:url(img/colbg.jpg);
background-repeat:no-repeat;
background-position:center top;
position:relative;
top:0px;

}

/* NAVIGATIE */

.nav {
margin:0px;
padding:0px;
}

.nav ul {
position:absolute;
top:134px;
left:49px;
margin:0px;
padding:0px;
text-align:right;
color:#f8bb14;
list-style-type: none;
}

.nav li {
line-height:30px;
margin:0px;
padding:0px;
}

.nav a {
margin:0px;
padding:0px;
text-decoration:none;
color:#fff;
}

.nav a:hover {
color:#f8bb14;
}

a.at {
	color:#f8bb14;
}

.at:hover {
	color: #f8bb14;
}

/* CONTENT */

.content {
position:absolute;
top:142px;
left:100px;
width:460px;
background-color:#bcbcb5;
padding: 0px 20px 5px 20px;
line-height:13px;
}

.content ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	display:block;
}

.content li {
margin:10px 0px 10px 0px;
padding: 0px 5px 0px 15px;
height:50px;
}

.content li img {
	float:left;
	margin:0px 8px 0px 0px;
	padding:0px;
}

.content li p {
	margin:4px 5px 5px 5px;
	line-height:16px;
}
/* TAGCLOUD */

.tagcloud {
margin: 0px auto;
color:#fff;
line-height:26px;
font-weight:bold;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#929290}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a9a9a5;
  border-right:1px solid #a9a9a5;
  background:#9c9c99}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #b7b7b1;
  border-right:1px solid #b7b7b1;
  background:#999997}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #999997;
  border-right:1px solid #999997;}
.spiffy4{
  border-left:1px solid #a9a9a5;
  border-right:1px solid #a9a9a5}
.spiffy5{
  border-left:1px solid #9c9c99;
  border-right:1px solid #9c9c99}
.spiffyfg{
  background-color:#929290;
  padding:0px 10px;
  text-align:center;}

h2 {
background-color:#ddd;
margin: 10px 3px;
padding:4px;
border-bottom: 1px solid #999;
border-top: 1px solid #999;
font-size:14px;
font-weight:bold;
}

a.lb img {
margin:5px;
padding:0px;
border:3px solid #ddd;
}

a.slink {
	position: absolute;
	left:605px;
	top:444px;
	height:148px;
	width:12px;
	background-image: url(img/slink.jpg);
}

a.slink:hover {
	background-image: url(img/slinkhover.jpg);
}
/* End of 'stijl' */

/* Start of CMSMS style sheet 'uni-form' */
/* Your styles below */
/* Keep in mind that wherever you see "Required property" it means that the property must exist, adjust it's value to your liking */

      .uniForm{
        margin:0; padding:0;
        position:relative;
        width:100%;
        /* user prefs */
        padding:10px 0;
      }

        /* Some generals */
        .uniForm fieldset{
          border:none;
          margin:0; padding:0;
          /* user prefs */
          margin:0 0 7px 0; padding:0 0 10px 0;
        }
          .uniForm fieldset legend{
            color:#000; /* Reset IE */
            margin:0; padding:0;
            /* user prefs */
            margin:0 0 .5em 0;
            font:bold small-caps 100%/100% "lucida grande", "lucida sans unicode", "trebuchet ms", arial, verdana, sans-serif;
            letter-spacing:.1em;
            color:#93b5be;
          }

          .ctrlHolder{ /* This is the main unit that contains our form "modules" */
            overflow:hidden;
            margin:0; padding:0;
            clear:both;
            /* user prefs */
            margin:0; padding:7px 4px;
          }

          .buttonHolder{
            overflow:hidden;
            clear:both;
            /* user prefs */
            background:#f8bb14;
            border: 1px solid #aaa; border-width:1px 0;
            margin:10px 0 0 0; padding: 20px 0px 10px 132px;
            text-align:left;
height:30px;
          }
            .resetButton{
            }
            .submitButton{
            }

          .uniForm .inlineLabel{
            width:auto;
            float:none;
            display:inline;
            /* user prefs */
            margin:0 2em 0 0;
            font-weight:normal;
          }
            .uniForm .inlineLabel input{
            }
          
          /* Highlighting the rows on input focus */
          .focused{
            border:1px solid #EFE795; border-width:1px 0;
            padding:6px 4px;
          }


          /* Styles for form controls where labels are in line with the input elements */
          /* Set the class to the parent to .inlineLabels */
          .inlineLabels .ctrlHolder{
          }
              .inlineLabels label,
              .inlineLabels .label{
                float:left;
                margin:.3em 0 0 0; padding:0;
                line-height:100%;
                /* user prefs */
                width:30%; 
                font-weight:normal;
              }

              .inlineLabels .textInput,
.inlineLabels input,
              .inlineLabels .fileUpload{
                float:left;
                /* user prefs */
                width:68%;
           border:solid 1px #afafaf;
margin-left:5px;
background-color:#f1efe2;
              }

.inlineLabels select{
float:left;
           border:solid 1px #afafaf;
margin-left:5px;
background-color:#f1efe2;
}
              .inlineLabels .fileUpload > input{
              }
              
              .inlineLabels .selectInput{
                float:left;
                /* user prefs */
                width:69%;
                border:1px solid #afafaf;
margin-left:5px;
background-color:#f1efe2;
              }

              .inlineLabels textarea{
                float:left;
                width:68%;
                /* user prefs */
                border:1px solid #afafaf;
                height:12em;
margin-left:5px;
background-color:#f1efe2;
              }

            .inlineLabels .formHint{
text-align:left;
              clear:both;
              /* user prefs */
              color:#444;
              margin:.5em 5px 0 32%; padding:3px 0;
              font-size:80%;
            }
  
              /* inlineLabels esthetics */
              .inlineLabels .formHint strong{
                padding:0 0 0 14px; 
               
                display:inline-block;
              }

.inlineLabels {
border: 1px solid #a1a1a1;
background-color:#d3d3d3;
}


/* Columns */
.uniForm .col{
  width:47.9%; /* Required property */
  margin:0 2% 0 0; 
}
.uniForm .columnLeft{
  width:49%; /* Required property */
}
.uniForm .columnRight{
  width:49%; /* Required property */
}

/* Messages */
.uniForm #errorMsg{
  background:#ffdfdf;
  border:1px solid #df7d7d; border-width:1px 0;
  margin:0 0 1em 0; padding:1em;
}
.uniForm .error{
  background:#ffdfdf;
  border:1px solid #df7d7d; border-width:1px 0;
}
  .uniForm #errorMsg dt,
  .uniForm #errorMsg h3{
    margin:0 0 .5em 0;
    font-size:110%;
    line-height:100%;
    font-weight:bold;
  }
  .uniForm #errorMsg dd{
    margin:0; padding:0;
  }
    .uniForm #errorMsg ol{
      margin:0; padding:0;
    }
      .uniForm #errorMsg ol li{
        margin:0; padding:2px;
        list-style-position:inside;
        border-bottom:1px dotted #df7d7d;
        position:relative;
      }
    .uniForm .errorField{
      color:#af4c4c;
      margin:0 0 6px 0; padding:4px;
      background:#ffbfbf;
    }

.buttonHolder .fbsubmit {
text-align:left;
}

.buttonHolder .fbsubmit_next {
text-align:left;
width:132px;
}

.formHint a {
font-size:10px;
}

.formHint a:hover {
font-size:10px;
}

.buttonHolder .fbsubmit_prev {
text-align:left;
width:132px;
}
/* End of 'uni-form' */

/* Start of CMSMS style sheet 'uni-form-generic' */
/* Uni-Form by Dragan Babic  - http://dnevnikeklektika.com/ , http://draganbabic.com/ */ 
/* Some rights reserved - http://creativecommons.org/licenses/by-sa/2.5/ */
/* It is suggested not to edit this file directly, but rather the uni-form.css provided in the Uni-Form zip archive */

.uniForm{
  margin:0; padding:0;
  position:relative;
  width:100%;
  overflow:hidden;
text-align:right;
}

  /* Some generals */
  .uniForm fieldset{
    border:none;
    margin:0; padding:0;
  }
    .uniForm fieldset legend{
      margin:0; padding:0;
    }

    .uniForm .ctrlHolder{ /* This is the main unit that contains our form elements */
      overflow:hidden;
      margin:5px; padding:0;
      clear:both;
    }

    .uniForm .buttonHolder{
      overflow:hidden;
      clear:both;
    }
      .uniForm .resetButton{
      }
      .uniForm .submitButton{
      }

    .uniForm .inlineLabel,
    .uniForm .inlineLabels .inlineLabel,
    .uniForm .blockLabels .inlineLabel{
      width:auto;
      float:none;
      margin:0 1em 0 0;
      display:inline;
    }
      .uniForm .inlineLabel input{
      }
    
    .uniForm .focused{ /* For highlighting the rows on input focus */
    }

    /* ########################################################################## */

    /* Styles for form controls where labels are in line with the input elements */
    /* Set the class of the parent (preferably to a fieldset) to .inlineLabels */
    .uniForm .inlineLabels .ctrlHolder{
    }
        .uniForm .inlineLabels label,
        .uniForm .inlineLabels .label{
          float:left;
          margin:.3em 2% 0 0; padding:0;
          line-height:100%;
          position:relative;
        }

        .uniForm .inlineLabels .textInput,
        .uniForm .inlineLabels .fileUpload{
          float:left;
        }
        .uniForm .inlineLabels .fileUpload{
        }
        
        .uniForm .inlineLabels .selectInput{
          float:left;
        }

        .uniForm .inlineLabels textarea{
          float:left;
        }

      .uniForm .inlineLabels .formHint{
        clear:both;
      }

        /* inlineLabels esthetics */
        .uniForm .inlineLabels .formHint strong{
        }


    /* ########################################################################## */

    /* Styles for form controls where labels are above the input elements */
    /* Set the class of the parent (preferably to a fieldset) to .blockLabels */
    .uniForm .blockLabels .ctrlHolder{
    }

      .uniForm .blockLabels label,
      .uniForm .blockLabels .label{
        display:block;
        float:none;
        margin:.3em 0; padding:0;
        line-height:100%;
        width:auto;
      }
      .uniForm .blockLabels .label{
        float:left;
        margin-right:3em;
      }

      .uniForm .blockLabels .inlineLabel{
        position:relative; top:.15em;
      }

      .uniForm .blockLabels .textInput,
      .uniForm .blockLabels .fileUpload{
        float:left;
      }
      .uniForm .blockLabels .fileUpload{
      }
      
      .uniForm .blockLabels .selectInput{
        display:block;
      }

      .uniForm .blockLabels textarea{
        float:left;
        display:block;
      }

      .uniForm .blockLabels .formHint{
        float:right;
        margin:0;
        clear:none;
      }

      /* blockLabels esthetics */
      .uniForm .blockLabels .ctrlHolder{
      }

      .uniForm .blockLabels .focused{
      }

    /* ########################################################################## */

    /* Focus pseudoclasses */
    .uniForm .ctrlHolder .textInput:focus{
    }
    .uniForm div.focused .textInput:focus{
    }
    .uniForm div.focused .formHint{
    }

    /* Required fields asterisk styling, use if needed */
    .uniForm label em,
    .uniForm .label em{
      display:block;
      position:absolute; left:100%;
      font-style:normal;
      font-weight:bold;
    }
    .uniForm .blockLabels label em,
    .uniForm .blockLabels .label em{
      position:static;
      display:inline;
    }

    /* ########################################################################## */

    /* Messages */
    .uniForm #errorMsg,
    .uniForm .error{
    }
      .uniForm #errorMsg dt,
      .uniForm #errorMsg h3{
      }
      .uniForm #errorMsg dd{
      }
        .uniForm #errorMsg ol{
        }
          .uniForm #errorMsg ol li{
          }
      .uniForm .errorField{
      }

    /* ########################################################################## */

    /* Add the following classes to your fieldsets (preferably) if you want columns */
    .uniForm .col{
      float:left;
    }
    .uniForm .columnLeft{
      float:left;
    }
    .uniForm .columnRight{
      float:right;
    }
/* End of 'uni-form-generic' */

/* Start of CMSMS style sheet 'lightbox' */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* End of 'lightbox' */