/* standard elements */
html,
body {
   margin: 0;
   padding: 0;
   background-image: url(images/bgpattern.gif);
   height: 100%;
   width: 100%;
	border-top:1px solid #0552a0;
	font-family: Gil Sans,Lucida Sans, Arial, Helvetica, sans-serif;
	color:#232c33;
	font-style: normal;
	font-size: 11px;
	font-weight: normal;
   text-align: left;
   text-decoration: none;
}

h1, h2     { font-size: 28px; font-weight: normal; margin: 2px 0 2px 0; padding: 0; border: none }
h3, h4     { font-size: 16px; font-weight: normal; margin: 2px 0 2px 0; padding: 0; border: none }
h5, h6, dt { font-size: 13px; font-weight: bold;   color: #8b0000; margin: 2px 0 2px 0; padding: 0; border: none }

tfoot, thead { font-size: 12px; color: #8b0000 }
a            { text-decoration: none; text-align: left; cursor: pointer }
a:link       { text-decoration: none; color: #4F82C7 }
a:visited    { text-decoration: none; color: #4F82C7 }
a:active     { text-decoration: none; color: #4F82C7 }
a:hover      { text-decoration: underline; color: #4F82C7 }
a img, img   { border: none }

table           { border: none; border-collapse: collapse; border-spacing: 0px }
span, div       {	text-decoration: none; text-align: left }
button, .button {  }
hr              { color: #dddddd; height: 1px; background-color:#dddddd; border:none; }

/* structure */
.inner-container { margin: 0; padding: 0; width:100% }
.outer-container { padding:0; margin:0; width:100% }

/* sidhuvud */
.top-outer { margin: 0; padding: 0; width:100% }
.top-inner { padding:0; margin:0; margin:0 auto; width:1077px }


/* header */
.header            { height: 50px; position: relative }
.header .menu      { position: absolute; right: 5px; bottom: 3px; height:30px }
.header .menu a    { font-size: 11px; font-weight: 700; color: #787878 }
.header .menu span { font-size: 11px; font-weight: 700; color: #787878 }
.header .menu #shoppingcart { font-size: 11px; color: #428ece; }
.header .menu img  { vertical-align: middle; padding-right: 3px; }
.header .shoppingcartbutton	{float:right; margin:-4px 0 0 10px}
.header .logo      { position: absolute; left: 0; bottom: 10px; display:none }
.header .slogan    { position: absolute; right: 0; bottom: 14px; }
.header .slogan h2	{font-size:13px; margin:0; color:#555; text-align:right;}

/* Logga */
#logoholder	{
	float:left;
	width:200px;
	margin:-20px 0 0 0;
}

.watermark	{
	position:absolute;
	margin:5px;
	color:#999;
}

/* banner - horizontal menu */
.banner	{float:right; width:820px;}
.banner .outer-menu { height: 60px; margin: 0; padding: 0 0 0 13px; background: url(images/2L_left.png) 0 0 no-repeat; clear: right }
.banner .inner-menu { height: 60px; z-index: 0; margin: 0; padding: 0 13px 0 0; background: url(images/2L_right.png) right 0 no-repeat}
.banner .main-menu  { float: left; width: 100%; height: 60px; background: url(images/2L_slice.png) 0 0 repeat-x }

/* all levels */
ul.topmenu a { float: left; color: white; padding: 14px 12px; text-decoration: none; font-size: 12px; font-weight: normal }
ul.topmenu a:visited { color: white }
ul.topmenu a:hover   { color: white; background: transparent url(images/2L_mouseover_slice.gif) 0 0 repeat-x }
ul.topmenu a img     { float: left; padding-right: 5px; margin-top: -1px }
ul.topmenu li.active a { background: transparent url(images/2L_active_slice.png) 0 0 repeat-x; } 
ul.topmenu li.active a:visited {  }

/* first level */
ul.topmenu, .topmenu ul { margin: 0; padding: 0; list-style-type: none; height: 55px; width: 100%; position: relative; z-index: 100 }
ul.topmenu li { float: left; display: inline; background: url(images/2L_separator.png) right 0 no-repeat; padding-right: 1px; height: 55px; }

/* second level */
ul.topmenu ul { width: 100%; display: inline; visibility: hidden; position: absolute; top: 43px; left: 0; text-align: center; background:none; height:20px}
ul.topmenu ul li { position: relative }
/*ul.topmenu li.hover ul,
  ul.topmenu li:hover ul  { visibility: visible; z-index: 20 }  When hovered, make submenus appear */
ul.topmenu li.active ul { visibility: visible; z-index: 10 }  /* When active, make submenus appear */
ul.topmenu ul li { background: none; padding-right: 10px }
ul.topmenu ul li span.folder a { background: transparent url(images/nav_list_arrow.gif) right center no-repeat; padding-right: 15px }
ul.topmenu ul li a, ul.topmenu ul li a:visited,
ul.topmenu li.active li a { color: #3c3c3c; padding: 7px 10px; background: none; font-size: 12px; font-weight: normal; font-style: normal }
ul.topmenu ul li.active a { color: #004ca2; border-bottom:2px solid #004da4; font-size: 12px; font-weight: normal; font-style: normal }
ul.topmenu ul li a:hover { color: #3c3c3c; border-bottom:2px solid #004da4; font-size: 12px; font-weight: normal; font-style: normal; background:none }

/* third level */
ul.topmenu ul ul { width: 150px; height: auto; display: none; visibility: visible; position: absolute; top: 28px; left: 5px; background: white; border: solid 1px #8b91a0; padding: 5px }
ul.topmenu ul ul li { width: 100%; height: auto; display: block; background: white; padding: 0 }
ul.topmenu ul li.hover ul,
ul.topmenu ul li:hover ul  { display: block; z-index: 20 } /* When hovered, make submenus appear */
ul.topmenu ul ul li a, ul.topmenu ul ul li a:visited, ul.topmenu ul ul li.active a,
ul.topmenu ul ul li.active a:visited { color: #4f82c7; font-weight: normal; font-style: normal }
ul.topmenu ul ul li a:hover,
ul.topmenu ul ul li.active a:hover { color: #3c3c3c; font-weight: normal; font-style: normal }


/* Startruta */
#startslider	{
	margin:30px 0 12px 0;
	height:260px;
	padding:0;
	float:left;
	width:1077px;
	color:#232c33;
}

#startslider_welcome h1	{
	margin: 0 0 20px 0;
	line-height:120%;
	font-size:34px;
	color:#232c33;
}

#startslider_welcome	{
	float:left;
	width:500px;
	color:#232c33;
	font-size:14px;
	line-height:140%;
}

#startslider_welcome img	{
	border:0;
	float:left;
	margin:20px 0 0 0;
}

#startslider_ads	{
	margin:0;
	padding:0;
	float:right;
	width:576px;
	height:258px;
}

/* footer */
.footer   { margin:0 auto 20px 0; width:100%; color:#555; padding-top: 12px; border-top:1px solid #ccc}
.footerinner {margin: 0 auto; width:1077px; color:#555;}
.footerinner div {color:#555;}
.footerinner a {color:#555;}
.footerinner strong {font-size:18px; letter-spacing:-1px; color:#555; line-height:180%}
.footer a {  }
.footer #languages {color: #777; float: right; margin-top:30px; font-weight: normal; font-size: 10px }
.footer #languages a {color:#777}
.footer #copyright { color: #777; float: left; margin-top:30px; font-weight: normal; font-size: 10px }
.footer #copyright a {color:#777}

.branschnyheter	{
	width:100%;
	background-image: url(images/branschnyheter.png);
	height:28px;
	margin:0 0 20px 0;
	color:#fff;
	font-size:13px;
	padding-top:12px;
}

.branschnyheter div	{
	color:#fff;
}

/* main */
.main { width: 100%; padding:20px 0 20px 0; margin-top: 18px; background-color:#fff; border-top:1px solid #ccc; z-index: -1 }
.main .main-inner { width:1077px; margin:0 auto; min-height: 400px; }
.main .main-outer { width:100%;  }

/* content */
.main .content { float: left; width: 710px; padding: 0; margin: 0 0 0 6px }
.main .content .cellpadding { border-collapse: separate; border-spacing: 0px; padding:0 margin:0 }

/* navigation */
.navigation { float: right;	width: 280px; padding: 0; margin: 0; overflow: hidden; background:#f4f4f4; border:1px solid #dddddd;
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}
.loading    { padding-top: 30px; background: url('images/loading.gif') no-repeat center top }

/* printing */
a.print       { background: white url('images/0075-printer.png') no-repeat center center; width: 32px; height: 32px; font-size: 0 }
a.print:hover { text-decoration: none }

/* specific eshop classes */
.textTitleLeftAlign {
    color: #555555;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
}

.textTitleRightAlign   { font-size: 11px; font-weight: bold; font-style: normal; text-align: right } 

.textDataLeftAlign     { font-size: 11px;  font-style: normal; text-align: left; padding:6px 0 6px 0 } 
.textDataRightAlign    { font-size: 11px;  font-style: normal; text-align: right } 

.tableTitleLeftAlign   { font-size: 11px; font-weight: bold; font-style: normal; color: black; text-align: left;   background: #dadada url(images/OP_heading_slice.gif) 0 -2px repeat-x; vertical-align: middle; white-space: nowrap; height: 15px; padding: 4px; border: solid 1px #bebebe } 
.tableTitleCenterAlign { font-size: 11px; font-weight: bold; font-style: normal; color: black; text-align: center; background: #dadada url(images/OP_heading_slice.gif) 0 -2px repeat-x; vertical-align: middle; white-space: nowrap; height: 15px; padding: 4px; border: solid 1px #bebebe } 
.tableTitleRightAlign  { font-size: 11px; font-weight: bold; font-style: normal; color: black; text-align: right;  background: #dadada url(images/OP_heading_slice.gif) 0 -2px repeat-x; vertical-align: middle; white-space: nowrap; height: 15px; padding: 4px; border: solid 1px #bebebe } 

.tableDataLeftAlign    { font-size: 11px; font-weight: normal; font-style: normal; color: black; text-align: left; border-left: dotted 1px #d0d0d0; border-right: dotted 1px #d0d0d0; vertical-align: middle; padding: 1px 5px 1px 5px; height: 20px } 
.tableDataCenterAlign  { font-size: 11px; font-weight: normal; font-style: normal; color: black; text-align: center; border-left: dotted 1px #d0d0d0; border-right: dotted 1px #d0d0d0; vertical-align: middle; padding: 1px 5px 1px 5px; height: 20px } 
.tableDataRightAlign   { font-size: 11px; font-weight: normal; font-style: normal; color: black; text-align: right;  border-left: dotted 1px #d0d0d0; border-right: dotted 1px #d0d0d0; vertical-align: middle; padding: 1px 5px 1px 5px; height: 20px } 

.article_heading       { color: black; font-size: 16px; font-weight: bold; vertical-align: top }
.article_ingress       { color: black; font-size: 12px; font-weight: bold; width:700px; overflow:hidden }
.article_ingress h2    { color: black; font-size: 12px; font-weight: bold }
.article_ingress img   { margin: 0 0 10px 0px; float: left; }

.errorinfo, .errorInfo { color: red; font-size: 12px; font-weight: bold; text-align: left }

.wideTable      { width: 700px }
.dataTable      { margin: 5px 0 5px 0; border-bottom: solid 1px #d0d0d0; border-right: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0;}
.simpleTable    { margin: 5px 0 5px 0 }
.propertyTable  { margin: 5px 0 5px 0 }

/* Box classes */
.boxbackground { margin: 0 0 20px 0; padding-top:0px; }
.boxheading    { font-weight: bold;	font-size: 16px; color:#0a50a5; margin: 0; padding: 6px 6px 4px 6px; background: #dadada url(images/OP_heading_slice.gif) left top repeat-x; }
.boxbody       { padding: 5px; font-size:12px; color:#555; }

/* Search classes */

#search	{
	background-image: none;
}

#searchstr	{
	float:left;
	width:170px;
	height:20px;
	border:0px;
	padding:4px 6px 4px 6px;
	font-size:13px;
	margin:5px 0 0 10px;
	border:1px solid #ddd;
}

#btnSearch	{
	float:right;
	background-image: url('images/buttonsearch.jpg');
	width:49px;
	height:27px;
	border:0px;
	padding:0;
	margin:6px 16px 5px 10px;
}

#searchtags	{
	margin:10px 0 0 12px;
	width:240px;
	font-size:10px;
	color:#999;
	line-height:18px;
}

#searchtags a	{
	color:#999;
	text-decoration:none;
	border-bottom:none;
}

#searchtags a:hover	{
	color:#ec7813;
	text-decoration:none;
	border-bottom:1px dotted #ec7813;
}

#kundtjanst	{
	font-size:11px;
	color:#777;
	line-height:130%;
	padding:12px;
	border-top:1px solid #ddd;
}


.Search_text { width: 100%; font-size: 12px; padding-top: 3px }
.Search_text input[type=button] { width: 29% }
.Search_text input[type=text] { width: 65% }

input[type=button] {
	font-size:12px;
	color:#fff;
	font-weight:bold;
	background-color:#004b86;
	border:1px solid #004b86;
	padding:4px 6px 4px 6px;
	-moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    -khtml-border-radius: 22px;
    border-radius: 22px;
}

input[type=text], input[type=password], textarea  {
	font-size:12px;
	color:#555;
	font-weight:normal;
	background-color:#fff;
	border:1px solid #ccc;
	padding:4px 6px 4px 6px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
    
/* ZpiderTree */

#grouplistbox	{
	margin-top:20px;
}
.zpidertree { color: #000000; white-space: nowrap;	width: 100% }

/* ShoppingCart */
.shoppingcart_textarea { overflow: hidden; cursor: pointer }
.shoppingcart_textarea select { width: 100% }
.emptyshoppingcart { position: relative; background: white url('images/largeshoppingcart.jpg') no-repeat center top; width: 100%; height: 150px; margin-top: 120px }
.emptyshoppingcart span { position: absolute; bottom: 0; text-align: center; width: 100% }

/* PurchaseList */
.purchaselist_textbox { overflow: hidden; color: #000000 }
#ctrl_purchaselist .search { padding: 5px 0 5px 0 }
#ctrl_purchaselist table  { margin-top: 10px; border-bottom: solid 1px #bebebe } /* includes table.lastorder, table.purchaselist, table.sharedpurchase, table.sharedpurchase */
#ctrl_purchasecart .buttonpanel { margin-top: 10px }

/* InfoList */
.infolist_textbox { background-color: #555; vertical-align: top; overflow: hidden }
.infolist_textbox img { vertical-align: middle }

/* Article_properties */
.title_whitebox      { text-align: left; white-space: nowrap }
.data_whitebox       { text-align: right }
.data_whitebox_bold  { text-align: right; font-weight: bold }

.title_lightbox      { background-color:#9CABBA; text-align:left; white-space:nowrap }
.data_lightbox       { background-color:#9CABBA; color:#000000; text-align:right }
.data_lightbox_bold  { background-color:#9CABBA; color:#000000; text-align:right; font-weight:bold }

/* Show window */
#purchaselistarea        { float: right; width: 19%; display:none }
#infolistboxarea         { float: right; width: 19%; display:none }

#ctrl_main_firstpage {
    background-image: url("images/showwindowtop.png");
    background-repeat: no-repeat;
    float: left;
    margin: 0 -10px;
    padding-top: 48px;
    width: 731px;
}

#ctrl_front {
    background-image: url("images/showwindowtop.png");
    background-repeat: no-repeat;
    float: left;
    margin: 0 -10px;
    padding-top: 48px;
    width: 731px;
}

#showwindowarea {
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    float: left;
    margin: 0 10px 0 11px;
}

.showelement {
    background-image: none;
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 175px;
    margin: 0;
    overflow: hidden;
    padding: 12px 4px 4px 8px;
    width: 341px;
}

.showelement p           { margin: 4px 6px 8px 6px; color:#555; font-size:12px}
.showelement_promoprice  { font-size: 13px; color: #BB0000; font-weight: bold }
.showelement_title       { margin:0; font-size: 14px; color:#0165b3; font-weight: bold; }

/* loginprofile */
.login { position: absolute; top: 50%; left: 50%; width: 500px; height: 350px; margin: -175px 0 0 -250px }
.login input { margin-left: 10px }
.login .boxbody { padding: 50px 100px 50px 100px; background-color: white; }
.login .boxbody .boxinputrow { padding-bottom: 10px }
.login .languages { text-align: right; font-weight: normal; font-size: 12px; margin-top: 5px; }

/* article details */
.articledetails .head                     { border-bottom: solid 1px #cacaca; height: 32px }
.articledetails .head h1                  { float: left; line-height: 32px } 
.articledetails .head .print              { float: right }
.articledetails .body                     { margin: 10px 0 10px 0 }
.articledetails .body .modulearea         { width: 200px; float: right; clear: right; margin-left: 10px }
.articledetails .body .pictures           { padding: 0 20px 10px 5px; vertical-align: middle }
.articledetails .body .pictures img       { max-width: 260px; min-width: 200px }
.articledetails .body .properties         { padding-left:0; width: 220px; vertical-align: middle }
.articledetails .body .properties #amount { width: 30px;  height: 13px; font-size: 10px }
.articledetails .body .properties .button { }
.articledetails .body .propertyline       { text-align: left; clear: both; line-height: 20px; vertical-align: middle; overflow: hidden }
.articledetails .body .propertyline .title{ width: 120px; float: left }
.articledetails .body .priceline          { text-align: left; clear: both; line-height: 20px; }
.articledetails .description              { font-size:13px; color:#555; padding: 10px 5px 10px 0 }
.articledetails .bigprice                 { font-size: 20px; color: #024da5; font-weight: bold }
.articledetails .mediumprice              { font-size: 11px; color: #024da5; font-weight: bold }

/* article addon - boxed */
.articleaddonbox .boxbody { padding: 0; border-bottom: solid 1px #e6e6e6 }
.articleaddonbox .boxitem { padding: 2px 5px 2px 5px; border-bottom: solid 1px #e6e6e6; height: 45px }
.articleaddonbox .boxitem img { float:left; width: 50px; max-height: 45px; padding-right: 10px }
.articleaddonbox .boxitem #name { text-transform: uppercase; height: 32px; overflow: hidden }
.articleaddonbox .boxitem #price, 
.articleaddonbox .boxitem #grossprice, 
.articleaddonbox .boxitem #customerprice, 
.articleaddonbox .boxitem #customergrossprice { float: left; display: inline; font-size: 10px; color: #BB0000; font-weight: bold }
.articleaddonbox .boxitem #currency { float: left; display: inline; padding-left: 3px; font-size: 10px; color: #BB0000; font-weight: bold }
.articleaddonbox .boxitem #addtocartbutton { text-align: right; float: right; font-size: 10px; color: #BB0000; font-weight: bold }

/* main content and navigation */
.content .loginprofile { width: 400px; height: 300px; margin: 40px auto 0 auto }
.content .loginprofile input { margin-left: 10px }
.content .loginprofile .boxbody { text-align: right; padding: 10px 50px 0 50px; background-color: white }
.content .loginprofile .boxbody .boxinputrow { text-align: right; padding-bottom: 10px }
.navigation .loginprofile .boxbody .boxinputrow { padding: 0 0 10px 0 }
.navigation .loginprofile .boxbody hr { display: none }

.systeminfo { text-align: center; height: 80px; padding-top: 50%; margin-top: -0px }

/* document details */
.documentdetails { margin: 16px 0 0 10px }
.documentdetails .head { border-bottom: 1px solid #eaeaea; padding-bottom: 10px; margin-bottom: 16px }
.documentdetails .head h1 { }
.documentdetails .head h2 { color: black; font-size: 16px; font-weight: normal; margin-top: 5px }
.documentdetails .head .print { float: right; clear: both }
.documentdetails .innhold { font-size:13px; color:#555; padding-bottom: 10px }
.documentdetails .innhold .image { float: left; margin: 0 0 20px 0}
.documentdetails .innhold .info { text-align: right }
.documentdetails .innhold .info span { color: #787878 }
.documentdetails .innhold .description { font-size:13px; color:#555; padding:0 }
.documentdetails .description .description_left         { font-size:13px; color:#555; padding:0; width:700px; position:relative; overflow:hidden; float:left}
.documentdetails .description .description_right        { font-size:13px; color:#555; padding:0; width:700px; position:relative; float:left; line-height: 150%;}
.documentdetails .download { background: #fafafa url('images/download_doc.png') no-repeat 0 0; border-top: dashed 1px #cacaca; height: 100px; margin: 15px 0 15px 0; padding: 20px 0 20px 120px; }
.documentdetails .download div { color: #787878; margin-bottom: 5px }
.documentdetails .download .title { color: black; font-size: 16px; font-weight: bold; margin-bottom: 15px; }

/* document list */
div.documentlist { margin: 0 20px 0 0; clear: both }
.documentlist .search { text-align:left; width: 100%; padding-bottom: 10px; margin: 0 }
.documentlist .item { margin: 5px 0 5px 0; border-top: dashed 1px #aacada; padding-top: 5px }
.documentlist .item .image { width: 90px; height: 80px; float: left; overflow: hidden; margin-right: 20px }
.documentlist .item .image img { height: 80px }
.documentlist .item h1 { color: #005694 }
.documentlist .item h2 { color: black; font-size: 12px; font-weight: normal; margin-top: 5px }
.documentlist .item .info span { color: #787878 }

/* debug and error*/
.debugpanel { width: 490px; height: 100%; margin: 0 auto; padding: 0 }
.debugpanel td { vertical-align: middle }
.debugpanel .boxbackground { margin: 0; padding: 0 }
.debugpanel .boxheading { font-weight: bold; color: #6d6d6d; font-size: 15px; margin: 0; padding: 6px 6px 4px 6px; background: #dadada url(images/OP_heading_slice.gif) left top repeat-x; }
.debugpanel .boxbody { padding: 5px; margin: 0 auto 0 auto; padding-left: 150px; background: white url('images/app_128x128.png') 10px 40px no-repeat; }
.debugpanel h3 { font-weight: bold; font-size: 13px; color: #6a8297; margin: 20px 0; }
.debugpanel ul { list-style: none; margin: 20px 0 10px 0; padding: 0  }
.debugpanel li { margin: 0; padding: 2px 0 }
.debugpanel li a  { font-weight: bold; font-size: 13px; color: #b80a2d }
.debugpanel .adminLink { text-align: right }
.debugpanel .adminLink li { display: inline; padding-right: 10px }

/* miscelaneous */
.clearer    { clear: both }
.left       { float: left }
.right      { float: right }
.leftalign  { text-align: left }
.rightalign { text-align: right }

.flowbutton       { font-size: 12px; font-weight: bold; height: 25px }
.Input_amount     { text-align: right; width:30px }
.Input_text       { text-align: left }
.pagination       { text-align: center; width: 100%; margin-top: 10px; }

#articlediscountbox .boxbody { background-color: white }

.schneider
{
border-collapse:collapse;
width:670px;
margin-bottom:30px;
}
.schneider th, .schneider td
{
border: 1px solid #eee;
padding:12px;
}