/* Standard kode - redefinert */

html, body {
height: 100%
}

body {
padding: 0;
margin: 0;
background: #996;/*996;*/
font: .8em "Trebuchet MS", Verdana, sans-serif, serif;
color: black;
}

img, a img {
border: none;
}

q {
font: 1em/1.7em "Trebuchet MS", Verdana, sans-serif, serif;
border: .05em solid #996;
background: #ffc;
color: #996;
padding: 0 0.2em 0 0.2em;
}

h1 {
border-bottom: dotted 2px black;
font: bold 2em "Trebuchet MS", Verdana, sans-serif, serif;
}

h2 {
border-bottom: dotted 1px black;
font: bold 1.5em "Trebuchet MS", Verdana, sans-se#ffc;rif, serif;
display: block;
clear: both;
}

h3 {
font: bold 1.2em "Trebuchet MS", Verdana, sans-serif, serif;
color: white;
background: #996;
padding-left: 20px;
display: block;
clear: both;
}

p {
font: 1em/1.3em "Trebuchet MS", Verdana, sans-serif, serif;
}

li {
margin-bottom: 2px;
}

em {
font: italic 1em/1.7em "Trebuchet MS", Verdana, sans-serif, serif;
}

strong {
font: bolder 1em/1.7em "Trebuchet MS", Verdana, sans-serif, serif;
}

code {
font: 1.2em/1.7em monospace;
border: .05em solid black;
background: #ffc; 
padding: 0 .3em 0 .3em;
}

blockquote {
display: block;
clear: both;
background:  #ffc;/*#ffc;*/
border: .05em solid #996;
padding: 0 1em 0 1em;
color: #996;
background-position: center;
}

.cap {
margin-left: 100px;
}

/* NYE */

/* midtkolonnen tekstområde */

#gotop {
position: fixed;
bottom: 0;
margin-left: 660px;
font: .9em "Trebuchet MS", Verdana, sans-serif, serif;
}

#gotop a:link, #gotop a:visited {
text-decoration: none;
border-bottom: 1px dotted black;
color: black;
background: #996;
padding: 5px;
border: 1px solid black;
}

#gotop a:hover {
text-decoration: none;
border-bottom: 1px dotted black;
background: black;
color: #996;
padding: 5px;
border: 1px solid black;
}

#gotop a:active {
text-decoration: none;
border-bottom: 1px dotted black;
color: black;
background: #996;
padding: 5px;
border: 1px solid black;
}

.info {
color: black;
background-color:#996;
padding: 5px;
margin-left:15px;
border: 1px black solid;
display:block;
width:230px;
float:right;
}

#tekstområde {
font: .9em/1.7em "Trebuchet MS", Verdana, sans-serif, serif;
width: 570px;
margin: 0px 100px 50px 100px;
border: 1px solid black;
padding: 50px 15px 5px 15px;
background-color: white;
color: black;
min-height: 800px;
}

#tekstområde ol li {
padding: 3px;
}

#tekstområde p {
text-indent: 2em;
}

ul.lenke li {
clear: both;
}
ul.lenke {
padding-bottom: 20px;
}

#tekstområde p a, .normalize a, .lenke a {
padding-left: 2px;
padding-right: 2px;
text-decoration: none; 
color: black;
}

#tekstområde p a:link, #tekstområde p a:visited, .normalize a:link, .normalize a:visited, .lenke a:link, .lenke a:visited {
border-bottom: 1px dotted black;
border-right: 1px dotted white;
border-left: 1px dotted white;
border-top: 1px dotted white;
}

#tekstområde p a:hover, .normalize a:hover, .lenke a:hover {
border: 1px dotted black;
background: #ffc;
}

#tekstområde p a:active, .normalize a:active, .lenke a:active {
border-bottom: 1px dotted black;
border-right: 1px dotted white;
border-left: 1px dotted white;
border-top: 1px dotted white;
}

#tekstområde img {
border: 1px solid #996;
padding: 5px;
}

.navn {
color: #996;
}

.tittel {
color: #996;
font: oblique bold 1em "Trebuchet MS", Verdana, sans-serif, serif;
}

.float {
float: left;
margin-right: 5px;
padding: 2px;
clear: both;
}

.spre {
font: bold 1em/2em "Trebuchet MS", Verdana,  "Trebuchet MS", Verdana, sans-serif, serif;
text-align: center;
margin: 0 55px 0 55px;
}

.right {
margin-top: 5px;
margin-left: 5px;
float:right;
clear:both;
}

/* hode - med bilde og logo */

#header_image {
width: 600px;
height: 300px;
margin: 0 100px 0 100px;
border: 1px solid black;
z-index: 1;
}

#logo {
border: 1px dashed black;
width: 300px;
height: 72px;
position: absolute;
margin: -73px 0 0 100px;
z-index: 99;
}

/* meny - lister og lenker - dette er en tricky bit men flott når det funker */

#gbang a {
background: transparent;
position: absolute;
z-index: 99;
margin: -302px 0 0 100px;
font: 12px "Trebuchet MS", Verdana, sans-serif, serif;
padding: 5px;
text-decoration: none;
border-right: solid 1px black;
border-bottom: solid 1px black;
}

#djtokyoboogie a {
background: transparent;
position: absolute;
z-index: 99;
margin: -302px 0 0 145px;
font: 12px "Trebuchet MS", Verdana, sans-serif, serif;
padding: 5px;
text-decoration: none;
border-right: solid 1px black;
border-bottom: solid 1px black;
}

#gbang a:link, #gbang a:visited, #djtokyoboogie a:link, #djtokyoboogie a:visited {
color: black;
}

#gbang a:hover {
color: #996;
background: black;
}

#djtokyoboogie a:hover {
color: #996;
background: black;
}

#gbang a:active {
color: #996;
}

#djtokyoboogie a:active {
color: #996;
}

/* hovedmeny */

#navcontainer ul {
padding-left: 0;
margin-left: 100px;
background-color: black;
position: absolute;
z-index: 99;
top: 288px;
color: #996;
width: 602px;
font: bolder 1em "Trebuchet MS", Verdana, sans-serif, serif;
}

#navcontainer ul li {
display: inline; 
}

#navcontainer ul li a {
padding: 0.2em 1em;
background-color: black;
color: #996;
text-decoration: none;
float: left;
border: 1px solid #996;
}

#navcontainer ul li a:hover {
background-color: #996;
color: black;
border: 1px solid black;
}

#current {

}
/* høyremargen flere div men alle plassert i en kolonne */

#høyre_svart {
z-index: 9;
top: 301px;
padding: 6px;
height: 300px;
position: absolute;
width: 200px;
margin-left: 690px;
left: 50px;
background: black;/*black;*/
color: #996;
font: 1em/1.3em "Trebuchet MS", Verdana, "Trebuchet MS", Verdana, sans-serif, serif;
}

#høyre_svart a:link, #høyre_svart a:visited {
border-bottom: 1px dotted #ffc;
color: #ffc;
background: black;
padding-left: 2px;
padding-right: 2px;
text-decoration: none; 
}

#høyre_svart a:hover {
border: 1px dotted black;
color: black;
background: #ffc;
padding-left: 2px;
padding-right: 2px;
text-decoration: none; 
}

#høyre_svart a:active {
border-bottom: 1px dotted #ffc;
color: #ffc;
background: black;
padding-left: 2px;
padding-right: 2px;
text-decoration: none; 
}

#høyre_hvit {
top: 613px;
padding: 5px;
position: absolute;
width: 200px;
margin-left: 690px;
left: 50px;
background: white;/*white;*/
color: black;
border: 1px dashed #996;
font: .9em/1.5em "Trebuchet MS", Verdana, "Trebuchet MS", Verdana, sans-serif, serif;
}

#høyre_hvit {
float: left;
}

/* Antagelig bare en form på siden |Søk| - derfor brukes id til denne */

#form {
color: black;
background: #996;
top: 10px;
margin-left: 690px;
left: 50px;
position: absolute;
border: 1px dotted black;
padding: 5px;
width: 200px;
}

#form p {
font: .9em "Trebuchet MS", Verdana, "Trebuchet MS", Verdana, sans-serif, serif;
padding: 2px;
margin: 0;
}

#form a {
padding-left: 2px;
padding-right: 2px;
text-decoration: none;
color: black; 
}

#form a:link, #form a:visited {
border-bottom: 1px dotted black;
}

#form a:hover {
border: 1px dotted black;
background: #ffc;
}

#form a:active {
border-bottom: 1px dotted black;
}

input {
background: #ffc;
}

.button {
background-color: #996;
color: black;
}

/* slutt form */

/* footer - en footer må man jo ha :-) */

#footer_container {
min-height: 100%;
position: absolute;
z-index: 99;
bottom: 0;
}

#footer {
margin-left: 100px;
bottom: 0;
width: 590px;
height: 30px;
border: 2px solid black;
padding: 5px;
text-align: center;
background: #ffc;
font: .7em sans-serif, serif; 
color: #676767;
}

#footer a {
text-decoration: none;
border-bottom: 1px dotted black;
color: black;
}

#footer a:hover {
color: #996;
}

/* Too Cool for IE */

a#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(http://www.w3junkies.com/toocool/images/too_cool_sash.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
z-index: 99;
}

/* Galleri */

/*gjør lista til tabula rasa*/
#gallery ul, ul#gallery {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}

/*gjør tekstområdet lenger siden bildene ikke vil påvirke det*/
ul#gallery {
height: 2000px;
margin-bottom: 300px;
}

/*legger li-elementene på rekke*/
#gallery li {
display: inline;
margin: 10px 10px 0 0;
}

ul#gallery>li {
float: left;
border: 1px solid white;
padding: 4px;
}

/*VIKTIG!!! Dette er pop-up'en*/
ul#gallery>li ul {
padding: .8em;
border: 1px solid #996;
background-color: #fff;
color: #000;
font: .9em "Trebuchet MS", Verdana, sans-serif, serif;
display: none;
position: absolute;
z-index: 999;
}

ul#gallery>li ul li {
margin: 3px;
display: block;
}

ul#gallery>li ul li img {
margin-top: 10px;
}

ul#gallery>li:hover {
border: 1px solid #996;
padding: 4px;
}

ul#gallery>li:hover ul {
display: block;
list-style-type: none;
}

ul#gallery ul:before {
content: "Bildeinformasjon";
font: bold 1.3em "Trebuchet MS", Verdana, sans-serif, serif; 
border-bottom: 1px dotted black;
display: block;
margin-bottom: 1em;
}

ul#gallery ul:after {
content: "Klikk thumbnail for original utgave av bildet";
font-size: .9em;
border-top: 1px solid #996;
display: block;
margin-top: 1em;
text-align: center;
}

ul#gallery img {
display:block;
border: none;
}