/*************************************************** Reset start **********************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { border: 0; margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }


.clearFloats { clear: both; height: 0; }

:focus { outline: 0; }
/*************************************************** Reset end ***********************************************************/


/*************************************************** Globals start **********************************************************/
/* Colors 
#654f45 - Mørk Brun
#5e3e29 - MenuBrown
#626262 - Mørk Grå
#bfb7a9 - Lys grå
#7c7976 - Lys grå2
#e7e7e7 - Lys grå border
#b55413 - Orange link
#c5833b - Orange
#bd2626 - Rød
#be1665 - Rosa
#5426bd - Lilla
#fdf9f3 - Lys gul
*/
body { font-family: Arial, Helvetica, Sans-Serif; line-height: 1em; background: #fff url(gfx/MainBg.gif) repeat-x; color: #654f45; padding-bottom: 25px; }
h1 { font-size: 1.9em; font-weight: normal; margin-bottom: 0.6em; line-height: 1em; }
h2 { font-size: 1.6em; font-weight: normal; margin-bottom: 0.6em; line-height: 1em; }
h3 { font-size: 1.4em; font-weight: normal; margin-bottom: 0.5em; line-height: 1em; }
h4 { font-size: 1.3em; font-weight: bold; margin-bottom: 0.5em; line-height: 1em; }
h5 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.4em; line-height: 1em; }
h6 { font-size: 1.2em; font-weight: bold; margin-bottom: 0.3em; line-height: 1em; }
p { font-size: 1em; line-height: 1.5em; margin-bottom: 1em; }
a { text-decoration: none; font-weight: bold; color: #000; }
a:hover { text-decoration: underline; }
ol, ul { padding-left: 2.5em; margin: 1em 0; }
input { font-family: Sans-Serif; }
strong { font-weight: bold; }
em { font-style: italic; }


/*************************************************** Globals end **********************************************************/

/************************ FrameWork start ***************************/
#MainWrapper { position: relative; width: 980px; margin: 0 auto; }
#LeftShadow { position: absolute; top: 105px; left: -13px; }
#RightShadow { position: absolute; top: 67px; right: -13px; }

/************************* FrameWork end *****************************/



/************************ SiteHeader start ***************************/
#SiteHeader { position: relative; width: 100%; height: 105px; background: url(gfx/NavBottom.gif) no-repeat left bottom; }
#SiteHeader #SiteLogo { position: absolute; top: 26px; left: 31px; z-index: 29; }
#SiteHeader #TextSize { position: absolute; top: 13px; right: 241px; }
#SiteHeader #TextSizeSub {position: absolute; top: 13px; right: 350px; }
#SiteHeader #HeaderLogin { position: absolute; top: 0px; right: 33px; width: 180px; height: 41px; background: url(gfx/btnLoginSparaSprite.png) no-repeat 0 0; }
#SiteHeader #HeaderLogin:hover { background-position: 0 -41px; }
#SiteHeader #HeaderMyPage { position: absolute; top: 0px; right: 33px; width: 180px; height: 41px; background: url(gfx/btnLoginMinSida.png) no-repeat 0 0; }
#SiteHeader #HeaderMyPage:hover { background-position: 0 -41px; }

#SiteHeader #HeaderLogout { position: absolute; top: -7px; right: 241px; }


#SiteHeader #MainMenu { position: absolute; bottom: 5px; right: 0; height: 33px; padding: 8px 0 0 0; margin: 0; background: url(gfx/navTopBg.png) no-repeat center top; }
#SiteHeader #MainMenu li { display: block; height: 33px; float: left; background: url(gfx/NavSeparator.gif) no-repeat left; padding: 0 0 0 2px; }
#SiteHeader #MainMenu li:first-child { background: url(gfx/NavLeftShadow.png) no-repeat left; padding: 0 0 0 5px; }
#SiteHeader #MainMenu li:first-child + li + li + li + li { border-right: solid 1px #fff; }
#SiteHeader #MainMenu li a { display: block; line-height: 33px; padding: 0 20px; background: url(gfx/NavGradBg.gif) repeat-x; font-size: 0.9em; color: #5e3e29; text-transform: uppercase; font-weight: normal; }
#SiteHeader #MainMenu li a:hover { text-decoration: none; background: #e8e6e6 none; border-top: solid 1px #fff; line-height: 32px; }

/************************ SiteHeader end ***************************/



/************************ MainContent start ***************************/
#MainContent { min-height: 630px; width: 100%; background: #fff; float: left; }
#MainContent #LeftColumn { float: left; width: 245px; position: relative; z-index: 10; color: #69635c; margin-top: 176px; }
#MainContent #MiddleColumn { float: left; width: 468px; position: relative; z-index: 10; padding: 30px 11px 0 11px; color: #626262; margin-top: 176px; }


#MainContent img.ContentBackground { position: absolute; z-index: 1; top: 105px; left: 0; }
#MainContent #FpText { position: relative; z-index: 2; width: 250px; height: 217px; top: 0; left: 0; padding: 158px 375px 25px 78px; background: url(gfx/ContentBgShadow.png) no-repeat left bottom; color: #654f45; overflow: hidden; }
#MainContent #FpText p { font-size: 0.9em; }
#MainContent #FpText p.Ingress { font-size: 13px; }

#MainContent #LeftColumn.MinPlanering { background: url(gfx/MinPlaneringBG.png) no-repeat; min-height: 414px; padding: 70px 0 0 0; }
#MainContent #LeftColumn.Support {  min-height: 414px; padding: 70px 0 0 0; }
#MainContent #LeftColumn hr { border: 0; height: 2px; background: url(gfx/LeftColSep.png) no-repeat; }
#MainContent #LeftColumn p { padding-left: 30px; }
#MainContent #LeftColumn a.Print { color: #69635c; font-weight: normal; padding-left: 30px; background: url(gfx/IconPrint.png) no-repeat center left; line-height: 24px; display: block; margin: 10px 0; }
#MainContent #LeftColumn a.OrangeWA { font-weight: normal; color: #c5833b; padding-left: 15px; background: url(gfx/OrangeArrow.png) no-repeat top left; }

#MainContent #LeftColumn #LeftMenu { margin: 0; padding: 0 0 10px 0; background: url(gfx/LeftColSep.png) no-repeat center bottom; width: 100%; }
#MainContent #LeftColumn #LeftMenu li { list-style-type: none; display: block; height: 28px; }
#MainContent #LeftColumn #LeftMenu li a { color: #69635c; font-size:1em; font-weight: normal; line-height: 28px; padding-left: 30px; }
#MainContent #LeftColumn #LeftMenu li.Selected { background: url(gfx/SubNavSelected.png) no-repeat left top; }
#MainContent #LeftColumn #LeftMenu li.Selected a { color: #fff; }
#MainContent #LeftColumn #LeftMenu li.Active { height: auto; }
#MainContent #LeftColumn #LeftMenu li.Active ul { margin: 0; padding: 0; }
#MainContent #LeftColumn #LeftMenu li.Active ul li a { color: #888179; font-size: 1em; padding-left: 40px; }
#MainContent #LeftColumn #LeftMenu li.Active ul li.Selected { background: url(gfx/SubNavSelected.png) no-repeat left top; }
#MainContent #LeftColumn #LeftMenu li.Active ul li.Selected a { color: #fff; }

#MainContent #LeftColumn #LeftMenu li.ActiveSelf { height: auto; background: url(gfx/SubNavSelected.png) no-repeat left top; }
#MainContent #LeftColumn #LeftMenu li.ActiveSelf ul { margin: 0; padding: 0; }
#MainContent #LeftColumn #LeftMenu li.ActiveSelf ul li a { color: #888179; font-size: 0.9em; padding-left: 40px; }
#MainContent #LeftColumn #LeftMenu li.ActiveSelf a { color: #FFFFFF; }


#MainContent #MiddleColumn h1 { font-size: 23px; color: #755b49; font-weight: bold; }
#MainContent #MiddleColumn h2 { font-size: 14px; color: #755b49; font-weight: bold; }
#MainContent #MiddleColumn a { font-weight: normal; color: #b55413; text-decoration: underline; }
#MainContent #MiddleColumn p { /**/ font-size: 1em; /**/ }
#MainContent #MiddleColumn h3 { font-style: italic; font-size: 0.8em; }

/********************************************
#MainContent #MiddleColumn ul#Steps{margin:25px 0;padding:0;}
#MainContent #MiddleColumn ul#Steps li{list-style:none; border:solid 1px #e7e7e7;background:#fdf9f3;padding:20px 15px;margin-bottom:20px;}
#MainContent #MiddleColumn ul#Steps li h2{color:#5c5b5b;font-size:14px; font-weight:bold;}
#MainContent #MiddleColumn ul#Steps li div.question{color:#656461;padding:0 30px;}
#MainContent #MiddleColumn ul#Steps li p.Info{color:#837f7d;font-size:0.7em;padding:0 30px;}
#MainContent #MiddleColumn ul#Steps li label{margin-left:7px;}
#MainContent #MiddleColumn ul#Steps li a.SaveNow{display:block;font-size:0.75em;text-align:right;background:url(gfx/PlanStepSep.png) no-repeat center top;margin-top:25px;padding:20px 30px 0 30px;}
*******************************************/

/***************************************************************************************/
#MainContent #MiddleColumn ul.StepPaging { margin: 0; padding: 0 30px 30px 30px; text-align: center; overflow: hidden; background: url(gfx/BottomShadow.png) no-repeat center bottom; }
#MainContent #MiddleColumn ul.StepPaging li { list-style: none; display: inline; margin-bottom: 10px; }
#MainContent #MiddleColumn ul.StepPaging li.Prev { float: left; }
#MainContent #MiddleColumn ul.StepPaging li.Next { float: right; }
#MainContent #MiddleColumn ul.StepPaging li.Prev a { padding-left: 17px; background: url(gfx/PrevStep.gif) no-repeat center left; }
#MainContent #MiddleColumn ul.StepPaging li.Next a { padding-right: 17px; background: url(gfx/NextStep.gif) no-repeat center right; }
#MainContent #MiddleColumn ul.StepPaging li a.Current { color: #9f9994; }
#MainContent #MiddleColumn ul.NoBorder { background: none; padding-left: 5px; }

#MainContent #MiddleColumn div.StepPaging { margin: 0; padding: 0 30px 30px 30px; text-align: center; overflow: hidden; background: url(gfx/BottomShadow.png) no-repeat center bottom; }
#MainContent #MiddleColumn div.StepPagingTop { margin: 0; padding: 0 30px 10px 30px; text-align: center; overflow: hidden; }
#MainContent #MiddleColumn div.StepPagingTop a.Next { display: block; float: right; padding-right: 17px; background: url(gfx/NextStep.gif) no-repeat center right; }
#MainContent #MiddleColumn div.StepPagingTop a.Prev { display: block; float: left; padding-left: 17px; background: url(gfx/PrevStep.gif) no-repeat center left; }


#MainContent #MiddleColumn div.StepPaging a.Next { display: block; float: right; padding-right: 17px; background: url(gfx/NextStep.gif) no-repeat center right; }
#MainContent #MiddleColumn div.StepPaging a.Prev { display: block; float: left; padding-left: 17px; background: url(gfx/PrevStep.gif) no-repeat center left; }

#MainContent #MiddleColumn ul#ProductList { margin: 0; padding: 0; }
#MainContent #MiddleColumn ul#ProductList li { list-style: none; margin-top: 20px; padding-top: 20px; background: url(gfx/PlanStepSep.png) no-repeat center top; }
#MainContent #MiddleColumn ul#ProductList li:first-child { margin-top: 0px; padding-top: 0px; background: none; }
#MainContent #MiddleColumn ul#ProductList li h2 { color: #755b49; font-weight: bold; font-size: 0.85em; }
#MainContent #MiddleColumn ul#ProductList li a { font-size: .75em; }
#MainContent #MiddleColumn ul#ProductList li ul.Details { margin: 0; padding: 0; /**/ font-size: 1em; /**/ padding-bottom: 1em; overflow: hidden; }
#MainContent #MiddleColumn ul#ProductList li ul.Details li { display: block; float: left; width: 33%; margin-top: 0px; padding-top: 0px; background: none; }


#MainContent #Entrance, div.movieInfo { position: relative; z-index: 29; margin: 176px 0 0 0; padding: 0; float: left; overflow: hidden; }
#MainContent #Entrance li { display: block; width: 150px; height: 150px; padding: 60px 65px 20px 30px; background: url(gfx/EntranceBackground.png) no-repeat; overflow: hidden; color: #626262; }
/*#MainContent #Entrance li:first-child { display: none; }*/
#MainContent #Entrance li p { font-size: 0.9em; }

#MainContent #Entrance.FrontPage { margin: 0; padding-bottom: 20px; }
#MainContent #Entrance.FrontPage li { float: left; background: url(gfx/EntranceBackground2.png) no-repeat; }
/*#MainContent #Entrance.FrontPage li { float: left; background: url(gfx/box_att_planera.jpg) no-repeat; }*/
#MainContent #Entrance.FrontPage li:first-child { display: block; }

#MainContent #Entrance li.Start { background-position: 0 0; }
#MainContent #Entrance li.Start a.Goto { display: block; width: 74px; height: 64px; margin: 0 auto; }
#MainContent #Entrance li.Start a.GotoSub { display: block; width:150px; height: 100px; margin: 0 auto; background-image:url(gfx/btnPlay.png);background-position:50% 100%; background-repeat:no-repeat;}
#MainContent #Entrance li.Start a.fancyinfo { display: block; width:150px; height: 100px; margin: 0 auto; background-image:url(gfx/btnPlay.png);background-position:50% 100%; background-repeat:no-repeat;}
#MainContent #Entrance.FrontPage li.Start a.fancyinfo {  display: block;  height: 64px; margin: 0 auto; background:none;}



#MainContent #Entrance li.Direct { background-position: -245px 0; }
#MainContent #Entrance li.Direct a { color: #bd2626; font-weight: normal; }
#MainContent #Entrance li.Direct a.Goto { padding-left: 14px; background: url(gfx/RedArrow.png) no-repeat top left; }
#MainContent #Entrance li.Help { background-position: -490px 0; }
#MainContent #Entrance li.Help a { color: #be1665; font-weight: bold; }
#MainContent #Entrance li.Help a.Goto { padding-left: 14px; background: url(gfx/PinkArrow.png) no-repeat top left; }
#MainContent #Entrance li.CallUs { background-position: -735px 0; }
#MainContent #Entrance li.CallUs .color { color: #5426bd; font-weight: normal; }

/************************ MainContent end ***************************/



/************************ SiteFooter start ***************************/
#SiteFooter { width: 100%; text-align: center; font-size: 1em; color: #7c7976; clear: both; margin: 25px 0 0 0; padding: 0; }
#SiteFooter li { display: inline; padding: 0 5px; border-left: solid 1px #bfb7a9; }
#SiteFooter li:first-child { border: 0; }
#SiteFooter li a { color: #c5833b; font-weight: normal; }

/************************ SiteFooter end ***************************/





div.SaveChanges { cursor: pointer; display: block; /**/ font-size: 1em; /**/ text-align: right; background: url(gfx/PlanStepSep.png) no-repeat center top; margin-top: 25px; padding: 20px 30px 0 30px; }

div.SpacerLine { background: url(gfx/PlanStepSep.png) no-repeat center top; margin-top: 25px; padding: 20px 30px 0 30px; }

div.ChooseItem { cursor: pointer; display: block; /**/ font-size: 1em; /**/ text-align: left; padding: 20px 30px 0 0; }



span.ItemNumber { float: right; }

#MainContent #MiddleColumn div.Steps div.Item { border: solid 1px #e7e7e7; background: #fdf9f3; padding: 15px 15px; margin-bottom: 20px; overflow: hidden; }
#MainContent #MiddleColumn div.Steps div.Item h2 { color: #5c5b5b; font-size: 14px; font-weight: bold; }
#MainContent #MiddleColumn div.Steps div.Item label { margin-left: 7px; }

img.listebilde { float: right; }

div.musicItem { /**/ font-size: 1em; /**/ }


#MainContent #MiddleColumn div.Steps { margin: 25px 0; padding: 0; }
/*#MainContent #MiddleColumn div.Steps p { list-style: none; border: solid 1px #e7e7e7; background: #fdf9f3; padding: 20px 15px; margin-bottom: 20px; }*/
#MainContent #MiddleColumn div.Steps p h2 { color: #5c5b5b; font-size: 14px; font-weight: bold; }
#MainContent #MiddleColumn div.Steps p div.question { color: #656461; padding: 0 30px; }
#MainContent #MiddleColumn div.question input[type="text"], #MainContent #MiddleColumn div.question select { margin-top: 15px; margin-bottom: 10px; }
#MainContent #MiddleColumn div.Steps p p.Info { color: #837f7d; padding: 0 30px; }
#MainContent #MiddleColumn div.Steps p label { margin-left: 7px; }
#MainContent #MiddleColumn div.Steps p a.SaveNow { display: block; /**/ font-size: 0.1em; /**/ text-align: right; background: url(gfx/PlanStepSep.png) no-repeat center top; margin-top: 25px; padding: 20px 30px 0 30px; }



div.format9 { background: transparent url(gfx/PlanStepSep.png) no-repeat scroll center bottom; padding: 20px 0px; }
div.format9 img { margin: auto; }

div.format9 p { /**/ font-size: 1em; /**/ margin-bottom: 20px; }


.btnorder { border: 0 solid #CECECE; color: #993300; font-family: Verdana,Arial,Helvetica,Geneva; font-size: 10px; text-align: left; text-decoration: underline; }

div.AnnonsHovedInfo { border: solid 1px #e7e7e7; background: #fdf9f3; padding: 20px 15px; margin: 20px 0px; /**/ font-size: 1em; /**/ }

div.AnnonsHovedInfo img.productImage{max-width:250px;}

div.AnnonsHovedInfo div.AnnonsHovedInfo { border: none; padding: 0; margin: 0; border-top: solid 1px #e7e7e7; padding-top: 20px; }
a.ChooseItem, a.fancybox { /**/ font-size: 1em; /**/ }
a.fancybox { margin-top: 10px; display: block; }

div.InfoBox { background-color: White; height: 350px; overflow: auto; color: #654f45; }
div.InfoBoxPlanering { background-color: White; overflow: hidden; color: #654f45; }

div.InfoBox h2 { font-size: 1.2em; color: #755B49; }

div.divider { background: transparent url(gfx/PlanStepSep.png) no-repeat scroll center bottom; padding-top: 25px; height: 20px; }

div.Format11 { padding-bottom: 20px; }
div.format1 { padding-bottom: 20px; }
div.planeringItemContainer table.PlaneringItems tr td { padding-bottom: 5px; border-bottom: solid 1px #e7e7e7; }
div.planeringItemContainer table.PlaneringItems tr td:first-child + td + td { text-align: right; white-space:nowrap; }
div.planeringItemContainer table.PlaneringItems tr td:first-child { width: 20px; }
div.planeringItemContainer table.PlaneringItems tr th { text-align: left; font-weight: bold; border-bottom: solid 1px #e7e7e7; }
div.planeringItemContainer table.PlaneringItems tr th:first-child + th + th { text-align: right; }

div.planeringItemContainer table.PlaneringItems, div.planeringItemContainer table.PlaneringItemsBottom { width: 100%; }
div.planeringItemContainer table.PlaneringItemsBottom tr td.SumMed { font-weight: bold; padding-top: 3px; }
div.planeringItemContainer table.PlaneringItemsBottom tr td.SumMed:first-child + td { font-weight: bold; }
div.planeringItemContainer table.PlaneringItemsBottom tr td.SumLarge { font-weight: bold; font-size: 1.25em; padding-top: 10px; }
div.planeringItemContainer table.PlaneringItemsBottom tr td.SumLarge:first-child + td { font-weight: bold; font-size: 1.25em; }
div.planeringItemContainer { border: solid 1px #e7e7e7; background: #fdf9f3; padding: 20px 15px; margin-bottom: 20px; overflow:hidden; }
div.planeringItemContainer table.PlaneringItemsBottom tr td:first-child + td { text-align: right; }
div.planeringItemContainer h2.planeringHeading { margin-top: 15px; margin-bottom: 0px; padding: 0; }

input.btnAddToCart { border: none; padding: 0; margin: 0; color: #B55413; text-decoration: underline; font-size: 1em; cursor: pointer; background-color: transparent; clear: both; }
img.productImage { float: right; }


p.disclaim { font-weight: bold; margin-top: 10px; display: block; }

ul#tasks { display: block; margin: -5px 0 5px 0; padding: 0; overflow: hidden; }
ul#tasks li { list-style-type: none; float: left; display: block; padding-right: 5px; line-height: 15px; }

div.planeringItemContainer a#avliden { margin-top: -8px; margin-bottom: 8px; display: block; }

table.planeringList { width: 100%; }
table.planeringList th { text-align: left; font-weight: bold; }

/*table.planeringList tr td:first-child + td + td { width: 100px; }*/

div.AdstateItem { padding-bottom: 20px; }

a.SentinelChat { font-size: 9px; color: black !important; display: block; padding-top: 3px; }

div.musicItem a, div.musicItem p { float: left; }
div.musicItem p.col3 { width: 220px; display: inline-block; }
div.musicItem p.col4 { width: 170px; display: inline-block; }
div.musicItem a.col1 { clear: left; margin-right: 5px; }
div.musicItem a.col2 { margin-right: 5px; }

a.pdf { background: transparent url(admin/gfx/icons/Adobe-PDF-icon.png) no-repeat scroll left bottom; display: block; padding-left: 32px; padding-top: 8px; padding-bottom: 5px; }
a.print { background: transparent url(admin/gfx/icons/printer.gif) no-repeat scroll left 80%; display: block; padding-left: 16px; padding-top: 8px; padding-bottom: 5px; }
a.SendPlanering{font-weight:bold; font-size:1.25em}
a.SkickaPlaneringImg{margin-top:10px; display:block;width:120px; height:39px; background:url(gfx/btnSkickaPlanering.png) no-repeat 0 0; }
a.SkickaPlaneringImg:hover{background-position:0 -39px;}
a.SkickaPlaneringImg:active{background-position:0 -78px;}
a.SkickaPlaneringImg.disabled{background-position:0 -117px;}
a.SkickaPlaneringImg.disabled:hover{background-position:0 -117px;}

p.infoTooltip { cursor: help; }

div.ProdNumber { float: left; width: 60%; padding-bottom: 5px; }
div.ProdPrice { float: right; width: 40%; padding-bottom: 5px; }
span.loggedInUserName { position: absolute; top:1px; right: 300px; font-size:12px; }

img.ImgWithMargin5 { padding: 0 5px 5px 0; }

div#Translate  { padding-right: 28px; padding-top: 5px; float:right; }

div#Translate.FrontPage { display: none; }

img.PlaneringItem {width: 70px; float: right; }

div#MiddleColumn.RemovePadding { margin-top: 0px !important; }
div#MainWrapper.Narrow { width: 500px !important; }

input.widearea{width:250px; height:150px;}

table.SupportList { width: 100%; }
table.SupportList th { text-align: left; font-weight: bold; }
table.SupportList tr td {padding:4px 5px 4px 0px;}

table.SupportDetails{width:100%;}
table.SupportDetails tr td:first-child{font-weight:bold;}

a.fancyinfo{padding-bottom:10px;font-size:0.9em;}
li.Help a {display:block; background: url('gfx/pil_hjalp.png') no-repeat 0 1px; padding-left:15px;font-weight:bold;}


a.completed{ color:Green !important;}

ul.SupportList{ text-align:left; list-style:none;}