/* Standard kode - redefinert */

html, body {
height: 100%
}

body {
padding: 0;
margin: 0;
background: white;/*996;*/
font: 1em "Lucida Grande", sans-serif, serif;
color: black;
}

img {
border: none;
background: transparent;
}

q {
font: oblique 1em/1.7em "Lucida Grande", sans-serif, serif;
border: .05em solid #996;
background: #ffc;
padding: 0 1em 0 1em;
}

h1 {
border-bottom: dotted 2px black;
font: bold 2em "Lucida Grande", sans-serif, serif;
}

h2 {
border-bottom: dotted 1px black;
font: bold 1.5em "Lucida Grande", sans-serif, serif;
}

h3 {
font: bold 1em "Lucida Grande", sans-serif, serif;
border-bottom: solid 1px black;
width: 200px;
}

p {
font: 1em/1.7em "Lucida Grande", sans-serif, serif;
}


em {
font: italic 1em/1.7em "Lucida Grande", sans-serif, serif;
}

strong {
font: bolder 1em/1.7em "Lucida Grande", 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;
border: .05em solid #996;
padding: 0 1em 0 1em;
}

/* NYE */

/* midtkolonnen tekstområde */

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

#tekstområde {
font: 1em/1.7em "Lucida Grande", sans-serif, serif;
width: 800px;
margin: 100px 20px 20px 20px;
background-color: white;
}

#tekstområde li {
clear: both;
width: 400px;
}

#tekstområde ul {
margin: 15px 0 15px 0;
}


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

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

#tekstområde a:link, #tekstområde a:visited, .normalize a:link, .normalize a:visited {
border-bottom: 1px dotted black;
}

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

#tekstområde a:active, .normalize a:active {
border-bottom: 1px dotted black;
}

.navn {
color: #996;
}

.tittel {
color: #996;
font: oblique 1em "Lucida Grande", sans-serif, serif;
}

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

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

/* hode - med bilde og logo */

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

#logo {
border: 1px dashed black;
width: 300px;
height: 72px;
top: 0;}

/* 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", 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", 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;
display: none;
margin-left: 100px;
background-color: black;
position: absolute;
z-index: 99;
top: 288px;
color: #996;
width: 602px;
font: bold 1em "Trebuchet MS", "Lucida Grande", 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 {
background: white;
display: none;
color: white;
}

#høyre_hvit {
display: none;
}

#høyre_hvit {
float: left;
}

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

#form {
display: none;
color: white;
background: white;
top: 10px;
margin-left: 690px;
left: 50px;
position: absolute;
padding: 5px;
width: 200px;
}

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

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

#form a:link, #form a:visited {
}

#form a:hover {
}

#form a:active {
}

input {
}

.button {
background: white;
color: white;
}

/* slutt form */

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

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

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

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

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