/*
  Photowharehouse
*/

body.template-10 #siteWrapperThree{
  background-image:none;
}

body.template-10 #siteWrapperTwo{
  background-image:url('/img/template/bg5.png');
}


/* Header */

.template-10 #header{
  height:94px;
  margin-bottom:62px;
}

.template-10 #header a{
  background-image:url('/img/template/Photowharehouse-logo.png');
  width:442px;
  height:64px;
  margin:12px 0px 0px 0px;
  padding:0;
}

.template-10 #content #pageTitle{
  position:absolute;
  top:120px;
  right:0px;
  width:300px;
  height:30px;
  margin:0; border:0;

  color:#737172;
  text-align:right;
  font-size:26px;
}

.template-10 #headerIcons{
  position:absolute;
  top:12px;
  right:0px;
  width:300px;
  height:80px;
  text-align:right;
}


/* footer */

.template-10 #footer{
  position:relative;
}

.template-10 #footer a.footer-contact{
  position:absolute;
  top:0;
  right:0;
}



/* Content */

.template-10 #content{
  background-color:black;
  background-image:url('/img/template/pwh-content-bottom.png');
  min-height:600px;
  _height:600px;

}

/* accessify */
body.d58 .content{
  padding:10px;
  margin:10px;
  border:2px dashed white;
}


 /*
  algemeen
*/

html,
body{
  font-family:Verdana;
  padding:0; margin:0;
}

body.small, 
body.small select, 
body.small input, 
body.small textarea, 
body.small button{
  font-size:9px;
}


body, select, input, textarea, button{
  font-size:11px;
  font-family:Verdana;
}


body.large, 
body.large select, 
body.large input, 
body.large textarea, 
body.large button{
  font-size:13px;
}
 /*
  audio-video
*/

#di148{
  background-color:black;
  padding:0; margin:0;
  font-size:0;
 
}


 /*
  projects
*/

.project{
  height:254px;
  background-color:black;
}

.project table{
  background-color:black;
  border-collapse:collapse;
  font-size:0;
  margin:0; padding:0; border:0;
}

.project table tr td.text{
  width:325px;
  vertical-align:bottom;
  padding:10px 15px 30px 30px;
  font-size:11px;
}

h3#projectTitle{
  font-size:22px;
}

#projectImg{
  display:block;
}

/*
  carousel  javascript off
*/

#carouselWrapper{
  margin:0; padding:0;
  margin-top:8px;
}

#carouselWrapper ul{
  list-style-type:none;
  margin:0; padding:0;
  overflow:auto;
}

#carouselWrapper ul li{
  list-style-type:none;
  margin:8px 0px 8px 0px;
  padding:8px 0px;
  border-bottom:1px #333 solid;
  display:block;
  _height:134px;
  overflow:auto;
}

#carouselWrapper ul li h3{
  margin-bottom:4px;
  clear:both;
}

#carouselWrapper ul li img{
  float:left;
  margin:0px 8px 0px 0px;
}

#carouselWrapper ul li p{
  margin:0;
}



/*
  carousel jsOn
*/

body.jsOn #carouselWrapper{
  position:relative;
  margin:38px 0px 38px -140px;
  padding:0;

  width:753px;
  height:97px;

  background-image:url('/img/template/carousel/carousel-shade.png');
  clear:both;
}

body.jsOn #carouselWrapper #carouselWindow{
  position:absolute;
  left:140px;

  width:500px;
  height:97px;
  overflow:hidden;
}

body.jsOn #carouselWrapper ul{
  position:absolute;
  width:500px;
  height:97px;
  overflow:hidden;
}

body.jsOn #carouselWrapper ul li{
  list-style-type:none;
  margin:0; padding:0; border:none;
  display:block;
  width:85px;  
  height:97px;
  overflow:hidden;
  float:left;
}

body.jsOn #carouselWrapper ul li img{
  float:none;
  margin:0;
}

body.jsOn #carouselWrapper ul li h3,
body.jsOn #carouselWrapper ul li p{
  display:none;
}


#prevButtonWrapper{
  position:absolute;
  left:110px;
  width:22px;
  height:30px;
  background-image:url('/img/template/carousel/left.png');
  background-repeat:no-repeat;
}

#prevButtonWrapper #prevButton{
  display:block;
  width:22px;
  height:30px;
}

#nextButtonWrapper{
  position:absolute;
  left:642px;
  width:22px;
  height:30px;
  background-image:url('/img/template/carousel/right.png');
  background-repeat:no-repeat;
}

#nextButtonWrapper #nextButton{
  display:block;
  width:22px;
  height:30px;
}

#prevButtonWrapper #prevButton em,
#nextButtonWrapper #nextButton em{
  display:none;
}

 /*
  docItems
*/

#contentRight .content{
  padding:0;
  margin:0px 40px 0px 0px;
}

#contentRight .content.kopfoto{
  margin:0;
}


/*
  home
*/
/*
body.d33 #content #di109,
body.d33 #content #di94{
  float:left;
  width:374px;
  margin-right:30px;
  _margin-right:22px;
}*/

/*
  contact
*/

div#di101.content{
  float:left;
  width:560px;
  margin:0;
}

div#di102.content{
  float:left;
  width:200px;
  margin:0;
}
 /*
  flash
*/
.flash table{ 
  border-collapse:collapse;
  cell-spacing:0;
  display:block; 
  font-size:0;
}

.flash table td{
  margin:0; padding:0; border:0;
}

.flash table td a{
  display:block;
  position:static;
  margin:0; padding:0; border:0;
}

.flash table td a img{ 
  display:block; 
  height:auto;
  width:auto;
  margin:0; padding:0; border:0;
}
 /*
  footer
*/

#footerWrapper{
  display:block;
  width:100%;
  clear:both;
  background-color:white;
}

#footer{
  display:block;
  width:1000px;
  height:30px;
  padding-top:20px;

  margin:0 auto;
}

#footer span{
  float:left;
  padding-left:9px; padding-right:9px;
  border-right:1px solid #FF3399;
}

#footer span span, 
#footer span:first-child span,
#footer span:first-child span:first-child{
  float:none;
  padding:0; border:0; margin:0;
}

#footer br{ display:none; }

#footer, #footer *{
  color:#9a9a9a;
}

#footer a.external img{
  display:none;
}
 /*
header
*/

#header{
  display:block;
  height:81px;
  height:94px;
  width:1000px;
  
  padding:0; margin:0; border:0;
  margin:0 auto;
  background-color:white;
  border-top:1px white solid;
}


#header a{
  display:block;

/*
  width:106px;
  height:42px;
  margin-left:38px;
  margin-top:37px;
  background-image:url('/img/template/DeckVormgeving-logo2.png');  

  width:133px;
  height:53px;
  margin-left:20px;
  margin-top:20px;
  background-image:url('/img/template/DeckVormgeving-logo3.png');
*/

  width:175px;
  height:69px;
  margin-left:0px;
  margin-top:14px;
  background-image:url('/img/template/DeckVormgeving-logo.png');
}


#header a em{ display:none; }
 /*
  Layout
*/

body.nl{
  color:#fff;
  background-color:#fff;
  /*background-color:#5D5B5C;*/
}

body #siteWrapperOne{
  background-color:#5d5b5c;
  background-image:url('/img/template/bg1.png');
  background-repeat:repeat-y;
  background-position:center top;
  
  overflow:auto;
}

body #siteWrapperTwo{
  margin:0; padding:0;
  width:100%;
  background-image:url('/img/template/bg2.png');
  background-repeat:repeat-x;
  background-position:left top;
  border-top:1px white solid;

  overflow:auto;
}

body #siteWrapperThree{
  margin:0; padding:0;
  width:100%;
  background-image:url('/img/template/bg3.png');
  background-repeat:no-repeat;
  background-position:center 95px;

  overflow:auto;
}

#site{
  margin:0 auto;
  background-image:url('/img/template/bg-content.png');
  background-position:left 95px;
  background-repeat:repeat-x;
  width:1000px;
  height:100%;
  position:relative;
}

#content{
  padding:0; margin:0;
  width:1000px;
  background-image:url(/img/template/bg-content-bottom.png);
  background-position:bottom left;
  background-repeat:no-repeat;
  overflow:auto;
  overflow-x:hidden;
  _overflow:visible;

  min-height:720px;
  _height:720px;
  padding-bottom:110px;

}


#sideBar{
  margin:0; padding:0;
  width:175px;
  float:left;
}

#contentRight{
  margin:0; padding:0;
  width:825px;
  float:right;
  _overflow-x:hidden:
}


#pageHeader {
  display:block;
  width:825px;
  height:63px;
}

#pageHeader h2#pageTitle{
  width:825px;
  height:47px;
  padding:16px 0px 0px 0px;
  margin:0; border:0;

  color:#737172;
  text-align:right;
  font-size:22px;
}


body.jsOn #pageHeader h2#pageTitle em{
  display:block;
  height:22px;
  padding-top:4px;
  text-transform:lowercase;
}
 /*
  main-nav
*/

.template-10 #main-nav{
  margin:0; padding:0; border:0;
  position:absolute;
  top:120px;
  left:28px;
  width:500px;
  height:30px;
  background:none;
}

.template-10 #main-nav li{
  background:none;
  margin:0; padding:0px 10px;
  float:left;
  width:auto;
  border-left:1px #666 solid;
}

.template-10 #main-nav li.d56{
  border-left:none;
}

.template-10 #main-nav li a{
  margin:0; padding:0;
  display:inline;
  color:#ffffff;
  font-size:13px;
  text-align:left;
  background:none;
}

.template-10 #main-nav li a:hover em,
.template-10 #main-nav li a:hover,
.template-10 #main-nav li a em{
  text-transform:none;
  background:none;
}

.template-10 #main-nav li.active a{
  color:#e72890;
  background:none;
  font-weight:bold;
}

.template-10 #main-nav li a:hover{
  color:#e72890;
}

.template-10 #main-nav li ul{
  display:none;
}


 /*
  main-nav
*/
#main-nav{
  list-style-type:none;
  display:block;
  width:175px;
  height:254px;

  background-color:#000;
  padding:0; margin:0; border:0;
  border-top:63px black solid;
}

#main-nav li{
  padding:0; margin:0; border:0;
  display:block;
  width:175px;
  background-image:url('/img/template/mainnav-li.png');
}

#main-nav li.hide{
  display:none;
}

#main-nav li a{
  display:block;

  width:142px;
  height:17px;
  padding:4px 33px 0px 0px;

  background-image:url('/img/template/mainnav-li.png');

  text-decoration:none;
  font-size:11px;
  color:#fff;
  text-align:right;
}

#main-nav li a:hover{
  background-image:url('/img/template/mainnav-li-active.png');
}

#main-nav li.active a{
  background-image:url('/img/template/mainnav-li-active.png');
  color:#fff;
}


#main-nav li a em{ 
  font-style:normal; 
  text-transform:lowercase;
}
 /*
  main-nav expertise
*/


body.d34 #main-nav,
body.d48 #main-nav,
body.d49 #main-nav,
body.d50 #main-nav,
body.d51 #main-nav,
body.d52 #main-nav,
body.d53 #main-nav,
body.d54 #main-nav,
body.d55 #main-nav{
  border-top:0px;
  height:315px;
}

body.d34 #main-nav li.d48,
body.d48 #main-nav li.d48,
body.d49 #main-nav li.d48,
body.d50 #main-nav li.d48,
body.d51 #main-nav li.d48,
body.d52 #main-nav li.d48,
body.d53 #main-nav li.d48,
body.d54 #main-nav li.d48,
body.d55 #main-nav li.d48{
  border-top:2px black solid;
} /*
  main-nav onderliggend
*/
#main-nav li ul{
  display:none;
}

#main-nav li.active ul{
  list-style-type:none;
  display:block;
  padding:0; margin:0; border:0;
  color:#c72b72;
}

#main-nav li.active ul li a{
  background-image:url('/img/template/mainnav-li-black.png');
  color:#c72b72;
  color:#e72674;
}

#main-nav li.active ul li a:hover{
  background-image:url('/img/template/mainnav-li-active-sub.png');
}

#main-nav li.active ul li.active a{
  background-image:url('/img/template/mainnav-li-active-sub.png');
}


/*
  main-nav onderliggend custom
*/
#main-nav li.d33 ul{
  display:none;
}
 /*
  news
*/
.news{


}

.news h2{}

.news ul{
  padding:0; margin:0; border:0;
  list-style-type:none;
}

.news ul li{
  margin-bottom:1em;
}

.news ul li strong{}

.news ul li a{

} /*
  opmaak afbeeldingen
*/

.left{
  float:left;
  margin:0px 4px 4px 0px;
}

.right{
  float:right;
  margin:0px 0px 4px 4px;
}  /*
  opmaak formulieren
*/
form{
  clear:both;
}

form *{
  font-size:1em;
}

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

form fieldset label{
  display:block;
  clear:both;
  overflow:auto;
  border-bottom:4px solid white;
}

form fieldset label span{
  float:left;
  width:10em;
}

form fieldset label textarea,
form fieldset label input{
  border:1px solid #ccc;
  background-color:#eee;
  padding:2px;
  width:410px;
}

form fieldset label textarea:focus,
form fieldset label input:focus{
  border:1px solid #c72b72;
  background-color:#eadee4;
  background-color:#fff;
}





/* checkboxes */
form fieldset label.checkbox{
  padding-left:10em;
}

form fieldset label.checkbox span{
  float:none; 
  width:auto;
}

form fieldset label.checkbox input{
  border:0;
  width:auto;
}
form fieldset label.checkbox input:focus{ border:0; }

form fieldset.buttonBar{
  padding-left:444px;
}


form fieldset.buttonBar button{

}

/*
  Formulieren contact vacatures
*/

form{
  margin-bottom: 20px;
  margin-top: 20px;
}

form fieldset legend{
  display:none;
}

form fieldset label{
  margin-bottom: 15px;
  margin-top: 15px;
  border: 0;
}

form .buttonBar button{
  display:block;
  background-color: #c72b72;
  border: 1px #c72b72 solid;
}

form .buttonBar button em{
  font-style: normal;
  color: #ffffff;
}

form .buttonBar button:hover em{
  text-decoration:underline;
  cursor:pointer;
} /*
  opmaak kopteksten
*/

h2{
  margin:0px 0px 12px 0px;
  padding:0;
  color:#c72b72;
  font-size:22px;
  font-weight:normal;
}

h3{
  margin:0px 0px 0px 0px;
  padding:0;

  color:#c72b72;
  font-size:13px;
  font-weight:bold;
}

h4{
  margin:0px 0px 0px 0px;
  padding:0;
  color:#c72b72;
  font-size:11px;
  font-weight:normal;
}

p{
  margin:0px 0px 18px 0px;
}

h2 em,
h3 em,
h4 em,
h5 em{
  font-style:normal;  
}

hr{
  height:2px;
  width:100%;
  color:#990066;
}
 /*
  links
*/

a em{ font-style:normal; }
a img{ border:0; }

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

a.external img{
  margin:0px 2px;
}

.content a.leesverder,
.leesverder{
  color:#808080;
  font-weight:bold;
  padding-right:14px;

  background-position:bottom right;
  background-image:url('/img/template/leesverder.png');
  background-repeat:no-repeat;
}
 /*
opmaak route
*/

#map{
  display:block;
  width:580px;
  height:400px;

  margin:0; padding:0;
}


body.map{
  margin:0; padding:0; border:0;
}

.infobox{
  line-height:1.4em;
}

.infobox h2{
  font-size:1.4em;
  line-height:1.6em;
  font-weight:bold;
  margin:0; padding:0; border:0;
  color:black;
  background-image:none;
}

.infobox address{
  font-style:normal;
}

.infobox a{
  color:black;
}

/* plan route form*/
#visitorAddress{
  display:block;
  padding:0; margin:0;
  width:420px;
}

#visitorAddress p label{
  display:inline;
  clear:none;
  float:none;
  padding:0; margin:0; border:0;
  width:auto;
  height:auto;
  line-height:auto;
  color:white;
  
  text-decoration:underline;
  cursor:pointer;
}

#visitorAddress fieldset{
}

#visitorAddress fieldset label{
  padding:0;
  clear:none;
}

#visitorAddress fieldset label span{
  float:none;
  width:auto;
  padding:0;
  text-align:left;
}

#streetAddressLocalityWrapper{
  padding:0; margin:0; border:0;
  float:left;
}

#streetAddressLocalityWrapper label{
  float:left;
  margin-right:12px;
}


#streetAddressWrapper span{
  display:block;
  width:190px;
}

#streetAddressWrapper input{
  width:190px;
}

#localityWrapper span{
  display:block;
  width:100px;
}

#localityWrapper input{
  width:100px;
}

#postalCodeWrapper{
  padding:0; margin:0; border:0;
  
  float:left;
}

#postalCodeWrapper label{
}

#postalCodeWrapper label span{
  display:block;
}

#postalCodeWrapper label input{
  width:80px;
}

#visitorAddress fieldset.buttonBar{
  padding:0; margin:0; border:0;
 
  margin-top:10px;
}

#visitorAddress fieldset.buttonBar button{
  float:left;
  margin-right: 44px;
}


 /*
  opmaak tabellen
*/

/* opdrachtgevers */
#di16 table tr td{
  vertical-align:top;
  width:33%;
}

#di16 table tr td ul{
  padding:0; margin:0; border:0;
  padding-left:8px;
}

table.threeCols th,
table.threeCols td{
  width:33%;
  vertical-align:top;
}

table.fourCols th,
table.fourCols td{
  width:25%;
  vertical-align:top;
}



 /*
  photowharehouse module
*/


.imagesWrapper{
  display:block;
  float:left;
  width:490px;
  height:500px;
  padding-top:20px;
  padding-left:20px;
}

.imageWrapper{
  display:block;
  float:right;
  width:490px;
  padding-top:20px;
}

.imagesWrapper ul{
  border:0; margin:0; padding:0;
  list-style-type:none;
  display:block;
  height:520px;
  padding-bottom:4px;
}

.imagesWrapper ul li{
  border:0;
  float:left;
  width:120px;
  height:120px;
}

.imagesWrapper ul li .image button{
  border:0; margin:0; padding:0;
  background:none;
  cursor:pointer;
}

.imagesWrapper ul li .description{
  display:none;
}


/* paging */

.imagesWrapper .paging{
  border:0; margin:0; padding:0;
  display:block;
  text-align:center;
}

.imagesWrapper .paging ul{
  margin:0 auto; padding:0;
  list-style-type:none;
  width:220px;
  height:45px;
}

.imagesWrapper .paging ul li{
  width:100px;
  height:38px;
  padding:0; margin:0;
  margin-right:5px;
}

.imagesWrapper .paging ul li a{
  display:block;
  margin:0; padding:0;
  width:100px;
  height:38px;
  text-align:center;
  font-size:13px;
  font-weight:bold;
  color:#e72890;
}

.imagesWrapper .paging ul li.pagingFirstPage{
  width:20px;
  background-image:url('/img/template/pFirstOver.png');
}
.imagesWrapper .paging ul li.pagingPreviousPage{
  width:20px;
  background-image:url('/img/template/pPreviousOver.png');
}
.imagesWrapper .paging ul li.pagingNextPage{
  width:20px;
  background-image:url('/img/template/pNextOver.png');
}
.imagesWrapper .paging ul li.pagingLastPage{
  width:20px;
  background-image:url('/img/template/pLastOver.png');
}


.imagesWrapper .paging ul li.pagingFirstPage a{
  width:20px;
  background-image:url('/img/template/pFirst.png');
}
.imagesWrapper .paging ul li.pagingPreviousPage a{
  width:20px;
  background-image:url('/img/template/pPrevious.png');
}
.imagesWrapper .paging ul li.pagingNextPage a{
  width:20px;
  background-image:url('/img/template/pNext.png');
}
.imagesWrapper .paging ul li.pagingLastPage a{
  width:20px;
  background-image:url('/img/template/pLast.png');
}

.imagesWrapper .paging ul li a:hover{
  background-image:none;
}

.imagesWrapper .paging ul li.pagingFirstPage a em,
.imagesWrapper .paging ul li.pagingPreviousPage a em,
.imagesWrapper .paging ul li.pagingNextPage a em,
.imagesWrapper .paging ul li.pagingLastPage a em{
  display:none;
}


.imagesWrapper .paging span{
  margin:0; padding:5px;
  font-size:13px;
  font-weight:bold;
  color:#e72890;
}


/* photoContainer */

.imageWrapper .photoContainer{
  height:520px;
  width:480px;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}

.imageWrapper #descriptionContainer{
  display:block;
  margin:0; padding:5px;
  font-size:13px;
  font-weight:bold;
  color:#e72890;
  text-align:center;
}

.imageWrapper  .imagePaging{
  display:none;
}



 /*
  print onscreen
*/
.print{
  display:none; 
} /*
  sifr css
*/


/* default styles don't 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;
} /*
  tables
*/

.content table{ 
  border-collapse:collapse;
  width:100%;
  margin:0; padding:0; border:0;
}

.content table tr th,
.content table tr td{
  margin:0; padding:0; border:0;
  vertical-align:top;
}

.content table tr th{
  padding-right:12px;
} /*
  toolbar
*/

#toolbar{
  list-style-type:none;
  padding:0; margin:0; border:0;
  display:block;
  position:absolute;

  top:80px;
  left:820px;
  width:190px;
}


/* safari 3  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
   #toolbar{ left:834px; }
}


#toolbar li{
  float:left;
  margin:0;
  padding:0px 6px 0px 9px;
  border-right:1px solid #FF3399;
  font-size:9px;
}

#toolbar li a{
  text-decoration:none;
  color:black;
  font-size:9px;
}

#toolbar a.zoomSmall em{
  font-size:10px;
}

#toolbar a.zoomNormal em{
  font-size:10px;
}

#toolbar a.zoomBig em{
  font-size:12px;
}

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