/* RESET */

* {font-size:1em; margin:0; outline:none; padding:0;text-decoration:none;}
code,kbd,samp,pre,tt,var,input,select,isindex,listing,xmp,plaintext {font:inherit;	white-space:normal;}
XXXtextarea {font:inherit !important;}
a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym {border-width:0;}
/*th,b,strong,h1,h2,h3,h4,h5,h6,dt {font-weight:normal;}*/
caption,th {text-align:left;}


/* TYPOGRAFI */

html {background-color:#dddedf;color:black;font-family:arial,sans-serif;font-size:100%;line-height:1;padding:0 !important;}
body {color:#111;font-family:Arial,Geneva,Helvetica,sans-serif;font-size:62.5%;padding:0 !important;}

.blue {background-color:#00467f;color:white;padding:.05em 1em;}

/* Rubriker och brödtext*/

.content p, .content ul, .content ol, .content address, .content dl, .content form, .content table, .jobview span {font-size:1.3em; line-height:1.5em;}
.content h1 {font-size:2.4em; line-height:1.2; margin:1em 0 .5em;}
.content h2 {font-size:1.8em; line-height:1.2; margin:1.07em 0 .535em;}
.content h3 {font-size:1.5em; line-height:1.2; margin:1.14em 0 .57em;}
.content h4 {font-size:1.3em; line-height:1.2; margin:1.23em 0 .615em;}
/* h5 {font-size:1.4em; line-height:1.2; margin:1.23em 0 .615em;}
h6 { font-size:1.4em; line-height:1.2; margin:1.23em 0 .615em;} */

/* Bildtext */
.content .ingress {font-size:1.4em;font-weight:bold; line-height:1.6em; margin-top:1em; margin-bottom:1.6em; display:block;}
.content .caption {font-size:1.2em;line-height:1.4em;margin-top:.5em;}

/* Länkar*/

.content a {text-decoration:none;}
.content a:link, .content a:visited {color:#02639c;}
.content a:hover {/*border-bottom:1px solid #02639c;*/text-decoration:underline;}
.content a.white {color:white;border-bottom:1px dotted white;}
.content a.white:hover {border-bottom:1px solid white;text-decoration:none;}
.content .external, .content a[href^="http:"] {background:transparent url(/Gavle/Images/ext_link_blue.png) right center no-repeat;padding-right:1.2em; }
.content .arrow {background:transparent url(/Gavle/Images/arrow_link_blue_right.png) right center no-repeat;border:0;padding-right:1em;}
.content .warrow {background:transparent url(/Gavle/Images/arrow_white_right.png) right center no-repeat;border:0;padding-right:1em;}
.content .warrowdown  {background:transparent url(/Gavle/Images/arrow_white_down.png) right center no-repeat;border:0;padding-right:1em;}
.content .warrowup {background:transparent url(/Gavle/Images/arrow_white_up.png) right center no-repeat;border:0;padding-right:1em; padding-top:2em;}
.SearchLeft a[href^="http:"], .SearchRight a[href^="http:"] {background:none; padding-right:0; }
.SearchLeft a[href^="http:"]:hover, .SearchRight a[href^="http:"]:hover {border-bottom:0; }
.content h1 a, .content h2 a, .content h3 a, .content h4 a {border:0 !important;}
.content a.noext{ background:none !important; padding-right:0 !important; }




a.kontakt{text-decoration:none; color: White; font-weight: bolder;}
a.kontakt:hover{text-decoration:underline;}

/* Specialtaggar */

.content code {color:#c33;font-size:100%; font-family:mono-space,monospace;}
.content del {	color:#666;text-decoration:line-through;}
.content sup, .content sub {font-size:80%;} 
.content sup {vertical-align:super;}
.content sub {vertical-align:sub;}
.content abbr[title]{border-bottom:1px dotted #ccc;cursor:help;}


/* Listor & tabeller (och lite annat) */
.content ul {list-style:none;}
.content ol {list-style:decimal inside;}
.content li{background:url(/Gavle/Images/bullet.png) no-repeat; background-position:0 .6em; padding-left: 1em;}
.content ol li {background:none; padding:0;}

.content dt {margin-top:.8em; margin-bottom:.4em;}
.content ul {margin-left:1.1em;}
.content ol {margin-left:1em;}

<!--[if IE 6 or 7]>
	.content ul {margin-left:1.25em;list-style-type:disc; list-style-image:none;}
	.content ol {margin-left:1.25em;}
<![endif]-->

.content caption, .content form div {padding-bottom:.8em;}
.content ul ul, .content ol ul, .content ul ol, .content ol ol {margin-bottom:0;}

.content table {border-collapse:collapse;border-left:1px solid #aaa;border-top:1px solid #aaa;}

.content th, .content td {border-bottom:1px solid #aaa; border-right:1px solid #aaa;}
.content th, .content td {padding:.8em;}

.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content address, .content table, .content form {margin-bottom:1.6em;}

.jobb {width:70em; clear:both;}
.jobb table {border-collapse:collapse;border:0;border-bottom:1px solid #aaa;width:100%;}
.jobb th, .jobb td {border:0;padding:.25em .5em;}
.jobb th { background-color: #ddd; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #bbb, #ddd);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb));
}
.jobb a { background:none !important; padding-right:0 !important; }
.jobb table {margin-bottom:1.6em;}
.jobb tbody tr:nth-child(even) {background-color:#eaf2f7;}
.jobb tr.even {background-color:#eaf2f7;}
.dela {background:#ddd;padding:2em;-moz-border-radius:.5em;-webkit-border-radius:.5em; font-weight:bold; position:relative; float:left; width:42em;}
.dela span { font-size:1.3em; }
.medialinks { width:100%; float:left; position:relative; margin-top:1em; }
.medialinks a { background:none !important; padding-right:.5em !important; }
/* Linje */

.content hr {display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none;}

 
/* Formulär */
 
.content fieldset {border:1px solid #AAA; margin:1.6em 0;padding:1em;}
.content legend {padding: 0 .4em;}

/* */


.content textarea, .content input[type='text'], .content input[type='password'], .content select { background:white;border:1px solid #aaa;color:inherit !important;font-family:inherit !important;padding:.3em;}
.content textarea { font-size: 1.3em; }
.content label {display:block; font-size: 1.3em;}
/*input {padding:.2em .1em;}*/
.content input {border:1px solid grey;color:#141414;font-family:arial,helvetica,sans-serif;font-size:1em;margin:.5em .5em .5em 0;padding:.5em;vertical-align:top;}
.content input[type="text"]:hover {outline:2px solid #00447a;}
.content select {padding:.25em;}
.content select[multiple] {margin-bottom:.8em;}
.content option {padding:0 .4em .1em;}
.content input[type="button"], .content input[type="submit"], .content input[type="reset"] {background:transparent url(/Gavle/Images/btn-gradient_black.png) bottom left repeat-x;font-weight:bold; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;}
.btn-blue {background-color:#00447a !important;border-color:#00233f !important;color:white;}
.btn-grey {background-color:#e3e4e4 !important;border-color:#747474 !important;}
.btn-yellow {background:#f0b600 url(/Gavle/Images/btn-gradient_yellow.png) top left repeat-x !important;background-color:#f0b600 !important;border-color:#e28200 !important; padding:.5em !important; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;}
.btn-pink {background-color:#961480 !important;border-color:#520b46 !important;color:white;}
.content input[type="button"]:hover, .content input[type="submit"]:hover, .content input[type="reset"]:hover {background:black url(/Gavle/Images/btn-gradient_white.png) bottom left repeat-x /*!important*/;background-color:black !important;color:white;}

<!--[if gte IE 5]>
	* html input[type="button"]:hover, * html input[type="submit"]:hover, * html input[type="reset"]:hover {background-color:black !important;color:white;}
<![endif]-->

.content input[type='radio'] {position:relative; bottom:-.2em;}

.content textarea:hover, .content input[type='text']:hover, .content input[type='password']:hover, .content select:hover {border-color:#02639c;outline:2px solid #00447a;}
.content textarea:focus, .content input[type='text']:focus, .content input[type='password']:focus, .content select:focus {outline:1px solid #02639c; border-color:#02639c;}
.content select { font-size: 1.3em; }
/* \*/
 




/* Citat */

.content blockquote {border-bottom:1px dotted #aaa;border-top:1px dotted #aaa;font-style:italic;margin:2em 0;padding:2em 2em 0 2em;}
.content blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */
{	content:"\201D"; font-size:2.5em; margin-left:-.6em; font-family:georgia,serif; padding-right:.2em; color:#666; line-height:.5em; vertical-align:bottom; }


.startpagetop{clear: both; float: left;}

/* Tagcloud */
.tagcloud {background:#e3e4e4 url(/Gavle/Images/bg_tag.png) left bottom repeat-x;font-weight:bold;line-height:2.25em;padding:2em;-moz-border-radius:.5em;-webkit-border-radius:.5em; margin:0 0 3em 2em; width:580px; clear:both; float:left; margin-right:20px;}
.tagcloud h2:first-child {margin-top:0;}
.tagcloud span {margin-right:.5em;}
.tagcloud span.size1 {font-size:1em;}
.tagcloud span.size2 {font-size:1.2em;}
.tagcloud span.size3 {font-size:1.4em;}
.tagcloud span.size4 {font-size:1.6em;}
.tagcloud span.size5 {font-size:1.8em;}
.aobox {margin-left:0;}

.tagcloudschool {font-weight:bold;line-height:2.25em;padding:1em;-moz-border-radius:.5em;-webkit-border-radius:.5em; margin:0 0 2em; }
.tagcloudschool h2:first-child {margin-top:0;}
.tagcloudschool span {margin-right:.5em;}
.tagcloudschool span.size1 {font-size:1em;}
.tagcloudschool span.size2 {font-size:1.2em;}
.tagcloudschool span.size3 {font-size:1.4em;}
.tagcloudschool span.size4 {font-size:1.6em;}
.tagcloudschool span.size5 {font-size:1.8em;}

.schoolcontact { background-color:#DDDDDD; line-height:2.25em;padding:1em; -moz-border-radius:.5em;-webkit-border-radius:.5em; margin:0 0 2em; }
.schoolcontact span { font-size:1.3em; }
.schoolcontact p { margin-bottom:0; }
.schoolcontact h2:first-child {margin-top:0; margin-bottom:0.2em; }
.schoolmainimage { margin-bottom: 2em; }
/* Important box */
.viktig {background:#e3e4e4 url(/Gavle/Images/bg.png) top left repeat; border:1px solid #ddd; line-height:2.25em;padding:2em;-moz-border-radius:.5em;-webkit-border-radius:.5em; margin:0 0 3em 2em; width:580px; clear:both; float:left; margin-right:20px;
-box-shadow: .2em .2em 1em rgba(0,0,0,0.05); -webkit-box-shadow: .2em .2em 1em rgba(0,0,0,0.05); -moz-box-shadow: .2em .2em 1em rgba(0,0,0,0.05); border-radius:.5em; -moz-border-radius:.5em; -webkit-border-radius:.5em; }

.viktig h2{margin-top:0; padding-bottom: 0.3em; font-size: 1.6em; font-weight: bolder;}
.viktig h2{border-style: solid; border-width: 0px; border-bottom-width: 1px; border-color: #e3e4e4;}
.viktig .text{clear: both; float: left; width: auto;}
.viktig .relaterat h2{margin-top:0; padding-bottom: 0.3em; border:0;}
.viktig .relaterat { display:inline; float:right; width:21em;}

.viktig .relateratXX {background-color:red; display:inline; float:right; margin: 0 2em; width:21em; -box-shadow: .2em .2em 1em rgba(0,0,0,0.05); 
-webkit-box-shadow: .2em .2em 1em rgba(0,0,0,0.05); -moz-box-shadow: .2em .2em 1em rgba(0,0,0,0.05); border-radius:.5em; -moz-border-radius:.5em; -webkit-border-radius:.5em;}
 
/* Innehåll från A till Ö */
.innehall {border-bottom:1px dotted #aaa;list-style:none inside none;margin-left:0 !important; margin-bottom:0 !important; padding:1em 0 1em .5em;text-transform:uppercase; text-indent:0 !important;}
.innehall li {display:inline; background: none; padding:0; }
.innehall li a, .innehall li a:visited {color:#02639c;padding:.25em; }
.innehall span { padding:.25em .25em; font-size:1em; margin-right:0; }
.innehall li.wide a, .innehall li.wide a:visited {color:#02639c;padding:.25em;}
.innehall li.wide span { padding:.25em; font-size:1em; margin-right:0; }
.innehall li a:hover {background-color:white;border:0;text-decoration:underline;}
.innehall li a#active {background-color:#02639c;color:white;}

.linkBox { height:20em; /*padding-top:14em;*/ position:relative; width:30em; -moz-border-radius:.5em; -webkit-border-radius:.5em;}
.linkBox h2 { position:absolute; bottom:0; margin-bottom:0; }
.linkBox a { background:white url(/Gavle/Images/arrow_link_blue_right.png) 15.5em center no-repeat; opacity:0.75; filter:alpha(opacity=75); }
.linkBox a { position:absolute; bottom:0; background:rgba(255,255,255,0.8) url(/Gavle/Images/arrow_link_blue_right.png) 15.5em center no-repeat; bottom:0; 
             padding:.7em 1em; position:absolute; width:14.8em; z-index:3; }
.lbHub1 { background:#ddd url(/Gavle/Images/leva_start.jpg) center center repeat }
.lbHub2 { background:#ddd url(/Gavle/Images/foretagare_start.jpg) center center repeat }
.lbHub3 { background:#ddd url(/Gavle/Images/besokare_start.jpg) center center repeat }

/* \*/
.forms { clear:both; float: left; width:100%;}
.formscell { float:left; padding-bottom: .8em; display:table-cell; }

.formscell fieldset { margin:0; line-height: 1.5em; }
.formscell input[type='checkbox'], .formscell input[type='radio'] { border:0; margin: 0 0.5em 0 0 ;}
.formscell input, .formscell select { font-size: 1.3em; margin:0 .6em 0 0;  padding: 0.25em; }
.formscell textarea { margin:0 .6em 0 0;}
.formscell label, .formscell span {font-size:1.3em; display:inline; margin:0 0.5em 0 0; padding:0 1em 0 0; line-height:1.4; }

.contactus { width:580px; background-color:#DDDEDF; overflow:hidden; padding: 2em; }
.contactus h3:first-child {margin-top:0;}
.contactus ul { float:left; width: 10em; height:7em; }
.contactus li { list-style-image:none; padding:0; background:none; } 
.contactus img { float:left; margin:0 1.6em 1.6em 0; }
.contactus img.first { clear: both; }
.contactus div.bottom { clear:both; width:99%; font-size:1.3em; border-top:1px dotted #aaa; padding-top:.8em; }

span.listing { font-size: 1em; }

.puff { position:relative; -moz-border-radius:.5em; -webkit-border-radius:.5em; margin:0 0 2em; padding:1em; line-height:1.5em; }
.puff h2:first-child {margin-top:0; }
.puff span { font-size:1.3em; display:block; margin-bottom:1em;}
.puff a { font-weight:bold;font-size:1.3em; background:transparent url(/Gavle/Images/arrow_blue_right.png) right center no-repeat;border:0;padding-right:1em;}
.puff a.title { font-weight:bold;font-size:1em; background:none;border:0;}
.jobview p { margin-bottom:.8em;}
.jobview span { clear:both;}
.yellowb { background-color:#f8e9bf; 
    background-image: -moz-linear-gradient(100% 100% 90deg, #f8e9bf, #fddf8b);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8e9bf), to(#fddf8b));
}

.greenb { background-color:#d8ebc5; 
    background-image: -moz-linear-gradient(100% 100% 90deg, #d8ebc5, #cce9b0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d8ebc5), to(#cce9b0));
}
.blueb { background-color:#d8e7f0; 
    background-image: -moz-linear-gradient(100% 100% 90deg, #d8e7f0, #c5dfee);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d8e7f0), to(#c5dfee));
}



/*

_______________________________
END */