/* HTML-tag formatting */
body {margin:0px 7px 0px 7px;}
td { text-align: left; }
img{ border:0px;}

body {
	background: #ffffff url(../img/bg-888.gif) center top repeat-y;
}

body, td {
	vertical-align: top;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	padding: 0px;
	margin: 6px 0px 12px 0px;
	line-height:38px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:24px;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 2px 0px;
}

#wrapper {
	width: 888px;
	margin: 0 auto;
	padding: 0 10px;
}

.article p.comment-link a {
	background: url(../img/bubble.gif) left 1px no-repeat;
	padding-left: 19px;
	height: 14px;
	display: inline-block;
	color: #0063B0 !important;
}

.clear { clear: both; }

.comments {
	padding-left: 3px;
	height: 13px;
	font-size: 10px;
	font-style: normal;
	position: relative;
	margin-left: 3px;
}

* html .comments { margin-left: 0px; }

.comments a {
	background: url(../img/comment-bubble-mid.gif) center top no-repeat;
	height: 17px;
	display: inline-block;
	color: #0063B0;
	font-weight: bold;
	padding: 0 3px 0 3px;
}

.comments .left {
	position: absolute;
	left: -2px;
	top: 0;
}

.comments span {
	background: url(../img/comment-bubble-right.gif) right top no-repeat;
	padding-right: 3px;
	padding-bottom: 1px;
	color: #0165b1;
	position:absolute;
}

.news_list .comment span { color: #0165b1;} /* Need to override */



#top_table {
height:145px;
width:728px;
}
#top_banner{ padding:7px 0px; }
#banner_left{ float:left; }
#banner_right{ float:right; }
.space{ width:22px; } 
#content_table{width:888px;} /* 860+28=888 */
#content_ka{width:728px;} /* 700+28=728 */
#content_ka_left{width:147px;} /* 129+18=147 (Left gets 18px of 28px)*/ 
#content_ka_middle{width:370px;} /* 360+10=370 (Mid gets 10px of 28px) */
#content_ka_right{width:167px;}
#banner_rightside{padding-left:10px;}
#banner_rightside div{margin:0px 0px 10px 0px;}

.c_logo{
	margin-bottom:7px;
	width: 147px;
}

.c_logo img{
	padding:7px 4px 12px 4px;
}

.c_logo td{ 
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

.c_logo_jub{
	margin-bottom:7px;
	width: 147px;
}

.c_logo_jub img{
	padding:7px 0 12px 0;
}

.c_logo_jub td{ 
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

/* Link formatting */
a { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color:#0063B0; }

.link_color a{ text-decoration: none; color: #000000;}
.link_color a:hover { text-decoration: none; color:#0063B0; }
/*a, a:visited { text-decoration: none; color: #0063B0; }
a:hover { text-decoration: underline; color:#0063B0; }*/

.readmore { color: #0063B0; }


/* TopMeny */
#top_meny{ 
	height:17px;
	padding-bottom:7px;
}

.topmenu {width: 728px; background:#909090;padding: 2px 0px 2px 0px; height:21px; }
.topmenu table { margin-left: 9px; padding:1px 0px 2px 0px; }
.topmenu div.search {float:right; padding:0px 0px 0px 0px; }
.topmenu td { color: #ffffff; font-weight: bold; font-size: 9pt; background-color: #909090; vertical-align: middle; }
.topmenu a, .topmenu a:visited { color: #ffffff; text-decoration: none; }
.topmenu a:hover { text-decoration: underline; color:#0063B0; }
.topmenu-divider { padding: 1px 8px 1px 8px; }

#topmenu_popup{
	background-color:#fff; 
	position:absolute; 
	z-index:99;
	top:-500px;
	left:0px;
	border:1px solid #909090;
	border-top:0px;
}

.topmenu_popup_item a, .topmenu_popup_item a:visited{
	color:#000000; 
	text-decoration:none; 
	display:block;
}

.topmenu_popup_item a:hover {
	color:#0063B0; 
	text-decoration: underline;
}

.topmenu_popup_item {
	padding:3px 8px 3px 8px; 
	font-size:9pt; 
	font-weight:bold;
	cursor:pointer;
}

/* Left meny */
.leftmenu {margin-bottom: 20px; }
.leftmenu a img { }
.leftmenu a { font-weight: bold; color: #0063B0; display: block; height: 21px; margin-top: 4px; }
.leftmenu a.sub { font-weight: bold; color: #0063B0; display: block; padding: 2px 2px 2px 3px; height: auto; margin: 0; }
.leftmenu a.submarked { background-color: #EEEEEE; }
.leftmenu a:hover { background-color: #EEEEEE; }
.leftmenu_submenu { padding: 5px 0px 5px 0px; }


/* left puff */
.left_puff { width:147px; margin-bottom: 15px;}
.left_puff img { padding-bottom: 3px; }

.link_marker { padding:2px 0px 0px 0px; }
.link_marker img { padding-right: 4px; vertical-align: top; padding-top: 2px; }
.link_marker span {color: #0063B0; }
.link_marker img.grade{margin:0px; padding:6px 2px 4px 0px;}


.link_relaterat a, .link_relaterat a:visited { text-decoration: none; color:#0063B0; font-size:10px; }
.link_relaterat a:hover {text-decoration: none; color:#0063B0;}
.link_relaterat img { margin:0px; vertical-align: top; padding:2px 4px 4px 0px; }
.link_relaterat img.grade{margin:0px; padding:0px 0px 2px 0px;}
.link_relaterat td{margin:0px; padding:0px 0px 3px 0px;}


/* right puff */
.right_puff { width: 167px; margin-bottom: 8px; font-size: 8pt;}
.right_puff p {margin: 4px 4px 0px 4px;}
.right_puff nobr {color: #0063B0; }
.right_puff span { color: #d8002b; }
.right_puff span.blue {color: #0063B0; }
.right_puff div img { float:left; margin:2px 3px 3px 4px;}
.right_puff form { margin-top: 3px; margin-bottom: 0px; }
.right_puff_label { line-height: 18px; font-weight: normal; font-size: 7pt;}
.right_puff td.puffspace{padding:0px 0px 4px 0px;}
.line{
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
.right_puff span.bluebold{color: #0063B0; font-weight:bold;}

#question{
	position:relative;
	width:50px;
}

#question img{
	position:absolute;
	top:-20px;
	left:-5px;
}

.bigger strong{
	font-weight:bold;
	font-size: 12px;
}



/* Newslist */
.news_list { margin:2px 0px 8px 0px; width: 100%; }
.news_list a .ingressbild_left {margin:0px 10px 0px 0px; float:left;}
.news_list a .ingressbild_right {margin:0px 0px 0px 10px; float:right;}
.news_list a .ingressbild_top {margin:0px 0px 10px 0px;}
.news_list a nobr {color:#0063B0;}
.news_list span {color:#d8002b;}
.vinjett{	
	float:left;
	color:#a4a4a4;
}
.vinjett_mitt{	
	float:left;
	color:#a4a4a4;
}
.vinjett_report{	
	float:left;
	color:#a4a4a4;
}

.vinjett strong span,
.vinjett_mitt strong span,
.vinjett_report strong span { font-weight: normal; padding-right: 3px; }

.news_list .devider {padding:8px 0px 0px 0px;}
.news_list p {margin:5px 0px 0px 0px; padding:0px;}
.news_list h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:24px;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}
.report_article {width:370px; background-color: #E9D9E6; }
.report_article div img {padding: 3px 0px 6px 4px; float: right; }
.report_article_content {padding: 2px 7px 6px 7px; background-color: #E9D9E6; }
.report_article a nobr {color:#0063B0;}
.report_article span {color:#d8002b;}
.report_article_content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}

/* footer */
.devider {padding:0px 0px 8px 0px;}
.footer {width:728px;}
.footer td {font-size: 8pt;}
.footer a, .footer a:visited {text-decoration: none; color: #0063B0; }
.footer a:hover { text-decoration: none; color:#0063B0; }

.footer td a, .footer td a:visited { text-decoration: none; color: #0063B0; }
.footer td a:hover { text-decoration: none; color:#0063B0; }

/* Arkiv */
.archive {padding: 10px 0px; width:370px;}
.archive td { text-align:right;}
.archive_list td {padding-bottom:1px;}
.archive_list {padding: 0px; width:370px; margin-bottom:15px;}
.archive_list_date {color:#d8002b; width:70px; text-align:right;}
.archive_list_name {width:275px;}

/* avdelning */
.avdelningsbanner {margin:5px 0px 5px 0px; width:370px;}

/* artikel */
.balk {height:20px; background-color: #a4a4a4; color: #ffffff; width:370px; }
.balk h2 {float:left; padding: 3px 2px 3px 5px; margin:0px;}
.balk a, .balk a:visited {color: #ffffff;}
.balk a:hover { text-decoration: none; color:#0063B0; }
.anpassning { padding:5px 0px 0px 0px; width:365px; margin:0px 0px 0px 5px; }

.anpassning_extra { width:370px; margin:10px 0 20px 5px; padding:0;}

* html .anpassning_extra {margin-top:0px;}

.anpassning img, .anpassning_extra img { position: relative; top: 5px;}
.anpassning td a, .anpassning td, .anpassning_extra td a, .anpassning_extra td {color:#0063B0; vertical-align: bottom; font-weight: bold; padding: 4px 5px 0px 0px; }

.article_ts1 { font-size: 11px; line-height:13px;}
.article_ts2 { font-size: 13px; line-height:15px;}
.article_ts3 { font-size: 15px; line-height:16px;}
.article { margin-bottom: 0px;}
.article a, .article a:visited{ text-decoration: none; color: #0063B0;}
.article p a, .article p a:visited { text-decoration: none; color: #000;}
.article a:hover { text-decoration: underline; color: #0063B0;}
.article p a:hover { text-decoration: none; color: #0063B0;}
.article p nobr { text-decoration: none; color: #0063B0;}
.article p { margin-top: 0px; margin-bottom: 10px; }
.article span { color: #d8002b; font-weight: normal; }
.article h1 {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 15px 0px;
	}
.article img.grade{margin:0px; padding:6px 2px 0px 0px;}
.article img.brodtextbild{ margin: 20px 0px 10px 0px;}
.article_special {margin-bottom: 0px;}
.article_special p { margin-top: 0px; margin-bottom: 10px; }
.article_special span { color: #d8002b; font-weight: normal; }
.article_special h1 {
	font-size: 25px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	}
.article_special img.brodtextbild{ margin: 20px 0px 10px 0px;}
.article_special_devider {padding:10px 0px 8px 0px;}
/*.article_special_extra {margin:20px 0px 8px 0px; border:1px solid #000000; padding:0;}*/
#relaterat{
	background:url(../images/bg_relaterat.gif) left repeat-y;
	float:right;
	width:125px;
	padding:2px 0px 10px 8px; 
	margin:0px 0px 0px 2px; 
}

.byline{ padding-bottom: 20px; }
.byline a, .byline a:visited{ color: #0063B0; text-decoration:none; }
.byline a:active{ color: #0063B0; text-decoration:none; }

.artlist { margin-bottom: 3px; width: 100%; }
.artlist_text { padding-bottom: 4px; }
.artlist_date { color: #d8002b; }
.artlist_content { padding-bottom: 14px; }

/* faktarutan */
.facts { margin-bottom: 20px; width:370px;}
.facts_content { padding: 0px; margin:0px; border:2px solid #F08400;}
.facts_content h2 { background-color: #F08400; padding: 2px 2px 3px 2px; margin:0px; color: #FFFFFF; font-size: 11px;}
.facts_content p { margin-top: 0px; margin-bottom: 10px; }
.facts_tab { background-image: url(../images/factstab.gif); background-repeat: no-repeat; }
.facts_content blockquote {padding: 4px 5px 5px 5px; margin:0px; }
.facts_content ul, .facts_content li {padding:0px; margin:10px;}

/* Artikelkommentarer */
.articlecomments { margin-bottom: 3px; width: 370px; }
.articlecomments td { background-color: #FFE898; padding-left: 10px; padding-right: 10px; }
.articlecomments_text { padding-bottom: 2px; }
.articlecomments_post { padding-bottom: 8px; }
.articlecomments_post span { font-size: 9px; color:#444444; }
.articlecomments textarea, input { font-family: Verdana, Arial; font-size: 8pt; }
.field{ width:180px;}
.articlecomments form {margin-top: 0px; margin-bottom: 0px;}
.articlecomments textarea { margin-bottom: 5px; width: 325px; height: 70px; overflow: auto; font-family: Verdana, Arial; font-size: 8pt; }
.articlecomments_fields td { padding-left: 0px; padding-right: 8px; }
.articlecomments h3 {margin:10px 0px 3px 0px; font-size:17px; }
.articlecomments_post h4 {margin:10px 0px 0px 0px;padding:0px; font-size:12px;}

/* Läs mer */
.c_readmore { margin-bottom: 18px; width: 370px; }
.c_readmore_text { padding-bottom: 4px; }
.c_readmore span { color: #d8002b; }

/* statistik */
.blackbox {font-size: 8pt; width: 167px; margin-bottom: 4px;}
.blackbox p { margin: 3px 0px 0px 0px; padding: 0px 0px 3px 0px; }
.blackbox nobr { color: #d8002b;}
.blackbox span { font-size: 7pt; }

/* form */
.form_textbox_small{ width:20px; font-family: Verdana, Arial; font-size: 8pt; }
.form_textbox_medium{ width:50px; font-family: Verdana, Arial; font-size: 8pt; }
.form_textbox{ width:180px; font-family: Verdana, Arial; font-size: 8pt; }
.form_textarea { width:328px; margin-top:10px; height:100px; font-family: Verdana, Arial; font-size: 8pt; }
.form_textarea_2 { width:328px; margin-top:10px; height:30px; font-family: Verdana, Arial; font-size: 8pt; }
.form_select { width:300px; margin-top:10px; font-family: Verdana, Arial; font-size: 8pt; }
.form_button {font-family: Verdana, Arial; font-size: 8pt; }

/* Kolumn */
.columnistscolumns { margin-bottom: 15px; width: 370px; }
.columnistscolumns span {color: #d8002b;}

/* Fråga KA */
.askkastaff { margin:5px 0px 15px 0px; width: 370px; }
.askkastaff h2, .askkastaff_detail h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 17px; padding-top: 0px; margin:7px 0px 2px 0px; color: #067D06; }
.askkastaff_img { margin: 10px 5px 0px 0px; }
.askkastaff_detail { margin:0px 0px 0px 0px; width: 370px; }
.askkastaff_image { margin: 8px 5px 0px 0px; }
.askkastaff_img_detail { margin: 0px}
.askkastaff_img_big { margin: 10px 5px 0px 0px; }
.ask { margin:10px 0px 15px 0px; }

/* berglin */
.berglin{ width:600px; margin:10px 0px 0px 0px;}
.berglin h1, .berglin .text{ padding-left:10px;}
.berglin a, .berglin a:visited{	text-decoration: none; color: #0063B0;}
.berglin a:hover{ text-decoration: underline; color:#0063B0;}

/* recensioner */
.reviews { margin-bottom: 15px; width:370px; }
.reviews nobr { color: #d8002b; }
.reviews p { margin-top: 0px; margin-bottom: 7px; }
.reviews h2 { font-size:17px; margin-bottom: 7px; }
.reviews img.grade{margin:0px; padding:6px 2px 0px 0px;}

/* Blogg */
.blogarticle { margin-bottom: 20px; width: 100%; }
.blogarticle nobr { color: #d8002b; }
.blogarticle h2 {font-size:17px; margin-bottom: 5px; }
.blogarticle p { margin-top: 0px; margin-bottom: 10px; }
.bloglist { margin-bottom: 15px; width: 370px; }
.bloglist nobr {color: #d8002b;}

/* godton */
.advice { margin-bottom: 4px; padding: 60px 0px 0px 0px; }
.advice h2 { font-size:17px; margin-bottom: 7px; }
.advice p {margin: 8px 0px 0px 0px;}

/* diskutera */
.discussion { margin:0px; padding: 0px; width: 370px; }
.discussion nobr { color: #d8002b;}


/* Tipsa en vän */
#tipsaBody{
	background: url(../images/tipsa_bg.gif) no-repeat;
	height:400px;
}

#tipsa {
	width:295px;
	height: 400px;
	color:#FFFFFF;
	margin:15px 10px 15px 7px;
}
#tipsa h1 {
	margin:0px;
	color:#FFFFFF;
	padding:10px 0px 10px 65px;
}

#tipsa h4 {
	text-align:center;
	font-size:12px; 
	color:#FFFFFF;
	margin:0px 0px 15px 0px;
}

#tipsa input{
	width:130px;
	margin-bottom:5px;
	margin-right:5px;
}

#tipsa textarea{
	width:290px;
}

#tipsa button{
	position:relative;
	left:125px;
	margin:0px 15px 0px 0px;
}

html > #tipsaBody #tipsa input{
	margin-right:0px;
}

#utskrift td{
	font-size:12px
}

#utskrift h1{
	text-align:center;
	vertical-align:bottom;
}

#utskrift h2{
	font-size:18px;
}

#utskrift .ut_1{
	text-align:center;
	vertical-align:bottom;
}

.light { font-weight: normal !important;}

span.comment-small {
	color:#0063B0;
    background: url(../img/comment-bubble-small.gif) 6px 3px no-repeat;
    padding-left: 19px;
    font-weight: bold;
    font-size: 10px;
}

#searchResult span{
	color:#999;
}

#searchResult a span{
	text-decoration: none; 
	color: #0063B0;
}
#searchResult a span:hover{ 
	text-decoration: none; 
	color:#0063B0; 
}


#searchResult p{
	margin:2px 0 20px 0;
}
