/*
KO @ Skatteverket ;)
version 1.03 2009-01-15

2009-01-29 main-content-frame för Min sida med nollad padding
*/


body {background: #efefef; margin: 0; padding: 0; font: 76% Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;}

#wrapper {min-height: 60em; border-bottom: 1px solid #c2c2bc; border-right: 1px solid #c2c2bc; background: #fff; width: 79.1em; max-width: 99.8%; min-width: 770px;} /* 79.1em = 960px with a body font size of 76% */
#head {}


/* FUNCTIONS */
#functions-outer {border-bottom: 1px solid #c2c2bc; background: #f7f7f6; height: 1.9em}
#functions-outer:hover {background: #f8f9f7}
#functions {float: right; text-align: right; padding: 0 0 6px 0;}
#functions ul {margin: 3px 0 0 0; padding: 0; list-style: none; }
#functions li {float: left; margin: 0 7px 0 7px; font-size: 0.9em;}

#jump, #listen, #print, #customize, #sign-language {padding: 1px 0 3px 20px;}

#jump {background: url(/download/18.5732cd2411150a57de5800031/go-to-content.png) no-repeat 0 40%}
#listen {background: url(/download/18.5732cd2411150a57de5800035/listen.png) no-repeat 0 40%}
#print {background: url(/download/18.5732cd2411150a57de5800039/print.png) no-repeat 0 40%}
#customize {background: url(/download/18.5732cd2411150a57de5800019/customize.png) no-repeat 0 40%}
#sign-language {background: url(/images/18.5732cd2411150a57de58000277/sign-language.png) no-repeat 0 40%}

#jump:hover {background: url(/download/18.5732cd2411150a57de5800030/go-to-content-hover.png) no-repeat 0 40%;}
#listen:hover {background: url(/download/18.5732cd2411150a57de5800034/listen-hover.png) no-repeat 0 40%;}
#print:hover {background: url(/download/18.5732cd2411150a57de5800038/print-hover.png) no-repeat 0 40%;}
#customize:hover {background: url(/download/18.5732cd2411150a57de5800018/customize-hover.png) no-repeat 0 40%;}
#sign-language:hover {background: url(/images/18.5732cd2411150a57de58000276/sign-language-hover.png) no-repeat 0 40%;}

#functions a:link, #search a:link {color: #67675c; text-decoration:none;}
#functions a:visited, #search a:visited {color: #67675c; text-decoration:none;}
#functions a:hover, #search a:hover {text-decoration: none; color:#133354 !important}
#functions a:active, #search a:active {}
#functions a:focus, #search a:focus {border-bottom: 1px solid #67675c;}


/* BRAND AREA */
#brand-area {min-height: 60px; height: 5.1em; border-top: 1px solid #fff; background: #e1dcd0 url(/download/18.5732cd2411150a57de5800032/head-bg.png) repeat-x;}
#logo {float: left; background: url(/download/18.5732cd2411150a57de5800037/logo-screen.png) 20px 60% no-repeat; height: 57px; width: 49%}

/* SEARCH */
#search {width: 49%; float: right; text-align: right;}
#search fieldset {border: none; margin: 0; padding: 0;}
#search legend {display: none;}
#search label {display: none}
#search-links-outer {width: 100%;}
#search-links {float: right;  /* width: 63.5%;  Justering för att inte bryta raden när fönstret minimeras*/ width: 68%; min-width: 21.0em; padding: 0 0 8px 0; margin: 5px 10px 5px 0; background: url(/download/18.5732cd2411150a57de5800033/line-bg.png) repeat-x 0 100%;}
#search form {margin: 0 10px 0 0; padding: 5px 0 0 0;}
#search-input {width: 18.3em; border: 1px solid #e6e6e3; padding: 2px; border-top: 1px solid #ccc; }
#search-input:focus {background: #fffced}


/* GLOBAL NAVI */
#global-navi {min-height: 30px; height: 3.4em; background: #384764 url(/download/18.5732cd2411150a57de5800029/global-navi-bg.png) 0 100% repeat-x;}
#global-navi ul {margin: 0; padding: 0; list-style: none;}
#global-navi li {padding: 0.8em 0; height: 3.1em; float: left;}
#global-navi a:link,
#global-navi a:visited {border-left: 1px solid  #1f2635; border-right: 1px solid  #576178; font: bold 1.05em Arial, Helvetica, sans-serif; padding: 0.7em 1.9em 0.7em 1.9em; color: #fff; text-decoration: none}
#global-navi a:hover,
#global-navi a:focus {background: #425a73; text-decoration: none}

#body {}

/* LOCAL NAVI */
#local-navi-outer {min-width: 12.0em; width: 18.8%; float: left; margin-bottom: 20px;} /* 14.9em */
#local-navi {margin: 15px 0 0 0}
#local-navi br {display: none;}
#local-navi ul {margin: 0; padding: 0; list-style: none;}
#local-navi li {margin: 0 5px 1px 5px; padding: 0;}

#local-navi a:link,
#local-navi a:visited {text-decoration: none; display: block; padding: 2px 2px 2px 10px; color: #000; border: 1px solid #fff}
#local-navi a:hover,
#local-navi a:focus {border: 1px solid #efefef; background: #f7f7f7; border: 1px solid #efefef; background: #f7f7f7; text-decoration: none; display: block; padding: 2px 2px 2px 10px; color: #000;}
#local-navi .group {margin-bottom: 15px;}



/* CONTENT  */
#content {width: 80%; float: left;}


/* MAIN CONTENT */
#main-content-outer {min-height: 40em; float: left; width: 66.9%;} /* 42.3em */
#main-content {border-left: 1px solid #c2c2bc; padding: 0 0 0 2.0em;}
#main-content-frame {padding: 0;}

#end-of-page {margin: 25px 0 25px 2.2em;}
#end-of-page a:link, 
#end-of-page a:visited {color: #67675c}

/* Tar bort bild som laddas felaktigt
 #frontpage-image {background: url(/images/18.5732cd2411150a57de5800024/frontpage.jpg) no-repeat 0 0; height: 180px; margin: 5px 0pt 20px; width: 100%;} 
 */


/* REL CONTENT */
#related-content-outer {width: 33.1%; float: right;} /* 21.8em */
#related-content {margin: 0 0 10px 2.0em; padding: 3px 0 0 0;}



/* FOOTER */
#footer-outer {}
#footer {width: 100%; clear: both; background: #f4f4f4; border-top: 3px solid #f9a122; padding: 15px 0 25px 0; margin: 0;}
#footer ul {list-style-type: none; margin: 0; padding: 0}
#footer li {margin: 0 0 12px 0;}
#footer a {text-decoration: none}


#footer-col1-outer {width: 50%; float: left}
#footer-col1 {margin: 0 0 0 17em;}

#footer a:link {color: #67675c; text-decoration:none; padding-bottom: 1px;}
#footer a:visited {color: #67675c; text-decoration:none;}
#footer a:hover {text-decoration: none; border-bottom: 1px solid #67675c;}
#footer a:active {}
#footer a:focus {border-bottom: 1px solid #67675c;}


#footer .rss {background: url(/download/18.5732cd2411150a57de5800045/rss-icon.png) no-repeat; padding: 0 0 0 20px;}
#footer .rss:hover {background: url(/download/18.5732cd2411150a57de5800044/rss-icon-hover.png) no-repeat; padding: 0 0 0 20px;}

#footer-col2-outer {margin: 0 0 0 40em;}
#footer-col2 {}

#menu {}

/* PORTLETS and such*/

/* e-services */ /* related info */ /* contact info */ /* functions box */
.related-content-links, 
.contact-info {background: #f4f4f4; margin: 0 0 20px 0}
.related-content-links-top div,
.contact-info-top div {background: url(/download/18.5732cd2411150a57de5800042/related-content-links-tl.png) no-repeat top left;}
.related-content-links-top, 
.contact-info-top {background: url(/download/18.5732cd2411150a57de5800043/related-content-links-tr.png) no-repeat top right;}
.related-content-links-bottom div, 
.contact-info-bottom div {background: url(/download/18.5732cd2411150a57de5800040/related-content-links-bl.png) no-repeat bottom left;}
.related-content-links-bottom, 
.contact-info-bottom {background: url(/download/18.5732cd2411150a57de5800041/related-content-links-br.png) no-repeat bottom right;}

.e-services {background: #fffced; margin: 0 0 20px 0}
.e-services-top div {background: url(/download/18.5732cd2411150a57de5800022/e-services-tl.png) no-repeat top left;}
.e-services-top {background: url(/download/18.5732cd2411150a57de5800023/e-services-tr.png) no-repeat top right;}
.e-services-bottom div {padding: 7px 0; background: url(/images/18.5732cd2411150a57de5800020/e-services-bl.png) no-repeat bottom left;}
.e-services-bottom {background: url(/download/18.5732cd2411150a57de5800021/e-services-br.png) no-repeat bottom right;}


.function-box {background: #e8ebee; margin: 0 0 20px 0}
.function-box-top div {background: url(/download/18.5732cd2411150a57de5800027/function-box-tl.png) no-repeat top left;}
.function-box-top {background: url(/download/18.5732cd2411150a57de5800028/function-box-tr.png) no-repeat top right;}
.function-box-bottom div {background: url(/download/18.5732cd2411150a57de5800025/function-box-bl.png) no-repeat bottom left;}
.function-box-bottom {background: url(/images/18.5732cd2411150a57de5800026/function-box-br.png) no-repeat bottom right;}

.contact-info-top div, 
.contact-info-top, 
.contact-info-bottom div, 
.contact-info-bottom,

.related-content-links-top div, 
.related-content-links-top, 
.related-content-links-bottom div, 
.related-content-links-bottom,

.e-services-top div, 
.e-services-top, 
.e-servicess-bottom div, 
.e-services-bottom,

.function-box-top div, 
.function-box-top, 
.function-box-bottom div, 
.function-box-bottom  {width: 100%; height: 15px; font-size: 1px;}

.contact-info-content, 
.related-content-links-content,
.e-services-content,
.function-box-content {margin: 0 15px;}

.related-content-links h2,
.e-services h2 {display: block; margin: 0}

.e-services ul {margin: 10px 0 10px 0; padding: 0;}
.e-services li {line-height: 150%; list-style:none;}


/* Punktlista i boxarna för relaterad information */

.related-content-links ul {margin: 2px 0 0 14px; padding: 0; list-style-type: none;}
.related-content-links li {line-height: 150%; list-style-type: disc;}

.function-box ul {margin: 0; padding: 0; list-style-type: none;}
.function-box li {line-height: 150%; list-style-type: none;}

/*
.related-content-links ul,
.function-box ul {margin: 0; padding: 0;  list-style-type: none;}

.related-content-links li,
.function-box li {line-height: 150%; list-style-type: none;}
*/

.function-box .func-listen {background: url(/download/18.5732cd2411150a57de5800035/listen.png) no-repeat 0 40%}
.function-box .func-print {background: url(/download/18.5732cd2411150a57de5800039/print.png) no-repeat 0 40%}
.function-box .func-listen:hover {background: url(/download/18.5732cd2411150a57de5800034/listen-hover.png) no-repeat 0 40%;}
.function-box .func-print:hover {background: url(/download/18.5732cd2411150a57de5800038/print-hover.png) no-repeat 0 40%;}
.func-listen, 
.func-print {padding: 0 0 3px 20px;}
.function-box a:link,
.function-box a:hover,
.function-box a:visited {color: #133354}

.contact-info h2 {margin: 0 0 15px 0;}
.contact-info h3 {margin: 0; font: bold 1.0em Verdana, sans-serif}
.contact-info span {display: block}
.contact-info .group {margin: 0 0 10px 0}
.contact-info address {display: none}

.related-content-links .group {margin-bottom: 10px;}



/* tabs */
#header {float:left; width:100%; background:#fff url(/download/18.dfe345a107ebcc9baf800014488/bg.gif) repeat-x bottom; line-height:normal;}
#header ul {margin:0; padding:10px 10px 0; list-style:none;}
#header li {float:left; background:url(/download/18.dfe345a107ebcc9baf800014469/left.gif) no-repeat left top; margin:0; padding:0 0 0 9px;}
#header a {display:block; background:url(/download/18.dfe345a107ebcc9baf800014471/right.gif) no-repeat right top; padding:9px 17px 7px 6px; text-decoration:none; color:#555; border: none;}
#header a:hover {color: #000;}  
#header #current {background-image:url(/download/18.dfe345a107ebcc9baf800014470/left_on.gif);}
#header #current a {background-image:url(/download/18.dfe345a107ebcc9baf800014472/right_on.gif); padding-bottom: 8px; font-weight: bold; color: #000; }	



/* generic classes */
.hide {display: none;}
.print {display: none;}
.block {display: block;}
.inline {display: inline;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.break {display: block; width: 100%; height: 1px; clear: both}



/* generic selectors */
h1, h2, h3, h4, h5, h6 {font-weight: bold; font-family: "Lucida Grande", Arial, helvetica, sans-serif;}

h1 {color: #133354; display: block; border-bottom: 1px solid #ccc; padding: 0 0 3px 0;}
	
p {line-height: 150%}

a:link, 
a:visited,
a:hover,
a:focus {font-size: 1.0em; color:#133354;}
a:visited {color: #800000;}

/* tables */
#main-content table {width: 100%; border-collapse: collapse;}
#main-content caption {margin: 0 0 5px 5px; font: bold 1.2em Arial, sans-serif;}
#main-content th, 
#main-content td {padding: 5px; text-align: left;}
#main-content th {border-bottom: 3px solid #ccc; background: #efefef;} 
#main-content th .normal {font-weight: bold;}
#main-content td {border-bottom: 1px solid #eee;}
#main-content tr:hover {background: #efefef;}


#main-content legend {color: #000}
.input-field {border: 1px solid #e6e6e3; padding: 2px; border: 1px solid #ccc;}
.input-field:focus {background: #fffced}

