body {
background: #990000;
font: georgia 13px;
color:#000;
font-family: georgia, serif;
margin:0 0 0 0;
padding: 0 0 0 0; 
overflow:hidden;
}

#supwrap {
overflow:hidden;
width:100%;
height:100%;
}

#overwrap {
width:100%;
height:100%;
}

#sol{
position:absolute;
right: 0%;
top: 3%;
z-index:120;
}
#intro-over {
background:transparent;
position:absolute;
top:10%;
right:10%;
z-index:110;
border:0px solid #000; 
}
#pre-body {
background: #003300;
}
big {
color:#FBC000;
}
iframe {
border: 0px solid #ffffff;
}

body, html {
width: 100%;
height:100%;
}

h1 {
color: #FBC000;
font-family: georgia, serif;
font-size:300%;
}

h2 {
color: #FBC000;
line-height: 20px;
font-family: georgia, serif;
font-size:180%;
}
h4 {
color: #FBC000;
padding-top:15px;
line-height: 3px;
font-family: georgia, serif;
font-size:110%;
}

h5{
color: #FBC000;
font-family: georgia, serif;
font-size:100%;
padding-top:2px;
padding-bottom:0px;
}

h6 {
color: #006666;
line-height: 3px;
font-family: georgia, serif;
font-size:120%;
}

#map {
z-index:0;
width: 100%; 
height:100%; 
overflow:hidden;
margin:0;
}
#submit {
height: 20px;
font-size:14px;
border:none;
color:#000;
}
 

a {
text-decoration: none;
color: red;
} 

a:hover{
text-decoration: none;
color: darkgreen;
}

html>body  #wrapper {
margin: 0;
padding: 0;
width:100%;
height:100%;
}

#map_wrapper {
border: #99cc99 solid 50px;
height:91%;
width: 65%;
position: fixed; left: 0px; top: 0px;
z-index:50;
}

#gammelnis {
position: fixed;
top: 0px;
}

#transparent_70{
filter:alpha(opacity=7 0);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}


#besked {
z-index:2;
right:270px;
bottom:20px;
position:absolute;
background:#FFF;
color:#000;
height:200px;
padding:5px;
font-size:10pt;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

#side_bar {
position:absolute;
top:0px;
right:0px;
width:200px;
padding-right:30px;
vertical-align:text-top;
overflow:auto;
color:#FFF;
z-index:120;
} 
 

#luk {
padding-right:1px;
padding-top:10px;
text-align:right;
z-index:120;
}

#skip {
background:transparent;
position:absolute;
top:10%;
right:60%;
padding-right:1px;
padding-top:5px;
width:85px;
height:88px;
text-align:right;
border:0px solid #000;
z-index:110;
}

#luk2 {
padding-right:40px;
text-align:right;
padding-top:70px;
}


#luk3 {
background:transperant;
padding-right:1px;
text-align:right;
width:100%;
z-index:150;
}

#login{
background: #990000;
z-index:100;
}

#img-center{
position:absolute;
left:400px;
top: 20px;
text-align:center;
}

#indhold {
position:absolute;
top: 20px;
left: 400px;
width:750px;
border: 1px;
font-family: georgia, serif;
font-size: 12px;
color: #eee;
}

#indhold2 {
width:750px;
border: 1px;
font-family: georgia, serif;
font-size: 13px;
color: #eee;
}

#right {
position:relative;
text-align:right;
}

#m-wrapper {
position:absolute;
left:10px;
top: 20px;
z-index:100;
width:180px;
font-family: georgia, serif;
font-size:15px;
}

}
#menu {

width: 150px;
z-index: 100;
border-bottom: none ;
text-align:center;
font-family: georgia, serif;
font-size:15px;
}

#menu-punkt { 
border-bottom: 1px dotted #eee;
padding-top: 10px;
padding-bottom:10px;
}

#info {
color:#eee;
font-size:12px;
}

img {
padding: 0px;
}

.form {
font-family: georgia, serif;
font-size:0.7em;
line-height: 14px;
}

input {
height: 13px;
line-height: 12px;
}

input .submit {
line-height: 25px;
height:30px;
width:75px;
}


 div.markerTooltip, div.markerDetail {
          color: black;
          font-weight: bold;
          background-color: white;
          white-space: nowrap;
          margin: 0;
          padding: 2px 4px;
          border: 1px dotted black;
       }

#infoHtml {
width:350px;
z-index:3;
overflow:hidden;
}


#header-laage{
z-index:110;
}	   

#left {
	width: 45%;
	float: left;
}

#right {
	width: 45%;
	float: right;
}
	   
#nisse-info {
position:relative;
top:250px;
right: 250px;
float: right;
z-index:100;
font-size: 150%;
}

#small {
font-size: 70%;
font-style: italic;
}

#smll {
font-size: 70%;
}


#quiz {
padding:5px;
font-size: 80%;
position:absolute;
right:22%;
top:7%;
display:none;
width:250px;
height:250px;
background-color: #A7CC95;
z-index:110;
}

#dagensextra {
padding:5px;
font-size: 80%;
position:absolute;
left:15%;
top:3%;
display:none;
width:520px;
height:550px;
background: #99CC99 url('http://julen2009.ballerup.dk/img/nis/InfoNis_308x350_trans.png') no-repeat top left;
z-index:110;
}

.tooltip {
background-color:#ffffff;
font-weight:bold;
border:2px #006699 solid;
}

#login {
 font-size:12px;
 }
 
 #laagerne {
 font-size:85%;
 }
 
 #td_text{
 font-size: 12px;
 text-align:right;
 width:50%;
 }
 
 #input-left {
 text-align:left;
 }
 
 #helpnis {
 position:absolute;
 top:55%;
 left:54%;
 display:none;
 z-index:999;
 }
 
 #boble {
 position:absolute;
 z-index:999; 
 left:30%;
 top: 50%;
 height:200px;
 width:400px;
 display:none;
 background:#A7CC95;
opacity:0.9;
filter:alpha(opacity=90);
 }
 #laagetekst {
 
 position:absolute;
display: none;
padding-left:15px;
padding-right:15px;
 left:5%;
 top:9%;
 font-size:11px;
 font-weight:500;
 width:600px;
 background-color: #A7CC95;
 z-index:110; 
 }
  
 #laagetekst p{
 padding:10px;
 }
 
 #lillehelpnis{
 position:absolute;
 top:85%;
 left:62%;
 z-index:100;
 font-size:25px;
 display:block;
 }

#rimbog-outer {
background:#99CC99;
width:800px;
height:600px;
position:absolute;
top:3%;
left:3%;
z-index:120;
display:none;
border:0px solid #000;
float:right;

}

#rimbog-inner {
width:800px;
height:600px;
position:relative;
top:0;
left:0;
z-index:120;
display:none;
border:0px solid #000;
float:left;
}
 
 
 div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 1px;
 border-bottom-width: 1px;
 display: none;
 background: green;
 color: #FFF;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

.dvhdr1 {
background:#F3F0E7;
position:absolute;
font-family:arial;
font-size:12px;
font-weight:bold;
border:1px solid #C8BA92;
padding:0px;
width:150px;
}
         
.dvbdy1 {
background:#FFFFFF;
font-family:arial;
font-size:12px;
border-left:1px solid #C8BA92;
border-right:1px solid #C8BA92;
border-bottom:1px solid #C8BA92;
padding:5px;
width:150px;
}

#wrapper_intro {
border: #990000 solid 150px;
height:91%;
width: 75%;
position: fixed; left: 0px; top: 0px;
}

#intro {
width:100%;
height:100%;
overflow:hidden;
z-index:150;
}

#kortlag {
background: transperant;
position: absolute;
left: 5%;
top: 5%;
z-index:100;
display:none;
}

#kortlag2 {
background: transperant;
position: absolute;
left: 5%;
top: 5%;
z-index:100;
display:none;
}


#omjulekalenderen{
 position:absolute;
 top:90%;
 left:82%;
  z-index:10;
 width:15px;
 font-size:12px;
 display:block;
 z-index:110;
}

#omsponsorer{
 position:absolute;
 top:90%;
 left:92%;
 z-index:10;
 max-width:25px;
 font-size:12px;
 display:block;
 z-index:110;
}


#kalenderinfo {
position:absolute;
background-color: #A7CC95;
padding:10px;
border: 0px dotted red; 
left:5%;
top:3%;
width:600px;
height:500px;
display:none;
z-index:110;
}

#sponsorinfo {
position:absolute;
background-color: #A7CC95;
padding:10px;
border: 0px dotted red; 
left:5%;
top:3%;
width:600px;
height:600px;
display:none;
font-weight:500;
z-index:120;
}

#login  {
background: #A7CC95;
position:absolute;
top:10%;
left:50%;
width:250px; 
height: 150px;
display:none;
z-index:100;
}

#pre-login {
position:absolute;
font-size:11px;
text-align:right;
/*background-color: transperant;*/
padding:10px;
border-bottom: 1px dotted red; 
right:0%;
top:0%;
width:250px;
height:10px;
display:block;
z-index:130;
}
#dagensrejse { 
position:absolute;
top:20%;
left:20%;
/*width:700; 
height: 600;*/
display:none;
z-index:1;
}

#intro { 
position:absolute;
top:5%;
left:1%;
width:100%; 
height:100%;
display:none;
z-index:100;
}

#tilmelding {
font-size:11px;
background: #A7CC95;
position:absolute;
top:10%;
left:50%;
width:300px; 
height: 400px;
display:none;
z-index:100;
padding:10px;
}

#tilmelding .submit{
border:0px;
line-height:14px;
}


dagenslaage {
position:absolute;
margin-top: 70px;
display: none;
padding:10px;
left:5%;
top:5%;
font-size:11px;
width:597px;
height:450px;
background-color: #A7CC95;
z-index:120;
}


#dagenslinks {
position:absolute;
display: none;
padding:10px;
z-index:110; 
left: 3%;
top: 7%;
font-size:11px;
width:520px;
height:250px;
background: #99CC99 url('http://julen2009.ballerup.dk/img/nis/LinkNis_203x350_trans.png') no-repeat top left;
}

#diverselinks {
text-align:left;
background-color: transperant;
padding:5px;
border-bottom: 0px dotted red; 
width:100%;
float:left;

}

#nissegalleriet {
text-align:left;
background-color: transperant;
/*padding:5px;*/
border-bottom: 0px dotted red; 
width:100%;
float:left;
}

#extra {
display:none;
position:absolute;
top:5%;
left:5%;
background:transperant;
}


#ballvideo {
position:absolute;
top:20%;
left:25%;
width:430px;
height:450px;
background:#99CC99;
display:none;
font-size:23px;
z-index:120;
}

#dagenslaage {
position:absolute;
top:10%;
left:10%;
background:transperant;
z-index:100;
display:none;
margin-top: 70px;
display: none;
padding:10px;
z-index:110;
font-size:11px;
width:597px;
height:450px;
background-color: #A7CC95;
}


#links {
display:block;
position:absolute;
top:22%;
left:22%;
padding-left:5px;
padding-right:5px;
background-color: #A7CC95;
z-index:110;
}

#extrainfo {
display:none;
position:absolute;
top:25%;
left:25%;
padding-left:5px;
padding-right:5px;
z-index:110;
}

#titlen {
position:absolute;
top:-40px;
left:10%;
color:darkgreen;
font-size:150%;
z-index:110;
}

#dato {
position:absolute;
top:0px;
left:51%;
color:#990000;
font-weight:bold;
font-size:90%;
z-index:110;
}


#snebort{
background-color: transparent;
background-image: url("http://julen2009.ballerup.dk/img/snebort.png");
height:25px;
z-index:1;
}

#lukkehjelp {
display:none;
position:absolute;
top:25%;
left:45%;
padding-left:5px;
padding-right:5px;
background-color: #A7CC95;
z-index:110;
}

#registrer {
text-align:center;
color:#FFF;
}

#reg-login_form{
font-size:80%;
}

#infotekst{
font-size:80%;
text-align:left;
overflow:auto;
}

#teknik {
position:absolute;
background-color: #A7CC95;
padding:10px;
border: 0px dotted red; 
left:7%;
top:10%;
color:#FFF;
width:600px;
height:500px;
display:none;
z-index:110;
}

#bagom {
position:absolute;
background-color: #A7CC95;
padding:10px;
border: 0px dotted red; 
left:7%;
top:10%;
width:600px;
height:500px;
display:none;
z-index:110;
}

#dagenslaage {
position:absolute;
top:10%;
left:10%;
background:transperant;
z-index:100;
display:none;
margin-top: 70px;
display: none;
padding:10px;
z-index:110;
font-size:11px;
width:597px;
height:450px;
background-color: #A7CC95;
}

#dagensrejse {
position:absolute;
background-color: transparent;
left:50%;
top:75%;
width:25px;
height:400px;
display:block;
z-index:120;
}

#rejsetekst {
background: #666;
padding:10px;
color:#FBC000;
font-size:14px;
}

#tilmeldingshelp {
position:absolute;
background-color: #99CC99;
left:45%;
top:45%;
display:none;
z-index:120;
}

#musik {
position:absolute;
top:0px;
left:0px;
z-index:120;
}
#trilletrold {
padding:10px;
font-size: 90%;
color:#FFF;
position:absolute;
left:15%;
top:15%;
display:none;
width:430px;
height:430px;
background: #884F87 url('http://julen2009.ballerup.dk/img/nis/troldepige306x350_trans.png') no-repeat top center;
z-index:110;
}

#takforiaar {
padding:10px;
font-size: 90%;
color:#FFF;
position:absolute;
left:15%;
top:25%;
display:none;
width:430px;
height:230px;
background: #884F87;
z-index:110;
}

#takforiaar2 {
padding:10px;
font-size: 90%;
color:#FFF;
position:absolute;
left:25%;
top:25%;
display:block;
width:430px;
height:200px;
background: #884F87;
z-index:110;
}