/** Override default (webbrowser) dl margin settings */DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { margin:0px;}body {background-color: #ccc;padding:0px;text-align:center;margin-left: auto;margin-right: auto;	}body, div, td, th, p, h1, h2, h3, li {	color: #333333;		font-size: 20px;        font-weight: normal;}p, *, img{    border: 1;    outline: 0;    color: #000;    font-family: Verdana, Arial, Helvetica, sans-serif;    text-decoration: none;    font-size: 11px;}/* -----------------------------------------------------------------------------------------    - Font settings   ---------------------------------------------------------------------------------------*/h1, h2, h3, h4, #header span, #mainmenu a, #mainmenu span, ul.submenu a,ul.level2 a, #footer .brands h5, .news-single-item h1, .news-latest-item h2,.news-latest-item h2, .news-list-item h2, .news-list-item h2 a, .news-bloglist-item h2,.news-bloglist-item h2 a, .container_24 .tx-nwgbanners-pi1 .box .heading,.container_24 .tx-nwgbanners-pi1 .box .newprice, .container_24 .tx-nwgbanners-pi1 .box .procent,.container_24 .tx-nwgbanners-pi1 .box .store {    font-family: 'FranklinGothicMediumCondRegul', Verdana;}@font-face {  font-family: 'FranklinGothicMediumCondRegul';  src: url('../font/framdcn-webfont.eot');  src: local('?'), url('../font/framdcn-webfont.woff') format('woff'), url('../font/framdcn-webfont.ttf') format('truetype'), url('../font/framdcn-webfont.svg#webfontrKowMkQD') format('svg');  font-weight: normal;  font-style: normal;}/* CSS Document */#imgright1, #imgright2, #imgright3 {padding-top: 10px;float: left;}.bold {font-weight: bold;}#bilder {float: left;width: 210px;padding-top: 10px;padding-bottom: 10px;padding-right: 10px;background-color: #ffffff;height: auto;}#headpic{background-image: url('../img/bokfoto.jpg');background-repeat: no-repeat;background-position: top;width: 793px;height: 250px;border-bottom: 1px solid #000000;}#tt_news{height: auto;padding-top: 15px;padding-right: 15px;width: 200px;}#maintable {padding: 0px;width: 700px;}#menutable { width: 180px;background-color: #F0F0F0;}#menutable2 { width: 400px;padding-left: 10px;}#submenu {	background-color: #F0F0F0;height: 100%;width: 180px;float: left;padding-right: 5px;}#maincontainerbok {width: auto;float: left;padding-top: 10px;padding-left: 10px;padding-right: 15px; }.csc-textpic-image {padding: 3px; }#maincontainer {width: auto;float: left;padding: 15px;}.news-single-img{float: right;padding: 10px;}.news-single-item h2{font-size: 12px;line-height: 17px;text-transform: none;font-weight: normal;color: #333333;}.news-single-item h3{font-size: 11px;line-height: 17px;text-transform:none;font-weight: bold;color: #333333;}.csc-header{margin-bottom: 10px;}#wrapper {width: 793px;text-align:left;padding: 0px;height: auto;border: 1px solid #000000;background-color: #ffffff;}#logorow {	width:750px; 	text-align:left;        margin-bottom: 6px;	margin-top: 80px;}#logo {    display: none;}#page {	width:750px;	border: 1px solid #959DA1;}/*p, content, div, a, input, label, submit {	color: #333333;	font-size: 10px;	letter-spacing: 0.3;	font-weight:normal;	margin-top:0px;line-height: 16px;}*/a {	text-decoration: none;	color: #000;	border-bottom:1px solid #fff;}a:Hover {	text-decoration: underline;	color: #999;}#menu_lvl1 {border-bottom: 1px solid #000000;background-color: #999;height: 50px;}#menu_lvl1 a{    border-bottom: none;    border-right: 1px solid #FFFFFF;    color: #FFFFFF;    font-size: 10px;    font-weight: normal;    line-height: 50px;    padding-left: 10px;    padding-right: 10px;}#menu_lvl1 a:hover {    color: #ccc;}#menu_lvl2 {}#menu_lvl2Content {	color: #A6ADB0;	background-color: #8EAF61;	padding-left:8px;	height: 25px;	}#menu_lvl3Content {	color: #A6ADB0;	line-height: 20px;	padding-left:3px;	height: auto;			}#menu_lvl2 a {	line-height: 23px;	word-spacing: 2px;	padding-left: 9px;	padding-right: 8px;	height:25px;	border:0px;	}h2, #menu_lvl2 a{	color: #959DA1;	text-decoration: none;	font-size: 10px;	font-weight: normal;	letter-spacing: 0px;}#footer{background-color: #999;border-bottom: 1px solid #000000;border-left: 1px solid #000000;border-right: 1px solid #000000;height: 30px;text-align: center;}#lang{color: #000000;border-bottom: 0px;padding-left: 4px;padding-top: 2px;}#lang a{color: #000000;border-bottom: 0px;}#lang a:Hover{color: #ffffff;border-bottom: 0px;}#menu_lvl1 a:Hover, #menu_lvl1 a.selected{	color:#ccc;	border:0px;	border-right: 1px solid #fff;}#menu_lvl2 a:Hover,#menu_lvl2 a.selected{	color:black;	border:0px;	}#contentBlock {/*	overflow: hidden;	display:block;*/	}#leftColumn {	float:left; 	z-index:4;	/*	background-color:white;	filter: alpha(opacity=40);  -moz-opacity: 0.40;  opacity: 0.40;*/  height:418px !important;  overflow:hidden;}#leftColumn p {}#content {	height:418px;		overflow:visible;}#left, #leftFlowable {	float:left;		padding-top: 150px;	padding-left: 45px;	width:315px !important;	width:374px;	/*display:inline;*/}#left { /* left column with fixed height */	height:268px !important;	height:418px; /* reset height for IE, above padding is counted into height for MOZ.. */		overflow:hidden;}#right, #rightFlowable {	width:374px;	position:relative;	float:right;	overflow:hidden;}#right { /* right column with fixed height */	height:418px !important;	overflow:hidden;}#rightContent{	width: 334px;	height: 418px;	position: absolute;        float: right;        right: 45px;}#indexProductImage{	position: absolute;	top: 85px;	right: 0px;}#indexProductTitle{	padding-top: 50px;	position: absolute;	right: 0px;	text-align: right;	z-index: 500;}/*******Begin adjusting produkt color samples****/#productOptions, #colorSamples {	display: block;	margin-bottom:15px;	padding-right: 45px;	float: right;        margin-left: 0px;        padding-left: 0px;}#colorSamples ul{	list-style-type: none;	clear: both;}#colorSamples li{	float: right;        padding-left: 31px !important;	padding-left: 42px;	text-align: center;	line-height: 25px;}#colorSamples img{	display: block;	height: 46px;	width: 132px;}/*******End adjusting produkt color samples****/H1, H2 {	margin-bottom:2px;}.specialH1, #colorSamples li{	text-decoration: none;	text-transform: uppercase;	font-size: 10px;	font-weight: normal;	letter-spacing: 0px;}.bigText {	font-size: 20px;        font-weight: lighter;}.highlightedLink {	text-decoration: none;	padding-top:3px;	color:black;}.highlightedLink:Hover {	color:gray;}.highlightedLink:Before {content: "» ";}H3{	font-size: 8px;	font-weight: normal;	text-transform: uppercase;}.smallHeader{ /*same as H# with no line break*/	font-size: 8px;	font-weight: normal;	text-transform: uppercase;}#footer {	color:#A6ADB0;	border-top: 1px solid #959DA1;		/*line-height: 21px;*/	padding-left:0px;	padding-right:17px;        line-height: 28px;}#languageSelector {	float:left;	position:relative;	display:inline;	/*width:370px;*/	text-align:left;}#languageSelector a {	height:100%;	/*padding-left:3px;	padding-right:3px;*/        /*firefox need this to make the hovering fill the whole div-height*/        padding-top: 7px !important;        padding-bottom: 7px !important;        padding-top: 0px;        padding-bottom: 0px;        padding-right: 5px;        padding-left: 17px;        font-size: 10px;        color:#A6ADB0;}#languageSelector a:Hover {	height:100%;	text-decoration:none;        border: none;	background-color:#F0F0F0;}#copyText {	float:right;	position:relative;	display:inline;	/*width:370px;*/	text-align:right;	}img{	border:0px;}div.csc-mailform-field label{    float: left;    padding: 5px 0;    text-align: left;    vertical-align: bottom;    width: 100%;}.csc-mailform-field{     border-bottom: 1px solid #CCCCCC;    float: left;    padding: 7px;    text-align: left;    width: 100%;}.csc-mailform-check{ 	width:15px;	margin: 5px;float: left;}.csc-mailform-submit{ 	width:150px;	margin-bottom: 5px;float: left;}/*Submit-button*/#mailformformtype_mail {	height:20px;	border:1px solid silver;	border-right:1px solid gray;	border-bottom:1px solid gray;	background-color:#f1f1f1;	margin-top:10px;}fieldset{	margin-left: 0px;        margin-top: 20px;        border: 0px;        padding: 0px;}/********** DYNAMIC DROP DOWN MENU (menu level2-> ) ***//* original menu and menuscript from  * http://www.rvantwisk.nl/typo3-snippets/yacbddm-yet-another-css-based-drop-down-menu-for-typo3.html  ****/#dropdown {background-color: #F0F0F0;}.topmenul1, .topmenul2{	list-style:none;			/* Default styles for all menu's */	margin:0px;	padding:0px 0px;color: #fff;}.topmenul1 li{	list-style:none;			/* Default styles for all menu's */	margin:0px;	padding:0px 0px;color: #fff;border-right: 1px dotted #fff;}#dropdown .firstlevellink{	list-style:none;			/* Default styles for all menu's */color: #fff;}#dropdown .firstlevellink:Hover{	list-style:none;			/* Default styles for all menu's */color: #D0D56B;}#dropdown a.selectedmenu:Hover{	list-style:none;			/* Default styles for all menu's */color: #D0D56B;}#dropdown a.selectedmenu{	list-style:none;			/* Default styles for all menu's */color: #D0D56B;}.topmenul1 li {/*	background-color: #E79518; */	padding:1px 0px;	float:left;				/* First level menu's needs to float left */	position:relative;	/* Relative positiong because lower level menu's needs to be absolute */}.topmenul2 li {/*	background-color: #E79518; */width: 100%;	padding:0px 0px;	float:left;				/* First level menu's needs to float left */	position:relative;	/* Relative positiong because lower level menu's needs to be absolute */}/* First level colors for link tags */.topmenul1 a {/*	color: red;*//*	padding:0px 15px 0px 5px; */		/* Seperate menu's a bit aswell, some extra space for the arrow on the right *//*	border:1px solid #E79518; */ 		/* Same as BG color so total width is always the same */	border:0px;}.topmenul1 a:hover {/*	background-color:#fff;*/ 		/* On hover for a alements, *//*	border:1px solid black; */}/* Start second level and lower menu's */.topmenul1 .topmenul2 {	display:none;					position:absolute;			/* We position absolute (relative to l1) */	width:85px;			        /* Default width for sub-menu's */	border:1px solid #959DA1;			/* Border around the sub-menu's */	z-index:200;				/* We set a z-index these menu's will show up above other menu items, works in non IE */	left:0px;				/* Left to 0 and for IE we move one extra pixel down */		top:25px !important;	top:27px;	background-color:white;}.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2 {	left:100px;				/* Move away from second level menu for second level and lower */	top:-1px !important; 			/* Border = 1px so we need to move one up aswell !important to overrule the !important above*/}.topmenul1 .topmenul2 li {	/*padding:2px 0px;*/  			/* Controls the height per menu item on second level and lower */	border-bottom:1px solid #959DA1;		/* little color seperator */	background-color:#fff; 	width:100%;}.topmenul1 .topmenul2 a {	border:none;				/* no border, remove the style from level1 a tags */	display:block;				/* Display block, so teh whole menu will lite up (if bg used)*//*	padding:0px 4px; */	line-height: 0px;	padding:0px;}.topmenul1 .topmenul2 a:hover {			/* Needed for IE aswell */	border:none;        /* no border, remove the style from level1 a tags */}/* Little arrows for the menus */.topmenul1-ifsub,.topmenul2-ifsub {	background-image:url(../images/arrow-b-d.gif);	background-position:top right;	background-repeat:no-repeat;}.topmenul2-ifsub {	background-image:url(../images/arrow-b-r.gif);}.topmenul1 .hoveratag {/*	background-color:white;*/ 		/* Hack in javascript, this will highlite teh a tag of the menu above *//*	border:1px solid black; */			/* We could do this with CSS (.topmenul1 li:hover > a) But IE doesn't support that */}/* CSS Document *//**** some small styling marking selected menu item **/#menu_lvl1 .selectedmenu {color:#5F5F5F;}#menu_lvl2 li a.selectedMenu {color:#000000;float:left;height: 23px; /*To avoid selected text's box to cover bottom line. Why?*/}#singlenews h1 {margin:0px;}#singlenews h3{line-height:1.1em;text-transform:none;font-size:10px;margin:0px;}.news-list-item{font-weight: bold;border-bottom: 1px solid #999999;padding-bottom: 5px;float: left;padding-top: 5px;width: 100%;}.news-list-item img{float: right;padding-top: 10px;}.news-list-date {    float: left;    width: 100%;}.news-list-item hr .clearer{border: 1px solid #ffffff;}.news-list-item p{font-weight: normal;}.news-list-item h3 a{    float: left;    font-size: 17px;    font-weight: normal;    margin: 8px 0px 8px 0px;    width: 100%;    font-family: 'FranklinGothicMediumCondRegul';}.news-list-container {    width: 100%;}.csc-textpic-image {padding-bottom: 10px;}.news-list-morelink a{color: #000;}.news-list-morelink a:Hover{color: #999;}#tipsakompis{padding-bottom: 10px;}.tx_tipafriend_tiplink{padding-left: 10px;}