@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'eurostileregular';
    src: url('eurosti-webfont.eot');
    src: url('eurosti-webfont.eot?#iefix') format('embedded-opentype'),
         url('eurosti-webfont.woff') format('woff'),
         url('eurosti-webfont.ttf') format('truetype'),
         url('eurosti-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@import url(https://fonts.googleapis.com/css?family=Oleo+Script);
@import url(https://fonts.googleapis.com/css?family=Scada);

a{
	text-decoration:none!important;
	cursor:pointer;
}
a, a:link, a:visited{
      color:#fff;
    	text-decoration:underline;
}
a:hover{
text-decoration:underline;
color:#69201b;
}
a.img{
	border:none;
	cursor:pointer;
}
ul{
	list-style:none;
}

.clear{
  clear:both;
}

body{
  background-image:url('../images/bg.png');
  background-repeat: repeat-x;
  background-position: center top;
	 font-family: 'Scada', 'sans-serif';
	 color: #000;
	 font-size:15px;
	 text-align: justify;
}

.container{
  width:1300px;
  margin:0 auto;
}
 
 h1 {
    font-size:26px;
  color:#3c4040;  
  text-align:left;
  text-transform:uppercase;
  font-family: 'Oleo Script', 'cursive';
}

h2 {
    font-size:18px;
  color:#3c4040;  
  text-align:left;
  text-transform:uppercase;
  font-family: 'copperplate_gothic_boldRg';
  
}
h3 { 
    font-size:16px;
  color:#3c4040;  
  text-align:left;
  text-transform:uppercase;
  font-family: 'copperplate_gothic_boldRg';
}

h4 { 
    font-size:17px;
  color:#cea971;  
  text-align:left;
  text-transform:uppercase;
  font-family: 'copperplate_gothic_boldRg';
}
.h2 {
    font-size:18px;
  color:#3c4040;  
  text-align:left;
  text-transform:uppercase;
  font-family: 'copperplate_gothic_boldRg';
  
}
.h3 { 
    font-size:16px;
  color:#3c4040;  
  text-align:left;
  text-transform:uppercase;
  font-family: 'copperplate_gothic_boldRg';
}

.h4 { 
    font-size:17px;
  color:#cea971;  
  text-align:left;
  text-transform:uppercase;
  font-family: 'copperplate_gothic_boldRg';
}

ul li{
  list-style-type: circle;
  margin-left:25px;
}



/**********************************************
           @section:header
***********************************************/

#header{
  width:1200px;
  margin: 120px auto 0;
  position:relative;
  top:80px;
}

h1#logo{
  /*position:absolute;*/
  /*top:170px;*/
  margin-top:-100px;
  margin-left:200px;
}

/**********************************************
           @section:navigation
***********************************************/
#nav{
  width: 1200px;
  margin:0 auto;
  /*height:120px;*/
  position:relative;
  padding-top:60px;
}

#nav ul{
  width:1200px;
  margin: 0 auto;
}

#nav ul li{
  display:inline;
}

#nav ul li a{
  font-family: 'eurostileregular';
  font-size: 25px;
  color:#fff;
  margin-right:9px;
  text-transform: uppercase;
  padding-bottom:10px;
}

#nav li a#intro:hover, #nav li.selected a#intro{
  background-image: url('../images/intro.png');
  background-repeat: no-repeat;
  background-position: left 30px;
}

#nav li a#bio:hover, #nav li.selected a#bio{
  background-image: url('../images/bio.png');
  background-repeat: no-repeat;
  background-position: left 30px;
}

#nav li a#collections:hover, #nav li.selected a#collections{
  background-image: url('../images/collections.png');
  background-repeat: no-repeat;
  background-position: left 30px;
}

#nav li a#works:hover, #nav li.selected a#works{
  background-image: url('../images/works.png');
  background-repeat: no-repeat;
  background-position: left 30px;
}

#nav li a#texts:hover, #nav li.selected a#texts{
  background-image: url('../images/intro.png');
  background-repeat: no-repeat;
  background-position: left 30px;
}

#nav li a#projects:hover, #nav li.selected a#projects{
  background-image: url('../images/projects.png');
  background-repeat: no-repeat;
  background-position: left 30px;
}

#nav li a#galleries:hover, #nav li.selected a#galleries{
  background-image: url('../images/galleries.png');
  background-repeat: no-repeat;
  background-position: left 30px;
}

/**********************************************
           @section:content
***********************************************/

#article{
 /* background:url("../images/background.png") no-repeat;*/
  /*width:1300px;*/
  width:1200px;
  height:932px;
  margin: 0 auto;
  position:relative;
}


#content{
  background-image:url('../images/boek2.png');
  background-repeat: no-repeat;
  width: 556px;
  height:717px;
  position:relative;
 /* top:420px;
  left:-80px;*/
  margin-top:200px;
  margin-left:300px;
}

#inhoud{
  background:url('../images/transparant.png') repeat;
  width: 556px;
  height:717px;
  position: relative;
  left:93px;
  top:40px;
}

#left{
  margin-right:80px;
}
#right{
  padding-right: 30px;
}
#left, #right{
  position: relative;
  width:480px;
  height:766px;
  float:left;
  overflow:hidden;
}

/*#content h1{
  font-family: 'Oleo Script', 'cursive';
}*/

#enter{
  margin-left:-140px; 
  margin-top: 320px; 
  text-align:center;
  color:#fff;
  text-transform: uppercase;
  font-family: 'Scada', 'sans-serif';
  font-size: 16px;
}



/**********************************************
           @section:gallery
***********************************************/

.highslide-gallery .highslide-text{
  text-align:center;
  display:block;
  margin:0;
  line-height:20px;
}
.highslide-gallery .highslide-text img{
  vertical-align:middle;
}
.highslide-gallery .highslide-content .highslideContainer{
  width:200px;
  margin:10px;
  height: 100px;
}
footer .highslide-gallery .highslide-content .highslideContainer{
  margin:5px 0 5px 10px;
}
.highslide-gallery .highslide-content .highslideContainer .folderBackground{
  position:relative;
  background:none;
  width:200px;
  height:100px;
  padding:0;
  border:2px solid #fff;

}
.highslide-gallery .highslide-content{width:100% !important;}
.highslide-gallery .highslide-content .highslideContainer .folderBackground:hover{
  border-color:#3b94d6;
}
.highslide-gallery .highslide-content .highslideContainer .folderBackground div{
  position:relative;
  z-index:1;
  left:0!important;
  top:0;
  width:200px;
  height:100px;
}
.highslide-gallery .highslide-content .highslideContainer .folderBackground div img{
  width:auto;
  border:none;
}
.highslide-gallery .highslide-content .highslideContainer .folderBackground span{
  position:absolute;
  z-index:2;
  top:auto;
  left:0px;
  bottom:0px;
  width:190px;
  padding:2px 5px 2px;
  display:block;
  background:#062d5b;
  color:#ffffff;
  font:11px/15px Arial, Helvetica, sans-serif;
}
.highslide-gallery .highslide-content .highslideContainer .folderBackground:hover span{
  background:#094082;
}
.highslide-gallery .highslide-content .highslideContainer img{
  border:6px solid #d0d0d0;
  
}
.highslide-gallery .highslide-content .highslideContainer img:hover{
  border-color:#fff;
}
.highslide-gallery .highslide-text img{
  box-shadow:none!important;
}

.highslide-caption{
  font:16px/18px UniversUC, Arial, Helvetica, sans-serif !important;
  color:#999999;
  text-align:center;
}      



#footerSlideText {
  background-color:#e9d5b4!important;
  color:#000!important;
}
#footerSlideText h3 {
  color:#83231c!important;
}
#footerSlideText a:link, #footerSlideText a:visited {
  color:#83231c!important;
}