body {margin: auto; text-align: center; font: 11px/16px Verdana, Helvetica, Sans-serif; color: #808080; background-color: #333333;}
p {margin: 2px 5px 15px 5px;}
small {font-style: italic; float: right;}
a {text-decoration: none; color: #669933;}
a:hover {text-decoration: underline; color: #808080;}
ul {padding: 0 0 10px 5px;}
.lista {list-style-type: none; width: 48%; float: left; margin: 2px 0 2px 0;}
.bold {font-weight: bold;}
.rubrik {font-size: 14px; font-weight: bold; margin: 10px 0 0 5px; color: #669933; text-transform: uppercase;}
.clear {clear: both; height: 10px;}
.linje {width: 700px; height: 5px; background-color: #669933; margin: auto;}

#layout {width: 850px; height: 100%; min-height: 600px; background-color: #ffffff; margin: auto; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff;}
#head {width: 850px; height: 154px; background-image: url(layout/head.jpg); display: block;}

#main {width: 700px; height: 100%; min-height: 600px; float: right; margin: 5px 0 0 0; border-left: 1px solid #999999;}
.maintop {width: 700px; height: 18px; display: block; padding: 4px 0 2px 5px;}
.maintoptext {font-size: 14px; font-weight: bold; text-align: left; color: #669933;}

#left {width: 130px; height: 100%; min-height: 600px; background-color: #ffffff; float: left; margin: 0 0 0 0; text-align: left;}
#left a {width: 130px; height: 20px; text-decoration: none; color: #669933; display: block; margin: 0 0 0 5px;}
#left a:hover {height: 20px; width: 130px; text-decoration: underline; color: #669933; display: block; margin: 0 0 0 5px;}
.lefttop {width: 165px; height: 18px; display: block;}
.lefttoptext {font-weight: bold; text-align: left; padding: 2px 0 0 5px; color: #669933;}

#text {width: 700px; min-height: 400px; text-align: left; margin: auto;}
#text a {color: #669933;; text-decoration: none;}
#text a:hover {color: #000; text-decoration: underline;}

#foot {width: 850px; height: 30px; clear: both; text-align: center; padding-top: 5px;}
.fotoindex {width: 400px; padding: 5px; border: 1px solid #808080; background-color: #fff; margin: 0 0 20px 115px;}
.foto {width: 400px; padding: 5px; border: 1px solid #808080; background-color: #fff; margin: 70px 0 93px 150px;}
.foto2 {width: 260px; padding: 5px; border: 1px solid #808080; background-color: #fff; margin: 5px 0 35px 205px;}
.foto3 {width: 600px; padding: 5px; border: 1px solid #808080; background-color: #fff; margin: 5px 0 35px 40px;}
.foto4 {width: 400px; padding: 5px; border: 1px solid #808080; background-color: #fff; margin: 5px 0 35px 150px;}
.foto5 {width: 400px; padding: 5px; border: 1px solid #808080; background-color: #fff; margin: 10px 0 10px 150px;}
.kreativt {width: 400px; padding: 5px; border: 1px solid #808080; background-color: #fff; margin: 5px 0 35px 150px;}
.kreativt2 {width: 600px; padding: 5px; border: 1px solid #808080; background-color: #fff; margin: 5px 0 35px 40px;}
.thumb {width: 50px; padding: 1px; border: 1px solid #808080; background-color: #fff;}
.thumbmeny {width: 700px; display: block; margin: auto; text-align: center;}


#dropdown { position: absolute;  z-index: 99; margin: auto; line-height: 20px;}
#dropdown a {width: 130px; text-align: left; color: #fff; text-decoration: none; display: block;  padding: 1px 0 1px 5px;}
#dropdown a:hover  {width: 130px; text-align: left; color: #fff; text-decoration: none; display: block; padding: 1px 0 1px 5px;}
#dropdown ul  {list-style: none; width: 130px; margin: 5px 5px 0 5px; padding: 0;}
#dropdown ul li {background-color: #000; width: 130px;}
#dropdown ul li ul li{font-weight: none; width: 130px; list-style: none;}
#dropdown ul li ul li{ display: none; margin: 0; padding: 0;}
#dropdown ul li ul {margin: 0; padding: 0;  background-color: #ccc;}
#dropdown ul:hover li ul li{background-color: #669933; position: relative; display: block; list-style: none; margin: 0; padding: 0; width: 130px;}
#dropdown ul:hover li ul li a {color: #000;}
#dropdown ul:hover li ul li a:hover {color: #000; background-color: #99cc33; width: 115px;}
