/* Main CSS */
/* Paul Knecht, 2010 */
html {   
  height : 100%;
  overflow-y : scroll;
}
body {
  background-color : #fff;
  height : 100%;
  margin : 0px;
  font-family : Garamond, serif;
  font-size : 13px;
  color : #666;
  line-height : 15px;
}


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

a, a:visited {
  cursor : pointer;
  color : #666;
  text-decoration : underline;
}


a:hover {
  cursor : pointer;
  color : #333;
  text-decoration : none;
}


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

/* specific definitions */
#bg {
  position : absolute;
  left : 0px;
  top : 0px;
  width : 100%;
  height : 100%;
  background : #fff;
  z-index : 3;
}  

#cursor {
  position : absolute;
  left : 0px;
  top : 0px;
  width : 46px;
  height : 10px;
  z-index : 5;
  cursor : none;
  display : none;
}

#max, #max2 {
  position : absolute;
  top : 0px;
  left : 0px;
  width : 100%;
  max-width : 2550px;
}  

#max2 {
  z-index : 4;
}  

#navl {
  position : absolute;
  left : 19%;
  top : 138px;
  width : 300px;
  margin-left : -200px;
  color : #666;
  text-align : right;
  z-index : 2;
}

#title {
  position : absolute;
  left : 19%;
  top : 108px;
  width : 300px;
  margin-left : -200px;
  color : #666;
  text-align : right;
  z-index : 2;
  cursor : pointer;
}


#content {
  position : absolute;
  left : 21%;
  margin-left : 100px;
  width : 25%;
  max-width : 1600px;
  text-align : center;
  top : 108px;
  cursor : none;
  z-index : 4;
  vertical-align : bottom;
}

#columnr {
  position : absolute;
  left : 48.4%;
  top : 0px;
  margin-left : 94px;
  color : #666;
}

#navr {
  position : absolute;
  width : 100px;
  top : 108px;
  z-index : 2;
}    

#description {
  position : absolute;
  top : 235px;
  width : 280px;
  z-index : 2;
  height : 373px;
  overflow : hidden;
  z-index : 2;
}    

#descriptionbox {
  position : absolute;
  width : 300px;
  bottom : 0px;
  overflow-y : auto;
}  

#descriptiontext {
  width : 280px;
}    

#description h1 {
  font-size : 16px;
  font-style : italic;
  font-weight : normal;
  line-height : 20px;
}    

#scrollup {
  position : absolute;
  max-height : 32px;
  min-height : 15px;
  height : 8%;
  width : 300px;
  background : url(../img/scroll_up.png);
  z-index : 3;
  visibility : hidden;
}

#scrolldown {
  position : absolute;
  bottom : 0px;
  max-height : 32px;
  min-height : 15px;
  height : 8%;
  width : 300px;
  background : url(../img/scroll_down.png);
  z-index : 3;
  visibility : hidden;
}

.tohide {
/*  opacity : 0;
  MozOpacity : 0;
  KhtmlOpacity : 0;
  filter : alpha(opacity=0); */
}

.link {
  cursor : pointer;
}  

.subnav {
  position : relative;
  margin : 5px 0px 5px 0px;
  display : none; 
}
.navcont {
  overflow : hidden;  
  max-height : 241px;
}

.subnav .subnav {
  max-height : 1000px;
  margin : 5px 14px 5px 0px;
  display : none;
}

#subnav {
  padding-bottom : 10px;
}    

.navlink, .navlinkact {
  cursor : pointer;
}
.navlinkact span, .navlink span {
  display : block;
}
.subnav .navlink {
  color : #fff;
}  

.navscrollerup {
  visibility : hidden;
}    

.navscrollerdown, .navscrollerup {

  position : absolute;
  left : 0px;
  height : 15px;
  width : 100%;
  z-index : 2;
}

.navscrollerdown {
  bottom : 0px;
}

.navscrollerup {
  top : 0px;
}

.navscrollerup img, .navscrollerdown img {
  width : 100%;
  height : 20px;
}
  
#action {
  position : absolute;
  left : 0px;
  top : 0px;
  width : 100%;
  z-index : 2;
  background : #fff;
  text-align : center;
  cursor : none;
  visibility : hidden;
}

#action img {
  margin : -0.05em;
}  

.linkact {
  color : #111;
}
.linkinact {
  color : ;
}

#moviestage {
    position : absolute;
    z-index : 7;
}    

#moviestage img {
    width : 100%;
}

#movieflash {
    position : absolute;
    z-index : 6;
    width : 100%;
}

#movieflash object, #movieflash param, #movieflash #photo {
    width : 100%;
}