﻿/* HER STARTER STYLE TIL MASTERPAGES GENERELT */
html
{
	margin: 0px;
	padding: 0px;
	scrollbar-3dlight-color: #eee8f3;
	scrollbar-arrow-color: #622181;
	scrollbar-base-color: #622181;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #eee8f3;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #622181;

}

body
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;
	text-align: center;


}

p
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;	
	margin-bottom:0px;
	margin-top: 0px;
}

h1
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11pt;
	line-height: 14pt;
	font-weight: bold;
	color: #000000;
	margin-bottom:10px;
	
}

h2
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	line-height: 11pt;
	font-weight: bold;
	color: #000000;
	margin-bottom:2px;
	
}

h3
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	line-height: 11pt;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	margin-bottom:2px;
}
.sorttext 
{
	color: #000000;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	line-height: 11pt;
	font-weight: bold;
	}

textarea
{
	scrollbar-3dlight-color: #eee8f3;
	scrollbar-arrow-color: #622181;
	scrollbar-base-color: #622181;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #eee8f3;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #622181;
	border: 0px;
}

a:link
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;	
	color: #622181;
	text-decoration: underline;
	
	}

a:hover
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;	
	color: #622181;
	text-decoration: none;
	}

a:visited
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;	
	color: #622181;
	text-decoration: underline;
	}

a:active
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;	
	color: #622181;
	text-decoration: underline;
	}

/* HER STARTER ALLE DIV PLACERINGER AF GENERISKE GRAFISKE ELEMENTER */

div.logo
{
	position: absolute;
	bottom: 77px;
	right: 18px;
	z-index: 1;
}
div.splash
{
	position: absolute;
	top: 34px;
	right: 38px;
	z-index: 1;
}
div.hudskolelogo
{
	position: absolute;
	top: 84px;
	left: 140px;
	z-index: 1;
}


div.textbox2
{	
	position: absolute;
	top: 264px;
	left: 59px;
	width: 370px;
	height: 203px;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;
	text-align: left;
	
}

div.textarea
{
	position: absolute;
	top: 209px;
	left: 48px;
	height: 269px;
	width: 377px;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;	
	padding-left: 5px;
	padding-right: 10px;
	overflow:auto;
	text-align: left;
	
	
}

div.textarea2
{
	position: absolute;
	top: 260px;
	left: 55px;
	height: 211px;
	width: 364px;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;	
	padding-left: 5px;
	padding-right: 10px;
	overflow:auto;
	text-align: left;
	
	
}

div.flasharea
{
	position: absolute;
	top: 175px;
	left: 55px;
	height: 258px;
	width: 458px;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;	
	padding-left: 5px;
	padding-right: 10px;
	overflow:auto;
	text-align: left;
}

/*
div.contentarea
{
	padding-top: 0px;
	height: 200px;
	padding-left: 10px;
	padding-right: 10px;
	overflow:auto;
	text-align: left;
	z-index:2;
	width: 355px;
	background-color:Lime;
}

/*div.contentarea
{
	padding-top: 0px;
	height: 271px;
	padding-left: 10px;
	padding-right: 10px;
	overflow:auto;
	text-align: left;
}
*/

div.menuarea
{
	position: absolute;
	top: 192px;
	left: 52px;
	width: 383px;
	height: 271px;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;	
}

div.menuareasmall
{
	position: absolute;
	top: 207px;
	left: 52px;
	width: 383px;
	height: 250px;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;	
}




div.numbers
{
	position: absolute;
	top: 429px;
	right: 150px;
	z-index: 1;
}
div.pilback
{
	position: absolute;
	top: 433px;
	right: 121px;
	z-index: 1;
}
div.pilnext
{
	position: absolute;
	top: 433px;
	right: 98px;
	z-index: 1;
}

div.box {
	position: absolute;
	top: 21px;
	left: 28px;
	z-index: 1;

}
div.tilbage {
    position: absolute;
	top: 82px;
	left: 28px;
	z-index: 1;
}
div.tilbage8 {
    position: absolute;
	top: 82px;
	left: 28px;
	z-index: 1;
}
div.tilbage9 {
    position: absolute;
	top: 108px;
	left: 28px;
	z-index: 1;
}


div.imagearea_right
{
	position: absolute;
	top: 209px;
	right: 45px;
	z-index: 1;
}

selectedhud
{ background-color: #fee5ca;
  color: #000000;
  }

/* HER STARTER STYLE TIL MASTERPAGE A LILLA */

div.containerAlilla
{
	position: relative;
	width: 760px;
	height: 622px;
	margin: 0px auto;
	background-image: url('image/A-lilla/A-Lilla_bg.gif');
	background-repeat: no-repeat;
	background-position: top;
	z-index: 0;
}


div.lysavis
{
	width: 760px;
	height: 23px;
	position: absolute;
	bottom: 39px;
	left: 0px;
	z-index: 1;
	}


/* HER STARTER STYLE TIL MASTERPAGE B PINK */

div.containerBpink
{
	position: relative;
	width: 760px;
	height: 622px;
	margin: 0px auto;
	background-image: url('image/B-pink/B-Pink_bg.gif');
	background-repeat: no-repeat;
	background-position: top;
	z-index: 0;
}

/* HER STARTER STYLE TIL MASTERPAGE C LYSEROED */

div.containerClyseroed
{
	position: relative;
	width: 760px;
	height: 622px;
	margin: 0px auto;
	background-image: url('image/C-lyseroed/C-Lyseroed_bg.gif');
	background-repeat: no-repeat;
	background-position: top;
	z-index: 0;
}



/* HER STARTER STYLE TIL MASTERPAGE D ORANGE */

div.containerDorange
{
	position: relative;
	width: 760px;
	height: 622px;
	margin: 0px auto;
	background-image: url('image/D-orange/D-Orange_bg.gif');
	background-repeat: no-repeat;
	background-position: top;
	z-index: 0;
}


/* HER STARTER STYLE TIL MASTERPAGE E BLAA */

div.containerEBlaa
{
	position: relative;
	width: 760px;
	height: 622px;
	margin: 0px auto;
	background-image: url('image/E-Blaa/E-Blaa_bg.gif');
	background-repeat: no-repeat;
	background-position: top;
	z-index: 0;
}

/* HER STARTER STYLE TIL MASTERPAGE F SORT */

div.containerFsort
{
	position: relative;
	width: 760px;
	height: 622px;
	margin: 0px auto;
	background-image: url('image/F-sort/F-Sort_bg_u.gif');
	background-repeat: no-repeat;
	background-position: top;
	z-index: 0;
}

/* HER STARTER STYLE TIL MASTERPAGE G GROEN */

div.containerGgroen
{
	position: relative;
	width: 760px;
	height: 622px;
	margin: 0px auto;
	background-image: url('image/G-groen/G-Groen_bg.gif');
	background-repeat: no-repeat;
	background-position: top;
	z-index: 0;
}

/* HER STARTER STYLE TIL MASTERPAGE H GUL */

div.containerHgul
{
	position: relative;
	width: 610px;
	height: 1040px;
	margin: 0px auto;
	background-image: url('image/H-gul/H-Gul_bg.gif');
	background-repeat: no-repeat;
	background-position: top;
	z-index: 0;
}

div.logoH
{
	position: absolute;
	bottom: 63px;
	right: 28px;
	z-index: 1;
}
div.splashHlille
{
	position: absolute;
	top: 47px;
	right: 122px;
	z-index: 1;
}

div.splashHstor
{
	position: absolute;
	top: 58px;
	right: 24px;
	z-index: 1;
}

div.textboxHgul
{	
	position: absolute;
	top: 230px;
	left: 110px;
	width: 372px;
	height: 595px;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;	
	text-align: left;
	overflow: auto;
	
}

div.H-pil
{
	position: absolute;
	top: 830px;
	left: 100px;
	z-index: 1;
}

div.H-afslut
{
	position: absolute;
	top: 830px;
	left: 260px;
	z-index: 1;
}

div.H-rigtige
{
	position: absolute;
	top: 330px;
	left: 160px;
	z-index: 1;
}

div.H-videre
{
	position: absolute;
	top: 830px;
	left: 230px;
	z-index: 1;
}

/* HER STARTER STYLEN FOR MENUEN */
table.menu
{
	text-align: left;
}

.menuItem, .selectedMenuItem
{
	border: solid 1px #ffffff;
}

.menuItem a:link
{
	color: #ffffff;
	text-decoration: none;
}

.menuItem a:hover
{
	color: #000000;
    background-color: #fee5ca;
	text-decoration: none;
}

.menuItem a:active
{
	color: #ffffff;
	text-decoration: none;
}

.menuItem a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.selectedMenuItem
{
	background-color: #fee5ca;
}

.selectedMenuItem a
{
	color: #000000;
	text-decoration: none;
}


div.menuTop
{
}

div.menuMiddle
{
	padding-top: 4px;
	padding-left: 7px;
	padding-right: 7px;
}

div.menuBottom
{
	background-image: url('image/generisk/lilla-navi-bg-bund.gif');
	background-repeat: no-repeat;
	height: 4px;
	margin-bottom: 5px;
}


/* Questionnaire */
span.questionLabel
{
	font-weight: bold;
}

span.correctLabel
{
	color: green;
	font-weight: bold;
}

table.answerLabel td
{
	
}

div.lyseblaa
{
	background-color: #d4edfa;
	margin-top: -10px;
	padding-left: 2px;
	padding-right: 2px;
}

div.lyseblaatop
{
	background-image: url('image/bg_A2-A18/lyseblaa_felt_top.gif');
	background-repeat: no-repeat;
	background-position: top;
	height: 13px;
	width: 350px;
	margin-bottom: 0px;
}

div.lyseblaabund
{
	background-image: url('image/bg_A2-A18/lyseblaa_felt_bund.gif');
	background-repeat: no-repeat;
	background-position: top;
	height: 8px;
	width: 350px;
}

div.lyseroed
{
	background-color: #fceff5;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 350px;
}

div.lyseroedtop
{
	background-image: url('image/bg_A2-A18/lyseroed_felt_top.gif');
	background-repeat: no-repeat;
	background-position: top;
	height: 8px;
	width: 350px;
}

div.lyseroedbund
{
	background-image: url('image/bg_A2-A18/lyseroed_felt_bund.gif');
	background-repeat: no-repeat;
	background-position: top;
	height: 8px;
	width: 350px;
}

