/* -- CSS-RESET ------------------------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;} /* tabeller behöver fortfarande 'cellspacing="0"' */

/* -- TEXT CSS ------------------------------------------------------------------------------------------ */
/* >>> grundläggande HTML */
body {font-family: 'Trebuchet MS', Tahoma, Sans-serif; font-size: 12px; color: #222;}
a, a:visited {color: #186bb9; background: inherit; text-decoration: none;}
a:hover {color: #186bb9; background: inherit; text-decoration: underline;}
a.externallink {display:inline-block; background: url("../../images/icon_externallink.png") no-repeat right center; padding-right: 15px;}
a.pdfdocument {display:inline-block; background: url("../../images/icon_pdf.png") no-repeat right center; padding-right: 15px;}
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}

/* >>> headings */
/*h1 {font-size: 16px; font-weight: bold; text-transform: uppercase;	color: #193441; font-weight:bold;}
h2 {font-size: 13px; font-weight: bold; text-transform: uppercase;	color: #3e606f; font-weight:bold;}
h3 {font-size: 11px; font-weight: bold; text-transform: uppercase; color: #3e606f;} */

h1, h2 {padding:5px 0 0 0; font:bold 15px Arial; font-variant:normal; text-transform:none; margin:0;}
h3 {padding: 8px 0 1px 0; margin:0;}

h4 {font-size: 10px;}
p {color: #222; line-height:18px;}

/* >>> spacing */
ol {list-style: decimal;} ul {list-style: square;}
li {margin-left: 30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 6px;}

/* -- 960 Grid System ------------------------------------------------------------------------------------------ */
.container_12 {margin-left: auto;margin-right: auto;width: 960px;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline; float:left; margin-left:10px; margin-right:10px;}

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

.container_12 .grid_1 {width: 60px;} .container_12 .grid_2 {width: 140px;}
.container_12 .grid_3 {width: 220px;} .container_12 .grid_4 {width: 300px;}
.container_12 .grid_5 {width: 380px;} .container_12 .grid_6 {width: 460px;}
.container_12 .grid_7 {width: 540px;} .container_12 .grid_8 {width: 620px;}
.container_12 .grid_9 {width: 700px;} .container_12 .grid_10 {width: 780px;}
.container_12 .grid_11 {width: 860px;} .container_12 .grid_12 {width: 940px;}

.container_12 .prefix_1 {padding-left: 80px;} .container_12 .prefix_2 {padding-left: 160px;}
.container_12 .prefix_3 {padding-left: 240px;} .container_12 .prefix_4 {padding-left: 320px;}
.container_12 .prefix_5 {padding-left: 400px;} .container_12 .prefix_6 {padding-left: 480px;}
.container_12 .prefix_7 {padding-left: 560px;} .container_12 .prefix_8 {padding-left: 640px;}
.container_12 .prefix_9 {padding-left: 720px;} .container_12 .prefix_10 {padding-left: 800px;}
.container_12 .prefix_11 {padding-left: 880px;}
 
.container_12 .suffix_1 {padding-right: 80px;} .container_12 .suffix_2 {padding-right: 160px;}
.container_12 .suffix_3 {padding-right: 240px;} .container_12 .suffix_4 {padding-right: 320px;}
.container_12 .suffix_5 {padding-right: 400px;} .container_12 .suffix_6 {padding-right: 480px;}
.container_12 .suffix_7 {padding-right: 560px;} .container_12 .suffix_8 {padding-right: 640px;}
.container_12 .suffix_9 {padding-right: 720px;} .container_12 .suffix_10 {padding-right: 800px;}
.container_12 .suffix_11 {padding-right: 880px;} 

.clear {clear:both; display:block; overflow:hidden; width:0; height:0;}
.clearfix:after {clear:both; content: '.'; display:block; visibility:hidden; height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* -- topmeny ------------------------------------------------------------------------------------------ */
#topmenu {height:51px; background: #fff url("../../images/menycss/bmid_101.gif"); margin:6px 0;border:0px;}
#menuitem {margin:0px;top:0px;}
#menuitem ul {margin:0px; padding:0px; list-style:none; float:left;}
#menuitem li {display:inline; float:left; margin:0px; padding:0px;}
#menuitem a {background:url("../../images/menycss/bright_101.gif") no-repeat right top; margin:0px; padding:0px; text-decoration:none; border:0px; display:block; float:left;}
#menuitem a span {display:block; background:url("../../images/menycss/bleft_101.gif") no-repeat left top; padding:0px 13px 0px 13px; font-size:11px; color:#000000; font-weight:bold; line-height:51px;}
#menuitem a:hover, #menuitem li.aktiv a {background-position:right bottom;}
#menuitem a:hover span, #menuitem li.aktiv a span {background-position:left bottom;color:#990000;font-weight:bold;font-style:normal;text-decoration:none;}

/* -- maincontent ------------------------------------------------------------------------------------------ */
#main {min-height:400px;}
#main h1 {font-size:16px; text-transform:uppercase;	color:#193441; font-weight:bold;}
#main h2 {font-size:13px; text-transform:uppercase; color:#3e606f; font-weight:bold;}
#main h3 {font-size:11px; text-transform:uppercase; color:#3e606f; font-weight:bold;}
#main ul li {list-style-image: url("../../images/yellow-bullet.gif"); margin:10px 15px; line-height:17px;}

/* -- sidemenu ------------------------------------------------------------------------------------------ */
#sidemenu {margin:0px; text-transform: uppercase; }
#sidemenu ul {text-align:left; margin:6px 0px; padding:0; text-decoration:none;}
#sidemenu li {list-style:none; padding:6px 0; margin:0; color:#8F8F8F; border-bottom:1px solid #e5e5e5;}
#sidemenu a {text-decoration:none; background-image:none; color:#666;}
#sidemenu a span {text-decoration:none; background-image:none; color:#666;}
#sidemenu a:hover, #sidemenu li.aktiv a {color:#1773BC; font-weight:bold;}
#sidemenu a:hover span, #sidemenu li.aktiv a span {color:#1773BC; font-weight:bold;}
#sidemenu .toplevel {border-bottom:1px solid #666; margin-bottom:6px;}
#sidemenu .first {border-bottom-width:0px;}
#sidemenu .middle {border-bottom-width:0px; font-size:10px;}
#sidemenu .last {font-size:10px;}

/* -- övrigt ------------------------------------------------------------------------------------------ */
.alert {background:#fff6bf url(../../images/exclamation.png) center no-repeat; background-position:15px 50%; text-align:left;
        padding:5px 20px 5px 45px; border-top: 2px solid #ffd324;border-bottom: 2px solid #ffd324; margin:8px 0; overflow:hidden;}
        
.info  {background:#e6f2fd url(../../images/information.png) center no-repeat; background-position:15px 50%; text-align: left;
        padding:5px 20px 5px 45px; border-top: 2px solid #b5d4fe;border-bottom: 2px solid #b5d4fe; margin:8px 0; overflow:hidden;}

.box  {background:#e2e2e2; text-align: left; padding:14px; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; margin:8px 0; overflow:hidden; line-height:18px;}

.normaltabell {font-size: 11px; width:100%; text-align: left; border-collapse: collapse; line-height:17px;}
.normaltabell th {padding: 5px 8px 5px 0px; font-weight: bold; font-size: 11px; border-bottom: 2px solid #69c;}
.normaltabell td {padding: 5px 8px 5px 0px; border-bottom: 1px solid #ccc; color:#333;}
.normaltabell tbody tr:hover td {background: #f5f5f5;}
.normaltabell tfoot td {border: 0px;}
.slash {padding:0 10px;}
        
.align-left  { text-align: left; }
.align-right { text-align: right; }

input {display: inline; font-size:10px;}