@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:#83231c;
    	text-decoration:underline;
}
a:hover{
text-decoration:underline;
}
a.img{
	border:none;
	cursor:pointer;
}
ul{
	list-style:none;
}

.clear{
  clear:both;
}

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

html::before{
  content:'';
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height: 100vh;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.35);
}

.container{
  width:1300px;
  margin:0 auto;
}
 
 h1 {
    font-size:33px;
  color:#83231c;  
  text-align:left;
  /*text-transform:uppercase;*/
  font-family: 'Oleo Script', 'cursive';
}

h2 {
    font-size:23px;
  color:#83231c;  
  text-align:left;
  /*text-transform:uppercase;*/
  font-family: 'Scada', 'sans-serif';
  
}
h3 { 
    font-size:16px;
  color:#000;  
  text-align:left;
  text-transform:uppercase;
  font-family: 'Scada', 'sans-serif';
}

h4 { 
    font-size:17px;
  color:#000;  
  text-align:left;
  text-transform:uppercase;
  font-family: 'Scada', 'sans-serif';
}
.h2 {
    font-size:18px;
  color:#3c4040;  
  text-align:left;
  text-transform:uppercase;
  font-family: 'Scada', 'sans-serif';
  
}
.h3 { 
    font-size:16px;
  color:#3c4040;  
  text-align:left;
  text-transform:uppercase;
  font-family: 'Scada', 'sans-serif';
}

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

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

#right td{
  border:1px solid #000;
  padding:5px;
}

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

#header{
  width:1200px;
  margin: 120px auto 0;
  position:relative;
  top:-140px;
  left:-70px;
}

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

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

#nav ul{
  /*width:1340px;
  margin: 0 auto;*/
}

#nav ul li{
  display:inline;
  padding-right: 45px;
}

#nav ul li a{
  font-family: 'eurostileregular';
  font-size: 20px;
  color:#fff;
  margin-right:36px;
  /*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 44px;
}

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

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

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

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

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

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

#nav li a#intro{
  background-image:url('../images/menu/intro.png');
  background-repeat: no-repeat;
  width:52px;
  height:35px;
  text-indent: -99999px;
}

#nav li a#artist{
  background-image:url('../images/menu/artiststatement.png');
  background-repeat: no-repeat;
  width:246px;
  height:41px;
  text-indent: -99999px;
}

#nav li a#bio{
  background-image:url('../images/menu/bio.png');
  background-repeat: no-repeat;
  width:97px;
  height:31px;
  text-indent: -99999px;
}

#nav li a#collections{
  background-image:url('../images/menu/collections.png');
  background-repeat: no-repeat;
  width:200px;
  height:31px;
  text-indent: -99999px;
}

#nav li a#works{
  background-image:url('../images/menu/works.png');
  background-repeat: no-repeat;
  width:135px;
  height:28px;
  text-indent: -99999px;
}

#nav li a#texts{
  background-image:url('../images/menu/texts.png');
  background-repeat: no-repeat;
  width:135px;
  height:30px;
  text-indent: -99999px;
}

#nav li a#projects{
  background-image:url('../images/menu/projects.png');
  background-repeat: no-repeat;
  width:166px;
  height:33px;
  text-indent: -99999px;
}

#nav li a#galleries{
  background-image:url('../images/menu/galleries.png');
  background-repeat: no-repeat;
  width:135px;
  height:31px;
  text-indent: -99999px;
}


/**********************************************
           @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/boek.png');
  background-repeat: no-repeat;
  width: 1250px;
  height:880px;
  position:relative;
 /* top:420px;
  left:-80px;*/
  margin-top:200px;
  margin-left:-50px;
}

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

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

#content h1{
  font-size:33px;
  color:#83231c;  
  text-align:left;
  /*text-transform:uppercase;*/
  font-family: 'Oleo Script', 'cursive';
  background-image: url('../images/titel.png');
  background-repeat: no-repeat;
  background-position: -10px bottom;
  padding-bottom:10px;
}

/*#inhoud img{
  margin-left:15px;
}*/

  


/**********************************************
           @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:#83231c;
  color:#ffffff;
  font:11px/15px Arial, Helvetica, sans-serif;
}
.highslide-gallery .highslide-content .highslideContainer .folderBackground:hover span{
  background:#2c2e89;
}
.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;
}     

.highslideContainer { height: 105px!important;width: 205px!important;}
.highslide-controls ul li{ list-style-type:none;}
#footerSlideText {
  background-color:#e9d5b4!important;
  color:#000!important;
}
#footerSlideText h3 {
  color:#83231c!important;
}
#footerSlideText a:link, #footerSlideText a:visited {
  color:#83231c!important;
} 

#footer{
  width:1300px;
  text-align: center;
  background:url("../images/footer.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}