* {margin:0;padding:0;border:0;}
a {text-decoration:none;}

html{background-color:#e3e4e5;  font-size:100%;}
body{font-size:62.5%;color:#141414;font-family:arial,helvetica, sans-serif;}



.WHITELINK{color: White;}
.WHITELINK:hover{text-decoration: underline;}

input {border: 0.1em solid grey;color:#141414;font-family:arial,helvetica,sans-serif;font-size:1.3em;margin-right:.5em;padding:.5em;vertical-align:top;}
input[type="button"], input[type="submit"], input[type="reset"] {background:transparent url(/Gavle/Images/btn-gradient_black.png) bottom left repeat-x;font-weight:bold;padding:.425em;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {background:black url(/Gavle/Images/btn-gradient_white.png) bottom left repeat-x !important;color:white;}



.main {background: white; width:980px;margin:0 auto; position:relative; -box-shadow: .2em .2em 1em rgba(0,0,0,0.1); -webkit-box-shadow: .2em .2em 1em rgba(0,0,0,0.1); -moz-box-shadow: .2em .2em 1em rgba(0,0,0,0.1); }

.toolbar {background-color:#ddd; height:3em; position:absolute; right:2em; top:inherit; z-index:1; -moz-border-radius-bottomright:.5em; -webkit-border-bottom-right-radius:.5em; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-left-radius:.5em;}
.toolbar ul {padding:.75em 1em;}
.toolbar ul li {border-left: 0.1em solid #02639c; display: inline; }
.toolbar ul li:first-child {border-left:0;}
.toolbar ul li a{color:#02639c;font-size:1.2em; padding:0 .5em;}
.toolbar ul li a.translate{background:transparent url(/Gavle/Images/translate.png) left center no-repeat; padding-left:1.25em;}
.toolbar ul li a.last{border:0;}
.toolbar ul li a:hover{text-decoration:underline;}

.head{border-bottom:.5em solid #00467f;padding:3em 2em 0 2em;position:relative;}
.head h1 {font-size:3em;letter-spacing:-0.032em;line-height:1.1em; }
.head h2 {font-size:2.1em;letter-spacing:-0.045em;line-height:1.1em;text-indent:.1em; }
.headbig {color:#333;}
.headsmall {color:#00467f !important;}
.schoolhead { height:11.4em; }
.weather { position:absolute; left:62em; top:7.5em; height:6em; }
.weather img { margin-left:.4em; }
.weather span.temp { font-weight:bolder; font-size:1.8em; position:relative; float:left; top:.6em; } 


.search {background-color:#f0b600;position:absolute;left:71.5em;top:7em;-moz-border-radius:.5em;-webkit-border-radius:.5em;}
.search fieldset {padding:1em;}
.search fieldset legend span, .search fieldset div label {left:-999em;position:absolute;}
.search fieldset input[type="text"] {background:white url(/Gavle/Images/searchfield.png) left center no-repeat;border-color:#e28200;padding-left:2em;width:10em;}
.search fieldset input[type="text"]:hover {outline:0.2em solid #e28200;}
.search fieldset input[type="button"] {margin-right:0;}

#translate { position:absolute; right:30em; display:none; padding: 1em; background-color: #FFF; border: solid 0.1em #999; top:3.5em; z-index:5; }
.schooltranslate { right:13.5em !important; }
#rs_1 { position:absolute; right:21.5em; top:3.1em; background-color:#fff; z-index:5; }
.schoolrs_1 { right:4.4em !important }

.tabs{margin-top:2.5em;}
.tabs li {background-color:#ddd; background-image:none; display:inline-block; font-weight:bold; font-size:1.4em; list-style-type:none; margin-right:.75em; -moz-border-radius-topright:.5em; -webkit-border-top-right-radius:.5em; -moz-border-radius-topleft:.5em; -webkit-border-top-left-radius:.5em; text-transform:uppercase; zoom: 1; *display:inline;}
.tabs li a{color:#666; padding:.8em 1em .5em 1em; display:block;}
.tabs li a:hover{color:#333;}
.tabs li.active{background-color:#00467f;}
.tabs li.active a {color:white;}

#tabsc{margin-bottom:0; text-indent:0;}
#tabsc li {background-color:#ddd; background-image:none; display:inline-block; list-style-type:none; font-weight:bold; margin-right:.75em; -moz-border-radius-topright:.5em; -webkit-border-top-right-radius:.5em; -moz-border-radius-topleft:.5em; -webkit-border-top-left-radius:.5em; zoom: 1; *display:inline; padding:0 1em 0 0;}
#tabsc li a{color:#666; padding:.5em 1em .3em 1em; display:block;}
#tabsc li a:hover{color:#333;}
#tabsc li.active{background-color:#00467f;}
#tabsc li.active a {color:white;}

.main_nav {background:#e4e4e4 url(/Gavle/Images/bg_main_nav.png) left bottom repeat-x; margin-bottom:2em;}
.main_nav li{display:inline-block;list-style-type:none; zoom: 1; *display:inline; background:transparent url(/Gavle/Images/divider_main_nav.png) right center no-repeat; margin-right:-.3em; }
.main_nav li a{ padding:.7em .9em .6em 1.3em; color:#666;font-size:1.5em;font-weight:bold;line-height:1.2em; display:block; width:7em; }
.main_nav li.active a, .main_nav li a:hover{color:#333; background-image:none;}
.main_nav li:hover {background-color:#ddd;}
.main_nav li.active{background-color:white;color:black;}
.main_nav li.last a{background-image:none;}

.crb {margin-left: 1.6em; font:normal normal normal 1.3em/1.5em arial,helvetica,sans-serif;color:#666; }
.crb span { float:left; }
ul.crumbs { font-size:1em;}
.crumbs li {display:inline; background:none; padding:0;}
.crumbs li.previous_lvl {background:transparent url(/Gavle/Images/arrow_blue_crumbs_right.png) right center no-repeat;}
.crumbs li a{color:#02639c;padding-right:1em;}
.crumbs li a:hover{text-decoration:underline;}

.piclist { font:normal normal normal 1.3em/1.5em arial,helvetica,sans-serif;color:#666; width: 58em; padding-right: 2em;}
.piclist span { float:left; }
ul.picturelist { font-size:1em; margin: 0; list-style-type: none;}
.picturelist li {display:inline; background:none;width: 14em; padding: 0 2em 2em 0;}
.picturelist img { padding-bottom: .5em;}
.picturelist li a{color: #02639c; padding-right: 1em; font-size: 1.15em; font-weight: bolder; }
.picturelist li a:hover{text-decoration: underline;}
.picturelistnormal { float: left; }
.picturelistnormal3 { float: left; clear: both; }

#StartWideArea h2{font-size: 1.8em; margin: 0; padding: 0 2em 0.5em 0;}
.HubbWideItemRuler{clear: both; float: left; width: 62em; padding: 0; margin: 0 0 1em 0; border-bottom-width: 0.1em; border-style: solid; border-color: #bbb;}

.Lists{clear: both; float: left; width: 460px;}
.Lists ul{float: left; margin: 0; margin: 0 0 1.5em 0; padding: 0.5em 1em 0 1em; width: 33.4em; background-color: #cedae6; -moz-border-radius:.5em; -webkit-border-radius:.5em;}
.Lists ul.LinkList { float: left; padding-right: 2em;}
.Lists ul.LinkListCB { float: left; clear: both;}
.Lists li{float: left; background: none; margin: 0; padding: 0 0 1em 0; width: auto; font-weight: bolder; display: inline-block; }
.Lists .Rubrik{ margin: 0; width: 100%;}
.BlueButton a{white-space:pre-line; width: auto; background-color: #ffffff; padding: 0.2em 0.8em; margin-right: 0.5em; border: 0.1em; border-style: solid; border-color: #ffffff; -moz-border-radius-bottomright:.5em; -webkit-border-bottom-right-radius:.5em; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-left-radius:.5em; -moz-border-radius-topright:.5em; -webkit-border-top-right-radius:.5em; -moz-border-radius-topleft:.5em; -webkit-border-top-left-radius:.5em;}

ul.Categories{clear: both; float: left; width: 100%; margin: 0 0 1.5em 0; padding: 1em 1em 0 1em; background-color: #cedae6; -moz-border-radius:.5em; -webkit-border-radius:.5em;}
.Categories li{float: left;display: inline-block; background: none; padding: 0 0 1em 0; margin: 0; font-weight: bolder; }
.Categories li.UnChosen a{white-space: nowrap; width: auto; background-color: #ffffff; padding: 0.2em 0.8em; margin-right: 0.5em; border: 0.1em; border-style: solid; border-color: #ffffff; -moz-border-radius-bottomright:.5em; -webkit-border-bottom-right-radius:.5em; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-left-radius:.5em; -moz-border-radius-topright:.5em; -webkit-border-top-right-radius:.5em; -moz-border-radius-topleft:.5em; -webkit-border-top-left-radius:.5em;}
.Categories li.Chosen a{white-space: nowrap; width: auto; background-color: #00467f; color: White; padding: 0.2em 0.8em; margin-right: 0.5em; border: 0.1em; border-style: solid; border-color: #00467f; -moz-border-radius-bottomright:.5em; -webkit-border-bottom-right-radius:.5em; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-left-radius:.5em; -moz-border-radius-topright:.5em; -webkit-border-top-right-radius:.5em; -moz-border-radius-topleft:.5em; -webkit-border-top-left-radius:.5em;}

ul.ChosenPages{clear: both; float: left; width: auto; margin: 0 1em 1em 0; width: 100%;}
.ChosenPages li h2.Rubrik {clear: both; float: left; font-size: 1.4em; padding: 0 1em 0 0; width: 100%;}
.ChosenPages li {display: inline-block; background: none; padding: 0 0 1.0em 0; border-bottom: 0.1em dotted #ddd; width: 100%; height: auto;}
.ChosenPages li.First{ background: none; padding: 0 0 1.0em 0;  border-bottom: 0.1em dotted #ddd;}
.ChosenPages li img { float:left; margin-right:2em;}
.ChosenPages li p { margin-bottom: 0; font-size: 1em;}

.VisitorHubb { clear: both; float: left; padding: 1.5em; margin: 0 0 2em 0; width: 59em; background-color: #cedae6; -moz-border-radius:.5em; -webkit-border-radius:.5em;}
.VisitorHubb a { font-size: 1.2em; font-weight: bolder; }
.VisitorHubb h3 { font-size: 1.8em; margin: 0; }
.visitormenu { margin-bottom: 2em; color: White; float: left; }
.visitormenu h3{margin: 0 1em 1em 0; width: 10em;}
ul.visitormenu {margin: 0; padding: 1em 0; font-size: 1em;}
.visitormenu li {display:inline-block; font-size: 1.5em; vertical-align: middle; padding: 0; margin-right: 1em;}
.visitormenu li {float: left; }
.visitormenu li a{padding: 0.4em 0.7em; display: block; background:none; background-color: #ffffff; border: 0.1em; border-style: solid; border-color: #ffffff; -moz-border-radius-bottomright:.5em; -webkit-border-bottom-right-radius:.5em; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-left-radius:.5em; -moz-border-radius-topright:.5em; -webkit-border-top-right-radius:.5em; -moz-border-radius-topleft:.5em; -webkit-border-top-left-radius:.5em;}

.StartWideAreaXXXX h2{clear: both; float: left;}

.left_nav {border-bottom: 0.1em solid #bbb;border-top: 0.1em solid #bbb;margin:2em 0 2em 2em;width:22em; }
.left_nav ul,.left_nav ul ul {margin-left:.75em;}
.left_nav li {list-style:none;}
.left_nav div {background-color:#ddd;border-bottom: 0.1em dotted #bbb;}
.left_nav ul div{background-color:#e3e3e3;}
.left_nav ul ul div{background-color:#e6e6e6;}
.left_nav ul ul ul div{background-color:#e9e9e9;}
.left_nav div.active {background:white url(/Gavle/Images/arrow_blue_leftnav_right.png) right center no-repeat;color:#141414;font-size:1.3em;font-weight:bold;line-height:1.2em; padding:.75em 2.5em .8em .75em;}
.left_nav div.clicked {background-image:url(/Gavle/Images/arrow_grey_leftnav_down.png); background-position:right center;background-repeat:no-repeat;}
.left_nav div.last {border:none;}
.left_nav div:hover {background-color:#eee;}
.left_nav div.active:hover {background-color:#fff;}
.left_nav a {color:#555;font-size:1.3em; display:block; padding:.75em 2em .8em .8em; line-height:1.3;}
.left_nav a:hover {color:#141414;}
.left_nav div.clicked a {font-weight:bold;}

#MainContentArea { float:left; margin-top: 2em; }
ul.presslist { list-style-type:none; margin:0 0 3em; text-indent:0; font-size:1em; } 
.presslist li { padding:0.5em 0; margin:.5em 0; border-bottom: 0.1em dotted #aaa; background:none; }
.presslist li.pressblue { background-color:Blue; } 
.presslist p { margin:0; }
.presslist h3 { margin:.285em 0; }
.presslist span.date { color:#555; font-size:1.3em;}
.presstop { border-top: 0.1em dotted #aaa; border-bottom: 0.1em dotted #aaa; padding:1em 0; text-align:right;}
.presstop span { padding-right: 0.4em; font-size: 1.3em; }


.PagingContainer {font-weight:bold;padding:1em 0;margin-bottom: 2em;}
.PagingContainer ol {list-style:none inside none;margin:0;text-indent:0;}
.PagingContainer ol li {display:inline;}
.PagingContainer li a.first, .PagingContainer li a:visited.first {background:transparent url(/Gavle/Images/arrow_blue_left.png) left center no-repeat;padding-left:.8em;}
.PagingContainer li a.last, .PagingContainer li a:visited.last {background:transparent url(/Gavle/Images/arrow_blue_crumbs_right.png) right center no-repeat;padding-right:1.4em;}
.PagingContainer li a, .PagingContainer li a:visited {color:#02639c;padding:.2em .5em !important; background:none !important;}
.PagingContainer li a:hover {background-color:white;border:0;text-decoration:underline;}
.PagingContainer li a.SelectedPagingItem {background-color:#02639c !important;color:white;}
 


#liner{clear: both; float: left; width: 46em; border: 0; border-bottom: 0.1em; border-color: Black; border-style: dotted;}

#SortSorteraEfter{clear: both; margin-bottom: 1.2em;}
.SortKategori{clear: both; margin-bottom: 1.2em;}
.SortRubrik{font-size: 1.3em; line-height: 1.5em; font-weight: bolder;}
.SortRad{clear: both; float: left; width: 460px; padding: 0 0 1.2em 0;}
.SortLeft{float: left; width: 140px; margin-right: 20px;}
.SortWideRubrik{width: 460px; font-size: 1.3em; line-height: 1.5em; font-weight: bolder;}
.SortWideLeft{width: 460px;}
.SortRight{float: left; width: 300px;}
.SortWideLeft p{margin-bottom: 0;}

.pagetoprubrik{margin: 0; padding: 0;}


.TopRow{float: left; clear: both; width: 100%; height: auto; position: relative;}
.PageName{float: left; width: 46em; padding: 0 2em 0 0; height: auto;}
.PageName h1{margin: 0; padding: 0;}
.PageRight{float: left; width: 22em; height: 100%; margin: 0; position: absolute; bottom: 0; right: 0;}

.KontaktInfo{ position: absolute; bottom: 0; right: 0; }

.PageTopBlueRow{clear: both; height: 0.1em; border: solid 0 #00467f; border-top-width: 0.1em; padding: 0 0 2em 0;} /* width: 700px; */
.PageTopBlackRow {clear: both; height: 0.1em; border: solid 0 #00467f; border-bottom-width: 0.1em; padding: 1em 0 0;}
.PageTopPadRow {clear: both; padding-bottom: 2em;}
#PageTopSlide {clear: both;}
#PageTopSlide p{padding: 0; margin: 0.6em 0 0.3em 0;}
#PageTopSlide .Rubrik{font-size: 1.2em; padding: 0; margin: 0.7em 0 0.4em 0;}
#PageTopSlide .Kontakt{float: left; clear: both; width: 100%; margin: 0; padding: 0 0 1.1em 0; font-size: 1.3em; line-height: 1.2em;}
#PageTopSlide .Rad{float: left; clear: both; width: 100%; margin: 0; padding: 0;}
.PageTopBody{ padding-right: 2em; float: left;}
.PageTopBody input[type="submit"] { font-size:1.3em; }
.PageTopRight{ float: left;}

#FooterArea {clear: both; margin: 0; padding: 0;}
.footer {background:#00447a url(/Gavle/Images/bg_footer.png) left top repeat-x;color:white;padding:5em 2em 3em; min-height:5em;}
.footer h2 {border-bottom: 0.1em solid white; margin:0 0 1em; padding-bottom:.25em; font-size:1.8em;line-height:1.2;}
.footer h3 {font-size: 1.17em; }
.footer div {float:left;font-size:1.3em;margin:0 3em 3em 0; line-height:1.6; }
.footer img {float:right;margin-right:1em;}
.footer p {clear:both;display:block !important;font-size:1.3em;width:100%;}
a.white {color:white;border-bottom:1px dotted white;padding:.1em;}
a.white:hover {border-bottom:1px solid white;text-decoration:none;}

.subFooter { background-color:#001b31; color:white; font-size:1.3em; height: 1.3em; padding: 1.6em; vertical-align: text-top;}
.subFooterOrg{float: left; padding: 0.2em 0;}
.subFooterGK{float: right; text-align: right; padding: 0.2em 0;}

.page_border{border-top: 2px; border-color: Black; border-style: solid; width: 700px; float: left;}
.SidEtiketter{width: 460px; float: left; margin-bottom: 2em;}
.SidEtiketter{font-size: 1.15em; color: Black;}

.rightcolumn{width: 220px; padding: 0 20; float:right;}

.EWPage{padding: 2em;}
.EWTopRow{float: left; clear: both; width: 940px; height: auto; position: relative;}
.EWPageName{float: left; width: 540px; padding: 0 20px 0 0; height: auto;}
.EWPageName h1{margin: 0; padding: 0; float: left;}
.EWRight{clear: both; float: right; text-align: right; width: 700px;}
.EWPageTopBlueRow{clear: both; height: 1px; border: solid 0 #00467f; border-top-width: 1px; padding: 0 0 20px 0;}
.EWKontaktInfo{position: absolute; bottom: 0px; right: 0px; }
.EWPageRight{float: left; width: 220px; height: 100%; margin: 0; padding: 0; position: absolute; bottom: 0; right: 0;}

#AO{ width: 700px; float: left; clear: both; margin: 0 0 2em 2em; }
.atillo{list-style-position: inherit; list-style-type: none;}
.atillol{float: left; margin-right: 10px;}

.startitem li {display: inline-block; list-style-type: none; list-style-image: none;}
.item li {display: inline-block; list-style-type: none; list-style-image: none;}
.item_chosen li {display: inline-block; list-style-type: none; list-style-image: none;}

ul.aolist { padding:.1em 0; clear:both; margin-left:0; }
.aolist li{background: none; text-indent: -1em; }
.ao_w {color: #00467f; clear: both; float: left; width: 700px; height: 36px; background-color: #dadada; font-size:0.8em;}
.ao_w ul {list-style-image: none; list-style-type: none; line-height: 1.0em;}
.ao_w li {list-style-image: none; list-style-type: none; line-height: 1.0em; padding-bottom: 0.4em; float: left; display: block;}
.ao_w .startitem {float: left; display: block; width: 0px; padding: 0 18px 0 0; height: 22px; padding-top: 1.4em; padding-bottom: 0.8em;}
.ao_w .item {padding: 7px 4px 7px 4px; float: left; height: 22px;}
.ao_w .item_chosen {padding: 7px 4px 7px 4px; float: left; height: 22px; }
.ao_w .ao_txt {color: black; padding: 6px 4px 2px 4px; float: left; height: 14px;}
.ao_w .item a {color: #00467f; padding: 6px 4px 2px 4px; float: left; height: 14px;}
.ao_w .item a:visited {color: #00467f; float: left; height: 14px;}
.ao_w .item a:hover {color: black; float: left; height: 14px; background-color: #fefefe; text-decoration: none;} /* background-color: white; funkar inte, konstigt */

.ao_w .item_chosen .ao_txt { padding: 6px 4px 2px 4px; float: left; height: 14px; background-color: #00467f;}
.ao_w .item_chosen a {color: white; padding: 6px 4px 2px 4px; float: left; height: 14px; background-color: #00467f;}
.ao_w .item_chosen a:visited {float: left; height: 14px;}
.ao_w .item_chosen a:hover {color: black; float: left; height: 14px; background-color: #fefefe; text-decoration: none;} /* background-color: white; funkar inte, konstigt */


#SearchWords {color: black; clear: both; float: left; width: 580px; padding: 20px; margin-left:2em; background-color: #dadada;}
#SearchWords ul {list-style-image: none; list-style-type: none; float: left; margin: 0;}
#SearchWords h3 {font-size:1.5em; line-height:1.2; color: black; margin: 0 0 0.8em 0;}
#SearchWords li {float: left; padding-right: 10px;}
.sw {color: #00467f; clear: both; float: left; margin: 20px; background-color: #dadada;}

#StartpageHubb { margin:0 0 2em 2em; width:100%; float:left; }

.spacer { height: 2em; clear:both; float:left; }
.spacertop { height:2em; }
.clear { clear:both; float:left; }
.ao_sp {color: #00467f; clear: both; float: left; width: 620px; height: 36px; background-color: #dadada; font-size:0.8em;}
.ao_sp ul {list-style-image: none; list-style-type: none; line-height: 1.0em;}
.ao_sp li {list-style-image: none; list-style-type: none; line-height: 1.0em; padding-bottom: 0.4em; float: left; display: block;}
.ao_sp .startitem {float: left; display: block; width: 0px; padding: 0 18px 0 0; height: 22px; padding-top: 1.4em; padding-bottom: 0.8em;}
.ao_sp .item {padding: 7px 3px 7px 3px; float: left; height: 22px;}
.ao_sp .ao_txt {padding: 6px 3px 2px 3px; float: left; height: 14px;}
.ao_sp .item a {color: #00467f; padding: 6px 3px 2px 3px; float: left; height: 14px;}
.ao_sp .item a:visited {color: #00467f; float: left; height: 14px;}
.ao_sp .item a:hover {color: black; float: left; height: 14px; background-color: #fefefe; text-decoration: none;} /* background-color: white; funkar inte, konstigt */
.ao_sp .item_chosen {padding: 7px 4px 7px 4px; float: left; height: 22px; }
.ao_sp .item_chosen .ao_txt {padding: 6px 4px 2px 4px; float: left; height: 14px; background-color: #00467f;}
.ao_sp .item_chosen a {color: white; padding: 7px 4px 0px 4px; float: left; height: 14px; background-color: #00467f;}
.ao_sp .item_chosen a:visited {color: white; float: left; height: 14px;}
.ao_sp .item_chosen a:hover {color: black; float: left; height: 14px; background-color: #fefefe; text-decoration: none;} /* background-color: white; funkar inte, konstigt */

.related, .aktuellt, .mostvisited, .filter {background-color: white; border:1px solid #aaa;-moz-border-radius:.5em;-webkit-border-radius:.5em;margin:0  0 2em; padding:1em 1em .5em 1em;}
.related h2:first-child, .aktuellt h2, .mostvisited h2 {margin-top:0;}
.related li{background:none; padding:0; margin-left:.4em; text-indent:-1.3em; }
.rellinks a {background:transparent url(/Gavle/Images/bullet.png) left center no-repeat; }
.rellinks a[href^="http:"] {background:transparent url(/Gavle/Images/ext_link_blue.png) left .2em no-repeat;padding-left:1.2em; padding-right:0; }
.reldocs a[href^="http:"] {background:none; padding-left:0; }

.related ul, .related li, .rellinks a{list-style: none outside none;}
.rellinks a{padding-left: 1em;}
.aktuellt ul {list-style:none inside none;margin-left:0; margin-bottom:0}
.aktuellt li {text-indent:0; background-image: none; padding-left:0;}
.aktuellt span {color:#666;font-size:.9em; text-indent:-1.2em;}
.aktuellt h3 {font-size:1.1em;margin-top:0;}
.driftinfo {background:#e3e4e4 url(/Gavle/Images/bg.png) top left repeat; }

.searchfilter {border:1px solid #aaa;margin:2em 0;padding:1em 1em .5em 1em;width:28em;}
.searchfilter span { font-size: 1em; }

ul li.pdf, ul li.docx, ul li.doc, ul li.jpg, ul li.gif, ul li.png, ul li.eps, ul li.tiff {list-style-image:none; margin: 0 0 .25em -1.2em; padding-left:1.6em; text-indent:0;}
ul li.pdf {background:transparent url(/Gavle/Images/pdf.png) no-repeat; background-position:left .2em;}
ul li.docx, ul li.doc {background:transparent url(/Gavle/Images/word.png) no-repeat; background-position:left .2em;}
ul li.xlsx, ul li.xls {background:transparent url(/Gavle/Images/xls.png) no-repeat; background-position:left .2em;}
ul li.jpg, ul li.gif, ul li.png, ul li.eps, ul li.tiff {background:transparent url(/Gavle/Images/pic.png) no-repeat; background-position:left .2em;}
.content ol{padding-left: 1.6em;}
.content ol li{list-style-position: outside;}

html[xmlns] .clearfix { display: block; }
.clearfix { display: inline-block; }

/* A-buttons */
#SearchArea{float: right; width: 230px; height: 36px; background:transparent url(/Gavle/Images/search_bg.jpg) top left repeat-x;}
#SearchWhite{float: left; width: 160px; height: 22px; margin: 8px; background-color: white;}
#SearchIcon{float: left; width: 16px; height: 16px; margin: 3px;}
#SearchInput{float: left; width: auto; height: 1.0em; font-size: 1.0em; padding: 5px;}
#SeaarchButton{float: left; width: auto; height: 22px; margin: 8px;}
.SIF{border-style: hidden;}
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/Gavle/Images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.btn:hover { background-color: white; } 
.btn:active { background-color: white; } 
.btn[class] { background-image: url(/Gavle/Images/shade.png); background-position: bottom; } 
/* A-buttons */


#KommunBla { color: #00467f; }
#MorkBla { color: #00223d; }
#BakgrundsGra { color: #e2e3e3; }
#LinjeGra { color: #090909; }
#LjusGrA { color: #f8f8f8; }
#Svart { color: #141515; }
#LeftNavArea { width: 240px; min-height:1px; }
.ColumnP {clear: both; float: left; width: 980px; }
.ColumnF { float:left; width: 220px; margin: 0 20px 0 0; }
.ColumnFUM { float:left; width: 220px; margin: 0; }
.ColumnFUMR { float:right; width: 220px; margin: 0; }
.ColumnT { float:left; width: 300px; margin: 0 20px 0 0; }
.ColumnTUM { float:left; width: 300px; margin: 0;}

.FHalf { width: 460px; }
.FHalfHalf { width: 20em; padding: 0; margin: 0 2em 2em 0; }
.EWide { width: 940px; }
.FWide { width: 700px; }
.TWide { width: 640px; }

.TAW { width: 30.75em; }
.TW { width: 40em; }
.LBW { width: 15.4em; }
.Left { float: left; }
.SearchLeft { margin: 2em 2em 0 2em; width: 58em; float: left; }
.SearchRight { margin: 0; width: 28em; float: left; }
#StartWideArea { clear:both; float: left; margin: 2em 0 2em 2em; }
#StartRightArea { float:left; width: 30em; margin: 2em 0; }

.HubbMenu60em { clear: both; float: left; width: 60em; background-color: Blue; }
.HubbMenu60em a { font-size: 1.3em;}
.HubbMenu { float: left; width: auto; padding: 0; margin: 0; background: #e4e4e4 url(/Gavle/Images/bg_main_nav.png) left top repeat-x; }
.HubbMenu ul { list-style: none; clear: both; float: left; }
.HubbMenu li { float: left; background: transparent url(/Gavle/Images/divider_main_nav.png) right center no-repeat; display: inline-block; list-style-type: none; padding: .8em .8em; margin: 0; border-style: solid; border-color: White; border-width: 0; border-right-width: 0.1em; zoom: 1; *display: inline; }
.HubbMenu li a { color: #666; font-size: 1.4em; font-weight: bold; }
.HubbMenu li:hover { background-color: #ddd; }
.HubbMenu li a:hover { color: #333; }
.HubbMenu li.chosen { background: #00467f; }
.HubbMenu li.chosen a { color: #fff; }

.HubbBesokareDivider { clear: both; float: left; width: 100%; }
.HubbBesokareRad { clear: both; float: left; width: 100%; padding: 0 0 .8em 0; }
.HubbBesokareImage { float: left; width: 8em; padding: 0 2em 0 0; }
.HubbBesokareText { float: left; width: 46em; }
.HubbBesokareText h3 { margin-bottom: .3em; margin-top: 0; font-size: 1.2em; line-height: 1.4em; }
.HubbBesokareText a { font-size: 1.3em; }
.HubbBesokareText p { margin: .3em; }

.HubbInformation { clear: both; float: left; width: 58em; padding: 2em; border-top: .2em solid #00467f; background-color: #dddedf; }
.HubbItem { clear: both; float: left; width: 58em; }
.HubbItemRuler { clear: both; float: left; width: 58em; border-top: 0.1em dotted #aaa; height: 0.1em; margin: 1em 0; padding: 0; }
.P1EM { padding: 0 0 1em 0; }
.P2EM { padding: 0 0 2em 0; }
.HubbLeftItem, .HubbRightItem { float: left; width: 27em; padding: 0 2em 2em 0; margin: 0; }
.HubbRightItem h2, .HubbRightItem h3, .HubbRightItem h4 { margin-top: 0; }
.HubbLeftItem ul { margin-left: 0; margin-bottom: .1em; }

.maptest { float: left; margin: 2em 0 0; }
.pagetopwide { width: 94em; border-bottom: solid 0.1em #00467f; margin: 0 2em 0 2em; }
.pagetopwide h1 { margin: .6em 0 0; }

ul.schoolnews { margin-left:0; }
ul.schoolnews li { background:none; padding:0.5em 0; border-bottom:0.1em dotted #AAAAAA; }
ul.schoolnews .date { color:#666666; font-size:0.9em; }
.schooltop { border-bottom:0.1em solid #00467f; margin-bottom:2em; }
.schooltop h1 { margin:0; padding:0; width:46em; }