/* 
Generelt stylesheet 
Husk ID's er case sensitive!!
*/


body {
   background-color: #F0F0F0; 
	border: 0px; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
   text-align: center;
}




p 
{
	margin-left: 0px; 	
	margin-top: 0px;	
	margin-right: 0px;	
	margin-bottom: 12px;
}

ol 
{	
list-style-type: decimal;
margin-left:2em;
padding-left:0;
margin-top:0px;
margin-bottom:5px;

}

ul 
{	
margin-left:2em;
padding-left:0;
margin-top:5px;
margin-bottom:10px;
}

li 
{	
   margin-bottom: 5px;
   font-size: 11px;
}

a 
{
	border: none;
	border-style: none;
}


a:focus 
{
        background: transparent;
        text-decoration: none;
}


img 
{
	border: 0px;
}


h1 {
   text-align:left;
	font-size: 14px;
	color: #000000;
   margin-bottom: 12px;
}

h2 {font-size:12px}
h3 {font-size:11px}



.Chapter       {
               font-size: 16px; 
               font-weight: bold; 
               text-align: left;
               text-decoration: none;
               }


.Section       {
               font-size: 15px; 
               text-decoration: none;
               margin-bottom: 8px;
               }


.Heading       {
               font-size: 11px; 
               font-weight: bold; 
               text-decoration: none;
               margin-top: 5px;
               margin-bottom: 0px;
               }



.Normal        {
               font-size: 11px;
               margin-top: -5px;
               }

.ImageText     {
               font-size: 11px;
               }

.ImageClick    {
               font-size: 10px;
               font-style: italic;
               }


#MainPage {
   background-color: #E6E6E6; 
   position: absolute;
   top: 0px;
   left: 0px;
   width: 996px;
   height: 718px;
   text-align:left;
}

#HorisontalLine {
   position: absolute;
   top: 211px;
   left: 0px;
	height: 2px;
	width: 996px;
   background-color: white; 
	overflow: hidden;
}


#HorisontalLine2 {
   position: absolute;
   top: 661px;
   left: 0px;
	height: 2px;
	width: 326px;
   background-color: white; 
	overflow: hidden;
}

#VerticalLine1 {
   position: absolute;
   top: 0px;
   left: 326px;
	width: 2px;
	height: 718px;
   background-color: white; 
	overflow: hidden;
}


#VerticalLine2a {
   position: absolute;
   top: 0px;
   left: 652px;
	width: 2px;
	height: 211px;
   background-color: white; 
	overflow: hidden;
}


#VerticalLine2b {
   position: absolute;
   top: 211px;
   left: 652px;
	width: 2px;
	height: 507px;
   background-color: white; 
	overflow: hidden;
}



#LogoArea {
   position: absolute;
   top: 27px;
   left: 45px;
	margin: 0px auto;
	overflow: hidden;
	text-align: left;
   z-index: 3;
}




#ListArea {
   position: absolute;
   top: 251px;
   left: 0px;
   width: 242px;
   height: 440px;
   margin: 0px auto;
   overflow: hidden;
   text-align: left;
   clip:rect(0px, 287px, 691px, 0px);
   z-index:1;
}

#ListScrollArea {
   position: absolute;
   xtop: 546px;
   top: 251px;
   left: 304px;
   width:11px;
   xheight: 145px;
   height: 440px;
   background-color:red;
   font-size:1px;
   z-index:1;
}


#FuncArea {
   position: absolute;
   top: 530px;
   left: 45px;
	width: 242px;
	height: 110px;
	margin: 0px auto;
	overflow: hidden;
	text-align: left;
}


#MenuArea {
   position: absolute;
   top: 251px;
   left: 45px;
	width: 242px;
	height: 168px;
	overflow: hidden;
	text-align: left;
}



#SubMenuArea {
   position: absolute;
   top: 395px;
   left: 45px;
	width: 242px;
	height: 132px;
	overflow: hidden;
   clip:rect(0px, 242px, 132px, 0px);
   z-index:1;
	text-align: left;
}




#MenuScrollArea {
   position: absolute;
  top: 395px;
   left: 304px;
	width:11px;
	height: 132px;
   font-size:1px;
   z-index:1;
}


#InfoBannerArea {
   position: absolute;
   top: 27px;
   left: 335px;
	width: 634px;
	height: 145px;
	margin: 0px auto;
	overflow: hidden;
}


#IDArea {
   position: absolute;
   top: 27px;
   left: 335px;
	width: 634px;
	height: 150px;
	margin: 0px auto;
	overflow: hidden;
	text-align: left;
}


#ThumbArea {
   position: absolute;
   top: 27px;
   left: 335px;
	margin: 0px auto;
	text-align: left;
   width: 634px;
	height: 150px;
   clip:rect(0px, 634px, 145px, 0px);
   overflow: hidden;
   z-index:1;
}


#ThumbLeftArea {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 335px;
	height: 212px;
   z-index:2;
   background-image: url(Blank.gif);
}

#ThumbRightArea {
   position: absolute;
   top: 0px;
   left: 971px;
   width: 25px;
	height: 212px;
   z-index:2;
   background-image: url(Blank.gif);
}


#ThumbBottomArea {
   position: absolute;
   top: 172px;
   left: 335px;
   width: 634px;
	height: 40px;
   z-index:2;
   background-image: url(Blank.gif);
}

#ThumbTopArea {
   position: absolute;
   top: 0px;
   left: 335px;
   width: 634px;
	height: 27px;
   z-index:2;
   background-image: url(Blank.gif);
}





   #ThumbArea12 {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 308px;
      height: 150px;
      z-index:10;
   }


      #ThumbArea1 {
      position: absolute;
      top: 0px;
      left: 0px;
	   width: 145px;
	   height: 150px;
	   overflow: hidden;
   }


   #ThumbArea2 {
      position: absolute;
      top: 0px;
      left: 163px;
	   width: 145px;
	   height: 150px;
	   overflow: hidden;
   }


   #ThumbArea3 {
      position: absolute;
      top: 0px;
      left: 326px;
	   width: 145px;
	   height: 150px;
	   overflow: hidden;
   }

   #ThumbArea4 {
      position: absolute;
      top: 0px;
      left: 489px;
	   width: 145px;
	   height: 150px;
	   overflow: hidden;
   }


#MenuTitleArea {
   position: absolute;
   top: 186px;
   left: 45px;
	width: 247px;
	height: 21px;
	font-size: 15px;
	margin: 0px auto;
	overflow: hidden;
	text-align: left;
}

#InfoTitleArea {
   position: absolute;
   top: 186px;
   left: 335px;
	width: 471px;
	height: 21px;
	font-size: 15px;
	margin: 0px auto;
	overflow: hidden;
	text-align: left;
}


#InfoArticleArea {
    position: absolute;
    top: 220px;
    left: 335px;
	 width: 471px; 
	 height: 470px;
	 font-size: 11px;
	 margin: 0px auto;
	 text-align: justify;
    overflow: auto;
 	 padding-right: 8px;
}



#ProgressBarArea {
   position: absolute;
   top: 186px;
   left: 335px;
	width: 471px;
	height: 15px;
   border: 1px solid #808080;
   background-color: #808080; 
	overflow: hidden;
}



#InfoArea {
   position: absolute;
   top: 220px;
   left: 335px;
	width: 634px;
	height: 471px;
	overflow: hidden;
   text-align: justify;
}

   #InfoTextArea {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 612px;
      height: 471px;
      font-size: 11px;
      margin: 0px auto;
      text-align: justify;
      overflow: hidden;
      z-index:1;
      clip:rect(0px,612px,471px,0px);
   }

   #InfoTextScrollArea {
      position: absolute;
      top: 0px;
      left: 623px;
      width:11px;
      height: 145px;
      font-size:1px;
      z-index:10;
   }

#InfoLeftArea {
   position: absolute;
   top: 220px;
   left: 335px;
	width: 471px;
	height: 470px;
	font-size: 11px;
	margin: 0px auto;
	overflow: hidden;
	text-align: justify;
}

#InfoRightArea {
   position: absolute;
   top: 220px;
   left: 824px;
	width: 145px;
	height: 470px;
	margin: 0px auto;
	overflow: hidden;
	text-align: left;
}



.MenuLine {
   position:relative;
   top:0px;
   left:0px;
   width: 242px;
   height: 22px;
   white-space: nowrap;
}

.MenuSquare {
   width: 11px;
   height: 11px;
   background-color: #009193;
   vertical-align: middle;
}

.MenuSymbol {
   width: 40px;
   height: 11px;
   background-color: #009193;
   vertical-align: middle;
}


.MenuLiner {
   position:relative;
   top:0px;
   width: 100%;
   height: 1px;
   background-color: #808080;
   overflow:hidden;
   margin-bottom:6px;
}


.MenuSquareSelected {
   width: 11px;
   height: 11px;
   background-color: #E0E000;
   vertical-align: middle;
}

.MenuSquareMouseover {
   width: 11px;
   height: 11px;
   background-color: #A0A0A0;
   vertical-align: middle;
}

.MenuSquareDimmed {
   width: 11px;
   height: 11px;
   background-color: #D2D2D2;
   vertical-align: middle;
}


.FuncSquare {
   width: 11px;
   height: 11px;
   vertical-align: middle;
   background-color: #C01000;
}


.MenuText {
	font-size: 11px;
	color: black;
	font-weight: normal;
	text-decoration: none;
   vertical-align: middle;
   padding-left:11px;
}

.MenuTextSelected {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: black;
   padding-left:11px;
   vertical-align: middle;
}


.MenuTextMouseover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #808080;
   padding-left:11px;
   vertical-align: middle;
}

.MenuTextDimmed {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #D2D2D2;
   padding-left:11px;
   vertical-align: middle;
}



.ContentText {
	font-size: 9px;
	color: black;
   text-align: left;
}


.ContentHead {
	font-size: 15px;
	color: black;
	text-align: left;
}


.ScrollArrowLeft {
   position:absolute;
   left:0px;
   top:0;
   width:9px;
   height:11px;
   background-image:url(ScrollArrowLeft.gif);
   z-index:2;
}

.ScrollArrowRight {
   position:absolute;
   left:136px;
   top:0px;
   width:9px;
   height:11px;
   background-image:url(ScrollArrowRight.gif);
   z-index:3;
}


.ScrollArrowUp {
   position:absolute;
   left:0px;
   top:0;
   width:11px;
   height:9px;
   background-image:url(ScrollArrowUp.gif);
   z-index:2;
}

.ScrollArrowDown {
   position:absolute;
   left:0px;
   top:136px;
   width:11px;
   height:9px;
   background-image:url(ScrollArrowDown.gif);
   z-index:3;
}

.ScrollDragbarHor {
   position:absolute;
   left:1px;
   top:1px;
   width:3px;
   height:9px;
   background-color:white;
   z-index:1;
}

.ScrollTrackHor {
   position:absolute;
   left:9px;
   top:0;
   width:127px;
   height:11px;
   background-color:#D2D2D2;
   z-index:1;
}

.ScrollDragbarVer {
   position:absolute;
   left:1px;
   top:1px;
   width:9px;
   height:20px;
   background-color:white;
   z-index:1;
}


.ScrollTrackVer {
   position:absolute;
   top:9px;
   left:0;
   width:11px;
   height:127px;
   background-color:#D2D2D2;
   z-index:1;
}


#ThumbScrollArea {
   position: absolute;
   top: 186px;
   left: 824px;
	width:145px;
	height: 11px;
   background-color:red;
   font-size:1px;
   z-index:2;
}




#ImageArea {
   position: absolute;
   top: 220px;
   left: 335px;
	width: 645px;
	height: 471px;
	margin: 0px auto;
	overflow: hidden;
	text-align: left;
}


   #ImageTextArea {
      position: absolute;
      top:0px;
      left:489px;
      height:310px;
      width:145px;
	   font-size: 11px;
	   color: #000000;
	   font-weight: normal;
	   text-decoration: none;
      overflow:hidden;
      clip:rect(0px, 123px, 471px, 0px);
      z-index:1;

   }


   #ImageTextScrollArea {
      position: absolute;
      top: 0px;
      left: 623px;
	   width:11px;
	   height: 145px;
      font-size:1px;
      z-index:1;
   }







#IntroImageArea {
   position: absolute;
   top: 220px;
   left: 335px;
	overflow: hidden;
}





.IDText {
	font-size: 24px;
	text-align: left;
	font-weight: normal;
	line-height: 32px;
}



#xImageBasketCommand {
        position: absolute;
        top: 239px;
        left: 487px;
        width: 170px;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
        display: none;

}




.ThumbImage {
        width: 66px;
        height: 66px;
        border: 2px solid #808080;
}

.ThumbImageSelect {
        width: 66px;
        height: 66px;
        border: 2px solid #E0E000;
}


#ImageBasketArea {
        position: absolute;
        top: 324px;
        left: 489px;
        height: 155px;
        width: 150px;
	overflow: hidden;
        display: none;
}

.IconBasket {
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 18px;
        width: 43px;
        height: 43px;
        vertical-align: top;
}



.BasketImage {
        margin-right: 5px;
        margin-bottom: 5px;
        width: 43px;
        height: 43px;
        border: 2px solid #808080;
        vertical-align: top;
}

.BasketImageSelect {
        margin-right: 5px;
        margin-bottom: 5px;
        width: 43px;
        height: 43px;
        border: 2px solid #E0E000;
        vertical-align: top;
}


.BasketText {
        margin-right: 5px;
        margin-bottom: 5px;
        width: 91px;
        height: 43px;
        vertical-align: top;
	font-size: 9px;
	line-height: 10px;
}



.BasketPopupPrompt {
	font-size: 12px;
	font-weight: bold;
}

.BasketPopupText {
	font-size: 11px;
	text-align: justify;
	padding-right: 5px;
}

.BasketPopupCheck {
	font-size: 11px;
}




.TableLabel {
	text-align: left;
	font-size: 11px;
	color: #000000;
   padding-bottom: 6px;
   padding-right: 6px;
}

.TableData {
	text-align: left;
	font-size: 11px;
	color: #000000;
   padding-bottom: 6px;
   padding-right: 6px;
}

.Tak {
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
	}