/*  Color scheme:
	- "DSL-blå": Pantone 302:   #004F6D
	- "Gul baggrund":           #fffbe5;
	- "Gul boksbaggrund":       #fffad5;
	- "Grå skrift":             #b5b5b5;
	- "Rødt blikfang":          #c81717;
	- "Næsten-hvid menuskrift": #dddddd;
	- "Besøgt ordhjul":         #aaaaaa;
	- "Mørk baggrund (bokse)":  #e3daaa;
*/

      html, body, img, ul, ul * {margin: 0; padding: 0;}

      /* font-hacks, and plenty of them... */
      html {font-size: 100.1%;}
      body, table {font-size: 76%;}
      /*/*/a{}
      html body {font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
      html>body {font-size: small;}
      /* */

      /* The overall structure of the page needs a IE-specific solution */
      /* Everything but IE<7 */
      html>body #headercon {position: fixed; left: 11em; top: 0; right: 0.5em;}
      html>body #header {border: 1px #004F6D solid; margin-top: 0.5em; position: relative;}
      html>body #nav {position: fixed; top: 0.5em; left: 0.5em; width: 10em; bottom: 0; border: black solid; border-width: 1px 1px 0 1px;}
      html>body #contentcon {margin: 5em 0.5em 0.5em 12em;}

      /* IE<7 */
      * html, * html body {overflow: hidden; height: 100%;}
      * html #headercon {position: absolute; top: 0; width: 100%; right: 25px;}
      * html #header {position: relative; top: 0.5em; margin-left: 25px; border: 1px #004F6D solid; left: 11em; margin-right: 11em;}
      * html #nav {position: absolute; height: 100%; left: 0.5em; top: 0.5em; border: 1px black solid; width: 10em; z-index: 100;}
      * html #contentcon { position: relative;width: 100%; height: 100%; overflow: auto;}
      * html #content {margin: 5em 0.5em 0.5em 12em; width: 500px;}

      /* Now for general layout/colors */

      a {color: black;}
      html, body, #headercon, #header, #contentcon{background-color: #fffbe5;}
      html>body #header, html>body #headercon, html>body #nav, html>body #contentcon {font-size: 120%;}
      #nav {background-color: #004F6D;}

      /* the header */
      #header * {margin: 0; padding: 0;}
      #header h1, #header h2, #header h3{color: #004F6D; font-family: "Times New Roman", serif; letter-spacing: 0.15em;}
      #header h1 {font-size: 1em; text-transform: uppercase; padding-left: 1em;}
      #header h1 span {color: #c81717;}
      #header h2 {font-size: 0.8em; font-style: italic; color: #b5b5b5; padding-left: 3em; position: absolute;}
      #header h3 {text-align: right; font-style: italic; font-size: 0.8em;}
      #header h3 a {color: #004F6D; text-decoration: none;}
      #header h1, #header h2 {white-space: nowrap;}

      /* the navigation / logo */
      #nav {text-align: center;}
      #nav img {margin: 1em auto; width: 6.5em; display: block;} /* This will probably be changed - browser scaling might be too ugly */

      #nav ul {list-style: none; margin: 0 auto; width: 100%; text-align: left;}
      #nav ul li {border-top: 1px solid #ddd; font-size: 1em; font-weight: bold; padding: 1em 0; margin: 0 0.5em;}
      #nav ul li a {color: #ddd; text-decoration: none; font-family: verdana, arial, sans-serif;}
      #nav ul li ul {margin: 0; padding: 0;}
      #nav ul li ul li {border: none; font-size: 0.8em; font-weight: normal; list-style-type: none; padding: 0.5em 0;}
      #nav ul li.back {font-size: 0.5em;}
      /* Hack to make IE 5.5 behave! */
      * html body #nav ul {margin-left: 0; padding-left: 0;}
      /* End hack */
      
#headercon{z-index:100;}
/* CONTENT */
div.content{
    width: 100%;
	min-width: 400px;
	height: 100%;
}

div.textbox{
	padding: 0 10px 0px 0px;
}

/* WORDWHEEL */
div.wheel{
	position: absolute;
	height: 100%;
	width: 200px;
	font-size: 0.8em;
	/*z-index: 1;*/
}

div.wheelnavigator{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: right;
/*	background-color: #004F6D;*/
	background-color: #fffbe5;
}

/* In case the arrows aren't there */
/*div.wheelnavigator a:visited {*/
div.wheelnavigator a:visited, div.wheelcontainer a:visited, div.wheelcontainer_matches a:visited {
	color: #aaaaaa;
	background-color: transparent;
	text-decoration: none;
}

/*div.wheelnavigator a:link {*/
div.wheelnavigator a:link, div.wheelcontainer a:link, div.wheelcontainer_matches a:link {
	color: #dddddd;
	background-color: transparent;
	text-decoration: none;
}

/*div.wheelnavigator a:hover {*/
div.wheelnavigator a:hover, div.wheelcontainer a:hover, div.wheelcontainer_matches a:hover {
	color: #dddddd;
	background-color: transparent;
	text-decoration: underline;
}

/*div.wheelnavigator a:active {*/
div.wheelnavigator a:active, div.wheelcontainer a:active, div.wheelcontainer_matches a:active {
	color: rgb(200,0,0);
	background-color: transparent;
	text-decoration: none;
}

/*min-height for search results*/
div.wheelcontainer, div.wheelcontainer_matches{
	min-height: 300px;
}
/*IE hack for same min-height*/
* html div.wheelcontainer, * html div.wheelcontainer_matches{
	height: 300px;
}

/*div.wheelnavigator img{*/
div.wheelcontainer img, div.wheelcontainer_matches img{
	margin: 2px 5px 2px 5px;
/*	height: 16px;
	width: 16px;*/
	height: 35px;
	width: 59px;
	border: none;
	margin-left: 45px;
}

div.wheelcontainer div.up, div.wheelcontainer div.down, div.wheelcontainer_matches div.up, div.wheelcontainer_matches div.down{
	width: 150px;
	display: block;
	height: 50px;
	margin: 0 23px;
}

/*	box for showing the search string and number of matches */
/*	inserted by nhs */
div.wheelcontainer_matches div.search_result{
	border-bottom: 1px solid #004F6D;
	width: 150px;
	font-size: 0.9em;
	margin: -10px 23px 0 23px;
	padding: 10px 0;
}

/*
div.wheelcontainer_matches div.search_result span {
	display: block;
	color: #004F6D;
	background-color: transparent;
	font-weight: bold;
	text-align: center;
}
div.wheelcontainer_matches div.search_result span span {
	font-weight: normal;
}*/

div.wheelcontainer div.up, div.wheelcontainer_matches div.up{
	border-bottom: 1px solid #004F6D;
}

div.wheelcontainer div.down, div.wheelcontainer_matches div.down{
	border-top: 1px solid #004F6D;
	padding-top: 10px;
	margin-top: 10px;
}

/*	tabs for choosing searchresults or word-list */
div.wheelnavigator ul {
	display: block;
	background-color: #fffbe5;
	list-style: none;
	height: 1.1em;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #004F6D;
}

div.wheelnavigator ul li {
	display: block;
	float: left;
	padding: 0;
	background-color: #fffbe5;
	border-color: #004F6D;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	margin: 0 0 -1px 0;
	height: 1em;
	color: #004F6D;
	width: 95px;
	text-align: center;
}

div.wheelnavigator ul li.second {
	float: right;
}

/* test */
div.wheelnavigator ul li#active{
/*	background-color: #fffbe5;*/
 	background-color: #fffad5; /*#fffad8; /* #fff8de; /* #f6f2de;/* #fff6d5; /* #fffffbe5; /* #fffbcc; /* #fff4b5; /* #e3daaa; /* indsat af nhs */
	border-bottom: 1px solid #fffbe5;
	font-weight: bold;
}

html body div.wheel div.wheelnavigator ul li a, html body div.wheel div.wheelnavigator ul li a:link, html body div.wheel div.wheelnavigator ul li a:visited {
	color: #004F6D;
	padding: 0;
}

html body div.wheel div.wheelnavigator ul li a:hover {
	text-decoration: none;
	color: black;
}

/* Contains the items of the wordwheel*/
div.wheelcontainer, div.wheelcontainer_matches{
	width: 198px;
	border: #004F6D solid;
	border-width: 0 1px 1px 1px;
	/*z-index: 1;*/
	background-color: #fffad5; /*#fffad8; /* #fff8de; /*#f6f2de; /* #fff6d5; /* #fffbe5/* #fffbcc; /* #fff4b5; /* #e3daaa; /* indsat af nhs */
	padding-top: 10px;
}



/* 	Somethingt does not show completely right in IE - surprice.
	the lemma and pos is positioned to long to the right hand side */
div.wheel ol{
	position: relative; 
	left: 23px;
	width: 178px;
	margin: 0 20px 0 0;
	padding: 0;
	list-style-position: outside;
	list-style: none;
	background-color: transparent;
}

div.wheel li{
	position: relative;
	margin-left: 0;
	margin: 0;
	line-height: 1em;
}

/* homographnumber */
/* placed at the left of the lemma and pos*/
div.wheel span.homno{
	position: absolute;
	top: 0;
	left: -25px;
	width: 23px;
}

/* the seachform i top of the wheel */
div.wheelsearchform{
	position: relative;
	/*z-index: 100; */
}

div.wheelsearchform fieldset{
	border-color: #004F6D;
}

div.wheelsearchform legend{
	color: #004F6D;
	font-weight: bold;
}

/* hack for making bookmarks not scroll under fixed elements */
/* + hack to make IE not see it */
/* nhs: changed padding-top: 70px ->   padding-top:85px */
html>body div#main h2, html>body div#main h3, html>body div#main h4.bookmark {padding-top: 85px; margin-top: -70px;}

/* ARTICLE */
div.article{
	margin-left: 210px;
	font-size: 0.9em;
	max-width: 400px;
	padding-bottom: 30px;
}

div.copyright p{
	color: #b5b5b5;
	background-color: transparent;
	font-size: 0.7em;
	text-align: center;
	padding: 0;
	margin: 0;
}

/* nestede lister bør indenteres - burde ikke påvirke utilsigtede steder */
ul li ul {margin-left: 2em;}
ul li ul li {list-style-type: square;}