/*
- DEFAULT HTML STYLES
- CONTAINER STYLES
- SPAN STYLES
- HEADLINE STYLES
- PARAGRAPH STYLES
- LIST STYLES
- LINK STYLES
- IMAGE STYLES
- TABLE STYLES
- FORM STYLES
- DIVERSE STYLES
*/
/*
OVERVIEW OF MAIN CONTAINERS (divs's) IN LAYOUT:
--------------wrapper-----------------------------------------
| |
| -------------header--------------------------------------- |
| | contains: logo, localoffices, print, fontsize | |
| | PS: localoffices is not in use | |
| ---------------------------------------------------------- |
| |
| --------------mainNav------------------------------------- |
| | -------------nav--------------- -----searchpanel--- | |
| | | | | not in use | | |
| | ------------------------------- ------------------- | |
| ---------------------------------------------------------- |
| |
| ---------------------breadcrumbs-------------------------- |
| | not in use | |
| ---------------------------------------------------------- |
| |
| --------------------contentWrapper------------------------ |
| | | |
| / LAYOUT ALTERNATIVE 1 / |
| | ----col1------ ------col2Wide---------------------- | |
| | | | | | | |
| | | content | | content | | |
| | | goes here | | goes here | | |
| | | | | | | |
| | | | | | | |
| | -------------- ------------------------------------ | |
| | | |
| / LAYOUT ALTERNATIVE 2 / |
| | ----col1------ ------col2---------- ----col3----- | |
| | | | | | | | | |
| | | content | | content | | content | | |
| | | goes here | | goes here | | goes here | | |
| | | | | | | | | |
| | | | | | | | | |
| | -------------- -------------------- ------------- | |
| | | |
| / LAYOUT ALTERNATIVE 3 / |
| | ----col1------ ------col2Wide---------------------- | |
| | | | | --innerCol2-- ---innerCol3--- | | |
| | | | | | | | | | | |
| | | content | | | content | | content | | | |
| | | goes here | | | goes here | | goes here | | | |
| | | | | | | | | | | |
| | | | | | | | | | | |
| | | | | ------------- --------------- | | |
| | -------------- ------------------------------------ | |
| ---------------------------------------------------------- |
| |
| --------------------footer-------------------------------- |
| | | |
| ---------------------------------------------------------- |
--------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------------------------
DEFAULT HTML STYLES
---------------------------------------------------------------------------------------------
*/
html{background:#e3e2db url(../Images/bgDesignelement.png) no-repeat 50% 275px}
body {padding:0px;margin:0px;font-size:76%;font-family:Arial,Verdana,sans-serif;background: url(../Images/bgTop.jpg) repeat-x 0px 85px;color:#3d3d3d}
h1 {padding:0px;margin:0px;padding:0 0 10px 0;font-size:1.7em;color:#1d510d;}
h2 {padding:0px;margin:0px;padding:0 0 5px 0;font-size:1.3em;color:#1d510d;}
div#content-col2 .rightMenu h2 a,
div#content-col2 .rightMenu h2 a:link,
div#content-col2 .rightMenu h2 a:visited { color: #1d510d; }
h3 {padding:0px;margin:0px;padding:0 0 5px 0;font-size:1.0em;color:#1d510d;}
h4 {padding:0px;margin:0px;padding:0 0 5px 0;}
p {font-size:1.0em;padding:0px;margin:0px;padding:0 0 15px 0; line-height: 1.5;}
ul {padding:0px;margin:0px;list-style:none;padding-left:5px;margin-bottom:20px;overflow:hidden}
ul li {padding:0px;margin:0px;padding:0 0 8px 8px;border-left:3px solid #e0dfdc}
ul li a:hover {text-decoration:none;}
ol {}
li {}
/*RIKTIG REKKE: LoVe HAte*/
a:link {color:#014993;text-decoration:none}
a:visited {color:#960000;text-decoration:none}
a:hover {color:#014993;text-decoration:underline !important}
a:active {color:#014993;text-decoration:none}
form {margin:0;padding:0;}
/*
---------------------------------------------------------------------------------------------
CONTAINER STYLES
---------------------------------------------------------------------------------------------
*/
div#wrapper {position:relative;padding-bottom:20px;width:970px;margin:0 auto 0px auto;}
div#printLogo {}
div#header {width:970px;float:left;overflow:hidden;}
div#logo {float:left;width:325px;padding-top:22px}
div#global {float:right;overflow:hidden;text-align:right;padding:5px 0}
div#slogan {float:left;width:316px;overflow:hidden;}
div.logoSlogan {padding-bottom:11px}
div#search {}
div#breadCrumb {float:left;overflow:hidden;width:100%}
div#contentWrapper {clear:both;float:left;width:100%;padding-bottom:13px;}
div#content-col1 {float:left;width:726px;background:transparent url(../Images/bgDesignelementContentCol1.png) no-repeat top left;padding-top:14px}
div.designelement {clear:both;float:left;overflow:hidden;width:100%;padding-bottom:13px;
background:transparent url(../Images/bgDesignelementContentWrapper.png) no-repeat bottom left}
div#content-col2 {float:left;width:244px;padding-top:0px}
div#content-col2.frontPage{padding-top:30px;}
div#footer {float:left;overflow:hidden;width:724px;border:1px solid #fff;margin-top:5px;margin-bottom:30px;background-color:#e3e2db}
div#footer div.module {padding:10px 10px 5px 10px;float:left;overflow:hidden;width:704px}
div#content-col1 div.firstModule {padding:0 10px 10px 14px;background-color:#fbfaf8;float:left;width:702px;overflow:hidden;}
div#content-col1 div.module {padding:10px 10px 10px 14px;background-color:#fbfaf8;margin-top:5px;float:left;overflow:hidden;width:702px;}
div#content-col1 div.faremerkerModule {padding:10px 0px 10px 0px;background-color:#fbfaf8;width:726px;overflow:hidden;float:left}
div.container {float:left;overflow:hidden;width:100%;}
div#content-col2 div.newsList {padding:10px 10px 15px 12px;float:left;width:224px;overflow:hidden;}
div.pageView, div.freetextPart {margin:0px 0px 0px 2px;padding:9px 0px 15px 0px;float:left;width:242px;overflow:hidden;
background: url(../Images/bgDesignelementContentCol2Top.png) no-repeat top right;}
div.rightMenu {margin:0px 0px 0px 0px;padding:13px 0px 15px 0px;float:left;width:240px;overflow:hidden;
background: url(../Images/bgRightMenuTop.png) no-repeat top right;}
div.rightMenu div.content {border-left:0px solid white !important;padding:0px;padding:10px 5px 10px 15px !important;border-right:3px solid #fff !important;
border-bottom:2px solid #fff !important;border-top:0px solid white !important; line-height: 1.6!important; }
div#content-col2 div.content, div#content-col1 div.content {background-color:#ecebe4;border:1px solid #dfded9;padding:10px;float:left;overflow:hidden;width:218px; line-height: 1.6;}
div#content-col2 div.designelement {background: url(../Images/bgDesignelementContentCol2Bottom.png) no-repeat bottom right;}
div#content-col2 div.newsList div.designelement {background:none}
div#content-col2 div.newsList div.content {background:none;border:0px solid #dfded9;padding:0px;float:left;overflow:hidden;width:100%;}
div#content-col2 div.border {background:transparent url(../Images/bgBorder.gif) repeat-x top left;padding:10px 0px 10px 0;float:left;overflow:hidden;width:224px;}
div.heading {float:left;overflow:hidden;width:100%;}
div.box {float:right;width:210px;overflow:hidden;padding:10px;
background:#f3f2ee url(../Images/bgDesignelementContentCol1BoxBottom.jpg) no-repeat bottom left;margin-left:5px;}
div.productContainer, div.faremerkerWrapper div.container {float:left;overflow:hidden;width:100%;padding-bottom:10px;}
div.productContainer {float:left;overflow:hidden;width:100%;padding-bottom:10px;background:transparent url(../Images/bgHr.gif) repeat-x scroll left bottom;
margin-bottom:10px;}
div.productContainer div, div.faremerkerWrapper div.container div {float:left;overflow:hidden;width:50%}
div.faremerkerWrapper {float:left;overflow:hidden;width:700px;padding:20px 10px 10px 14px}
div.left, div.right {float:left;overflow:hidden;width:50%}
div.right {text-align:right;padding-top:30px}
div#socialLinks {text-align:right;width:100%;float:left;overflow:hidden;z-index:1000;}
div.frontPageContainer {float:left;width:726px;overflow:hidden}
div.frontPageElement {float:left;overflow:hidden;width:650px;text-align:center;padding-left:50px;padding-bottom:10px}
div.frontPageElement div.how1, div.frontPageElement div.how2, div.frontPageElement div.how3 {float:left;overflow:hidden;text-align:center;
font-size:1.4em;line-height:1.0em;}
div.frontPageBox {float:left;width:220px;overflow:hidden;text-align:left;padding:20px 5px 10px 10px;}
div.headergroup {float:left;overflow:hidden;padding-bottom:0px;}
div.group {float:left;overflow:hidden;width:100%;padding-bottom:0px;}
div.ingressImg {float:left;max-width:260px;overflow:hidden;}
div.productWrapper {float:left;overflow:hidden;width:100%;padding:10px 0 0 0}
div.hr {float:left;overflow:hidden;width:100%;background:transparent url(../Images/bgHr.gif) repeat-x top left;height:20px}
div.accessibility {padding:0px;margin:0px;background:none;list-style:none;width:auto;float:left;overflow:hidden;
background-color:#ecebe4;border:1px solid #d9d8d0 !important;border:0px;padding:1px 2px 3px 2px}
div.sitemap {padding-right:4px;float:left}
div.expander-content {padding-top:5px}
div.heading {float:left;overflow:hidden;width:100%;padding-bottom:5px}
div.last {background:none !important;}
.hzHead {background-color:#f3f2ee; padding:5px 1px 1px 12px;margin:0px -7px 10px -12px}
div.UserInfo {float:left;width:100%;padding:0px 0 10px 0}
div.userEmail {float:left;width:50%}
div.userName {float:left;width:35%}
div.titleText {float:left;width:100%;clear:both;padding-bottom:10px}
div.editBox{float:left;width:100%;clear:both}
div.firstModule div.frontPageContainer {float:left;width:100%}
div.firstModule div.frontPageContainer h1 {float:left;width:auto;}
div.firstModule div.frontPageContainer div#socialLinks {float:right;width:auto;}
div#socialLinks.hazardsList {margin-top:-39px;width:160px;float:right}
div.newsletterInfo {padding:25px 0px 25px 0px;float:left;width:100%}
div.shoppingCart {position:absolute;right:2px;top:93px;background:#f2f1ee url(../Images/bgShoppingChartContainer.jpg) no-repeat bottom left;padding:0px 0px 7px 0px;width:241px;margin-bottom:5px;margin-left:2px}
div.shoppingCartContainer {background-color:#f2f1ee;width:239px;border-left:1px solid #e3e3db;border-right:1px solid #e3e3db;padding:10px 0px 0 0px;overflow:hidden}
div.cart {overflow:hidden;width:200px}
fieldset.commentContainer div.container {padding-bottom:5px}
div.captcha {float:left;width:100%;padding:10px 0}
/*
---------------------------------------------------------------------------------------------
SPAN STYLES
---------------------------------------------------------------------------------------------
*/
span.product {float:left;padding:3px 3px 0 0;}
span.producer {float:left;padding:3px 0 0 0;}
span.nolink {float:left;padding:0 0 0 3px;}
div.commentContainer span.error {float:left;}
span.errorBlock {display:block}
/*
---------------------------------------------------------------------------------------------
HEADLINE STYLES
---------------------------------------------------------------------------------------------
*/
div#content-col2 div.newsList h2, div#content-col2 div.freetextPart div.heading h2 {color:#960000;float:left;padding:0px;margin:0px;padding:0 0 5px 0;
background:none;}
div#content-col2 div.freetextPart h2, div#content-col2 div.pageView h2 {color:#960000;padding:0px;padding:0 0 3px 0;
margin:0 0 10px 0;background:transparent url(../Images/bgBorder.gif) repeat-x bottom left}
div.productContainer div h2 {/*float:left;width:80%*/}
div.container div h2 {float:left;width:70%}
div#slogan h2 {color:#000;width:100%;padding:0px;margin:0px;font-size:1.0em}
div#footer h3 {padding:0px;padding:0 0 1px 0}
div.group h2 {padding:0px;padding:0 0 2px 0}
div.heading h1 {padding-top:5px}
div.containerCaption h2 {padding:0px;padding:3px 0 3px 0}
div.expander h3.shoppingList {background:none;cursor:text;text-decoration:none;padding:0px;color:#1D510D;padding:0 0 5px 0}
div.shoppingCartContainer h3 {font-size:100%;font-size:1.1678em}
div.captcha h4 {float:left;padding:0 15px 0 0}
/*
---------------------------------------------------------------------------------------------
PARAGRAPH STYLES
---------------------------------------------------------------------------------------------
*/
p.ingress {font-weight:bold}
div#slogan p {padding:0px;margin:0px}
div.faremerkerWrapper div.container div p {width:70%;float:left}
div.left p, div.right p {padding:0px;margin:0px}
p.numHits {float:left;overflow:hidden;width:100%;padding-top:10px;font-weight:bold}
div.ingressImg p {font-size:0.9em;padding:0 0 10px 0}
p.email {float:left;width:100%}
div.shoppingCartContainer p {padding:0px;padding:0 0 5px 0}
/*
---------------------------------------------------------------------------------------------
LIST STYLES
---------------------------------------------------------------------------------------------
*/
div.expander ul {float:none}
div#global ul.global {padding:0px;margin:0px;list-style:none;text-align:right;width:19em;float:left;overflow:hidden;border:0px}
div#global ul.global li {padding:0px;margin:0px;float:right;padding:0px 0px 0px 5px;text-align:right;border:0px;}
div#breadCrumb ul {border:0;padding:0px;margin:0px;padding:0 0 10px 14px;float:left;overflow:hidden;width:900px}
div#breadCrumb ul li {border:0px;float:left;padding:0px;margin:0px;padding:0 0px 0 15px;background:transparent url(../Images/divider.png) no-repeat 4px 5px;font-size:0.95em;}
div#breadCrumb ul li.first {background:none;padding:0px}
ul.menu {border:0px;padding:0px;margin:0px;width:712px;float:left;overflow:hidden;}
ul.menu li {float:left;padding:0px;margin:0px;font-weight:bold;padding-right:0px;border:0px;}
ul.menu li.active {background:transparent url(../Images/bgMenuLeft.png) no-repeat top left;}
div.productContainer div ul {border:0px;padding:0px;margin:0px;list-style:none;}
div.productContainer div ul li {padding:0px;margin:0px;display:inline;padding:0 10px 0 0;border:0px; line-height: 1.6;}
div.productContainer div ul {float:left;width:80%;overflow:hidden;}
ul.tabMenu {border:0px;padding:0px;margin:0px;list-style:none;width:717px;float:left;overflow:hidden;
background:transparent url(../Images/bgTabMenu.jpg) repeat-x bottom left;margin:0 3px 0 3px;padding-left:5px}
ul.tabMenu li {border:0px;padding:0px;margin:0px;float:left;padding:0 0px 0 1px;font-size:1.3em;font-weight:bold}
div#socialLinks ul {background:none;border:0px;float:right;padding:0px;margin:0px;width:auto;}
div#socialLinks ul li {border:0px;float:left;background-color:#f2f1ee;padding:0px;margin:0px;margin:0 2px 0 0}
ul.prodmenu {padding:0px;margin:0px;border:0px;padding:0px 5px 5px 0px;float:none;overflow:visible}
ul.prodmenu li {border:0px;padding:0px;margin:0px;padding:5px 0px 5px 0px;background:transparent url(../Images/bgBorder.gif) repeat-x bottom left;}
ul.prodmenu li.open ul {padding:0px;margin:0px;margin-top:10px;}
ul.prodmenu li.open {background-color:#fbfaf8;margin-left:-17px;padding-left:17px;}
ul.prodmenu li ul li {padding:0px;padding:0px 5px 3px 0px;background:none !important}
ul.prodmenu li.active, ul#prodmenu li.open {background:#fbfaf8 url(../Images/bgHr.gif) repeat-x 0px 24px;}
ul.prodmenu li ul li.open, ul#prodmenu li ul li.active {background:none !important}
ul.productPage {width:692px !important;margin:0px !important}
ul.productTheme {font-weight:bold;float:left;overflow:visible;}
div.expander-content ul li {padding-bottom:0px;float:left;width:100%}
div.expander ul li {float:left;width:100%;padding-bottom:0px;}
/*
---------------------------------------------------------------------------------------------
LINK STYLES
---------------------------------------------------------------------------------------------
*/
div.accessibility a, div.accessibility a:link, div.accessibility a:visited, div.accessibility a:active {
padding:2px 4px 0px 4px;
text-decoration:none;}
div.accessibility a:hover {text-decoration:underline;}
div#global ul.global li a, div#global ul.global li a:link, div#global ul.global li a:visited, div#global ul.global li a:active {display:block;float:left;padding:7px 20px 6px 20px;
background-color:#960000;border:1px solid #960000;color:#fff;text-decoration:none;font-weight:bold;letter-spacing:1px}
div#global ul.global li a:hover {background-color:#2c6c19;border:1px solid #2c6c19;color:#fff;}
div#global ul.global li.active a, div#global ul.global li.active a:hover {background:none;text-decoration:none;color:#960000; border:1px solid #960000}
div#breadCrumb ul li a, div#breadCrumb ul li a:link, div#breadCrumb ul li a:visited, div#breadCrumb ul li a:active {text-decoration:none;}
div#breadCrumb ul li a:hover {text-decoration:underline}
ul.menu li a, ul.menu li a:link, ul.menu li a:visited, ul.menu li a:active {font-size:1.2em;color:#1d510d;text-decoration:none;display:block;float:left;padding:20px 18px 30px 11px}
ul.menu li a:hover {text-decoration:underline;color:#1d510d;display:block;float:left;}
ul.menu li.active a {background:transparent url(../Images/bgMenuBody.png) no-repeat top right;padding:20px 18px 30px 0px;margin-left:13px;color:#fff;}
div#content-col1 p a, div#content-col2 p a {text-decoration: underline;}
div#content-col1 p a:visited, div#content-col2 p a:visited {color: #555;}
div#content-col2 h2 a, div#content-col2 h2 a:link, div#content-col2 h2 a:visited, div#content-col2 h2 a:active {color:#960000;text-decoration:none;}
div#content-col2 h2 a:hover {color:#960000;text-decoration:underline;}
a.archive {float:right;border:1px solid #d9d8d0;background-color:#ecebe4;padding:3px 10px;margin-bottom:3px}
a.archive:hover {text-decoration:none;background-color:#fbfaf8;}
h1 a, h2 a, h3 a, h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h1 a:active, h2 a:active, h3 a:active {text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover {text-decoration:underline;}
div.productContainer div h2 a {}
ul.tabMenu li a, ul.tabMenu li a:link, ul.tabMenu li a:visited, ul.tabMenu li a:active {text-decoration:none;color:#1d510d;background-color:#f2f1ee;
padding:0px;padding:10px 9px 1px 9px;display:block;float:left;border-left:1px solid #e0dfdc;border-right:1px solid #e0dfdc;border-top:1px solid #e0dfdc;
margin:8px 0 1px 0px;min-height:40px}
ul.tabMenu li a:hover {text-decoration:none;background-color:#F2F1EE}
ul.tabMenu li.active a, ul.tabMenu li.active a:link, ul.tabMenu li.active a:visited, ul.tabMenu li.active a:active {border-left:3px solid #ecebe4;
border-right:3px solid #ecebe4;border-top:3px solid #ecebe4;
padding:16px 10px 6px 10px;margin:0px 0 0px 0;background-color:#FBFAF8;}
ul.tabMenu li.active a:hover {border-left:3px solid #ecebe4;border-right:3px solid #ecebe4;border-top:3px solid #ecebe4;background-color:#FBFAF8;
padding:16px 10px 6px 10px;margin:0px 0 0px 0}
div#socialLinks ul li a {display:block;float:left;padding:5px;border:1px solid #e0dfdc}
div#socialLinks ul li.share a {padding:0px;padding:5px 20px 5px 5px;background:transparent url(../Images/bgArrowDown.gif) no-repeat 95% 50%}
div.frontPageElement div p a, div.frontPageElement div p a:link, div.frontPageElement div p a:visited, div.frontPageElement div p a:hover,
div.frontPageElement div p a:active {color:#448c2e;}
div.frontPageElement div p a strong {color:#1d510d;display:block;}
div.how1 p a {background:transparent url(../images/bgHandlekurv.png) no-repeat 50% 0%;padding:90px 0px 0 0px;margin:0px 50px 0 0px;display:block;float:left;width:130px;}
div.how2 p a {background:transparent url(../images/bghand.png) no-repeat 50% 0%;padding:90px 0px 0 0px;margin:0px 50px 0 0px;display:block;float:left;width:190px;}
div.how3 p a {background:transparent url(../images/bgSoppelbotte.png) no-repeat 50% 0%;padding:90px 0px 0 0px;display:block;margin:0px 20px 0 0px;float:left;width:130px;}
ul#prodmenu li a {color:#3d3d3d;font-weight:bold;font-size:1.1em;}
ul#prodmenu li ul li a {font-weight:normal}
ul#prodmenu li ul li a, ul#prodmenu li.open ul li a {color:#014993;font-size:1.0em}
ul#prodmenu li.open a, ul#prodmenu li.open ul li.open a {color:#1d510d;}
ul#prodmenu li.open ul li.open a {font-weight:bold;}
div.languageChanger { padding-top: 10px; margin-right: 4px; }
div.sitemap a {padding:0px;margin:0px;background:none;list-style:none;width:auto;float:left;overflow:hidden;background-color:#ecebe4;border:1px solid #d9d8d0 !important;border:0px;padding:9px 5px 4px;}
a.normal {}
a.medium {font-size:1.4em}
a.large {font-size:1.7em}
ul.tabMenu li a.handlekurv {background:#f2f1ee url(../Images/handlekurv.png) no-repeat 5px 10px;padding-left:40px !important}
ul.tabMenu li a.hand {background:#f2f1ee url(../Images/hand.png) no-repeat 5px 10px;padding-left:45px !important}
ul.tabMenu li a.soppelbotte {background:#f2f1ee url(../Images/soppelbotte.png) no-repeat 5px 10px;padding-left:45px !important}
a.imageLighbox {float:right;padding:0 0 0 2px}
span.producer a {float:left}
.productImageIcon { float: left; margin-top: 2px; }
/*
---------------------------------------------------------------------------------------------
IMAGE STYLES
---------------------------------------------------------------------------------------------
*/
img {border:0px;}
div#logo img {float:left;}
div.newsList img {float:left;padding:0 5px 5px 0;max-width:80px}
div.productContainer div img, div.container div img {float:left}
div.productContainer div img {padding:0 5px 5px 0}
ul.tabMenu img {float:left;padding-right:5px}
img.ingressImg {margin: 0px 10px 3px 0px;float:left;overflow:hidden;width:250px;}
div.left img {float:left;padding:3px 5px 5px 0}
div.heading img {float:left}
img.shoppingIcon {float:left;display:block;padding:0 5px 0 5px;margin-top:-6px}
img.help {cursor:pointer}
p.cart img {float:left;padding-right:4px;}
/*
---------------------------------------------------------------------------------------------
TABLE STYLES
---------------------------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------------------------
FORM STYLES
---------------------------------------------------------------------------------------------
*/
fieldset.search {float:right;overflow:hidden;width:258px;padding:0px;margin:3px 0 0 0;border:0px;padding-top:0px;text-align:right;}
input.submit {padding:0px;margin:0px;padding:1px 9px 2px 9px;overflow:visible;text-align:center;background-color:#960000;color:#fff;
border:0px;border:1px solid #c4c4c3;height:30px;float:right;margin:0 0 0 8px;cursor:pointer;font-weight:bold;}
input.submit:hover {background-color:#2c6c19;}
div#MainBody input.submit {margin:0px 10px 0px 10px;float:left;}
div.designelement input.submit {margin:0px;margin:10px 0 0px 0;float:left;}
input.sok {border:0px;border:1px solid #d2d1c3;height:28px;padding:0px;margin:0px;float:left;width:182px;padding:0px 3px 0 10px;line-height:28px}
div.userEmail label, div.userName label,div.titleText label {padding-right:10px;}
div.userEmail input {width:200px}
div.newsletterInfo input, div.newsletterInfo label, div.designelement p.email input.txtBox {float:left}
div.designelement div.newsletterInfo input.txtBox, div.designelement p.email input.txtBox {border:1px solid #D2D1C3;height:28px;margin:0;padding:0px 3px 0 10px;width:182px;line-height:28px}
div.designelement div.newsletterInfo input.submit, div.designelement p.email input.submit {height:30px;margin-top:0px;margin-left:10px}
div.designelement div.newsletterInfo label {padding:5px 5px 0 0}
.addToChart {background:transparent url(../Images/bgAddToChart.jpg) no-repeat top left;border:0px;padding:0px;margin:0px;width:18px;height:23px;float:left;cursor:pointer}
.removeFromChart {background:transparent url(../Images/bgRemoveFromChart.jpg) no-repeat top left;border:0px;padding:0px;margin:0px;width:18px;height:23px;float:left;cursor:pointer}
.addToChart:hover {background:transparent url(../Images/bgAddToChartHover.jpg) no-repeat top left;border:0px;padding:0px;margin:0px;width:156px;height:23px;cursor:pointer}
.removeFromChart:hover {background:transparent url(../Images/bgRemoveFromChartHover.jpg) no-repeat top left;border:0px;padding:0px;margin:0px;width:157px;height:23px;cursor:pointer}
.cartButton {border:0px;margin:0px;padding:0px;background-color:#81ac38;color:#fff;padding:1px 6px;cursor:pointer}
.cartButton:hover {background-color:#8cbb3d}
fieldset.commentContainer {float:left;width:100%;padding:0px;margin:0px;border:0px;padding:20px 0 20px 0px; clear:both;}
fieldset.commentContainer input, fieldset.commentContainer label {float:left;margin-right:5px}
label.shortTxt {width:50px;}
label.normalTxt {width:100px;}
label.longTxt {width:200px;}
fieldset.commentContainer legend {padding:0px;margin:0px;padding:0 0 5px 0;font-size:1.3em;color:#1d510d;float:left;width:100%}
/*
---------------------------------------------------------------------------------------------
BODY STYLES
---------------------------------------------------------------------------------------------
*/
body#wideArticle div#content-col2 {display:none;}
body#wideArticle div#content-col1 {background:transparent url(../Images/bgDesignelementContentCol1WideArticle.png) no-repeat top left;width:100%}
body#wideArticle div#content-col1 div.firstModule, body#wideArticle div#content-col1 div.module {width:946px}
body#wideArticle div#footer {width:966px}
body#wideArticle div.designelement {background:transparent url(../Images/bgDesignelementContentWrapperWideArticle.png) no-repeat bottom left}
/*
---------------------------------------------------------------------------------------------
DIVERSE STYLES
---------------------------------------------------------------------------------------------
*/
div#printLogo { display : none; }
div.clearer {clear:both;font-size:1px;line-height:1px;}
.hiddenTxt, .hiddenTxt a {position: absolute;left: -1000px;width: 900px;display:none;}
/* Arnes synder*/
div.splitList {float:left; width:200px;}
div.themeCol1{float:left; width:290px; padding-right:20px;}
div.themeCol2{float:left; width:290px; padding-right:20px;}
div.themeCol3{float:left; width:290px;}
.errorMessage{float:left;}
.hidden {display:none;}
/* Formatterer feilutskrifter for skjema - Arne */
span.xformvalidator {color:Red;font-weight:bolder;padding-left:4px;}
img.listImg {max-width:100px;float:left;padding:3px 10px 10px 0}
h1.red {color:#960000;}
span.producer{color: #aaaaaa;}
/* Lars' uvaner */
div.error {color:Red;font-weight:bold;}
div.productCategoryLeft{width:160px;padding:10px 10px 10px 10px; float:left;}
div.productCategoryRight{padding:10px 10px 10px 10px; float:left;}
div.addPageContainer{padding: 10px 20px 10px 250px;}
div.addButton{float:right;}
img.productCategoryTitleImg{float:left; padding-right:10px;}
div.contacttable {border:solid 1px #888;width:682px;float:left;padding:10px 10px}
table.contacttable {border:0px;}
tr.padded {}
textarea.inputmultiline{font-family:Verdana, Arial;font-size:0.9em;width:500px;}
#lightboxMail_wrapper{padding:15px;}
div.maildiv{width:100%;float:left;display:block;padding-top:5px;color:#000;}
div.mailheaderdiv{width:100%;float:left;display:block;color:#000;}
div.maildivright{width:100%;float:right;display:block;padding-top:25px;text-align:right;}
a.preview{background-color:#2C6C19;border:1px solid #2C6C19;color:#FFFFFF;padding:4px 20px;}
tr.padded{}
a.dialectlink{padding-left:40px;}
div.downloadlinks{width:100%;padding:10px 0 10px 0;}
div.templatedesc{padding:7px 0 0 0px;float:left;}
div.downloadlink{padding:0 0 4px 20px;float:left;}
div.dialectlink{padding:7px 0 0 40px;float:right;}
span.error{color:Red;font-weight:bold;}
div.products h2{padding-top:10px;}
div.products {float:left;width:100%;padding:20px 0 10px 0;}
div.expander h3 {vertical-align:top;font-weight:bold;
color:#014993;text-decoration:underline;background:transparent url(/images/open.png) no-repeat scroll left top;cursor:pointer;margin-left:-1px;padding:0px 0 3px 25px;}
div.expander.expanded h3 {background-image:url(/images/close.png);}
div.comment{width:100%;border:1px solid #2C6C19;margin-top:10px;clear:both;}
div.comment input.submit{margin-bottom:10px;}
span.commentLabel{font-weight: bold;}
table.comment{width: 100%;margin: 25px 0 10px 0;}
div#no-js noscript {margin-bottom:10px;padding:10px; border:1px solid #960000; background:#ff9; color:#960000; width:662px;float:left; }
/* Stiler under her er stiler som er klippet fra demosidene i EPiServer standard implementasjon *
/*************************/
/* FORUMS */
/*************************/
.forumTable {width:100%;display:table !important}
.forumTable th.title {width:50%;text-align:left; font-weight:bold;}
.forumTable th {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: bold;border-bottom: 1px solid #dcdcdc;}
.forumTable th.replies {text-align:right; font-weight:bolder;}
.forumTable td.replies {text-align:right; font-weight:normal;}
.forumTable td.info {width:20%;}
.forumTable th {padding:0 8px; text-align:left; font-weight:bold;}
.forumTable a { font-family: Verdana, Arial, Helvetica, Sans-Serif;}
.forumTable tr.even td, .forumTable tr.uneven td {padding:4px 8px;}
.forumTable tr.even td {background-color:#ebf0f3;}
.forumTable tr.uneven td {}
.forumTable a:hover {background-color:Transparent;}
.forumTable a.default {display:block;background-image:url(/images/forum/default.png);background-repeat:no-repeat;background-position:left center;
padding:8px 0px 8px 32px;}
.forumTable a.information {display:block;background-image:url(/images/forum/Information.png);background-repeat:no-repeat;background-position:left center;
padding: 8px 0px 8px 32px;}
.forumTable a.auction {display:block;background-image:url(/images/forum/Auction.png);background-repeat:no-repeat;background-position:left center;
padding: 8px 0px 8px 32px;}
.forumTable a.bomb {display:block;background-image:url(/images/forum/bomb.png);background-repeat:no-repeat;background-position:left center;
padding: 8px 0px 8px 32px;}
.forumTable a.sticky {background-image:url(/images/forum/sticky.png);background-repeat:no-repeat;background-position:right center;padding: 0px 24px 0px 0px;}
.forumTable a.locked {background-image:url(/images/forum/lock.png);background-repeat:no-repeat;background-position:right center;padding: 0px 24px 0px 0px;}
.forumTable a.stickylocked {background-image:url(/images/forum/stickylocked.png);background-repeat:no-repeat;background-position:right center;
padding: 0px 40px 0px 0px;}
.createForum label, .createThread label, .createReply label, .createWorkroom label {display:block;float:left;width:180px;text-align:right;
margin-right:10px;line-height:2em;}
.createThread label, .createWorkroom label {width:120px;}
.createReply label {width:80px;}
.createForum div, .createThread div, .createReply div, .createWorkroom div {margin-bottom:0.8em;}
.createForum input.title {width:300px;}
.createThread input.title, .createThread textarea, .createThread div.text, .createWorkroom input.title, .createWorkroom div.text {width:68%;}
.createThread div.buttons, .createWorkroom div.buttons {margin-left:130px;}
.createReply textarea {width:460px;}
.createForum div.buttons {padding-left:190px;text-align:left;}
.createReply div.buttons {margin-left:90px;}
.replyList {list-style-image:none;list-style-type:none;margin:0;overflow:hidden;}
.reply {margin:0 0 10px 0;padding:10px 0;overflow:hidden;}
.reply .forumContent {background-image:url(/images/forum/replyBg.png);background-repeat:repeat-y;background-position:485px;width:100%;overflow:hidden;}
.reply .text {float:left;width:460px;padding:10px 15px;overflow:hidden;}
.reply .info {float:left;width:120px;padding:10px 15px;overflow:hidden;}
/*************************/
/* BUTTONS */
/*************************/
.buttonToolbar {float:right;padding:0 10px 6px 10px;}
.WRbuttons {float:right;padding:1em 0 0.5em 0;}
.WRbuttonsLeft {float:left;padding: 1em 0 0.5em 0;}
.WRbuttonsDiv {width:3em;height:0.5em;}
.createButton, .editButton, .deleteButton, .stickyButton, .lockButton, .upButton, .inviteButton {padding:0 4px 4px 18px;background-repeat:no-repeat;
line-height: 1.4em;font-family:Verdana, Helvetica, Sans-Serif;}
.createButton {background-image:url(/Images/Add.png);}
.editButton {background-image:url(/Images/Edit.png);}
.deleteButton {background-image:url(/Images/Delete.png);}
.stickyButton {background-image:url(/Images/forum/sticky.png);}
.lockButton {background-image:url(/Images/forum/lock.png);}
.upButton {background-image:url(/Images/forum/up.png);}
.inviteButton {background-image:url(/Images/Invite.png);}
.MMeditButton, .MMcreateButton, .MMinviteButton, .WReditButton, .WRcreateButton, .WRdeleteButton {padding:0 0 0.6em 2em;margin:0 0 0 0.6em;
background-repeat: no-repeat;line-height:1.6em;font-family: Verdana, Helvetica, Sans-Serif;width:auto;display:inline;}
.WReditButton {background-image:url(/Images/edit.png);}
.WRdeleteButton {background-image:url(/Images/delete.png);}
.MMcreateButton, .WRcreateButton {background-image:url(/Images/add.png);}
.MMeditButton {background-image:url(/Images/edit.png);}
.MMinviteButton {background-image:url(/Images/invite.png);}
.SendNotificationsConfirmation {padding-left:2em;}
#MainContentArea {width:665px;height:250px;min-height:250px;float:left;margin:0.4em 0 0 0;}
.contentAreaFull, .contentAreaWide, .contentAreaHalf, .contentAreaNarrow {width:665px;margin-left:15px; float: left; overflow: hidden;}
.contentAreaFull {margin-left: 0;}
.contentAreaWide {width:435px;}
.contentAreaHalf { width: 325px;}
.contentAreaNarrow { width: 215px;}
.contentAreaFirst { margin-left: 0;}
.contentAreaFull .container{display: block;padding: 0.1em 0;margin-bottom: 1.5em;background: url(/images/PageMainBodyWideBg.png) no-repeat;}
.contentAreaWide .container {background: url(/images/PageMainBodyBg.png) no-repeat;}
.contentAreaHalf .container {background: url(/images/PageMainBodyColumnBg.png) no-repeat;}
.contentAreaNarrow .container {background: url(/images/PageSecondaryBodyBg.png) no-repeat;}
.container textarea {width: 90%;height: 12em;}
.container .containerCaption {padding: 0 10px 2px 10px;}
.container .containerCaution {padding: 0 10px 2px 10px;}
.container .containerCaution h1 {color: #e99636;background: url(/images/WRcommon/notice.png) no-repeat center right;}
.container .containerContent {display: block;width:651px;border: 1px solid #dcdcdc;padding: 0.5em;background-color: White;overflow: hidden;
height: auto;}
.container .containerContentTextB {border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;
padding: 1em 1em 1.5em 2.5em;margin-bottom: 0.5em;}
.container .containerContentText ul {display:block; margin-left: 1.5em;overflow: visible;}
.container .containerToolbar {float: right;padding: 0 10px;}
.container .containerCaption .containerToolbar {padding: 0;}
.containerContent .validation ul {font-style: normal;font-size: 0.8em;background-color: #eeeeee;margin: 1em 2em;padding: 1em;}
.containerContent .validation li {margin-left: 1.4em;list-style-image: none;padding: 0;}
.containerContent div, .containerContent table {overflow: hidden;display: block;height: auto;}
.containerContent .buttons {clear: both;float: left;display: inline;padding-top: 0.5em;}
.containerContent .buttonsRight {float: right;padding-top: 0.5em;}
#SiteMap {}
#SiteMap ul {clear:both;padding:0px;margin:0px;border:0px;}
#SiteMap ul li {clear:both;padding:0px;margin:0px;border:0px;}
#SiteMap ul li ul {clear:both;padding:0px;margin:0px;border:0px;margin-left:10px;}
#SiteMap ul li ul li {clear:both;padding:0px;margin:0px;border:0px;}
#SiteMap ul li ul li ul {clear:both;padding:0px;margin:0px;border:0px;margin-left:20px;}
#SiteMap ul li ul li ul li {clear:both;padding:0px;margin:0px;border:0px;}
#SiteMap ul li ul li ul li ul {clear:both;padding:0px;margin:0px;border:0px;margin-left:30px;}
#SiteMap ul li ul li ul li ul li {clear:both;padding:0px;margin:0px;border:0px;}
/*TODO snakk med Thomas om denne....*/
.flexigrid .row {overflow:visible !important}
input.comment { width: 20px; }
input.commentText { width: 400px; height: 40px; }
span.statusLabel { color: Red; font-weight: bold; }
p.error { width: 50%; }
div.comments {float:left;width:100%;}
/* Lagt til av Lars */
a.productImage{cursor:pointer;text-decoration:none;}
a.productImage:hover{text-decoration:none !important;}