/*************** 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.jpg) 0% 0% repeat-y; background-position: top center;}
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;}

.test {padding: 10px 0px 0px 0px;}

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

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

img.frame {padding:3px; background-color:##f5f5f5; border: 1px solid #d5d5d5; align:center;}
.right {text-align:right;}
.center {text-align:center;}
caption, table {text-align:left;}

a{color:#000000;}
a img {border:0}
h2 a {text-decoration:none;}

table tr td {vertical-align:top;}

label {padding: 4px 2px 2px 5px;}

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

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

/************ Bilder ****************/
.picture_right {margin-left:10px; float:right; width:180px; \width:200px; w\idth: 180px; padding: 10px; border:1px solid #e5e5e5; background-color:#f5f5f5; font-size:0.9em; text-align:center;}
.picture_left {margin-right:10px; float:left; width:180px; \width:200px; w\idth: 180px; padding: 10px; border:1px solid #e5e5e5; background-color:#f5f5f5; font-size:0.9em; text-align:center;}
/********************* TABELLER **********************/

caption {display:none;}

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


.box_top {margin:0px; padding:0px; height:7px; background: URL(../Bilder/Designbilder/box_top.jpg) 0% 0% no-repeat;}
.box_middle {padding: 5px 10px 0px 10px; margin:0px; background: URL(../Bilder/Designbilder/box_middle.jpg) 0% 0% no-repeat;}
.box_bottom {margin:0px 0px 10px 0px; padding:0px; height:9px; background: URL(../Bilder/Designbilder/box_bottom.jpg) 0% 0% no-repeat;}
.box_header {font-size:1.0em; font-weight:bold; color:#444444;}

.box {border:1px solid #d5d5d5; background-color:#f5f5f5; padding:5px;}

a.blue_link {text-decoration:none; padding:2px 0px 2px 20px; background: url(../Bilder/Designbilder/arrow.gif) 4px 6px no-repeat; font-weight: bold; color:#1995f9;}

.factbox_top {margin:0px; padding:0px; height:25px; background: URL(../Bilder/Designbilder/factbox_top.jpg) 0% 0% no-repeat;}
.small_factbox_top {margin:10px 0px 0px 0px; padding:0px; height:17px; background: URL(../Bilder/Designbilder/small_factbox_top.jpg) 0% 0% no-repeat;}
.factbox_middle {padding: 5px 10px 0px 10px; margin:0px; background: URL(../Bilder/Designbilder/factbox_middle.jpg) 0% 0% no-repeat;}
.factbox_bottom {margin:0px; padding:0px; height:9px; background: URL(../Bilder/Designbilder/factbox_bottom.jpg) 0% 0% no-repeat;}
.factbox_header {font-size:1.0em; font-weight:bold; color:#444444;}


div.pagerange {margin-top:5px; margin-bottom:5px;}
div.pagerange a {font-weight:bold; background-color:#2e98b7; padding:2px 10px 2px 10px; margin: 2px; border: 1px solid #c5c5c5; text-decoration:none; color:#ffffff;}
div.pagerange b {padding:2px 10px 2px 10px; margin: 2px; border: 1px solid #c5c5c5; text-decoration:none; color:#000000;}
div.pagerange a:hover {background-color:#ffffff; color:#000000;}

.hidden {display:none;}
.faq_answer {padding:0px 10px 0px 10px; margin: 5px; 0px 5px 5px; border:1px solid #e5e5e5; background-color:#f5f5f5; display:none;}
.faq_answer h4 {margin-top:5px;}
.faq {padding:10px; background-color:#f5f5f5; display:none; border: 1px solid #d5d5d5; margin:5px 0px 10px 10px;}
.question {margin:3px 0px 0px 0px; display:block;}
.column_left {float:left; border-right:1px solid #d5d5d5; width:43%; padding: 5px 10px 5px 0px;}
.column_left h3 {margin:0px;}

.column_right {float:left; border-right:0px solid #dd5d5d5; width:43%;padding: 5px 0px 5px 10px;}
.column_right h3 {margin:0px;}

.document {margin-top:10px; border:1px solid #d5d5d5; padding:5px;}
.document a {padding-left: 25px; background: URL(../Bilder/Designbilder/document.jpg) 6px 50% no-repeat;}
.singlelink {display:block; margin-top:10px; border:1px solid #d5d5d5; padding:5px; padding-left: 25px; background: URL(../Bilder/Designbilder/document.jpg) 6px 50% no-repeat;}


.temperature {z-index:100; border:1px solid #333333; position:absolute;}
.warmer {background: URL(../Bilder/Designbilder/warmer_background.png) 0% 100% no-repeat; width:97px; height:65px; position:absolute; z-index:100;}
.colder {background: URL(../Bilder/Designbilder/colder_background.png) 0% 100% no-repeat; width:97px; height:65px; position:absolute; z-index:100;}
.temperature_header {text-transform:uppercase; font-weight:bold;}
.temperature_actual {padding:2px 0px 0px 40px; color:#ffffff; font-weight:bold; font-size:1.1em;}
.temperature_history {padding: 0px 0px 0px 27px; color:#000000; font-size:0.9em;}

.teckna_avtal {border:0px solid #000000; padding: 5px 0px 5px 30px; border-bottom:1px solid #e5e5e5; background: URL(../Bilder/Designbilder/teckna_avtal_puff.jpg) 0px 50% no-repeat;}
.teckna_avtal_left {float:left; width:80%;}
.teckna_avtal_right {float:left; width:20%; text-align:right;}

.small {font-size: 0.9em; color: #333333;}
.picture_text {font-size: 0.9em; color: #333333; text-align:center;}

a.jobapplication {text-align:center; color:#ffffff; font-weight:bold; background-color:#12bf00; border:1px solid #0f8103; text-decoration:none; padding:5px 40px 5px 40px; margin-left:10px;}
.jobactive {background-color:#79a900;border:1px solid #79a900; width:100; padding: 15px; color:#ffffff; font-weight:bold; text-align:center; margin:5px 0px 5px 0px;}
.jobpassive  {background-color:#f5f5f5;border:1px solid #c8c8c8; width:100; padding: 15px;text-align:center;font-weight:bold; color:#999999; margin:5px 0px 5px 0px;}

.response_message {background-color:#159ce0; color:#ffffff; font-weight:bold; padding:5px; border:1px solid #1274a5;}
col.compare_prize {color:#777777; text-align:right;}


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

form {margin:0px; padding:0px;}
input, textarea {padding:2px; margin:2px 0px 2px 0px; border: 1px solid #aaaaaa; color:#000000; }
Select, Option {font-size:1em; padding:2px; margin:2px 0px 2px 0px; border: 1px solid #aaaaaa; color:#000000;}

input.searchbutton {background: transparent URL(../Bilder/Designbilder/search_button.jpg) 0% 0% no-repeat; border:0px; cursor: pointer; width:45px; height:22px;}
input.sendbutton {background: transparent URL(../Bilder/Designbilder/send_button.jpg) 0% 0% no-repeat; border:0px; cursor: pointer; width:65px; height:22px;}
input.searchform {margin-right: 5px; padding:3px; width:140px; border:1px solid #888888; background: URL(../Bilder/Designbilder/form_background.jpg) 0% 0% no-repeat}

input:focus {background-color:#f5f5f5;}

/********************** Kundweb ***********************/

#kundweb {padding:10px 10px 0px 10px; text-align:left; background-color:#ffffff;}
/********************** 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 {width:220px; \width:250px; w\idth: 220px; float:left; border:0px solid #000000; padding:10px 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 {width:710px; \width:740px; w\idth: 710px; float:left; border:0px solid #000000; padding:7px 10px 10px 20px;}

#newsfeeder {height:30px; padding:10px 3px 3px 45px; background: URL(../Bilder/Designbilder/newsfeeder_background.jpg) 0% 0% no-repeat}
#newsfeeder a {text-decoration:none;}

#shortcuts {float:left; width:460px; \width:480px; w\idth: 460px; padding: 10px 20px 0px 0px;}
#quicklinks {float:left; width: 228px; margin:12px 0px 0px 0px; border:1px solid #ffffff;}

#quicklinks a {text-decoration:none; color:#1995f9; font-weight:bold;}
#drift a {color:#000000; font-weight:normal;}

#header {margin:0px 0px 0px 0px; padding:0px; background: URL(../Bilder/Designbilder/header_background.jpg) 0% 0% no-repeat; height:123px}
#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;}
#topmenu {}
#header_temperature {text-align:right; padding:3px 50px 0px 0px; font-size:1.0em; color:#1995f9;}
#header_temperature a {color:#1995f9}

#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:#1995f9;}
#footer_right a {text-decoration:none; color:#1995f9;}

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

ul.CS_topmenu1 {position:relative; left:0px; top:0px; margin:11px 0px 0px 0px; padding:0px; list-style-type:none; border:0px solid #000000; height:30px;}
ul.CS_topmenu1 li {float:left; padding:0px; margin:0px; background:none;}
ul.CS_topmenu1 li a {border:0px solid #000000; text-decoration:none; font-weight:bold; padding-left:30px; color:#0d8ecf;}
ul.CS_topmenu1 li.CS_topmenuSelectedItem a, ul.CS_topmenu1 li.CS_topmenuSelectedParent a {color:#000000; background: URL(../Bilder/Designbilder/topmenu_indicator.gif)  15px 50% no-repeat}

/******************** LEVEL2 MENY ************************/

ul.CS_topmenu2 {position:absolute; left:0px; top:29px; margin:0px; padding:0px; list-style-type:none; border:0px solid #000000; height:30px;}
ul.CS_topmenu2 li {float:left; background: URL(../Bilder/Designbilder/menu_background_left.jpg) left top no-repeat;}
ul.CS_topmenu2 li.CS_topmenuNotSelected a {font-weight:bold; padding: 3px 20px 5px 20px; background: URL(../Bilder/Designbilder/menu_background_right.jpg) right top no-repeat; display:block; text-decoration:none; color:#ffffff;}

ul.CS_topmenu2 li.CS_topmenuSelectedItem,
	ul.CS_topmenu2 li.CS_topmenuSelectedParent {background: URL(../Bilder/Designbilder/menu_background_active_left.jpg) left top no-repeat;}
ul.CS_topmenu2 li.CS_topmenuSelectedItem a,
	ul.CS_topmenu2 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_topmenu2 li.CS_topmenuSelectedItem a,
	#header_startpage ul.CS_topmenu2 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_topmenu3 {display:none;}
ul.CS_topmenu1 li.CS_topmenuNotSelected ul {display:none;}

/******************** 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;
	}