body {font-family:'Roboto', serif;
font-weight: 100;
margin:0;}

body a:hover {color:#285F03 ;
            text-decoration: bold;}

.body h1, h2, h3, h4 {font-family: 'Cinzel', serif;}

.body h2 {text-align: center;}
footer {height: 10%;
        width:100%;
        text-align: center;}

   
.quote {margin-left: 190px;
        font: 400 25px/0.8 'Just Another Hand', sans-serif;
        color: gray;
        text-shadow: 2px 2px 2px rgba(0,0,0,0.1); 
        height: 7%;
        padding-top:5px;
        padding-bottom: 5px;
        }
.kancil {
          }



.slider {position:relative;
        top:100px;
        width:70%;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:20px;}

.content {margin-right: auto;
  margin-left: auto;
position:relative;
}



.world-nav {position:fixed;
            top: 0px;
            bottom:30px;
            width:100%;
            height:10%;
            min-height:100px;
            width:100%;
            min-width: 800px;
            z-index: +1;
            padding-left: 50px;
            padding-top:16px;
            display: block;
            background-color: #FCF8F6;
            opacity: 0.9;
          }
.world-nav ul{margin-top: -60px;
              margin-left:100px;
              }
.world-nav li {display: inline;
              list-style: none;
              text-align: center;
              padding-right: 10px;
              padding-bottom: 10px;
            }

.world-nav img {height:50px;}

#intro {text-align:center;
        margin-left:auto;
        margin-right:auto;
        margin-top:120px;
        width:700px;
        }

#left {width:100%;
float:left;
display: block;
margin-left:auto;
margin-right: auto;}

#right {width:100%;
float:right;
clear:both;
display: block;
margin-left: auto;
margin-right: auto;}

#tww, #out, #sw, #tv, #nw, #tp {float:left;
                 position:relative;
                width:25%;
                margin-top: 50px;
                min-width: 200px;
                margin-left: 5%;
                margin-right: 2.5%;
                       }




#nw img {position:absolute;
         width: 200px;
         top:-100px;
         left:-100px;
          z-index: -1;}



#tww a img {width:100%;
  height:100%;
  display:block;
  position:absolute;
  bottom:100px;
      z-index: -1;}




img.desaturate {-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

#tww a:hover img.desaturate { -webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
}

#hermatige {position:absolute;
                width:200px;
                opacity: 0.5;
            z-index: -1;}

#priest {position:absolute;
                width:200px;
                opacity: 0.5;
            z-index: -1;}
#temples  {position:absolute;
                width:200px;
                opacity: 0.5;
            z-index: -1;}

 h3{margin-top: 0px;
   margin-bottom: 0px;}


.prev {position:fixed;
  font-size: 50px;
        top:300px;
           left:5%;}

.next {position:fixed;
        font-size: 50px;
        top:300px;
        right:5%;}

.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

.slider img {width:70%;
            margin-left:auto;
            margin-right:auto;}

.pageimage img {max-height: 400px;
              position:fixed;
              right:80px;
              bottom:30px;
              z-index: -1;
}
.pageimage figure figcaption {font-size:12px;
          position:fixed;
          bottom:10px;
          right:130px;}

figure figcaption {font-size: 12px;
          display:block;
          margin-top: 2px;
          float: left;
            position:relative;
            clear:both;
            width:70%;

        }
figure {position:relative;
  float:left;
}


.body {font-family:sans-serif;}

.sidebar {
  position:fixed;
  float:left;
top:0px;
left:10px;
height: 100px;
width: 250px;}


#logohover {
    height: 84px;
    width: 100px;
    margin:0;
    padding:0;
    background-image:url("../img/homelogohover.jpg");
}
 
#logohover a, #logohover a:link, div.nav a:visited {
    display:block;
}
 
#logohover img {
    width:100%;
    height:100%;
    border:0;
}
 
#logohover a:hover img {
    visibility:hidden;
}

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