/*
  algemeen
*/
html, body{
  font-family:Verdana, Arial;
  font-size:11px;
  color:#000;
  margin:0;
}

#siteWrapper{
  display:block;
  margin-top:32px;
  width:100%;
  border-top:1px solid #ccc;
}

#site{
  display:block;
  position:relative;
  width:783px;
  margin:0 auto;
  background-image:url('/img/template images/site-bg.gif');
}

 /*
  body
*/
#body{
  display:block;
  width:749px;
  margin:0 auto;
} /*
  content
*/
#content{
  float:left;
  width:550px;

  background-color:#fff;
  margin:12px 0px;  
  padding:24px 12px;
  border-left:1px #ccc solid;
  overflow:hidden;
}

/* projecten navigatie menu */
.projectlist {
  margin-top:20px;
  padding-top:0;
  float:right;
}
.projectlist ul{
  margin-top:0;
  padding-top:0;
}
.projectlist ul{
  width:190px;
}
.projectlist ul li.active{
  display:none;
}

/* Content unordered list */
#content ul{
  list-style-image:url('/img/template images/list-disk.gif');
}

#content a{
  color:#EEB04D;
  text-decoration:none;
}

#content a:hover{
  color:#EEB04D;
  text-decoration:underline;
}
 /*
  footer
*/
#footer{
  display:block;
  height:66px;
  clear:both;
  padding-left:24px;
  padding-top:10px;
  background-color:#fff;
  background-image:url('/img/template images/footer.gif');
  background-repeat:no-repeat;
  background-position:left top;
}

#footer p{
  margin:0; padding:0;
  padding-top:32px;

}

#footer, #footer *{
 color:#888;
} /*
  header
*/
#header{
  display:block;
  width:783px;
  height:163px;
  padding:0;
  margin:0;
  background-image:url('/img/template images/header-bg.gif');
}

#header a{
  display:block;
  position:absolute;
  top:23px;
  left:30px;
  width:173px;
  height:47px;

  background-repeat:no-repeat;
  background-image:url('/img/template images/header-logo.gif');
}

#header a em {
  display:none;
}

 #main-nav{
  display:block;
  position:absolute;
  left:232px;
  top:80px;

  padding:0; margin:0;

  list-style-type:none;
  list-style-image:none;

  font-size:12px;
}

#main-nav li{
  float:left;
  border-left:1px solid #EEB04D;
}

#main-nav li:first-child{
  border-left-width:0px;
}

#main-nav li a{
  display:block;
  padding:0px 4px;
  text-decoration:none;
  color:black;

  font-weight:normal;
  text-transform:lowercase;
}

#main-nav li a:hover{
  color:#ccc;
}

#main-nav li a em{ 
  font-style:normal; 
}


/*
  main nav onderliggend 
*/

#main-nav li ul{
  display:none;
  padding:0; margin:0;
  list-style-type:none;
  position:absolute;
}

#main-nav li:hover ul{
  display:block;
}


#main-nav li ul li{
  float:none;
}


#main-nav li ul li a{
  display:block;
  color:black;
}


 /*
  opmaak alinea's
*/
address{
  font-style:normal;
} /*
 opmaak  formulier
*/
form{
  display:block;
  
  padding:0px;
  margin:0px;
}

form p.formReturnMessage{
  font-weight:bold;
  font-size:1.5em;
}

form fieldset{
  border:0px; padding:0px; margin:0px;
}

form fieldset legend{
  display:none;
}

form fieldset label{
  display:block;
  clear:both;
  margin-bottom:1em;
}

form fieldset label span{
  float:left;
  width:160px;
  color:#333;
}

form fieldset label input{
  font-size:11px;

  line-height:15px;
  
  border-top:1px solid #D2D3D6;
  border-left:1px solid #D2D3D6;
  
  border-bottom:1px solid #A3A4A7;
  border-right:1px solid #A3A4A7;
   
  padding:0px 2px; 
}

form fieldset label textarea{
  font-size:11px;

  border-top:1px solid #D2D3D6;
  border-left:1px solid #D2D3D6;
  
  border-bottom:1px solid #A3A4A7;
  border-right:1px solid #A3A4A7;
   
  width:240px;
}

form fieldset label select{

  font-size:11px;
}


/*
  checkbox
*/
form fieldset label.checkbox{
  padding-left:120px;
}

form fieldset label.checkbox span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.checkbox input{
  width:auto;
  border:0px;
  float:left;
}


/*
  radio
*/
form fieldset label.radio{
  padding-left:100px;
}

form fieldset label.radio span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.radio input{
  width:auto;
  border:0px;
  float:left;
}


/*
  knoppen
*/
form fieldset.buttonBar{
  display:block;
  margin:0; padding:0; border:0;

  padding-left:120px;
}

form fieldset.buttonBar button{
  
  font-weight:bold;
  text-transform:lowercase;

  border:0; padding:0; margin:0;
  
  margin-left: 40px;
  padding:2px 4px;
  font-size:9px;

  cursor:pointer;
  color:white;

  background-color:#F18F00;
  text-transform:uppercase;

}

form fieldset button em{ 
  font-style:normal; 
}
 /*
  opmaak kopteksten
*/
h2{
  display:block;
  padding:0; margin:0;
  font-size:18px;
  color:#DC9619;
  

}

h3{
  display:block;
  height:20px;
  font-size:14px;
  font-weight:normal;
  
  background-color:#C1BAB4;
  color:white;

  border-left:20px solid #C1BAB4;
} /*
  opmaak links
*/
a em{
  font-style:normal;
}

a img{ border: 0; } /*
  opmaak tabellen
*/
table tr td{
  vertical-align:top;
} /*
  photobar
*/
#photobar{
  clear:both;
  width:749px;
  height:132px;
  background-color:#ccc;
  margin:0;
  padding:10px 0px 0px 0px;
  overflow-x: auto;
}

#photobar ul{
  display:block;
  list-style:none;
  padding:0;
  margin:0;
  height:85px;
  width:749px; /* 4 items */
  width:940px;
}

#photobar ul li{
  float:left;
  text-align:center;
  width:107px;
  padding:0px 40px;
  margin:0;
}

#photobar ul li a{
  display:block;
  width:100px;
  height:75px;
  padding:0;
  margin:0;
  border:2px white solid;
  _>border:none;
  text-decoration:none;
  background-image:url('/img/presentatie fotos/tn/packaging-kratten-met-seal.jpg');
  background-repeat:no-repeat;
}

#photobar ul li a em{
  display:block;
  margin:82px 0px 0px 0px;
  color:black;
}

/* more li > set ul width ! */

#photobar ul li.d1231 a{
  background-image:url('/img/presentatie fotos/tn/packaging-bloembol-folie-2.jpg');
}

#photobar ul li.d1230 a{
  background-image:url('/img/presentatie fotos/tn/packaging-gebak.jpg');
}

#photobar ul li.d1229 a{
  background-image:url('/img/presentatie fotos/tn/packaging-oplos-koffie.jpg');
}

#photobar ul li.d1228 a{
  background-image:url('/img/presentatie fotos/tn/packaging-kartonnen-tray.jpg');
}

#photobar ul li.d1305 a{
  background-image:url('/img/presentatie fotos/tn/Lilyshop-geschenkverpakking.jpg');
}
 /*
  print (onscreen)
*/
.print{ display:none; } /*
  sidebar
*/
#sidebar{
  float:left;
  width:134px;
  padding:12px;
}

#sidebar ul{
  list-style-type:none;
  list-style-image:none;
  padding:0; margin:0;
}

#sidebar ul li{
  display:block;
  border-top:1px solid #ccc;
}

#sidebar ul li:first-child{
  border-top-width:0px;
}

#sidebar ul li a{
  display:block;
  line-height:4em;

  font-size:12px;
  font-weight:normal;
  text-decoration:none;
  color:#EEB04D;
} /* These are standard sIFR styles... do not modify */
		
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced {
    visibility: visible !important;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
 /*
  siteToolbar
*/
#site #siteToolbar{
  display:block;
  position:absolute;
  left:680px;
  top:40px;
}

#siteToolbar a{
  font-weight:normal;
  font-size:12px;
  color:#EEB04D;
  text-decoration:none;
}

#siteToolbar a:hover{
  color:#ccc;
} /*
  thumbnails
*/
.thumbnails{
  display:block;
  width:479px;
  height:60px;
 
  position:relative;  
 
  list-style-type:none;
  padding:0px;
  margin:0px;
  margin:0px 10px;
  
  padding-top:430px;

  background-position:center 5px;
  background-repeat:no-repeat;
}

.thumbnails li.forward{
  float:left;
  width:30px;
  height:52px;
  margin:0px;
  
  cursor:pointer;  
  
  background-image:url('/data/tn-forward.png');
  background-repeat:no-repeat;
}

.thumbnails li.reverse{
  float:left;
  width:30px;
  height:52px;
  
  cursor:pointer;  
  
  background-image:url('/data/tn-reverse.png');
  background-repeat:no-repeat;
}

.thumbnails li{
  float:left;
  margin-right:9px;
}

.thumbnails li img{
  height:52px;
  border:0px;
}

.thumbnails .reverse{
  background-image:url('/data/frontpage/reverse.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.thumbnails .forward{
  background-image:url('/data/frontpage/forward.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.thumbnails .description{
  position:absolute;
  left:0px;
  top:410px;
  width:479px;
  text-align:center;
}