/*************** Grundinställningar **************/

Body {font-family: verdana;font-size: 70%;margin:0px;padding:0px; background: URL(../../Administration/Bilder/Designbilder/background2.gif) 50% 100% repeat-y;}
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;}

.small {font-size: 0.9em; color:#666666;}

#admin #editspantagnew {padding-right: 30px !important}

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}

/******************** ADMIN ************************/
.admin {padding: 20px; background-color:#ffffff;}

/************ 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;}
img.picture_startpage {margin:0px 15px 0px 15px;}

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



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

.box_header {padding: 1px 0px 1px 10px; background-color:#2e98b7; font-size:0.9em; margin:10px 0px 2px 0px; font-weight:bold; color:#ffffff;}
.box_small {padding: 3px; background-color:#f5f5f5; border:1px solid #d5d5d5; font-size:0.9em; margin:2px 0px 5px 0px;}
.box {padding: 5px; background-color:#f5f5f5; border:1px solid #d5d5d5; margin:2px 0px 5px 0px;}

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

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

div.service {border:1px solid #d5d5d5; margin-bottom:20px;}

.service_header {font-weight:bold; padding: 10px 1px 3px 40px; font-size: 0.9em; background: URL(../Bilder/Designbilder/services_header.jpg) no-repeat 0% 0%; color:#ffffff;}
a.servicelink {text-align:center; background-color:#ffffff; border:1px solid #d5d5d5; margin:2px; padding: 3px; display:block; text-decoration:none;}
a.servicelink:hover {background-color:#f5f5f5;}

.news_header {font-weight:bold; padding: 10px 1px 3px 40px; font-size: 0.9em; background: URL(../Bilder/Designbilder/news_header.jpg) no-repeat 0% 0%; color:#ffffff;}
.drift_header {font-weight:bold; padding: 10px 1px 3px 40px; font-size: 0.9em; background: URL(../Bilder/Designbilder/drift_header.jpg) no-repeat 0% 0%; color:#ffffff;}

.sum {background-color:#2e98b7; padding:5px; color:#ffffff; margin-bottom:5px;}

.section {padding:0px; border: 1px solid #444444; margin-bottom:20px; background-color:#f5f5f5;}
.section_header {background-color:#555555; font-weight:bold; padding:5px; color:#ffffff;}
.section div {padding:5px;}

.net_background {color:#333333; padding:5px; border:1px solid #d5d5d5; background: URL(../Bilder/Designbilder/net_background.png) no-repeat 100% 50%; background-color:#e5e5e5; font-size: 1.3em; font-weight:bold;}
.service_background {color:#333333; padding:5px; border:1px solid #d5d5d5; background: URL(../Bilder/Designbilder/service_background.png) no-repeat 100% 50%; background-color:#e5e5e5; font-size: 1.3em; font-weight:bold;}


a.documentlist {background: url(../Bilder/Designbilder/document.gif) no-repeat 0% 2px;padding:5px 0px 5px 20px;}

.hidden {display:none;}

UL.CS_DefaultWebMap_Index {list-style-type:none;}
UL.CS_DefaultWebMap_Index li {display:inline; background:none; padding:0px 4px 0px 4px;}

.logotyper img {margin: 3px; border:1px solid #e5e5e5;}


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

form {margin:0px; padding:0px;}
input, textarea {font-size:1em; font-family:verdana; padding:2px; margin:2px 0px 2px 0px; border: 1px solid #aaaaaa; background: URL(../Bilder/Designbilder/form_background2.jpg) no-repeat; color:#000000; }
Select, Option {font-size:1em; font-family:verdana; padding:2px; margin:2px 0px 2px 0px; border: 1px solid #aaaaaa; color:#000000;}

input.button {}
.calculator input {text-align:right;}
.searchform {width:150px; font-size: 1.0em; height:15px;}

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

#webpagecontent {margin:0px auto; border:0px solid #000000; padding:0px 0px 0px 0px; width:850px; text-align:left; background: URL(../../Administration/Bilder/Designbilder/background.gif) repeat-y;}
#header {background: URL(../../Administration/Bilder/Designbilder/sidhuvud4.jpg) no-repeat; padding: 0px 0px 84px 50px; margin:0px;}
#header_admin {background: URL(../../../../Administration/Bilder/Designbilder/sidhuvud_administration.jpg) no-repeat; height:140px; margin:0px;}

#search_list {font-size:0.9em; color:#333333; background-color:#d5d5d5; border: 0px solid #000000; margin:0px; padding:1px 5px 1px 10px;}
#search_list_left {color:#666666; width:70%; float:left; margin: 4px 0px 0px 0px; border: 0px solid #000000;}
#search_list_left a {text-decoration:none; color:#666666;}
#search_list_left a:hover {background-color:#e5e5e5;}
#search_list_right {width:30%; float:left; text-align:right;}
#content {background-color:#ffffff; border:0px solid #000000;}
#left {width:208px; \width:248px; w\idth: 208px; float:left; border:0px solid #000000; padding:20px 20px 10px 20px;}
#right {width:570px; \width: 600px; w\idth: 570px; float:left; border:0px solid #000000;padding:20px 20px 10px 10px;}
#footer {margin:0px auto; width: 850px; padding:0px 0px 0px 0px; border:0px solid #000000; background: URL(../../Administration/Bilder/Designbilder/background_footer.gif) 0% 100% no-repeat;}
#footer_text {font-size:0.9em; color:#666666; background-color:#d5d5d5; border: 0px solid #000000; margin:0px; padding:3px; padding-left:10px;}
#footer_text a{color:#666666;}



/******************** 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:0.9em; display:block; text-decoration:none; margin:2px 0px 2px 0px; padding:1px; background: URL(../Bilder/Designbilder/menu_background.png) no-repeat 0% 0%;}

/* 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: 10px;}
#menu ul.CS_leftmenu1 li.CS_leftmenuNotSelected a {font-weight:bold; background-color:#6aa6b7; color:#ffffff;}
#menu ul.CS_leftmenu1 li.CS_leftmenuSelectedItem a {font-weight:bold; background-color:#2e98b7; color:#ffffff;}
#menu ul.CS_leftmenu1 li.CS_leftmenuSelectedParent a {font-weight:bold; background-color:#2e98b7; color:#ffffff;}

/* Inställningar för NIVÅ 2 */
#menu ul.CS_leftmenu2 {margin-bottom:3px;}
#menu ul.CS_leftmenu2 li a {padding-left: 20px;}
#menu ul.CS_leftmenu2 li.CS_leftmenuNotSelected a {font-weight:normal; background-color:#e5e5e5;color:#333333;}
#menu ul.CS_leftmenu2 li.CS_leftmenuSelectedItem a {font-weight:bold; background-color:#e5e5e5;color:#333333;}
#menu ul.CS_leftmenu2 li.CS_leftmenuSelectedParent a {font-weight:bold; background-color:#e5e5e5;color:#333333;}
#menu ul.CS_leftmenu2 li.CS_leftmenuHasChildren a {background-color:#e5e5e5;}


/* Inställningar för NIVÅ 3 */
#menu ul.CS_leftmenu3 li a {padding-left: 30px;}
#menu ul.CS_leftmenu3 li.CS_leftmenuNotSelected a {font-weight:normal; background-color:#f5f5f5; color:#333333;}
#menu ul.CS_leftmenu3 li.CS_leftmenuSelectedItem a {font-weight:bold;  background-color:#f5f5f5; color:#333333;}
#menu ul.CS_leftmenu3 li.CS_leftmenuSelectedParent a {font-weight:bold; background-color:#f5f5f5; color:#333333;}

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


/* Hovereffekt på alla menypunkter */
#menu ul.CS_leftmenu1 li a:hover {color:#ffffff; background-color:#2e98b7;}
#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:#cfe4ea;
	}