#wrapper{
height:800px;
width:900px;
margin:auto;
margin-top:100px;
}

#head{
height:55px;
width:900px;
background-image:url(../img/header.png);
padding-top:55px;
}

#title{
height:20px;
width:280px;
font-family: 'Bradley Hand ITC';
font-size:30px;
color:#925a72;
margin-left:550px;
text-align:right;
font-weight:bold;
}


#footer{
height:40px;
width:900px;
background-image:url(../img/footer.png);
float:right;
font-family: 'Bradley Hand ITC';
font-size:15px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

a{
font-weight:bold;
color:#925a72;
}

#navi{
height:390px;
width:200px;
float:left;
padding-top:50px;
font-family: 'Bradley Hand ITC';
}

#content{
height:540px;
width:700px;
float:left;
}

#picture{
height:280px;
width:230px;
}

#subnavi{
height:260px;
width:230px;
text-align:right;
}

.image{
-webkit-box-shadow:  2px 2px 5px 1px rgba(20, 20, 20, 0.3);
box-shadow:  2px 2px 5px 1px rgba(20, 20, 20, 0.3);
}

#infobox{
height:540px;
width:230px;
background-color:;
float:left;
}

#text{
min-height:100px;
width:420px;
padding:10px;
text-align:right;
font-family: 'Comic Sans MS';
font-size:12px;
color:#925a72;
}

pre{
font-family: 'Comic Sans MS';
white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#box{
height:540px;
width:450px;
float:left;
}

#box-visible{
height:500px;
width:450px;
overflow:hidden;
}

.box-navi{
height:20px;
width:450px;
cursor:pointer;
display:none;
}

#up{
background-image:url(../img/up.png);
}

#down{
background-image:url(../img/down.png);
}

.navipunkt{
height:20px;
width:230px;
margin-top:15px;
font-family: 'Bradley Hand ITC';
font-size:20px;
color:#925a72;
cursor:pointer;
}

.subnavipunkt{
height:20px;
width:230px;
margin-top:15px;
font-family: 'Bradley Hand ITC';
font-size:20px;
color:#925a72;
cursor:pointer;
}

.subnavigroup{
display:none;
}