/* Main CSS */
/* by Paul Knecht for kaplan/Franco DESIGN 2009 */

/* general definitions */

body {
  margin : 0px;
  padding : 0px;
  background : #fff;
  font-family :  Helvetica, Arial, Verdana, sans-serif;
  font-size : 12px;
  color : #000;
  line-height : 19px;
}

img {
  border : none;
  margin : 0px;
  padding : 0px;
}

a, a:visited {
  color : #666;
  text-decoration : none;
}

a:hover {
  color : #000;
  text-decoration : underline;
  border-bottom : 0px;
}

p {
  margin-top : 0px;
  margin-bottom : 15px;
  padding : 0px;
}

h1 {
  font-size : 14px;
  margin-bottom : 15px;
  margin-top : 0px;
}


/* specific definitions */

#bg {
  position : absolute;
  left : 0px;
  top : 0px;
  width : 2200px;
  height : 1305px;
  overflow : auto;
}

#contentarea {
  position : fixed;
  width : 860px;
  height : 564px;
  top : 50%;
  left : 50%;
  margin-left : -430px;
  margin-top : -282px;
  z-index : 1;
  background : url(img/blind.gif);
}

#content {
  position : fixed;
  width : 830px;
  height : 550px;
  top : 50%;
  left : 50%;
  margin-left : -425px;
  margin-top : -275px;
  background : #fff;
  overflow : hidden;
  z-index : 1;
}

#logo {
  position : absolute;
  top : 35px;
  left : 37px;
}

#nav {
  position : absolute;
  left : 41px;
  top : 141px;
}

#nav a {
  color : #000;
  text-decoration : none;
  display : block;
}

#nav li:hover {
  color : #7d2917;
  font-weight : bold;
  text-decoration : none;
}

#navlevel1 ul, #navlevel2 {
  list-style-type : none;
  margin : 0px;
  padding : 0px;
}

#navlevel3 {
  margin : 10px 0px 10px 10px;
  padding : 0px;
  list-style-type : none;
}  

#nav ul li {
  cursor : pointer;
}

#navlevel2 {
  color : #7d2917;
}
#navlevel3 {
  color : #7d2917;
  display : block;
}

#navlevel2 .act, #navlevel3 .act {
  color : #7d2917;
}      
#navlevel2 li:hover, #navlevel3 li:hover {
  color : #7d2917;
}      

.act {
  font-weight : bold;
  color : #7d2917;
}

.inact {
  font-weight : normal;
}

#text {
  position : absolute;
  top : 141px;
  left : 270px;
  width: 510px;
  height: 375px;
  overflow : auto;
  padding-right : 10px;
}
#hometext {
  position : absolute;
  top : 36px;
  left : 173px;
  width: 680px;
  height: 478px;
  overflow : hidden;
  padding-right : 10px;
}
#workstext {
  position : absolute;
  top : 36px;
  left : 268px;
  width: 510px;
  height: 480px;
  overflow : auto;
  padding-right : 10px;
  text-align : left;
}

#text img, #workstext img {
  margin-bottom : 13px;
}

#headline {
  position : absolute;
  top : 95px;
  left : 270px;
  width: 30px;
  font-size : 12px;
  font-weight : bold;
  visibility : hidden;
}    

#scrollhide {
  position : absolute;
  top : 36px;
  height: 480px;
  left : 767px;
  width : 25px;
  background : #fff;
  z-index : 2;
  visibility : hidden;
}

#scrollup {
  position : absolute;
  top : 140px;
  left : 774px;
  z-index : 3;
}
#scrollupworks {
  position : absolute;
  top : 35px;
  left : 774px;
  z-index : 3;
}

#scrolldown {
  position : absolute;
  top : 507px;
  left : 774px;
  z-index : 3;
}

#scrollup img, #scrolldown img {
  cursor : pointer;
}

/* definitions of areas for background-scrolling */
#home, #vita, #works, #exhibitions, #contact, #articles, #entrance {
  position : absolute;
  width : 10px;
  height : 10px;
}

#home {
  left : 0px;
  top : 0px;
}

#vita {
  left : 0px;
  top : 400px;
}

#entrance {
  left : 1000px;
  top : 500px;
}

#works {
  left : 750px;
  top : 300px;
}
#exhibitions {
  left : 700px;
  top : 10px;
}
#contact {
  left : 650px;
  top : 500px;
}
#articles {
  left : 500px;
  top : 300px;
}
    
#textinfo {
  position : absolute;
  top : 499px;
  left : 107px;
  z-index : 1;
  width : 150px;
  text-align : right;
}

#worksinfo {
  margin-bottom : 20px;
  margin-left : 0px;
  width : 480px;
}

#worksinfo p {
  text-align : left;
}