a,img,h1,h2,ul,li {
   border:0px;
   margin:0px;
   padding:0px;
}

html {
   background-color:#171735;
}

body {
    position:relative;
    width:600px;
    margin:auto;
    font-family: Lucida Sans, Arial, Helvetica, sans-serif;
    color:#fff;
}


#heading {
    position:relative;
    /*background-image:url("images/logo.jpg");*/
    background-repeat:no-repeat;
    margin-top:20px;
    height:80px;
  }

#heading img {
    border:none;
}

#pagetitle {
    padding: 15px 0px;
    position:absolute;
    text-align:right;
    bottom:0.6em;
    right:0em;
    /*width:8em;*/
    height:1em;
    font-size:23px;
  }


#category {
    padding: 9px 0px;
    position:absolute;
    text-align:right;
    bottom:0em;
    right:0em;
    width:30em;
    height:1em;
    font-size:11px;
  }


img.logo {
    width: 80px;
    height: 80px;
  }


ul {
    margin:0px;
}

ul#navigation {
    position:relative;
    width:74px;
    margin: 0px;
    margin-top:20px;
    padding:0px;
    border:0px;
    font-family: Lucida Sans, Arial, Helvetica, sans-serif;
    font-size:11px;
  }


ul#navigation a {
    display:block;
    width: 100%;
    height: 100%;
    padding:2px;
    padding-left:4px;
    color:white;
    background-color:#3e458b;
    text-decoration:none;
  }


ul#navigation li {
    list-style:none;
    margin-bottom:20px;
  }


ul#navigation li ul {
    padding-left:0px;
    padding-top:5px;
  }


ul#navigation li ul li {
    position:relative;
    margin-left:2px;
    margin-bottom:2px;
  }

ul#navigation a:hover {
    background-color:#69c;
  }


ul#navigation li ul a {
    display:block;
    width: 100%;
    height: 100%;
    color:#fff;
    background-color:transparent;
  }


ul#navigation li ul a:hover {
    color:#fa7534;
    background-color:transparent;
    padding: 2px 2px 2px 4px;

  }

ul#navigation li ul a.current {
    color:#fa7534;
    background-image:url("images/arrow-left.gif");
    background-position:right center;
    background-repeat:no-repeat;
  }


div#picturerow {
    margin-top:20px;
    width:600px;
    height:80px;
    /* background-color:#0f0;
    */;
  }


div.overview {
    position:absolute;
    top:120px;
    right:0px;
    width:450px;
    margin-top:0px;
    font-size:11px;
  }


div.index {
    position:absolute;
    right:0px;
    width:495px;
    top:200px;
    _top:220px;
    /* background-color:#4f5;
    */ font-size:11px;
  }


div.projects {
    position:absolute;
    top:100px;
    right:0px;
    margin-top:0px;
    font-size:11px;
  }

div#main a:link {
  color:#fff;
  text-decoration:none;
}

div#main a:visited {
  color:#fff;
  text-decoration:none;
}


div#main a:hover {
  color:#c0c0c0;
  text-decoration:none;
}


#cat-nav {
    position:absolute;
    right:0em;
    top:100px;
    width:15em;
    text-align:right;
    margin-bottom: 8px;
    font-size:11px;
  }


#cat-nav a:link {
    color:#fff;
    text-decoration:none;
  }


#cat-nav a:visited {
    color:#fff;
    text-decoration:none;
  }


#cat-nav a:hover {
    color:#3E458B;
  }

/* the following styles are used on the index pages:
  index.html */









#picturerow img.left-margin {
    margin-right:19px;
  }

/*end overview section*/

/* the following styles are used on the overview pages:
  naering.html */








div.overviewelement {
    position:relative;
    padding-bottom: 8px;
  }


div.overviewelement p {
    width: 320px;
  }


div.overviewelement img {
    border:none;
    position:absolute;
    top:0px;
    right:0px;
  }

/*end overview section*/

/* the following styles are used on the project pages:
 lyse-1.html, ... (please fill out) */








#sideline {
    position:absolute;
    top:2em;
    right:0px;
    width:73px;
  }


#sideline img {
    margin-bottom: 4px;
    border: none;
  }


div.details {
    position:absolute;
    right:83px;
    top:2em;
  }


div#footer {
    font-family : Lucida Sans, Arial, Helvetica, sans-serif;
    font-size : 12px;
    position : relative;
    text-align : right;
    padding-top : 20px;
    bottom : 0px;
  }

/*end project section*/