﻿body { background-repeat: repeat-y; margin: 0; padding: 0; font-family: Arial; font-size: 11/14; background: #000 url(/Files/Filer/System/body_logo_bg.jpg) center top;}

#page { border-right-color: #503242; border-left-color: #503242; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; margin: 0 auto 0 auto; width: 960px; background: #000; }
#pageInner {margin: 0; padding: 0; }
#top { width: 960px; height: 78px; float: left; background: #000; border-bottom: 1px solid #503242; }
#logoTop { width: 271px; height: 62px; float: left; margin: 0 0 0 30px;}
#menuTop { width: 590px; height: 21px; margin: 0 15px 0 0; float: right;position:relative;}

#frontTopPicture { width: 960px; float: left; border-bottom: 1px solid #503242; }
#subTopPicture { width: 960px; height: 70px; background: url(/Files/Filer/System/fronttoppicture.jpg) no-repeat; float: left; border-bottom: 1px solid #503242; }
#shopTopPicture { width: 960px; height: 160px; background: url(/Files/Filer/System/shoptoppicture.jpg) no-repeat; float: left; border-bottom: 1px solid #503242; }

#footer { width: 960px; margin-left: -1px; height: 30px; background: url(/Files/Filer/System/footer_bg.gif) repeat-x; float: left; color: #fff; border-bottom: 1px solid #503242; border-left: 1px solid #503242; border-right: 1px solid #503242; }
#footerInner { margin: 0 0 0 30px; line-height: 29px; font-size: 10px;}

.minHeight {min-height: 620px; overflow: hidden;}
.minHeightBox {min-height: 354px; overflow: hidden;}
.minHeightBox2 {min-height: 400px; overflow: hidden;}
.minHeightBox3 {min-height: 400px; overflow: hidden;}
.minHeightBox4 {min-height: 611px; overflow: hidden;}

iframe { frameborder:0px; }


h1 { font-size: 16px; text-transform: uppercase; font-weight: normal; padding: 0 6px 0 6px; color: #551541;}
h2 { font-size: 12px; line-height: 19px; text-transform: uppercase; font-weight: bold; padding: 0 6px 0 6px; color: #551541;}

.h1_content {padding:0px;margin:0px;}

.hr3 {height:1px;background-color:#bb649f;margin-top:9px;margin-bottom:0px;overflow:hidden;}
.hr2 {height:1px;background-color:#634857;margin-top:9px;margin-bottom:5px;overflow:hidden;}
.hrSeperator {height:1px;background-color:#000000;margin-top:10px;margin-bottom:10px;overflow:hidden;}
.hr {height:1px;background-color:#bb649f;margin-top:9px;margin-bottom:5px;overflow:hidden;}
.hrsmall {height:1px;background-color:#bb649f;margin-top:3px;margin-bottom:3px;overflow:hidden;}
.hrsmall {height:1px;background-color:#bb649f;margin-top:0px;margin-bottom:0px;overflow:hidden;}
.spot { font-size: 11px; line-height: 10px; color: #551541; padding: 3px 0 0 8px; }
.space {height:1px; margin-top:10px; margin-bottom:10px; overflow:hidden;}

.leftColText { font-size: 12px; line-height: 14px; color: #fff; padding: 3px 0 5px 8px; }


.redText { font-size: 12px; line-height: 14px; color: #551541;padding: 0 6px 0 6px; }


.left {float:left;}
.right {float:right;}

.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}  
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}



#main { padding: 15px 0 15px 30px; float: left;}
td, a, a:hover, a:visited {font-size: 12px; line-height: 14px; color: #551541;  }
.small {line-height: 19px;}

.td_list {padding: 5px;background: #cea5c1; }
.td_list2 {padding: 5px; background: #c29bb6; }

.passwordLogin { width: 255px; font-size: 11px; height: 16px; background: url(/Files/Filer/System/input_bg.gif) repeat-x; border: 1px solid #bb649f; margin: 8px 0 0px 5px; line-height: 15px; color: #bb649f }
.usernameLogin { width: 255px; font-size: 11px; height: 16px; background: url(/Files/Filer/System/input_bg.gif) repeat-x; border: 1px solid #bb649f; margin: 10px 0 0px 5px; line-height: 15px; color: #bb649f }
.inputSize1 { width: 255px; height: 16px; background: url(/Files/Filer/System/input_bg.gif) repeat-x; border: 1px solid #bb649f; margin: 10px 0 0px 5px; line-height: 19px; color: #bb649f }
.inputSize2 { width: 40px; height: 16px; background: url(/Files/Filer/System/input_bg.gif) repeat-x; border: 1px solid #bb649f; margin: 10px 0 0px 5px; line-height: 19px; color: #bb649f }
.inputSize3 { width: 206px; height: 16px; background: url(/Files/Filer/System/input_bg.gif) repeat-x; border: 1px solid #bb649f; margin: 10px 0 0px 5px; line-height: 19px; color: #bb649f }
.inputSize4 { width: 160px; height: 16px; background: url(/Files/Filer/System/input_bg.gif) repeat-x; border: 1px solid #bb649f; margin: 10px 0 0px 5px; line-height: 19px; color: #bb649f }

.inputFindKunde { width: 255px; height: 16px; background: url(/Files/Filer/System/input_bg.gif) repeat-x; border: 1px solid #bb649f; margin: 0px 0 0px 0; line-height: 19px; color: #bb649f }


.submitLogin { margin: 10px 0 9px 5px; }




/*=Columns
------------------------------------------------------------*/
#col1 { width: 277px; float: left;  padding: 0 33px 0 0; }
#col1Inner { background: #dcb0ce; }
#col1_2Inner { background: #503242; }

#col1a { width: 277px; float: left;  padding: 0 0 0 0; }
#col1Inner { background: #dcb0ce; }
#col1_2Inner { background: #503242; }

#col1Wide { width: 277px; float: left;  padding: 0 33px 0 0; }
#col1WideInner { background: #dcb0ce; }

#col2 { width: 584px; float: left; margin-right: 36px; }
#col2Inner { background: #dcb0ce; }

#col3 { width: 898px; float: left; }
#col3Inner { background: #dcb0ce; }

#col3Dark { width: 898px; float: left; }
#col3InnerDark { background: #503242; }

#col_left { width: 277px; float: left;  padding: 0 33px 0 0; }
#col_middle { width: 277px; float: left;  padding: 0 33px 0 0; }
#col_right { width: 277px; float: left;  padding: 0 33px 0 0; }
#col_span2 { width: 584px; float: left; margin-right: 36px; }
#col_span3 { width: 898px; float: left; }



/*=TD Box Defs
------------------------------------------------------------*/
.tr_header {width: 279px; height: 29px; float: left; background: #bb649f; }
.td_header_inner {padding: 0 0 0 10px; color: #fff; text-transform: uppercase;}
table { border-collapse: collapse; border-spacing: 0; }
.table_right {margin: 0 0 0 36px;}
.white_text {color: #FFF;}

.white_text a:link {color:#ffffff;text-decoration:underline;}
.white_text a:active {color:#ffffff;text-decoration:underline;}
.white_text a:visited {color:#ffffff;text-decoration:underline;}
.white_text a:hover {color:#ffffff;text-decoration:underline;}

/*=Box Defs
------------------------------------------------------------*/
#boxContainer { padding: 0; background: #dcb0ce; width: 277px; }
#boxContainerArticle { padding: 0; background: #503242; }
#boxInner { padding: 3px; }
#boxInner2 { padding: 3px; width: 270px;  }
#boxHeader { width: 277px; height: 29px; background: #bb649f;}
#boxHeaderInner { margin: 0 0 0 10px; line-height: 29px; font-size: 13px; color: #fff; text-transform: uppercase;}
#boxPicture IMG { width: 265px; height: 110px; border: 1px solid; margin: 3px 0 0 3px; background-color: #dcb0ce;}
#boxPictureSmall IMG { width: 90px; height: 90px; border: 1px solid; margin: 3px 5px 0 3px; float: left; overflow: hidden;}

#boxInner p { font-size: 12px; line-height: 14px; color: #551541;  padding: 0 6px 0 6px; }
.span { font-size: 12px; line-height: 18px; color: #551541;  padding: 6px 6px 0 6px;  }

#boxInnerFlashkort p { font-size: 12px; line-height: 14px; color: #551541;  padding: 0; }

#boxInnerList p { font-size: 12px; line-height: 14px; color: #551541;  padding: 0 6px 0 6px;}

#boxHeaderArticle { width: 277px; height: 29px; background: #3e2431;}



/*=Box Defs Dark Theme
------------------------------------------------------------*/
#boxContainerDark { padding: 0; float: left; background: #503242; }
#boxContainerArticleDark { padding: 0; float: left; background: #503242; }
#boxInnerDark { padding: 10px; color: #fff;}
#boxHeaderDark { width: 277px; height: 29px; float: left; background: #3e2431; margin-bottom: 5px;}
#boxHeaderInnerDark { margin: 0 0 0 10px; line-height: 29px; font-size: 13px; color: #fff; text-transform: uppercase;}
#boxPicture IMG { width: 269px; height: 110px; border: 1px solid; margin: 3px 0 0 0;}
#boxPictureSmall IMG { width: 90px; height: 90px; border: 1px solid; margin: 3px 5px 0 3px; float: left;}

#boxInnerDark p  { font-size: 12px; line-height: 14px; color: #fff;  padding: 0 6px 0 6px; }
#boxInnerListDark p { font-size: 12px; line-height: 14px; color: #551541;  padding: 0 6px 0 6px;}

#boxHeaderArticleDark { width: 277px; height: 29px; float: left; background: #3e2431;}
#boxInnerDark a, a:visited, a:hover { color: #551541; }


#boxHeaderWideCol3Dark { width: 898px; height: 29px; float: left; background: #3e2431;margin-top:20px;}
#boxHeaderInnerWideCol3Dark { margin: 0 0 0 10px; line-height: 29px; font-size: 13px; color: #fff; text-transform: uppercase;}


/*=Box Defs Wide
------------------------------------------------------------*/
#boxContainerWide { padding: 0; float: left; background: #dcb0ce; }
#boxInnerWide { padding: 3px;}
#boxHeaderWide { width: 584px; height: 29px; float: left; background: #bb649f;}
#boxHeaderInnerWide { margin: 0 0 0 10px; line-height: 29px; font-size: 13px; color: #fff; text-transform: uppercase;}
#boxHeaderWideCol3 { width: 898px; height: 29px; float: left; background: #bb649f;}
#boxHeaderInnerWideCol3 { margin: 0 0 0 10px; line-height: 29px; font-size: 13px; color: #fff; text-transform: uppercase;}
#boxPicture IMG { width: 269px; height: 110px; border: 1px solid; margin: 3px 0 0 0;}
#boxPictureSmall IMG { width: 90px; height: 90px; border: 1px solid; margin: 3px 5px 0 3px; float: left;}

#boxInner p { font-size: 12px; line-height: 14px; color: #551541;  padding: 0 6px 0 6px; }
#boxInnerList p { font-size: 12px; line-height: 14px; color: #551541;  padding: 0 6px 0 6px;}



/*=Primary Navigation
------------------------------------------------------------*/
#nav-frontpage {position:absolute;top:14px;left:10px;}

ul#primary-navigation {position:absolute;top:43px;right:10px;list-style:none;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
ul#primary-navigation li {float:left;}
ul#primary-navigation li a {display:block;height:21px;overflow:hidden;background-image:url(/Files/Filer/System/menu.gif);margin-right:1px;text-indent:-9999px;}

ul#primary-navigation li a#nav-forsiden {width:80px;background-position:0 0;}
ul#primary-navigation li a#nav-forsiden:hover {background-position:0 -31px;}
body#forsiden ul#primary-navigation li a#nav-forsiden,
body#forsiden ul#primary-navigation li a#nav-forsiden {background-position:0 -31px;cursor:default;}

ul#primary-navigation li a#nav-esthetique {width:94px;background-position:-96px 0;}
ul#primary-navigation li a#nav-esthetique:hover {background-position:-96px -31px;}
body#esthetique ul#primary-navigation li a#nav-esthetique {background-position:-96px -31px;cursor:default;}

ul#primary-navigation li a#nav-butikker {width:78px;background-position:-205px 0;}
ul#primary-navigation li a#nav-butikker:hover {background-position:-205px -31px;}
body#butikker ul#primary-navigation li a#nav-butikker {background-position:-205px -31px;cursor:default;}

ul#primary-navigation li a#nav-inspiration {width:95px;background-position:-299px 0;}
ul#primary-navigation li a#nav-inspiration:hover {background-position:-299px -31px;}
body#inspiration ul#primary-navigation li a#nav-inspiration {background-position:-299px -31px;cursor:default;}

ul#primary-navigation li a#nav-aktuelt {width:71px;background-position:-410px 0;}
ul#primary-navigation li a#nav-aktuelt:hover {background-position:-410px -31px;}
body#aktuelt ul#primary-navigation li a#nav-aktuelt {background-position:-410px -31px;cursor:default;}

ul#primary-navigation li a#nav-kundeklub {width:92px;background-position:-498px 0;}
ul#primary-navigation li a#nav-kundeklub:hover {background-position:-498px -31px;}
body#kundeklub ul#primary-navigation li a#nav-kundeklub {background-position:-498px -31px;cursor:default;}


/*
------------------------------------------------------------
------------------------------------------------------------
Added by Charlie.......... 
------------------------------------------------------------
------------------------------------------------------------
*/

/*=Frontpage
------------------------------------------------------------*/
#FPageInspirationOuter {height:345px;}
#FPageInspirationInner {padding: 0px 7px 7px 7px;}
#FPageInspirationHolder {width:100%;}
#FPageInspirationImage {width:100px;padding: 10px 0px 10px 0px;vertical-align:top;border-bottom: 1px solid #bb649f;}
#FPageInspirationTxt {padding: 10px 0px 10px 0px;vertical-align:top;border-bottom: 1px solid #bb649f;}
#FPageInspirationTxtInner {padding: 3px 0px 3px 0px;}

#FPageAktueltOuter {height:345px;}
#FPageAktueltInner {padding: 10px 6px 0px 6px;}
#FPageAktueltHolder {width:100%;}
#FPageAktueltImage {vertical-align:top;}
#FPageAktueltTxt {padding: 10px 0px 10px 0px;vertical-align:top;}

#FPageFavOuter {height:197px;}
#FPageFavInner {padding: 0px 7px 7px 7px;}
#FPageFavHolder {width:100%;}
#FPageFavTxt {padding: 11px 0px 11px 0px;border-bottom: 1px solid #bb649f;}

#FPageLoginOuter {}
#FPageLoginInner {}
#FPageLoginInner IMG {margin: 10px 9px 9px 9px;}


/*=Inspirations List
------------------------------------------------------------*/
#InspirationOuter {}
#InspirationInner {padding: 0px 7px 7px 7px;}
#InspirationHolder {width:100%;}
#InspirationImage {width:100px;vertical-align:top;}
#InspirationTxt {vertical-align:top;}

#HR_list {border-bottom: 1px solid #bb649f;margin: 5px 0px 5px 0px;}

#ArkivOuter {min-height: 582px;}
#ArkivInner {padding: 0px 7px 7px 7px;}
#ArkivHolder {width:100%;}
#ArkivTxt {padding: 11px 0px 11px 0px;border-bottom: 1px solid #bb649f;}


/*=Inspirations View
------------------------------------------------------------*/
#NewsViewOuter {padding: 0px 7px 0px 7px;}
#NewsViewHeader {padding: 0px 0px 5px 0px; font-weight: bold; font-size: 13px;color: #551541; text-transform: uppercase;}
#NewsViewTxt {padding: 10px 0px 10px 0px;font-size: 12px; line-height: 14px; color: #551541;border-top: 1px solid #bb649f;border-bottom: 1px solid #bb649f;}
#NewsViewTxt P {padding-left: 0px; padding-right: 0px;font-size: 12px; line-height: 14px; color: #551541;}
#NewsViewBack {padding: 5px 0px 7px 0px;font-size: 12px; line-height: 14px; font-weight: bold;}


/*=Customer login
------------------------------------------------------------*/
#LoginBody {width:auto;margin:0px;padding:0px;background-image:none;background-color:#000000;}
#LoginMain_ { width:898px;}

#LoginHeader1Holder {background-color:#bb649f;width:898px;}
#LoginHeader1Inner {padding: 8px 0px 8px 10px; color: #ffffff; text-transform: uppercase;}

#LoginMainMenuHolder {background-color:#a15689;width:898px;margin: 0px 0px 20px 0px;}
#LoginMainMenuOuter {}
#LoginMainMenuInner {height:29px;}
#LoginMainMenuLinks {background-color:#bb649f;color:#ffffff;padding: 0px 10px 0px 10px;}
#LoginMainMenuLinks a:link {color:#ffffff;text-decoration:underline;}
#LoginMainMenuLinks a:active {color:#ffffff;text-decoration:underline;}
#LoginMainMenuLinks a:visited {color:#ffffff;text-decoration:underline;}
#LoginMainMenuLinks a:hover {color:#ffffff;text-decoration:underline;}

#LoginScrollContainerOuter {
	overflow:auto;
	width:922px;
	height:421px;
	scrollbar-track-color: #000000;
	scrollbar-3dlight-color: #a15689; 
	scrollbar-arrow-color: #FFFFFF; 
	scrollbar-darkshadow-color: #a15689; 
	scrollbar-face-color: #a15689; 
	scrollbar-highlight-color: #a15689; 
	scrollbar-shadow-color: #a15689;  
}

}
#LoginScrollContainer {width:898px;}

#LoginHeader2Holder {margin: 0px 0px 20px 0px;width:898px;}
#LoginHeader2Inner {padding: 8px 0px 8px 10px;color:#ffffff;background-color:#a15689; text-transform: uppercase;}

#LoginMainHolder {width:898px;}
#LoginMainInner {}
#LoginMainColHolder {width:898px;}
#LoginMainColSeperator {width:2%;}
#LoginMainColTD1 {vertical-align:top;background-color:#dcb0ce;width:32%;}
#LoginMainColTD2 {vertical-align:top;background-color:#dcb0ce;width:32%;}
#LoginMainColTD3 {vertical-align:top;background-color:#dcb0ce;width:32%;}
#LoginMainColHeader {background-color:#bb649f;}
#LoginMainColHeader DIV {padding: 8px 0px 8px 10px; color: #ffffff; text-transform: uppercase;}
#LoginMainTxt {padding: 0px 10px 0px 10px;}
#LoginMainTxt FORM {margin:0px;}
#LoginMainTxtBonus {padding:10px;text-align:center;}
#LoginMainTxtBonus DIV {font-size:60px;margin: 30px 0px 30px 0px;}

#LoginMainTDHeader {background-color:#bb649f;}
#LoginMainTDHeader DIV {padding: 8px 0px 8px 10px; color: #ffffff; text-transform: uppercase;}
#LoginMainColWide {padding: 10px 10px 10px 10px;background-color:#dcb0ce;}
#LoginMainColWide FORM {margin:0px;}

#LoginFormHolder {}
#LoginFormTitle {padding: 5px 0px 5px 0px;width:100px;}
#LoginFormField {padding: 5px 0px 5px 10px;}

.Input { font-size: 12px; height: 20px; font-family:arial; background: url('/Files/Filer/System/input_bg.gif') repeat-x #FFFFFF; border: 1px solid #bb649f; color: #bb649f;}
.Textarea {font-size: 12px;padding: 4px 0px 4px 0px;font-family:arial; background: url('/Files/Filer/System/input_bg.gif') repeat-x #FFFFFF; border: 1px solid #bb649f;line-height: 14px; color: #bb649f;}
.Select {font-size: 12px;font-family:arial; color: #bb649f;}
.Radio {}
.Checkbox {}
.LoginBtn {color:#ffffff;font-weight:bold;background-color:#8b2f6e; text-transform: uppercase;height:20px;font-size:10px;font-family:arial;border-style:none;}

#LoginListHolder {width:100%;}
#LoginListTitle {font-weight:bold;padding:5px;border-top: 2px solid #bb649f;border-bottom: 2px solid #bb649f;}
#LoginListTD1 {padding:5px;border-bottom: 1px solid #dcb0ce;background-color: #cea5c1;}
#LoginListTD2 {padding:5px;border-bottom: 1px solid #dcb0ce;background-color: #c29bb6;}
