/*** GENERELT ***/
*{behavior:url(/Files/system/iepngfix.htc)}
body{font-size:62,5%; height:100%; width:100%; background-position:bottom left; background-repeat:no-repeat; background-attachment:fixed; *background-attachment:scroll; _background-attachment:scroll }/*10px*/
form, *{margin:0px; padding:0px; text-align:left}
ol,ul{margin-left:30px}
img{border:none}
.displaynone{display:none}
.clear{clear:both}
.floatleft{float:left}
.floatright{float:right}
/*****/

/*Sidetemplates generelt*/
#container{position:relative; height:100%; width:1039px; padding:203px 0px 0px 64px}

/************Sidetemplates absolute layers******************/
@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}
	
/*topmenu*/
#topmenu{position:absolute; top:87px; left:70px; height:98px}
/*Sky*/
#sky{position:absolute; top:0px; left:0px; background-image:url(/Files/system/GJ_sky.png); height:203px; width:100%; background-repeat:repeat-x; background-position:top left}
/*Top menu tree*/
#topMenuTree{position:absolute; top:0px; left:0px; background-image:url(/Files/system/GJ_menuTree.png); width:1039px; height:700px; background-repeat:no-repeat; background-position:top right}
/*Top right corner logo*/
#topRightCornerLogo{position:absolute; top:0px; right:0px; background-image:url(/Files/system/GJ_corner.png); width:333px; height:227px; background-repeat:no-repeat; background-position:top right}
/*Top left corner leaves*/
#topLeftCornerLeaves{position:absolute; top:0px; left:0px; background-image:url(/Files/system/GJ_greenleaves.gif); width:208px; height:121px; background-repeat:no-repeat; background-position:top left}

/*Topmenu*/
#topmenu ul{float:left; list-style-type:none}
#topmenu ul li{float:left; margin-right:37px}
#topmenu ul li.L1{display:inline; float:left; height:98px; width:145px}
#topmenu ul li.L1_Active{display:inline; float:left; height:98px; width:145px}


/*Leftmenu*/
.leftmenu{margin-top:34px}
#leftmenu{float:left; width:197px; padding:0px}
#leftmenu ul{list-style-type:none; margin-left:0px}
#leftmenu ul li{background-image:url(/Files/system/GJ_arrow.png); background-repeat:no-repeat; background-position:0px 8px; padding-left:13px; *line-height:14px; _line-height:5px; *background-position:0px 5px; _background-position:0px 0px;}
#leftmenu ul li a{font-size:13px; text-decoration:none; font-weight:bold; display:block; padding-bottom:5px; *padding-bottom:0px; _padding-bottom:10px;}
#leftmenu ul li.divider{background-image:url(/Files/system/GJ_leftmenuDivider.png); background-repeat:no-repeat; background-position:0 0px; height:8px; *height:8px; }
#leftmenu ul.M2, #leftmenu ul.M3{padding-left:10px}


/*Content*/
#content{float:left; width:710px; margin:0px 16px 18px 14px}


/*Setup*/
#oneColumn{float:left; width:665px; padding:22px 0px 22px 26px;  _width:660px;}
    #leftColumnLarge{float:left; width:375px; margin-right:25px}
    #rightColumnLarge{float:left; width:265px; padding-top:52px}
    
    #leftColumnQuiz{float:left; width:213px; padding-top:20px; padding-right:10px}
    #rightColumnQuiz{float:left; width:400px; padding-top:10px; padding-left:26px}
    
    #leftColumn{float:left; width:432px; margin-right:4px}
    #rightColumn{float:left; width:265px}
        .media img{float:left; padding:3px; background-color:#fff; border:1px #cacaca solid; margin-bottom:5px}


/*Paragraph boxes*/
.topSmall{float:left; background-image:url(/Files/system/GJ_topSmall.png); width:264px; height:13px}
    .shadowSmall{float:left; width:264px; background-image:url(/Files/system/GJ_smallBoxShadow.png); background-repeat:repeat-y}
        .boxSmall{float:left; min-height:153px; width:258px; _width:256px; margin-left:2px; background-image:url(/Files/system/GJ_SmallBoxBg.png); background-repeat:repeat-x; background-color:#fff}
            .boxSmallBorders{float:left; margin-left:2px; _margin-left:0px; border-left:1px #ecead9 solid; border-right:1px #ecead9 solid; width:252px; min-height:153px;}
            .boxSmallContent{float:left; margin:-8px 0px 0px 1px; width:250px}
.bottomSmall{float:left; background-image:url(/Files/system/GJ_bottomSmall.png); width:264px; height:14px; margin-bottom:3px}

.topMedium{float:left; background-image:url(/Files/system/GJ_topMedium.png); width:432px; height:10px}
    .shadowMedium{float:left; width:432px; background-image:url(/Files/system/GJ_mediumBoxShadow.png); background-repeat:repeat-y}
        .boxMedium{float:left; min-height:342px; width:427px; margin-left:2px; _margin-left:1px; background-image:url(/Files/system/GJ_mediumBoxBg.png); background-repeat:repeat-x; background-color:#fff}
            .boxMediumBorders{float:left; margin-left:2px; _margin-left:0px; border-left:1px #ecead9 solid; border-right:1px #ecead9 solid; width:421px; min-height:30px;}
            .boxMediumContent{float:left; margin:-6px 0px 0px 4px; width:419px; min-height:340px;}
.bottomMedium{float:left; background-image:url(/Files/system/GJ_bottomMedium.png); width:432px; height:14px;}


.topLarge{float:left; background-image:url(/Files/system/GJ_topLarge.png); width:701px; height:10px}
    .shadowLarge{float:left; width:701px; background-image:url(/Files/system/GJ_LargeBoxShadow.png); background-repeat:repeat-y}
        .boxLarge{float:left; min-height:470px; width:697px; _width:696px; margin-left:1px; _margin-left:1px; background-image:url(/Files/system/GJ_LargeBoxBg.png); background-repeat:repeat-x; background-color:#fff}
            .boxLargeBorders{float:left; margin-left:2px; _margin-left:0px; border-left:1px #ecead9 solid; border-right:1px #ecead9 solid; width:691px; min-height:353px;}
            .boxLargeContent{float:left; margin-top:-6px; width:691px;}
.bottomLarge{float:left; background-image:url(/Files/system/GJ_bottomLarge.png); width:701px; height:15px;}

       
/*Paragraphs text*/
.ParagraphImage{float:left;}
.ParagraphText{float:left}
.ParagraphText table h3.h3, .ParagraphText h3.h3{padding-left:14px;}
.ParagraphText ul{list-style-type:none; list-style-position:outside; margin-left:14px}
.ParagraphText ul li{color:#a85228; font-family:Flama, Myriad pro, Arial; font-size:12px; background-image:url(/Files/system/GJ_listarrow.gif); background-repeat:no-repeat; background-position:0 6px; padding-left:10px} 

.DidYouKnow{float:left; width:343px; background-color:#dcddd4; padding:16px 24px; _width:335px}


table.quiz{border:none; background-color:Transparent}

/*Footer*/
#footer{float:right; margin-top:18px}
#footer small{color:#323232; font-size:11px; font-family:Arial}

/*Survey*/
.surveyText{font-size:14px; color:#000000; font-family:Myriad Pro; padding:2px 0px}
.surveyTextRed{font-size:18px; color:#af0000; font-family:Myriad Pro; padding:2px 0px; width:20%}
.surveyTextGreen{font-size:18px;  color:#4c8116; font-family:Myriad Pro; padding:2px 0px}
.surveyTextGrey{font-size:18px; color:#a6a89e; font-family:Myriad Pro; padding:4px 0px}