.noscreen { display: none; }
BODY, A, H1, H2, H3, P, INPUT, TEXTAREA, SELECT, BUTTON { font: 100% Tahoma, Verdana, Sans-Serif; color: #000; }
H1, H2, H3, H4, H5 { font-weight: bold; }
BODY { margin: 0; padding: 0; background: #fff url(/graphics/bg_body.gif); }

IMG { border: 0; }

SPAN.hr {display: block; background: url(/graphics/bg_dotted.gif); padding: 1px 0 0 0; margin: 0 9px 0 9px; }

FORM, FIELDSET { margin: 0; padding: 0; border: 0; }
LEGEND { display: none; }
LABEL { font-size: 70%; padding: 5px 0 2px 1px; }
FORM.contact LABEL { display: block; color: #000; }
FORM.contact TEXTAREA { width: 400px; height: 250px; }
FORM.contact TEXTAREA.small { width: 200px; height: 100px; }

INPUT.text, TEXTAREA.text, SELECT.text { font-size: 70%; width: 200px; }
INPUT.button { font-weight: bold; font-size: 70%; }
INPUT.button.login {margin-top:3px; margin-bottom: 3px;}
BUTTON { font-weight: bold; font-size: 70%; }
INPUT.error, TEXTAREA.error { font-size: 70%; background-color: red; }
INPUT.visual_price {margin-left: 3px;font-size: 70%; border: 0; width: 90px;}
LABEL.error { float:right; font-size:100%; font-weight:bold; }
#content P INPUT { font-size: 100%; }

A { text-decoration: none; }
A.nyhet { display: block; font-size: 70%; background: url(/graphics/bg_dotted.gif) top repeat-x; padding: 7px 0;}
A.nyhet IMG { margin: 0 0 7px 0; }
A:hover { text-decoration: underline; }

A.search { display: block; font-size: 70%; background: url(/graphics/bg_dotted.gif) top repeat-x; padding: 7px 2px;}
P A { font-weight: bold; text-decoration: underline; }
TABLE.search { background: url(/graphics/bg_dotted.gif) top repeat-x; padding: 0; margin:0;border: 0;width: 100%;}
TABLE.search TD {padding: 0; margin:0;border: 0;}
TABLE.search A { display: block; font-size: 70%; padding: 6px 0 6px 16px; background: url(/graphics/icon_txt.gif) left no-repeat;}
TABLE.search P { text-align: right; }

#body { width: 756px; }
#head { height: 120px; background: url(/graphics/bg_head.jpg); border-bottom: 1px solid #ccc; margin: 0 0 10px 0;}
#head #printlogo { display:none; }
  
#printfoot { display: none; }

A.logo IMG { margin: 0; }

#column_left { padding: 0 0 0 13px; float: left; width: 190px; }

#navigation P { margin: 0; padding: 10px 0 0 26px; line-height: 18px; font-size: 65%; clear: both;}
#navigation DIV { background: url(/graphics/bg_navigation.gif) bottom no-repeat; float: left; width: 190px; margin-top:27px;}
#navigation UL { padding: 2px 0 0 0; margin: 0; list-style: none; background: url(/graphics/bg_box_top.gif) no-repeat; }
#navigation UL UL { padding: 0; background: none; }
#navigation LI { display: inline; margin: 0; padding: 0; border: 0; }
#navigation UL A { display: block; padding: 0 0 0 6px; margin: 4px 9px 8px 10px; background: url(/graphics/bg_navigation_item.gif); font-size: 70%; line-height: 12px; }
#navigation LI LI LI A { background: none; }
#navigation LI LI LI A.active { background: none; color: #11905F; }
#navigation UL A.active { background: url(/graphics/bg_navigation_item_active.gif); }
#navigation UL A SPAN { display: block; padding: 0 0 0 10px; background: #fff; font-weight:bold;}
#navigation UL A:hover SPAN { background: #F2F2F2; }
#navigation UL UL A SPAN { margin: 0 0 0 6px; font-weight:normal; }
#navigation UL UL UL A SPAN { margin: 0 0 0 12px; }
#navigation UL UL UL UL A SPAN { margin: 0 0 0 18px; }

#login { clear: both; /*background: #89C765 url(/graphics/bg_login_top.gif) center top no-repeat;*/ width: 190px; position:absolute; top:0; left:559px;}
#login br { display:none;}
#login DIV { padding: 0; margin: 0; list-style: none; /*background: url(/graphics/bg_login_bottom.gif) center bottom no-repeat;*/}
#login P {font-size:70%; line-height:15px; margin:0; padding:5px 0 3px 0;}
#login P.subject { font-weight: bold; display:none; }
#login FORM { /*padding: 0; border-bottom: 1px dotted #fff; width: 100%; float:left; width:170px;*/ /**overflow: auto;**/  }
#login INPUT.text {width:47% !important;}
#login .column_1 { background: 0; padding: 0; margin-top: 3px; float: left; width: 60px; display:none; }
#login .column_1 P { border: 0; }
#login .column_2 { background: 0; padding: 0; margin-top: 3px; float: left; width: 180px; text-align: right; }
.column_2 br {display:none;}
column_2.text {width:48% !important;}
#login UL { clear: both; color: black; margin: 0px 0 10px 15px; padding: 0; }
#login UL LI { color: black; font-size: 70%; line-height: 15px; margin-left:7px; list-style: circle;}
#login UL A { color: black; padding: 0; text-decoration:underline;  }
/*
#login { clear:both; background: url(/graphics/bg_login.gif) bottom no-repeat; width:190px; }
#login DIV { padding: 2px 0 0 0; margin: 0; list-style: none; background: url(/graphics/bg_box_top.gif) no-repeat;}
#login DIV DIV { padding: 0; margin: 0; list-style: none; background: 0;}
#login P { line-height: 18px; font-size: 70%; padding: 3px 0 3px 10px; margin: 0; }
#login P.subject { padding-top: 8px; font-weight: bold; }
#login .column_1 { margin-top: 3px; float:left; width: 30%; }
#login .column_2 { margin-top: 3px; float: left; width: 66%; }
#login UL { margin: 5px 0; padding: 3px 0 3px 15px; list-style-type: none; }
#login UL LI { display: inline; padding: 2px 0 0 0; color: #11905F; font-size: 70%; }
#login UL A { display: block; background: url(/graphics/bg_login_item.gif) 0 5px no-repeat; color: #11905F; padding: 0 0 0 10px;  }
*/
#address P { margin: 0; padding: 10px 0 0 7px; line-height: 14px; font-size: 70%; clear: both;}

#content { float: left; padding: 0 0 0 13px; }
#content H1,#content H2 { font: 100% Myriad Pro,Arial,sans-serif; color: #89C765; font-weight: bold; margin: 3px 0; padding: 0;}
#content H3 { color: #89C765; font-size: 70%; margin: 5px 0 2px 1px; }
#content H4 { color: #666; font-size: 70%; margin: 5px 0 2px 1px; }
#content P { font-size: 70%; }
#content P STRONG.introduction { font-weight: normal; }
#content P STRONG.introduction P { font-size: 100%; }
#content LI { font-size: 70%; }
#content P LI,
#content LI P { font-size: 100%; }

#content .product p {
    float:left;	
}

.nopcart { line-height: 18px; font-size: 65%; }
.fileicon { height: 16px; float:left; width: 16px; background: url(/graphics/icon_txt.gif) 0 0px no-repeat; }
.fileiconpdf { background: url(/graphics/icon_pdf.gif) 0 0px no-repeat; }
.fileiconwmv { background: url(/graphics/icon_wmv.gif) 0 0px no-repeat; }
.productlist .filearrow { display: none; }

.productfull { position:relative;}
.productfull .filearrow { display: none; }
.productfull .fileicon { float: left; height: 100%;}
.productfull A { font-size: 70%; padding-left: 5px; }

.moreinfo A { font-size: 70%; padding-left: 5px; }
.moreinfo .fileicon { float: right; height: 10px;}

#search { left:14px; position:absolute; top:128px; }
#search INPUT.text {width:141px !important;}

.loggedin #search { top: 170px; } 
#extra { float: left; padding: 0 0 0 13px;}

.box { width: 190px; background: url(/graphics/bg_box.gif) bottom no-repeat; margin: 0 0 5px 0;}
.box DIV { padding: 5px 6px 10px 6px; background: url(/graphics/bg_box_top.gif) no-repeat; }
.box DIV DIV { background: none; padding: 0; }
.box H3 { font-size: 70%; margin: 5px 0 2px 1px; }
.box P { font-size: 70%; margin: 2px 0 2px 1px; }

.bigbox { width: 324px; background: url(/graphics/bg_big_box.gif) bottom no-repeat; margin-bottom:10px; }
.bigbox DIV { padding: 5px 10px 10px 10px; background: url(/graphics/bg_big_box_top.gif) no-repeat; }

.lnk_Image2 { width: 324px; background: url(/graphics/bg_big_box.gif) bottom no-repeat; margin-bottom:10px; text-align:center;}
.lnk_Image2 DIV { padding: 5px 10px 10px 10px; background: url(/graphics/bg_big_box_top.gif) no-repeat; }
.lnk_Image2 img { margin:4px 0 0 0; width:304px; }

.lnk_Image3 { width: 324px; background: url(/graphics/bg_big_box.gif) bottom no-repeat; margin-bottom:10px; }
.lnk_Image3 DIV { padding: 5px 10px 10px 10px; background: url(/graphics/bg_big_box_top.gif) no-repeat; }
.lnk_Image3 img { margin:6px 0 0 1px; width:304px; }


.lnk_Image4 { width: 324px; background: url(/graphics/bg_big_box.gif) bottom no-repeat; margin-bottom:10px; }
.lnk_Image4 DIV { padding: 5px 10px 10px 10px; background: url(/graphics/bg_big_box_top.gif) no-repeat; }
.lnk_Image4 img { margin:6px 0 0 1px; width:304px; }


.left { float: left; }
.right { float: right; }
IMG.left { margin: 2px 10px 5px 0; }
IMG.right { margin: 2px 0 5px 10px; }

.personallist TD { padding-top: 20px; }
.personallist .column_1 { width: 100px; }
.personallist .column_2 { padding-left: 20px; }

DIV.video A {line-height:140%;} 
DIV.section A { font-weight: bold; color: #000; }
DIV.section P { font-size: 75%; margin: 0; padding: 0 0 0 2px; color: #000; }
DIV.section H5 { background: url(/graphics/bg_dotted.gif) bottom; padding: 1px 0; margin: 2px 0;}
DIV.section H5 SPAN { display: block; border-top: 2px solid #fff; border-bottom: 2px solid #fff; line-height: 18px; padding: 2px 0 2px 5px; color: #000; background: #f2f2f2; font-size: 80% }
DIV.section H5 SPAN SPAN { display: inline; font-weight: normal; border: 0; padding: 0; font-size: 100%; }

DIV.list { background: url(/graphics/bg_dotted.gif) bottom; padding: 1px 0; margin: 0 0 20px 0 }
DIV.list TABLE { border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 0 0 2px 0; width: 100%; border-collapse: collapse;}
DIV.list TR { background: #f2f2f2; margin: 0 0 2px 0; }
DIV.list TR.hover { background: #ddd; }
DIV.list TD { padding-left: 9px; padding-right: 19px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
DIV.list A { color: #333; font-size: 70%; font-weight: bold; line-height: 20px; }
DIV.list P.filesize { text-align: right; }

TABLE.list { width: 100%; font-size: 70%; border: 0px; border-collapse: collapse; color: #333; }
TABLE.list TR {}
TABLE.list TH { margin: 0; padding: 20px 0 8px 10px; font-weight: bold; border-bottom: 1px solid #ccc; text-align: left;}
TABLE.list TH.last { text-align: right; }
TABLE.list TD { padding: 4px 0 4px 10px; border-bottom: 1px solid #ccc; line-height: 20px;}
TABLE.list TD.last { text-align: right; }

.listrow1 { margin: 1px; padding: 5px; background: #f2f2f2; }
.listrow0 { margin: 1px; padding: 5px; background: #f2f2f2; }

.listlevel2 { margin-left: 20px; }
.listlevel3 { margin-left: 40px; }
.listlevel4 { margin-left: 60px; }

.next_url { float: right; text-align: right; }
.next_url A { font-size: 70%; font-weight: bold; }
.previous_url { float: left; }
.previous_url A { font-size: 70%; font-weight: bold; }

#img_top_start { margin: 0 0 8px 0; border: 0; }
#img_bottom_start { margin: 6px 0 0 0; border: 0; }

#cart-border { clear: both; background: #D1D3D4 10px 50% no-repeat; text-align: right; margin: 0 0 15px 0; padding: 3px 10px 3px 40px; }
#cart-border A { float: left; display: block; color: #000; font-weight: bold; font-size: 70%; padding: 4px 0;}
#cart-border FORM { display: inline; margin: 0; padding: 0;}

#shop-head A { font-weight: bold; color: #000; text-decoration: none; }
#shop-head P { font-size: 70%; margin: 0; padding: 0 0 10px 2px; color: #000; }
#shop-head FORM {  }
#shop-head SELECT { float: right; font-size: 70%; margin-top:4px;}

#shop-products { clear: both; margin: 10px 0; border: 0; border-collapse: collapse;}
#shop-products THEAD TR TD { background: #89C765; font-size: 70%; padding: 3px 8px; border: 1px solid #89C765; border-bottom: 0;}
#shop-products TFOOT TR TD { background: #89C765; font-size: 70%; padding: 3px 8px; border: 1px solid #89C765; border-top: 0;}
#shop-products TBODY { border: 1px solid #bcbcbc; border-collapse: collapse; }
#shop-products TBODY TD { width: 152px; border: 1px solid #bcbcbc; border-collapse: collapse; padding: 5px 10px; vertical-align: top; border-bottom: 0;}
#shop-products TBODY TD DIV.product { min-height: 100px; }
#shop-products TD H2 { font-weight: bold; font-size: 80%; }
#shop-products TD A.button { clear: both; display: block; font-size: 70%; color: #000; padding: 3px 0 4px 0; margin: 0 0 5px 0; text-align: center; background: url(/graphics/bg_button_product.gif) no-repeat; }
#shop-products TD A.current { font-weight: bold; color: #fff; }
#shop-products THEAD TD.shop-list-navigation { text-align: right; }
#shop-products THEAD TD.shop-list-navigation .shop-pages { padding: 0 10px; }
#shop-products TFOOT TD.shop-list-navigation { text-align: right; }
#shop-products TFOOT TD.shop-list-navigation .shop-pages { padding: 0 10px; }
#shop-products TBODY TR.shop-buttons TD { border-top: 0;  }

#shop-products A.active { color: #fff; }
#shop-products SPAN.inactive { color: #ddd; }

.shop-technical { width: 300px; padding-right: 10px; margin-right: 10px; float: left; }
.shop-technical P { margin-top: 0; }
.shop-technical { border-right: 2px solid #999; }
.shop-related P { margin-top: 5px; }
#content .shop-related H3 { color: #666; }

#content .shop-notorderable P { padding: 5px 0 10px 0; }
#content .shop-notorderable A { color: #A4BA27; font-weight: normal; padding-left: 0; font-size: 100%;}

.shop-related A { color: #89C765; font-weight: normal; }

TABLE.nopcart { font-size: 70%; border-collapse: collapse; border: 0;}
TABLE.nopcart TD { font-weight: normal; }

UL.shop-product-categories { margin: 10px 0 0 0; padding: 0; clear: both;}
UL.shop-product-categories LI { display: inline; margin: 0; padding: 0; line-height: 1.6em; }
UL.shop-product-categories LI A { color: #89C765; padding-right: 6px; margin-right: 5px; border-right: 1px solid #BDBEC0;}


/* Vykortstjänst */
#postcard-content { font-size: 70%; }
#postcard-content H1 { font-size: 140%; }
#postcard-content H2 { font-size: 120%; }
#postcard-content P { font-size: 100%; padding: 0 0 10px 0; margin: 0;}
#postcard-content LABEL { font-size: 100%; }
#postcard-content BUTTON { font-size: 100%; }

#sendform {margin: 0; padding: 0;}
#sendform TABLE {margin: 10px 0 0 0; padding: 0;}
IMG.postcard {margin: 0; border: 1px #AAA solid;}
#postcard-content SPAN.byline {margin: 0; font-weight: bold;}
#postcard-content SPAN.copyright {margin: 0; font-weight: normal; display: block;}

.col INPUT.active,#message.active {border: 1px #333 solid;}
.col INPUT.error { font-size: 100%; }
.col INPUT.active { font-size: 100%; }
.col INPUT.text { font-size: 100%; }
.col INPUT, #postcard-content TEXTAREA {border: 1px #AAA solid; margin: 2px 0; padding: 2px;}
#postcard-content TEXTAREA { width: 350px; margin-bottom: 10px; }
#postcard-content TEXTAREA.text { font-size: 100%; }

TABLE.postcard_list TD.cell_0 {padding: 0 0 10px 0;}
TABLE.postcard_list TD.cell_2,TABLE.postcard_list TD.cell_1 {padding: 0 10px 10px 0;}

#postcard-content .postcard_category UL { list-style: none; margin: 0; padding: 0 0 10px 0;}
#postcard-content .postcard_category UL UL { padding: 0; }
#postcard-content .postcard_category LI { list-style: none; margin: 0; padding: 0;}
#postcard-content .postcard_category UL UL LI { padding: 0 0 0 10px;}
#postcard-content .postcard_category LI a { font-size: 11px; font-family: verdana, sans-serif;}
#postcard-content .postcard_category LI.active a {  font-weight: bold;}
#postcard-content .postcard_category LI.active ul li a {  font-weight: normal;}
#postcard-content .postcard_category LI a:hover { }


#postcard { padding: 18px 0 0 0; width: 470px;}
	#postcard .col {float: left; width: 49%;}
	#postcard .message {display: block; clear: both; padding: 18px 0 0 0;}
	#postcard LABEL {display: block; width: 90px; float: left;}
	#postcard INPUT {display: inline; width: 120px; }
	#postcard .header { width: 80px; float: left;}
	#postcard .topheader,#postcard .message LABEL {font-weight: bold;}
	
DIV.postcard_list { margin: 0;}
DIV.postcard_list .postcard_row {display: block; clear: both;}
DIV.postcard_list .postcard_row .cell_1, DIV.postcard_list .postcard_row .cell_2 {padding: 0 10px 0 0;}
DIV.postcard_list .postcard_row .cell_1,DIV.postcard_list .postcard_row .cell_2,DIV.postcard_list .postcard_row .cell_0 {float: left; margin: 0 0 10px 0;}	

DIV.pickuptable {margin: 10px 0;}
FORM DIV.pickuptable {width: 470px; margin: 10px 24px 0 0px;}
DIV.pickuptable .topheader {font-weight: bold;}
DIV.pickuptable .to_cell {float: left; width: 210px;}
DIV.pickuptable .from_cell {float: right; width: 210px;}
DIV.pickuptable .message {clear: both; padding: 20px 0 0 0;}
DIV.pickuptable .message SPAN {font-weight: bold; display: block;}
DIV.pickuptable .header {width: 70px; display: inline; float: left; }
DIV.pickuptable .text {width: 100px; float: left; display: inline;}

#disclaimer { margin: 10px 0 0 0; border: 1px solid #89c765; padding: 10px; }

#filelist, #filelist li { list-style-type: none; padding: 0; margin: 0; }
#filelist li { font-size: 1em; }


#content .poll { font-size: 70%; }
#pollform .mandatory { /* border-left: 2px solid red; padding-left: 4px;*/ }
#pollform .TEXTAREA { width: 350px; height: 120px; }

#iframe { min-height: 450px; }
* html #iframe { height: 450px; }

/* PORTALSIDA */
.portalpage #content { width: 755px; }
.portalpage .portal-box { width: 214px; padding: 10px; float: left; margin: 0 10px 10px 0; background: url(/graphics/portalbox_upper_234.gif) no-repeat; }
.portalpage .portal-box .lower { width: 234px; height: 7px; background: url(/graphics/portalbox_lower_234.gif) no-repeat; margin: 0 -10px -10px -10px; paddding: 0; overflow: hidden; }
.portalpage #portal-container .even { margin-right: 0; }
.portalpage .clearfix { clear: both; }


/*KURSER EVENEMANG*/
div#content-courses-events { width: 530px; }
div.courses-events { margin: 0; float:left; }
div.courses-events table { margin-bottom: 10px; color: #000000; text-align: left; font-size:80%; width:520px; }
div.courses-events table tr th { color: #000000; text-align: left; padding-top: 20px;}
div.courses-events table tr td { font-size: 90%; }
div.courses-events table tr a { color: #000000; text-decoration:underline; }
div.courses-events table tr.events td { border-bottom: 1px solid #f0dbd8; padding: 6px 0;}
div.courses-events table tr.events:hover, div.courses-events table tr.hover { background-color: #eee; }
div.courses-events table tr.event-headline { background-color: #fff !important; }
div.courses-events table tr td.event { width: 300px; }
div.courses-events table tr td.city { width: 130px; }
div.courses-events table tr td.date { width: 90px;  }

div.more-information { float:right; width:250px; padding-top:40px; }
div.subscribe-form { float:left; padding-top:3px; }

.download-pdf { float:right; width:200px;}
.download-pdf h3 { color: #000000 !important; font-size:80% !important; font-weight: normal !important; border-top: 1px solid #adadad; padding: 3px 0; }
.download-pdf ul#filelist { font-size:80%; }
.download-pdf ul#filelist li { border-top: 1px solid #adadad; padding: 3px 0; background: url(/graphics/icon_pdf.gif) no-repeat center right; padding-right:20px; }
.download-pdf ul#filelist li a { font-weight: bold !important; color: #000000; }

h2.form { margin-top:20px !important; }
div#content-courses-events h2 { width: 520px; margin-top:25px; }

.teasers-events { width: 520px; float:left; }
.teasers-events .box { float:left; margin: 0 20px 5px 0; }

#inlogged {}


#loginbox { width: 200px; height: 111px; position: absolute; left: 19%; background-color: #F2F2F2; border: 2px solid #000; margin: 0 -100px 0 -100px; }
#loginbox p { margin:10px; color:black; font-weight:bold; font-size:90%;}
#loginbox a { padding:0; margin-left:12px;  text-decoration:underline; font-size:90%; color:blue;}
#loginbox a.customer_link { margin-left:0;}
.test { display:none; }

#pricebox { }

.kontaktform .header {font-weight:bold;}

.PDF_list { float:left; width:100%;}
#courseImageDiv { clear:both; float:left; width:100%; margin-bottom:30px;}
.PDF_file { WIDTH:33%; display:inline; float:left; text-align:center;}


.icon_img { padding-left:3px !important; }

#christmasCalender { width:520px; margin:30px auto; color:#000; font-weight:bold; font-size:30px; font-family: Tahoma,Verdana,Sans-Serif; }
#christmasCalender .christmasCalender { float:left; width:500px; border:5px solid #000; padding:10px;}
#christmasCalender .hatch { padding:21px; width:33px;  text-align:center; float:left; border:2px solid #fff; margin: 10px; background:url(/graphics/hatch_bg.png); border:2px solid #000; }

#number_24.hatch {  }
