/* --- BARA ATT AKTIVERAS EFTER HELA SAJTEN BYTAS TILL CSS
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{ margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent }
*/

body { margin: 0; font-family: Arial,Helvetica,sans-serif }


/****************************************
				STRUKTUR
*****************************************/
#wrapper { width:770px; height:auto; margin:0 auto; }
#content { margin:0; padding:0; }

.hide { text-indent:-9999px; height:1px; font-size:1px; line-height:1px; padding:0; margin:0; background:none }
.clearfix { display:inline-block }
.clearfix:after,.container:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clearfix { display:block }


/****************************************
				TYPE
*****************************************/
a:link, a:visited { font-size: 10px; text-decoration: none; color: #333 }
a:hover, a:active, a:focus { font-size: 10px; text-decoration: none; color: #999 }

h1, .rubrik { font-size: 14px; color: #006666; line-height: 20px; font-weight: bold }

hr { background:#ccc; clear:both; float:none; width:70%; height:1px; margin:2em auto; padding:0; border:none; text-align:center; }

ul,ol { list-style-type: none; }

.brodtext { font-size: 11px; color: #333 }
.text { font-size: 11px; color: #333 }
.minipuff { font-size: 10px; color: #333 }
.mini { font-size: 9px; color: #333 }
.link_vit { color: #fff; text-decoration: none; font-size: 10px }

.nyhetsbrev_rubrik { font-size: 36px; font-style: normal; color: #006666 }
.nyhetsbrev_textrubrik { font-size: 14px; color: #006666 }

.link_black { font-weight: bold; color: #333; font-size: 11px; line-height: normal; font-variant: normal }
.underrubrik { font-size: 12px; font-style: normal; color: #006666 }
.meny, .undermeny { font-size: 9px; font-style: normal; color: #000; font-weight: bold }

.formtext { font-size: 11px; font-style: normal; font-weight: normal; color: 006666 }
.bildtext { font-size: 10px; font-style: italic; color: #333 }

/****************************************
		MENY - Storlekar som EMS
*****************************************/
#header { margin:20px 0 10px; padding:0; width:770px; height:auto; display:block; }
#header a img { text-decoration:none; border: none; }

#meny {
width: 770px;
height: auto;
margin: 0 0 30px 0;
padding: 0;
font-family: Helvetica,Arial,sans-serif;
position: relative;
background: #fff url(../images/menu_divider.gif) bottom center no-repeat;
z-index: 100;
}

#meny ul { padding:0; margin:0; list-style-type: none; text-align:center; }
#meny ul li { display:inline; width:auto; }

#meny ul li a:link, #meny ul li a:visited {
text-decoration: none;
padding: 5px 8px;
margin:0 1px;
height: 2.6em;
line-height: 2.6em;
color: #646464;
text-transform: uppercase;
font-size:0.7em;
text-align:center;
border-bottom:2px #fff solid;
}

#meny table { border-collapse:collapse; margin:0; padding:0; }

#meny ul li ul, #meny ul li .nosub { visibility:hidden; position:absolute; top:1.75em; left:0; border:0; }

#meny ul li:hover a,
#meny ul li a:hover,
#meny ul li a:active,
#meny ul li a:focus
{ color:#000; border-bottom:2px #2598A2 solid; font-weight:500; }

#meny ul li a.active { color:#000; border-bottom:2px #2598A2 solid; font-weight:500; }

#meny ul li:hover ul, #meny ul li:hover ul {
visibility: visible;
width: 770px;
height: 1.4em;
z-index: 120;
background: #fff url(../images/menu_divider.gif) top center no-repeat
}
#meny ul li:hover .nosub {
visibility: visible;
width: 770px;
background: #fff url(../images/menu_divider.gif) top center no-repeat;
height: 1.4em;
z-index: 130;
}
#meny .sub {
visibility: visible;
width: 770px;
height: 1.4em;
z-index: 110;
background: #fff url(../images/menu_divider.gif) top center no-repeat
}

#meny ul li ul li a:link, #meny ul li ul li a:visited { height:3em; text-transform: none; font-size:0.7em; padding: 3px 10px; color:#333; border:none; }
#meny ul li ul li a:hover, #meny ul li ul li a:active, #meny ul li ul li a:focus {color:#000; text-decoration:underline; border:none;}

/****************************************
				FOOTER
*****************************************/
#footer {
width: 770px;
height: 1.7em;
padding: 0;
margin: 40px 0 20px 0;
list-style-type: none;
background: #005962 url(../images/bg_footer.gif) top left repeat-x;
}

#footer li { padding: 2px 0 6px 20px; float: left; display:inline; width:auto; height:1em; }
#footer li a:link, #footer li a:visited { color:#fff; text-transform: uppercase; font-size:0.7em; }
#footer li a:hover, #footer li a:active, #footer li a:focus { color:#88bcc1; }

#footer #login { float:right; padding:2px 10px; }

#subfooter{
	font-size: 10px;
}

/****************************************
				HOMEPAGE
*****************************************/
#banner_hem { position:relative; clear:both; }
#banner_hem img { margin:0; padding:0; float:left; }
#banner_hem a img { margin:0; padding:0; float:left; border:none; text-decoration:none; }

.puff_hem {
position:relative;
width:163px;
height: 95px;
padding:10px;
float: left;
margin: 15px 10px 0 0;
color:#737373;
border:1px solid #f0f0f0;
border-bottom: 40px solid #d8d8d8;
-webkit-box-shadow:0 0 5px #999;
}

.puff_hem h4 { font-weight:normal; font-size:100%; line-height:110%; padding: 0 0 10px 0; margin:0; }
.puff_hem p { font-size:65%; width:auto; line-height:120%; }
.puff_hem a { font-size:1em; color:#737373; } 
.puff_hem a:hover, .puff_hem a:active, .puff_hem a:focus { text-decoration:underline; }


#puff1 { background: #fff url(../images/hem_puff1.gif) top left no-repeat; }
#puff1 p { position:absolute; bottom:-15px; left:43px; }
#puff1 p img { position:absolute; top:-5px; left:-43px; }
#puff1 a img { border:none; }

#puff2 { background: #fff url(../images/hem_puff2.gif) top left no-repeat; }
#puff2 p { margin:0 0 8px 0; padding:0; }
#puff2 ul { list-style-type: none; margin: 0; padding:0; position:relative; top:20px; left:16px; }
#puff2 li { float:left; padding: 5px 0 0 0; text-indent:-9999pt; width:33px; height:29px; }
#puff2 li a { display:block; width:33px; height:29px; }

#saar_s { background: url(../images/saar_s.gif) top left no-repeat; z-index:4 }
#saar_a1 { background: url(../images/saar_a.gif) top left no-repeat; z-index:3 }
#saar_a2 { background: url(../images/saar_a.gif) top left no-repeat; z-index:2 }
#saar_r { background: url(../images/saar_r.gif) top left no-repeat; z-index:1 }

#puff3 { background: #fff url(../images/hem_puff3.gif) bottom left no-repeat; border-bottom:none; height:135px; }
#puff3 h4 { text-align:right; padding-left:30px; }
#puff3 p { margin:0; padding:0; display:block; clear:right; float:right; }

#puff4 { background: #fff url(../images/hem_puff4.gif) bottom left no-repeat; border-bottom:none; height:135px; }
#puff4 { margin-right:0; }



/****************************************
			ALLMÄNNA KLASSER
*****************************************/
.ram { border: thin #CCC }