/*************** Grundinställningar **************/
html {overflow-y: scroll!important;}
Body {font-family: helvetica, arial;font-size: 75%;margin:0px; padding:0px; background: URL(../Bilder/Designbilder/webpage_background_city.gif) 0% 0% repeat; background-attachment:fixed; background-position: top center;}
p, div {line-height:1.7em; margin:0px; padding:0px;}


p, div {line-height:1.7em; margin:0px; padding:0px;}

h1{font-size: 2em;margin-top: 0px;margin:30px 0px 10px 0px;}
h2{font-size: 1.5em;margin-top: 10px;margin-bottom:10px;}
h3{font-size: 1.3em;margin-top:15px; margin-bottom:10px;}
h4{font-size: 1em;margin-top: 15px;margin-bottom: 5px;}
h5{font-size: 0.9em;margin-top:5px; margin-bottom:0px;line-height:1.2em;}


ul {list-style-type:none; margin:2px 0px 5px 0px; padding: 5px;}
li {background: url(../Bilder/Designbilder/arrow.gif) no-repeat 0% 6px ;padding-left: 20px;}

hr {height:1px; width:100%; color:#d5d5d5; background-color:#d5d5d5; margin:0px; padding:0px; border:0px;}

.right {text-align:right;}
.center {text-align:center;}
caption, table {text-align:left;}

a{color:#000000;}
a img {border:0}

img.frame {padding:3px; background-color:##f5f5f5; border: 1px solid #d5d5d5; align:center;}

.ResponseMessage {background-color:#009ee0; color:#ffffff; font-weight:bold; padding:5px; border: 1px solid color:#009ee0;}

table.data {border-collapse: collapse; border:1px solid #e5e5e5;}
table.data th {background-color:#f5f5f5; font-weight:bold;}
table.data td {border:1px solid #e5e5e5;padding:3px;}

/******************** ADMIN ************************/
#admin #editspantagnew {padding-right: 30px !important}
.admin {padding: 20px; background-color:#ffffff;}

.admin_section {padding:0px; border: 1px solid #009de0; margin-bottom:20px; background-color:#f5f5f5;}
.admin_section_header {background-color:#009de0; font-weight:bold; padding:5px; color:#ffffff;}
.admin_section div {padding:5px;}

/************ Bilder ****************/
img.picture_right {float:right; padding: 10px; border:0px solid #e5e5e5;}
img.picture_left {float:left; padding: 10px; border:0px solid #e5e5e5;}
img.picture_center {margin: 0px auto; padding: 10px; border:0px solid #e5e5e5;}

/********************* TABELLER **********************/



/****************** Special ***************************/

div.pagerange {margin-top:5px;}
div.pagerange a {padding:2px 5px 2px 5px; margin: 2px; border: 1px solid #c5c5c5; text-decoration:none; background:#ffffff; color:#000000;}
div.pagerange b {padding:2px 5px 2px 5px; margin: 2px; border: 1px solid #c5c5c5; text-decoration:none; background:#29a8dd; color:#ffffff;}
div.pagerange a:hover {background:#8cc6de; color:#ffffff;}


.GreyBox {border:1px solid #d5d5d5; background-color:#f5f5f5; padding:5px;}
.GreyBoxTop {margin:0px; padding:0px; height:7px; background: URL(../Bilder/Designbilder/box_top.jpg) 0% 0% no-repeat;}
.GreyBoxMiddle {padding: 5px 10px 0px 10px; margin:0px; background: URL(../Bilder/Designbilder/box_middle.jpg) 0% 0% no-repeat;}
.GreyBoxBottom {margin:0px 0px 10px 0px; padding:0px; height:9px; background: URL(../Bilder/Designbilder/box_bottom.jpg) 0% 0% no-repeat;}
.GreyBoxHeader {font-size:1.1em; font-weight:bold; color:#222222;}

.BoxTop {height:20px; border:0px solid #000000; color:#ffffff; font-weight:bold; font-size: 1.2em; margin:0px; padding:30px 0px 3px 10px; background: URL(../Bilder/Designbilder/BoxTop.jpg) 0% 0% no-repeat;}
.BoxMiddle {font-size: 1em; border:0px solid #000000; color: #ffffff; font-weight:normal; margin:0px; padding:0px 10px 0px 10px; background:#009edf}
.BoxBottom {margin:0px; padding:0px; height:11px; background: URL(../Bilder/Designbilder/BoxBottom.jpg) 0% 0% no-repeat;}
.BoxHeader {font-weight:bold; padding: 0px 0px 5px 0px;}

.BoxTopMyPages {height:20px; border:0px solid #000000; color:#ffffff; font-weight:bold; font-size: 1.2em; margin:0px; padding:30px 0px 3px 10px; background: URL(../Bilder/Designbilder/BoxTopMyPages.jpg) 0% 0% no-repeat;}
.BoxTopCustomerService {height:20px; border:0px solid #000000; color:#ffffff; font-weight:bold; font-size: 1.2em; margin:0px; padding:30px 0px 3px 10px; background: URL(../Bilder/Designbilder/BoxTopCustomerService.jpg) 0% 0% no-repeat;}
.BoxTopLinks {height:20px; border:0px solid #000000; color:#ffffff; font-weight:bold; font-size: 1.2em; margin:0px; padding:30px 0px 3px 10px; background: URL(../Bilder/Designbilder/BoxTopLinks.jpg) 0% 0% no-repeat;}

.BoxTopPowerInteruption {height:20px; border:0px solid #000000; color:#ffffff; font-weight:bold; font-size: 1.2em; margin:0px; padding:30px 0px 3px 10px; background: URL(../Bilder/Designbilder/BoxTopPowerInteruption.jpg) 0% 0% no-repeat;}
.BoxMiddlePowerInteruption {font-size: 1em; border:0px solid #000000; color: #ffffff; font-weight:normal; margin:0px; padding:0px 10px 0px 10px; background:#e4312a}
.BoxBottomPowerInteruption {margin:0px; padding:0px; height:11px; background: URL(../Bilder/Designbilder/BoxBottomPowerInteruption.jpg) 0% 0% no-repeat;}

.BoxTopPowerOk {height:20px; border:0px solid #000000; color:#ffffff; font-weight:bold; font-size: 1.2em; margin:0px; padding:30px 0px 3px 10px; background: URL(../Bilder/Designbilder/BoxTopPowerOk.jpg) 0% 0% no-repeat;}
.BoxMiddlePowerOk {font-size: 1em; border:0px solid #000000; color: #ffffff; font-weight:normal; margin:0px; padding:0px 10px 0px 10px; background:#52be4f;}
.BoxBottomPowerOk {margin:0px; padding:0px; height:11px; background: URL(../Bilder/Designbilder/BoxBottomPowerOk.jpg) 0% 0% no-repeat;}

.BoxTopQuestion {height:20px; border:0px solid #000000; color:#ffffff; font-weight:bold; font-size: 1.2em; margin:0px; padding:30px 0px 3px 10px; background: URL(../Bilder/Designbilder/BoxTopQuestion.jpg) 0% 0% no-repeat;}

.FAQLink {background: URL(../Bilder/Designbilder/Arrow.gif) 0% 50% no-repeat; font-weight:bold; padding-left:10px;}

fieldset {padding:10px; margin:5px 0px 5px 0px;}
legend {font-weight:bold; color:#009ee0;}

a.GreenLink {font-weight:bold; border-top:1px solid #ffffff; display:block; color:#ffffff; text-decoration:none; margin:5px 0px 0px 0px; padding:3px;  background: URL(../Bilder/Designbilder/ArrowWhite.gif) 95% 50% no-repeat; background-color: #53bd51}
a.GreenLink:hover {background-color: #5dcf59;}

a.RedLink {font-weight:bold; border-top:1px solid #ffffff; display:block; color:#ffffff; text-decoration:none; margin:5px 0px 0px 0px; padding:3px;  background: URL(../Bilder/Designbilder/ArrowWhite.gif) 95% 50% no-repeat; background-color: #e4312a}
a.RedLink:hover {background-color: #ee4b44;}
a.BlueLink {font-weight:bold; border-top:1px solid #8cc6de; display:block; color:#ffffff; text-decoration:none; margin:5px 0px 0px 0px; padding:3px 3px 3px 3px;  background: URL(../Bilder/Designbilder/ArrowWhite.gif) 95% 50% no-repeat;}
a.BlueLink:hover {background-color: #29a8dd;}

a.BoxLink {font-weight:bold; border-top:1px solid #8cc6de; display:block; color:#ffffff; text-decoration:none; margin:5px 0px 0px 0px; padding:3px;  background: URL(../Bilder/Designbilder/ArrowWhite.gif) 95% 50% no-repeat;}
a.BoxLink:hover {background-color: #29a8dd;}

a.GreyLink {font-weight:bold; border-top:1px solid #d5d5d5; display:block; color:#009ee0; text-decoration:none; margin:5px 0px 0px 0px; padding:3px;  background: URL(../Bilder/Designbilder/Arrow.gif) 95% 50% no-repeat;}
a.GreyLink:hover {background-color: #f5f5f5;}


a.QuickLink {font-weight:bold; border-top:1px solid #8cc6de; display:block; color:#ffffff; text-decoration:none; margin:0px 0px 0px 0px; padding:3px 20px 3px 3px;  background: URL(../Bilder/Designbilder/ArrowWhite.gif) 95% 50% no-repeat;}
a.QuickLink:hover {background-color: #29a8dd;}

div.documentlist {border:1px solid #d0d0d0; background-color:#f5f5f5; padding:5px;}
table.documentlist td {padding:2px 5px 2px 0px;}
table.documentlist tr:hover {color:#3333ff;}
table.documentlist a {display:block; background: url(../Bilder/Designbilder/document.gif) no-repeat 0% 3px; padding: 0px 0px 0px 20px;}
table.documentlist a.hidden {display:none;}
table.documentlist td a:hover {color:#3333ff;}

.NewsLink {text-decoration:none; display:block;padding:5px; border:1px solid #ffffff; margin: 0px 0px 5px 0px;}
.NewsLink:hover {background-color:#f5f5f5; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.NewsLinkHeader {font-size:1.4em; font-weight:bold; color:#333333; line-height:1.3em;}
.hidden {display:none;}

/*************** Formulär ************************/

form {margin:0px; padding:0px;}
input:focus {background-color:#f5f5f5;}

/********************** Grundstruktur ****************************/

#webpagecontent {margin:0px auto; border:0px solid #000000; padding:0px 0px 0px 0px; width:990px; text-align:left; background-color:#ffffff;}
#content {background-color:#ffffff; border:0px solid #000000;}
#left_content {width:220px; \width:250px; w\idth: 220px; float:left; border:0px solid #000000; padding:10px 10px 10px 20px;}
#main_content {width:470px; \width:490px; w\idth: 470px; float:left; border:0px solid #000000;padding:20px 10px 10px 10px;}
#right_content {background-color:#ffffff;width:220px; \width:250px; w\idth: 220px; float:left; border:0px solid #000000; padding:20px 20px 10px 10px;}

#full_width {width:710px; \width:740px; w\idth: 710px; float:left; border:0px solid #000000; padding:20px 20px 10px 10px;}

#startpage_content {background-color:#ffffff; width:710px; \width:740px; w\idth: 710px; float:left; border:0px solid #000000; padding:10px 10px 10px 20px;}

#shortcuts {float:left; width:470px; \width:490px; w\idth: 470px; padding: 0px 20px 0px 0px; background-color:#ffffff;}
#quicklinks {float:left; width: 220px; border:0px solid #ffffff; background-color:#ffffff;}

#header {border:0px solid #000000; margin:0px 0px 0px 0px; padding:0px; background: URL(../Bilder/Designbilder/header_background.jpg) 0% 0% no-repeat; height:120px;}
#header_top_left {border:0px solid #000000; float:left; width:200px; padding: 0px 0px 0px 0px;}
#header_top_right {border:0px solid #000000; float:left; width:790px; padding: 0px;}

#searchform {padding: 5px 50px 0px 0px; text-align:right;}

#breadcrumbs {background: URL(../Bilder/Designbilder/breadcrumbs_background.jpg) 0% 0% no-repeat; padding: 10px 0px 5px 0px; font-size:0.9em; border-bottom:1px solid #d5d5d5; margin:0px 20px 0px 20px; color:#888888;}
#breadcrumbs a {color:#888888;}

#footer {font-size: 0.9em; border-top:1px solid #e5e5e5; margin:0px 30px 0px 30px; padding:5px 0px 10px 0px;}
#footer_left {font-weight:bold; color:#999999; border:0px solid #000000; float:left; width:710px;}
#footer_right {font-weight:bold; border:0px solid #000000; float:left; width:220px; text-align:right; color:#999999;}
#footer_right a {text-decoration:none; color:#999999;}

/******************** FLIKMENY ************************/

ul.flikar {padding:0px; list-style-type:none; border-bottom:1px solid #d5d5d5; margin:0px; height:26px;}
ul.flikar li {border:0px solid #000000; background: URL(../Bilder/Designbilder/menu_background_left.jpg) left top no-repeat; display:block; float:left; margin:0px; padding:0px;}
ul.flikar li a {margin:0px; border:0px solid #000000; font-weight:bold; padding: 3px 20px 3px 20px; background: URL(../Bilder/Designbilder/menu_background_right.jpg) right top no-repeat; display:block; text-decoration:none; color:#ffffff;}
ul.flikar li.active {background: URL(../Bilder/Designbilder/menu_background_active_left.jpg) left top no-repeat;}
ul.flikar li.active a {font-weight:bold; padding: 3px 20px 5px 20px; background: URL(../Bilder/Designbilder/menu_background_active_right.jpg) right top no-repeat; display:block; text-decoration:none; color:#000000;}

.fliksida {border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:5px 0px 5px 0px; clear:both;}

/******************** LEVEL1 MENY ************************/

ul.CS_topmenu1 {margin:65px 0px 0px 0px; padding:0px; list-style-type:none; border:0px solid #000000; height:26px;}
ul.CS_topmenu1 li {background: URL(../Bilder/Designbilder/menu_background_left.jpg) left top no-repeat; display:block; float:left; margin:0px; padding:0px;}
ul.CS_topmenu1 li.CS_topmenuNotSelected a {font-weight:bold; padding: 3px 20px 3px 20px; background: URL(../Bilder/Designbilder/menu_background_right.jpg) right top no-repeat; display:block; text-decoration:none; color:#ffffff;}
ul.CS_topmenu1 li.CS_topmenuSelectedItem,
	ul.CS_topmenu1 li.CS_topmenuSelectedParent {background: URL(../Bilder/Designbilder/menu_background_active_left.jpg) left top no-repeat;}
ul.CS_topmenu1 li.CS_topmenuSelectedItem a,
	ul.CS_topmenu1 li.CS_topmenuSelectedParent a {font-weight:bold; padding: 3px 20px 13px 20px; background: URL(../Bilder/Designbilder/menu_background_active_right.jpg) right top no-repeat; display:block; text-decoration:none; color:#000000;}


/* Special för startsidan */
#header_startpage ul.CS_topmenu1 li.CS_topmenuSelectedItem a,
	#header_startpage ul.CS_topmenu1 li.CS_topmenuSelectedParent a {font-weight:bold; padding: 3px 20px 3px 20px; background: URL(../Bilder/Designbilder/menu_background_active_right.jpg) right top no-repeat; display:block; text-decoration:none; color:#000000;}




ul.CS_topmenu2 {display:none;}
ul.CS_topmenu1 li.CS_topmenuNotSelected ul {display:none;} 


/******************** INNER MENU ****************************/
ul.innermenu1 {border:1px solid #000000;}
ul.innermenu1 li {border: 1px solid ff0000;}
ul.CS_innermenu1 li a{display:none}
ul.CS_innermenu2 li.CS_innermenuSelectedItem ul.CS_innermenu3 li a{display:block}

/******************** VÄNSTER MENYN ************************/

/* Inga listpunkter i menyn, inget indrag */
#menu ul {list-style-type:none;	margin:0px; padding:0px; background:none; border:0px}	
#menu ul li {background:none; padding:0px; margin:0px; display:inline;}

/* Inställningar som gäller för alla menypunkter i alla nivåer. */
#menu a{font-size:1.0em; display:block; text-decoration:none; margin:0px 0px 0px 0px; padding:3px;}

/* Döljer alla undermenyer vars förälder inte är vald */	
#menu li.CS_leftmenuNotSelected ul{
	display:none;
	}
	
/* Inställningar för NIVÅ 1 */
#menu ul.CS_leftmenu1 li a {padding-left: 0px;}
#menu ul.CS_leftmenu1 li.CS_leftmenuSelectedItem a {font-weight:bold; background-color:#ffffff; color:#000000; border-bottom:1px solid #999999;}

#menu ul.CS_leftmenu1 li.CS_leftmenuNotSelected a {font-weight:bold; background-color:#ffffff; color:#000000; border-bottom:1px solid #e5e5e5;}
#menu ul.CS_leftmenu1 li.CS_leftmenuSelectedParent a {font-weight:bold; background-color:#ffffff; color:#000000; border-bottom:1px solid #e5e5e5;}

/* Inställningar för NIVÅ 2 */
#menu ul.CS_leftmenu2 {margin-bottom:0px;}
#menu ul.CS_leftmenu2 li a {padding-left: 20px; border-bottom:1px solid #e5e5e5;}
#menu ul.CS_leftmenu2 li.CS_leftmenuHasChildren a {background-color:#ffffff; background: URL(../Bilder/Designbilder/menu_haschildren.gif) 5px 50% no-repeat}
#menu ul.CS_leftmenu2 li.CS_leftmenuNotSelected a {font-weight:normal; background-color:#ffffff;color:#000000;}
#menu ul.CS_leftmenu2 li.CS_leftmenuSelectedItem a {border-bottom:1px solid #999999; font-weight:bold; color:#000000; background: URL(../Bilder/Designbilder/menu_activeparent.gif) 5px 50% no-repeat;background-color:#ffffff;}
#menu ul.CS_leftmenu2 li.CS_leftmenuSelectedParent a {font-weight:bold; color:#000000; background: URL(../Bilder/Designbilder/menu_activeparent.gif) 5px 50% no-repeat; background-color:#ffffff;}
#menu ul.CS_leftmenu2 li.CS_leftmenuHasNoChildren a {background:none;}

/* Inställningar för NIVÅ 3 */
#menu ul.CS_leftmenu3 li a {padding-left: 30px;}
#menu ul.CS_leftmenu3 li.CS_leftmenuHasChildren a { background-color:#f5f5f5; background: URL(../Bilder/Designbilder/menu_haschildren.gif) 15px 50% no-repeat}
#menu ul.CS_leftmenu3 li.CS_leftmenuNotSelected a { background-color:#f5f5f5; font-weight:normal; border-bottom:1px solid #e5e5e5;}
#menu ul.CS_leftmenu3 li.CS_leftmenuSelectedItem a { background-color:#f5f5f5; border-bottom:1px solid #999999; font-weight:bold; color:#000000; background: URL(../Bilder/Designbilder/menu_activeparent.gif) 15px 50% no-repeat;}
#menu ul.CS_leftmenu3 li.CS_leftmenuSelectedParent a { background-color:#f5f5f5; font-weight:bold; color:#000000; background: URL(../Bilder/Designbilder/menu_activeparent.gif) 15px 50% no-repeat;}
#menu ul.CS_leftmenu3 li.CS_leftmenuHasNoChildren a { background-color:#f5f5f5; background-image:none;}

/* Inställningar för NIVÅ 4 */
#menu ul.CS_leftmenu4 li a {padding-left: 40px;}
#menu ul.CS_leftmenu4 li.CS_leftmenuNotSelected a {font-weight:normal; background-color:#ffffff; color:#333333;  border-bottom:1px solid #e5e5e5;}
#menu ul.CS_leftmenu4 li.CS_leftmenuSelectedItem a {font-weight:bold;  background-color:#ffffff; color:#333333;}
#menu ul.CS_leftmenu4 li.CS_leftmenuSelectedParent a {font-weight:bold; background-color:#ffffff; color:#333333; border-bottom:1px solid #e5e5e5;}


/* Hovereffekt på alla menypunkter */
#menu ul.CS_leftmenu1 li a:hover {color:#000000; background-color:#f5f5f5;}
#menu ul.CS_leftmenu2 li a:hover,
#menu ul.CS_leftmenu3 li a:hover,
#menu ul.CS_leftmenu4 li a:hover {
	color:#000000; background-color:#f5f5f5;
	}



@media print{

Body {background-color:#ffffff;font-size:9pt;margin:0px; padding:0px;width:100%;}
#header{display:none;}
#webpagecontent{border:none;}
#main_content{width:700px; margin-left:0px;}
#right_content{width:200px;}
#left_content{display:none;}
.pageending {display:none;}
#footer{font-size:8pt;text-align:left;border-top:1px solid #000000; margin-top:10px;}
}