/* © 2007 Jonatan Rydh | Mattesmedjan AB */
 
* { margin: 0px; padding: 0px; }
html { height:100% }
body { min-height:101%; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/background_gradient.gif); background-repeat: repeat-x; background-attachment: fixed; text-align: center; background-color: #ffffff; }
p, td, label, input, div#main_page li { color: #1b0005; font-size: 12px; margin-bottom: 1.3em; line-height: 1.5em;}
.ingress { font-weight: bold; }
div#page { margin: 0 auto; padding-left: 20px; padding-right: 20px; background-image: url(../images/gradient2.png); background-repeat: repeat-y; text-align: left; width: 750px; display: block; }
/* for IE, don't add gradient \*/* html div#page { background-image: none; }/* end filter */
div#kruxpage { margin: 0 auto; text-align: left; width: 850px; display: block; }
a img { border: 0px; }

/* Header */
div#header { position: relative; height: 80px; width: 100%; }
div#main_nav { background-color: #2f56a2; width: 570px; height: 100%; float: left; margin: 0px; }
div#main_nav ul { position: absolute; bottom: 0px; max-width: 74%; margin-top: 21px; margin-left:20px; margin-right:20px; }
div#main_nav li { list-style-type: none; float: left; margin-right: 6px; }
div#main_nav li:hover { background-color: #23417a; }
div#main_nav li:hover.current_main_nav { background-color: #6381ba; }
div#main_nav li.current_main_nav { background-color: #6381ba; }
div#main_nav li.current_main_nav a { color: #ffffff; }
div#main_nav a { color: white; font-size: 14px; text-decoration: none; padding: 11px 7px; display: block; }
/*a#logo { background-color: #28498a; background-image: url(../images/logo_passare.gif); background-repeat: no-repeat; background-position: center 50px; text-decoration: none; text-align: center; width: 180px; text-indent: -9999px; height: 80px; float: right; }*/
a#logo { background-color: #28498a; background-image: url(../images/ms_logo.gif); background-repeat: no-repeat; background-position: center 2px; text-decoration: none; text-align: center; width: 180px; text-indent: -9999px; height: 80px; float: right; }

/* Main Content */
div#content { width: 100%; overflow:auto; background-color: #cbd5e8; }
div#main_page { position: relative; background-color: #ebeff6; width: 530px; float: left; padding: 20px; min-height: 430px; }
/* for IE, use height instead of min-height \*/* html div#main_page { height: 430px; }/* end filter */
div#main_page .left_col { text-align: justify; width: 255px; float: left; margin-right: 10px; }
div#main_page .right_col { text-align: justify; width: 255px; float: right; }
div#main_page .double_col { position: relative; text-align: justify; width: 530px; float: left; }
div#main_page .video { text-align: center; width: 530px; float: left; padding-top: 60px; padding-bottom: 100px; }
div#main_page .banner_image { background-image: url(../images/shadow.gif); background-repeat: no-repeat; padding-left: 15px; padding-top: 6px; padding-right: 15px; padding-bottom: 13px; position: relative; left:-15px; top:-6px; height: 130px; border-width: 0px; margin-bottom: 0.3em; margin-right: -30px; }
div#main_page #no_headline { margin-bottom: 1em; }
div#main_page h1 { color: #840505; font-size: 18px; font-weight: bold; letter-spacing:0.05em; line-height: 21px; display: block; margin-bottom: 0.8em; }
div#main_page h2 { width: 510px; color: #182b51; font-size: 14px; letter-spacing:0.01em; font-weight: bold; background-image: url(../images/subheading_square.gif); background-repeat: no-repeat; background-position: 0 1.2em; margin-bottom: 1.2em; padding-top: 1em; padding-left: 20px; display: block; float: left; }
/*div#main_page h2 { width: 510px; color: #182b51; font-size: 14px; letter-spacing:0.01em; font-weight: bold; background-image: url(../images/subheading_square.gif); background-repeat: no-repeat; background-position: 0 1.2em; float: left; margin-bottom: 1.2em; padding-top: 1em; padding-left: 20px; list-style-image: url(../images/subheading_square.gif); list-style-position: inside; display: block; }*/
div#main_page h3, h4 { color: #182b51; font-size: 12px; letter-spacing:0.01em; font-weight: bold; margin-bottom: 1.2em; }
div#main_page h4{ background-image: url(../images/blob.gif); background-repeat: no-repeat; background-position: 0 center; margin-top: 4px; margin-bottom: 5px; padding-top: 8px; padding-bottom: 10px; padding-left: 27px; }
div#main_page .left_col h2, div#main_page .right_col h2{ float: none; width: 90%;}
div#main_page .subtopic { color: #182b51; font-size: 85%; font-weight: normal; padding-left: 0.1em; }
div#main_page li { text-align: left; margin-bottom: 1em; margin-left: 2em; line-height: 1.5em;}

/* Navigation Sidebar */
div#sub_nav { font-size: 11px; line-height: 36px; background-color: #cbd5e8; width: 120px; float: right; padding: 30px; }
div#sub_nav ul { margin-top: 26px; width: 100%; float: left;}
div#sub_nav li { list-style-type: none; display:block; margin: 0px; padding: 0px; height: 46px;}
div#sub_nav li:hover a{ background-color: #bbc5d8; }
div#sub_nav li:hover.current_sub_nav a{ background-color: #ebeff6; }
div#sub_nav li.current_sub_nav a{ background-color: #ebeff6; }
div#sub_nav li a { position:relative; width: 105px; color: #0c1629; background-image: url(../images/subnavigation_bullet.gif); background-repeat: no-repeat; background-position: 0 50%; text-decoration: none; display: block; margin-bottom:0px; padding-left: 15px; border-top: 1px solid #a6b7d6; border-bottom: 1px solid #a6b7d6; }

/* Footer */
div#footer { background-color: #2f56a2; text-align: center; width: 100%; overflow:auto; display: block; }
div#footer ul { float:left; width: 100%; padding-top: 0.5em; padding-bottom: 0.8em;}
div#footer li { font-size: 11px; color: white; padding-right: 8px; padding-left: 8px; list-style-type: none; display: inline; }
div#footer a { color: white; text-decoration: none; }

/* Bottom */
div#bottom { text-align: center; width: 100%; display: block; float:left;}
div#bottom p { color: #9c9c9c; font-size: 9px; margin-top: 5px; }

/* Individual Styles */
img#fiol { position: relative; top: -40px; left: 65px; float: right; margin-left: -50px; margin-bottom: -20px; }
img#tarningar { padding-left: 10px; float: right; }
img#geometriska_figurer { float: right; padding: 5px 5px 5px 5px; position: relative; bottom: 60px;}
img#sten { float: right; padding: 5px 5px 15px 15px; }
img#passare { margin-right: 10px; float: left; }
img#pythagoras_sats { position: relative; top: -30px; left: 50px; float: right; margin-left: -30px; }
img#ellips_slips{ text-align: center; }
img#blyertspenna{ float: left; position: relative; top: -10px; left: -10px; }
img#pentomino_alfabet{ float: right; padding: 0px 0px 20px 0px; }
img#tarningspyramiden{ float: right; padding: 0px 20px 20px 20px; }
img#pentomino_exempel{ padding: 30px 76px 30px 76px; }
img#kruxboard{ float: right; padding: 0px 0px 20px 0px; }
img#kruxboard_small{ float: right; padding: 0px 0px 0px 20px; }
img#kruxpieces{ float: right; padding: 10px 10px 0px 10px; position: relative; bottom: 20px; left: 10px; }
img#think{ float: left; padding: 20px 10px 0px 0px; margin: 0px 0px -20px -20px; }
div#karta{ text-align: center; }
img.domino{ float: right; margin: 0px 0px 20px 20px; display: block; clear: right; }
img#tre_domino{ float: right; margin: 0px 0px 20px 20px; }
img#domino_bord{ float: right; margin: 0px 0px 0px 20px; display: block; clear: right; position: relative; top: -15px; }
img#domino_alla{ float: right; margin: 0px 0px 20px 20px; display: block; clear: right; padding-bottom: 20px; position: relative; top: 10px;}
p.domino_image, p.domino_image_left{ float: right; clear: right; display: block; width: 230px; font-size: 10px; color:#333333; font-style: italic; text-align: right; padding-left: 30px; padding-bottom: 20px; }
p.domino_image_left{ float: left; padding-left: 0px; padding-right: 30px; }
p.domino_image img, p.domino_image_left img{ display: block; float: right; margin: 0 0 20px 60px; }
img#cylinderflicka{ float: left; margin-right: 15px; }
img#sverige{ background: #FCFDFE; border: solid 1px #d4e0ee; float: left; width: 115px; height: 84px; margin: 20px 20px 0px 25px; padding: 6px; }
p.sverige{ padding-left: 15px; margin-top: 20px; width: 340px; display: block; font-size: 11px; color:#333333; font-style: italic; text-align: left; }
td.open{ color:#21A128; }
td.closed{ color: #C5060B; }
img#omnido_exempel{ padding-left: 10px; padding-right: 5px; margin-bottom:5px; }
img#omnido_tip{ float: right; padding: 10px; margin-left: 20px; margin-right: 20px;}
div.omnido_tip { position: relative; float: left; display: block; width: 500px; padding: 15px; background-color: #CBD5E8; }
div.omnido_tip p { padding-left: 0px;}
div.omnido_tip h4 { margin-left: 20px; padding-left: 40px;}
img#omnido_logo{ float:left; width:50%; margin-right: 10px; margin-bottom: 10px; }
td.logo_img{ text-align:center; }
p.kurs_ingress { font-style: italic; font-size:11px;}
img#mu { margin-bottom: 16px; margin-top:32px;}
table.samarbetspartner{ margin-bottom:16px; margin-top:30px;}
table.samarbetspartner td{ vertical-align: baseline; padding:20px;}

/* Matematik och Utomhuspedagogik */
div#main_page .recipe_mu { position: relative; float: left; display: block; width: 468px; padding: 30px; padding-top: 0px; background-color: #f7f9fc; border: solid 1px #d4e0ee; }
div#main_page .recipe_mu h4 { margin-top: 2.5em; font-size: 11px; }
div#main_page .recipe_mu li { font-size: 11px; line-height: 1.0em; }
div#main_page .recipe_mu p { font-size: 11px; font-weight: normal; font-style: italic; }
div#main_page .recipe_mu a { color: #516A9E; text-decoration: none; }
div#main_page .recipe_mu a:hover { color: #718abe; text-decoration: underline; }
span.kurspdf_mu { float: left; display:inline; background: #f7f9fc url(../images/pdf.gif) no-repeat 4px center; font-size: 10px; position: relative; top: 0px; padding: 3px; padding-left: 24px; }

/* Information Boxes */
div#main_page .recipe { position: relative; float: left; display: block; width: 500px; padding: 15px; background-color: #CBD5E8; }
div#main_page .recipe h3 { color: #555b74; font-size: 11px; font-weight: normal; font-style: italic; margin-bottom: 1.4em; margin-left: 1em; }
div#main_page .recipe h4 { margin-top: 2em; }
div#main_page .recipe ul, div#main_page .recipe ol { margin-left: 10px; }
div#main_page .recipe li { font-size: 11px; line-height: 1.3em; }
div#main_page .recension { position: relative;  float: left; display: block; width: 510px; padding: 10px; background-color: #cbd5e8; }
div#main_page .recension p { font-size: 11px; font-style: italic; }
div.sesam { padding: 15px; position: relative; float: left; display: block; width: 500px; background-color: #CBD5E8; margin-bottom: 50px; margin-top: 50px; }
div.info1, div.info2 { position: relative; float: left; display: block; width: 330px; padding-top: 10px; padding-bottom: 10px; margin-top: 15px; background-color: #CBD5E8; }
div.info1 { padding-left: 190px; padding-right: 10px; }
div.info2 { padding-left: 10px; padding-right: 190px; }
div.info1 p, div.info2 p { color: #33353a; font-size: 11px; }
div.info1 h3, div.info2 h3 { color: #1c3965; font-size: 12px; font-weight: normal; font-style: italic; letter-spacing: 0.05em; margin-bottom: 1.4em; }
div.info1 img, div.info2 img, div.info3 img{ position: absolute; top: 15px; margin-bottom:50px; }
div.info1 img{ left:15px; margin-right: 30px; }
div.info2 img{ right:15px; margin-left: 30px; }
div.singleinfo { position: relative; float: left; display: block; width: 105px; margin-top: 15px; background-color: #dfeaf7; margin-right: 190px; margin-left: 190px; padding: 15px 15px 15px 30px; }
div.singleinfo p { color: #242528; background-image: url(../images/pdf.gif); background-repeat: no-repeat; background-position: 0 center; margin-top: 5px; margin-bottom: 0em; padding-bottom: 5px; padding-left: 25px; }

/* Icons */
img.video{ position: absolute; left: 45px; top:10px; border-width: 0px; }
p.download { float: right; display:inline; background: #f7f9fc url(../images/pdf.gif) no-repeat 4px center; border: solid 1px #d4e0ee; font-size: 10px; position: relative; top: 10px; padding: 6px; padding-left: 24px; margin-bottom: 15px; }
p.download a { color: #516A9E; text-decoration: none; }
p.download a:hover { color: #718abe; text-decoration: underline; }
p.kurspdf { float: left; display:inline; background: #f7f9fc url(../images/pdf.gif) no-repeat 4px center; border: solid 1px #d4e0ee; font-size: 10px; position: relative; top: 10px; padding: 6px; padding-left: 24px; margin-bottom: 15px; }
p.kurshtml { float: left; display:inline; background: #f7f9fc; border: solid 1px #d4e0ee; font-size: 10px; position: relative; top: 10px; padding: 6px; margin-bottom: 15px; }
p.kurspdf a, p.kurshtml a { color: #516A9E; text-decoration: none; }
p.kurspdf a:hover, p.kurshtml a:hover { color: #718abe; text-decoration: underline; }
p.applet { float: right; display:inline; background: #f7f9fc url(../images/applet.gif) no-repeat 4px center; border: solid 1px #d4e0ee; font-size: 12px; position: relative; top: 10px; padding: 16px; padding-left: 54px; margin-bottom: 15px; }
p.applet a, p.anmalan a, p.anmalan_t a { color: #516A9E; text-decoration: none; }
p.applet a:hover, p.anmalan a:hover, p.anmalan_t a:hover { color: #718abe; text-decoration: underline; }
p.blindbox { float: right; display:inline; background: #f7f9fc url(../images/puzzlepiece.gif) no-repeat 8px center; border: solid 1px #d4e0ee; font-size: 12px; position: relative; top: 10px; padding: 16px; padding-left: 34px; margin-bottom: 15px; }
p.blindbox a { color: #516A9E; text-decoration: none; }
p.blindbox a:hover { color: #718abe; text-decoration: underline; }
p.multix { width: 120px; text-align: center; display:block; background: #f7f9fc url(../images/multixicon.gif) no-repeat 8px center; border: solid 1px #d4e0ee; font-size: 12px; padding: 16px; padding-left: 34px; margin-left:180px; margin-bottom: 15px; }
p.multix a { color: #516A9E; text-decoration: none; }
p.multix a:hover { color: #718abe; text-decoration: underline; }
p.hexilla { width: 120px; text-align: center; display:block; background: #f7f9fc url(../hexilla/images/favicon.png) no-repeat 8px center; border: solid 1px #d4e0ee; font-size: 12px; padding: 16px; padding-left: 34px; margin-left:180px; margin-bottom: 15px; }
p.hexilla a { color: #516A9E; text-decoration: none; }
p.hexilla a:hover { color: #718abe; text-decoration: underline; }
hr.multix { margin-bottom: 10px; height:3px; color:#d4e0ee; background-color:#d4e0ee; }
p.note{ font-size: 10px; color:#333333; font-style: italic; text-align: right; padding-top: 1em; }
a.english, a.swedish{ position:absolute; top: 0px; background: #f7f9fc no-repeat 0 center; text-decoration: none; width: 25px; height: 14px; right: 0px; }
a.english{ background-image: url(../images/english.gif) ;}
a.swedish{ background-image: url(../images/swedish.gif); }
p.anmalan { float: right; display:inline; background: #f7f9fc url(../images/anmalan.gif) no-repeat 8px center; border: solid 1px #d4e0ee; font-size: 12px; position: relative; top: 10px; padding: 16px; padding-left: 50px; margin-bottom: 15px; }
p.anmalan_t { float: right; display:inline; background: #f7f9fc url(../images/anmalan_t.gif) no-repeat 8px center; border: solid 1px #d4e0ee; font-size: 10px; position: relative; top: 10px; padding: 6px; padding-left: 30px; margin-bottom: 15px; }

p.kursruta { float: right; display:inline; background: #f7f9fc; border: solid 1px #d4e0ee; font-size: 10px; padding: 6px; padding-bottom: 10px; margin-left: 40px; margin-bottom: 10px; }
p.kursruta_mu { float: right; display:inline; background: #f7f9fc; border: solid 1px #d4e0ee; font-size: 10px; padding: 6px; margin-left: 40px; }
p.kursruta a, p.kursruta_mu a { color: #516A9E; text-decoration: none; }
p.kursruta a:hover, p.kursruta_mu a:hover { color: #718abe; text-decoration: underline; }
span.kurspdf { float: left; display:inline; background: #f7f9fc url(../images/pdf.gif) no-repeat 4px center; font-size: 10px; position: relative; top: 10px; padding: 6px; padding-left: 24px; }
/*span.kurspdf a { color: #516A9E; text-decoration: none; }
span.kurspdf a:hover { color: #718abe; text-decoration: underline; }*/

/* Portrait */
div#main_page ul.staff{ list-style-type: none; padding: 0px; margin: 0px; }
div#main_page ul.staff li{ position:relative; width: 160px; height: 450px; display: inline; float: left; padding: 8px 8px 20px; margin: 0 0 90px;}
div#main_page ul.staff li h3{ padding: 0 0 0 10px; margin: 0 0 220px; }
div#main_page ul.staff li p{ padding: 0 0 0 10px; margin: 0 0 20px; }
div#main_page ul.staff li img{ position:absolute; top: 33px; left: 13px; padding: 0px; margin: 0px;  }
div#main_page ul.staff li#one{ background: #bcc6d7; }
div#main_page ul.staff li#two{ background: #cbd5e8; }
div#main_page ul.staff li#three{ background: #bcc6d7; }

/* Tables */
table, th, td, td p { border: solid 1px #d4e0ee; border-collapse: collapse; font-size: 10px; color: #444; text-align: left; }
div#main_page table h2 { width: auto; float:none; display: block;}
caption { font-size: 11px; line-height: 2em; font-weight: bold; text-align: left; margin: 5px; }
td, th, td p { padding: 6px 6px 6px 8px; }
td p{ border: 0px; padding: 0px; }
thead th { text-align: center; background: #E6EDF5; color: #4F76A3; font-size: 100% !important; }
tbody th { font-weight: bold; }
tbody tr { background: #FCFDFE; }
tbody tr.odd { background: #F7F9FC; }
table.bildspel a { padding: 0px; }
table.bildspel td{ padding: 5px; line-height: 0em; }
table a.pdflink { background-image: url(../images/pdf.gif); background-repeat: no-repeat; background-position: 0px center; padding-left: 20px; padding-bottom: 4px; padding-top: 4px; display:block; }
table a:link, table a:visited { color: #516A9E; }
table a:hover { color: #718ABE; text-decoration: underline !important; }
tfoot th, tfoot td { font-size: 85%; }

/* Forms */
label, label span {display: block; padding-bottom: .25em; margin-bottom: 0em;}
label { float: left; width: 99%; }
label span {float: left; width: 15%; text-align: right; }
fieldset { padding: 15px; margin-top: 10px; border: 1px solid #a9b3c6; overflow: hidden; background-color: #e7ebf2; }
form h3{ margin-top: 15px; }
fieldset input { float: right; width: 80%; border: solid 1px #cbd5e8; margin-bottom: 0px; outline-style: none; background-color: #f8fcff; }
fieldset.produkter input {float: left; width:auto; border: 0px; margin-right: 10px; margin-left: 110px;  }
fieldset.produkter input.antal { float: left; border: solid 1px #cbd5e8; width:20px; margin-left: 0px;}
fieldset.produkter input.antal:hover{ border-color: #2f56a2; }
fieldset.produkter div.x{ float: left; margin-right: 5px; font-size: 80%; }
fieldset.produkter label { padding-bottom: 0em; width:80%; }
fieldset.produkter label span { width:auto; text-align: left; display: inline; float: none; }
fieldset.kurser input {float: left; width:auto; border: 0px; margin-right: 10px; margin-left: 70px;  }
fieldset.kurser label span { width: 100%; text-align: left; display: inline; float: none; }
fieldset input:hover, input:active { border-color: #2f56a2; }
fieldset input.required { border: 2px solid #c22; }
textarea { width: 100%; height: 5em; display: block; float: left; border: 1px solid #cbd5e8; background-color: #f8fcff; }
textarea:hover, textarea:active, textarea:focus { border-color: #2f56a2; }
form div.submit{ margin-bottom: 15px; margin-top: 15px; padding: 10px; border: 1px solid #a9b3c6; text-align: center; background-color: #e7ebf2; }
form div.submit input{ margin-bottom: 0em; padding: .2em .2em; background-color: #2F56A2; border: 2px double #0C2370; border-top-color: #cbd5e8; font: bold 80% Tahoma, Verdana, Arial, sans-serif; color: #fff; text-transform: uppercase; }
form div.submit input:hover{ background-color: #4F78C4;}
fieldset.elevanmalan label span { width: 40%; }
fieldset.elevanmalan input { width: 53%; }
p.error_message { float: left; color: #c22; font-weight: bold; background-image: url(../images/varning.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-top: 0px; padding-left: 20px; margin-left: 20px; margin-bottom: 0.3em; }
p.notis{ font-size: 10px; color: #444; font-style:italic; }
span.star{ background-image: url(../images/star.gif); background-repeat: no-repeat; background-position: right 3px; padding-right: 9px; }
form div.nyhetsbrev{ float: left; width: 505px; margin-left: 0px; margin-right: 0px; margin-bottom: 15px; margin-top: 0px; padding: 10px; border: 1px solid #a9b3c6; text-align: center; background-color: #e7ebf2; }
form div.nyhetsbrev input{ margin-bottom: 0em; padding: .2em .2em; background-color: #2F56A2; border: 2px double #0C2370; border-top-color: #cbd5e8; font: bold 80% Tahoma, Verdana, Arial, sans-serif; color: #fff;}
form div.nyhetsbrev input:hover{ background-color: #4F78C4; }
form div.nyhetsbrev input#epost:hover{ border-color: #2f56a2;}
form div.nyhetsbrev input#epost{ width: 200px; border: solid 1px #cbd5e8; margin-bottom: 0px; outline-style: none; background-color: #f8fcff; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: normal; }
form div.nyhetsbrev p{ font-size: 11px; color: #2F56A1; }
form div.nyhetsbrev p.nyhetsbreverror { color: #c22; font-weight: bold; display: list-item; list-style-image: url(../images/varning.gif); list-style-position: inside;  }

/* Products */
span.notice{ color: #e60d04; font-size: 90%; }
span.green{ color: #21A128; }
span.produkt_rubrik{ font-weight: bold; }
fieldset.produkter div.choose{ margin-left: 135px; width: 265px; float: left; font-size: 60%; font-weight: bold; height: 20px;}
fieldset.produkter div.amount{ margin-left: 10px; float: left; font-size: 60%; font-weight: bold; }
a.produktinfo{ font-size: 80%; font-weight: bold; }
p.view_this_page a { color: #516A9E; text-decoration: none; }
p.view_this_page a:hover { color: #718abe; text-decoration: underline; }
p.view_this_page { float: left; display:inline; background: #f7f9fc; border: solid 1px #d4e0ee; font-size: 12px; position: relative; top: 10px; padding: 16px; padding-left: 40px; margin-bottom: 15px; }
p#english { background: #f7f9fc url(../images/english.gif) no-repeat 8px center; }
p#swedish { background: #f7f9fc url(../images/swedish.gif) no-repeat 8px center; }
img.hexboard { width: 230px; height: 170px; padding-left: 10px; padding-right: 10px;}
input.buybutton { /*float:right; clear: right; display: inline;*/}
form.buyform { float:right; }
form.view_cart { float:right; background: #f7f9fc; border: solid 1px #d4e0ee; font-size: 12px; position: relative; top: 10px; padding: 16px; margin-left:10px; margin-bottom:0px;}
input.view_cart { margin: 0px; }
p.buyers_info { font-size: 10px; }
table.creditcards { float:right; padding: 0px; margin: 0px; }
td.creditcard{ padding: 4px; margin: 0px; }
td.creditcard img{ width: 30px; }
span.omnido_empty { padding:4px; padding-left:6px; padding-right:6px; background-image: url(../images/omnido_star_empty.gif); background-repeat: no-repeat; }
span.omnido_star { padding:4px; padding-left:6px; padding-right:6px; background-image: url(../images/omnido_star.gif); background-repeat: no-repeat; }
p.in_english { text-align:right; font-size: 9px; }
p.in_english a { color: #516A9E; text-decoration: none; }
p.in_english a:hover { color: #718abe; text-decoration: underline; }
p.upphovsratt { float:right; text-align:left; font-size: 9px; }
p.print_omnido { text-align:right; font-size: 9px; margin-right:25px; }
p.print_omnido a { color: #516A9E; text-decoration: none; }
p.print_omnido a:hover { color: #718abe; text-decoration: underline; }

/* Kurser */
p.kursinfo { font-size: 12px; font-style: italic; color: #5c5677; }
span.kursrubrik{ font-weight: bold; }
p.observera { color: #C5060B; }
span.observera { color: #C5060B; }
div#main_page ul.kurslista { margin-top: 20px; margin-bottom: 20px;}
div#main_page ul.kurslista li { font-size: 12px; line-height: 0.8em; color: #111144; }
td.current { font-weight: bold; color: #ff4433; }
div#main_page ul.miniinfo { margin-top:20px; }
div#main_page ul.miniinfo li { font-size:9px; color: #111144; line-height:0.5em; }
div#main_page ul.miniinfo li.specialerbjudande1 { margin-top:25px; color: #881111; font-weight:bold; line-height:0.7em; list-style-type: none;}
div#main_page ul.miniinfo li.specialerbjudande2 { color: #881111; line-height:1.2em; list-style-type: none;}

/* First Page */
img#main_banner{ background-image: url(../images/shadow.gif); background-position: 0px 49px; background-repeat: no-repeat; padding-left: 15px; padding-top: 6px; padding-right: 20px; padding-bottom: 13px; position: absolute; left:5px; top:1px; }
div#slogan p{ font-size: 13px; font-style: italic; color: #8c86a7; text-align: right; width:370px; position: absolute; top: 196px; left: 170px; }
a#vanster_puff{ float:left; position: absolute; left:20px; top:326px; }
a#hoger_puff{ float:left; position: absolute; left:296px; top:326px; }
a#vanster_puff, a#hoger_puff{ margin: 0px; line-height: 0.8em; text-decoration: none; background-color: #dde4ed; border: solid 1px #ebeff6; width: 147px; height: 92px; padding: 15px 15px 15px 90px; }
a#vanster_puff:hover, a#hoger_puff:hover{ border: 1px solid #2f56a2; }
a#vanster_puff img.puffbild, a#hoger_puff img.puffbild{ position: absolute; top: 0px; left: 5px; }
a#vanster_puff span.puffrubrik, a#hoger_puff span.puffrubrik{ display: block; line-height: 2em; color: #182b51; font-size: 11px; font-weight: bold;  background-image: none; }
a#vanster_puff span.pufftext, a#hoger_puff span.pufftext{ display: block; color: #000; font-size: 9px; }
div.front_page_below{ margin-top:250px; }
a#stor_puffbild_over{ display:block; padding-top:50px; }
a#stor_puffbild_under{ display:block; }

/* Home Sidebar */
div#main_sidebar { font-size: 11px; line-height: 20px; background-color: #cbd5e8; width: 180px; float: right; padding: 210px 0px 0px 0px; }
div#main_sidebar form div#nyhetsbrev_main{ font-size: 13px; background-image: url(../images/sten_nyhetsbrev.gif); background-repeat: no-repeat; background-position: 15px 15px; width: 180px; padding-top: 60px; margin-left: 0px; margin-right: 0px; margin-bottom: 15px; margin-top: 0px; }
div#main_sidebar form div#nyhetsbrev_main input{ margin-bottom: 0em; padding: .2em .2em; background-color: #2F56A2; border: 2px double #0C2370; border-top-color: #cbd5e8; font: bold 80% Tahoma, Verdana, Arial, sans-serif; color: #fff; }
div#main_sidebar form div#nyhetsbrev_main input:hover{ background-color: #4F78C4; }
div#main_sidebar form div#nyhetsbrev_main input#epost:hover{ border-color: #5f86d2;}
div#main_sidebar form div#nyhetsbrev_main input#epost{ width: 130px; border: solid 1px #2f56a2; margin-bottom: 0px; outline-style: none; background-color: #f8fcff; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: normal; margin-left: 23px; }
div#main_sidebar form div#nyhetsbrev_main input#button{ margin-left: 66px; margin-top: 15px;}
div#main_sidebar form div#nyhetsbrev_main h2{ font-size: 12px; font-weight: bold; color: #0f3682; margin-left: 18px; margin-bottom:20px;}
div#main_sidebar form div#nyhetsbrev_main p{ font-size: 9px; color: #0f3682; margin-left: 25px; margin-right: 11px; }