html {
    overflow-y: scroll;
}

body {
    margin: 60px 0;
    padding: 0;
    text-align: center;
    background: #D4D4D3 url(images/bgfade.jpg);
}

body, td, th, h1, h2, h3, input, select, textarea {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

body, td, th, input, select, textarea {
    font-size: 12px;
}
h2 {
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    padding: 0;
    margin: 5px 0 1px 0;
}
p {
    margin: 15px 0;
}

a {
    color: #715D3D;
}
a:hover {
    color: #000000;
}

#footer {
    color: #BE333B;
}

/* Main content box */
.cbox{
    width: 1050px;
    margin: 0 auto;
    text-align: left;
}
.box {
    padding: 0 13px 0 0;
    background: #fff url(images/main_borders.gif) 100% 0 repeat-y;
}
.bi {
    padding: 0 0 0 13px;
    background: #fff url(images/main_borders.gif) 0 0 repeat-y;
}
.bt {
    height: 17px;
    margin: 0 -13px;
    background: url(images/main_box.gif) 100% 0 no-repeat;
}
.bt div {
    width: 18px;
    height: 17px;
    background: url(images/main_box.gif) 0 0 no-repeat;
}
.bb {
    height: 17px;
    margin: 0 -13px;
    background: url(images/main_box.gif) 100% 100% no-repeat;
}
.bb div {
    width: 18px;
    height: 17px;
    background: url(images/main_box.gif) 0 100% no-repeat;
}
.bc {
    background: #fff;
}
.bcf {
    background: #fff;
    padding: 5px 5px 2px 15px;
}

/* Content boxes */
#pagebox {
    float: left;
    width: 816px;
}
#pagebox .bc {
    width: 790px;
    height: 550px;
}
#newsbox, #sgtvbox {
    float: left;
    margin-left: 8px;
    width: 226px;
}
#newsbox .bc {
    width: 200px;
    height: 270px;
}
#newsbox .bcf {
    background: #fff;
    padding: 5px;
    overflow: hidden;
    height: 95%;
}
#newsbox .scroll-keeper {
    height: 204px;
    overflow: hidden;
    position: relative;
}
#sgtvbox {
    margin-top: 5px;
}
#sgtvbox .bc {
    width: 200px;
    height: 240px;
    overflow: hidden;
}
#sgtvbox .bcf {
    background: #fff;
    padding: 5px;
    overflow: hidden;
    position: relative;
    height: 95%;
    width: 190px;
}

/* Logo and dividers */
#saklogo {
    float: left;
    width: 405px;
    height: 91px;
    margin: -2px 30px 4px 0;
}
#saklogo img {
    border: 0;
}
#topdiv, #bottomdiv {
    clear: both;
    height: 1px;
    width: 100%;
    background: #715D3D;
}

/* News content box */
.newsb {
    float: left;
    width: 350px;
    height: 84px;
    /*width: 630px; <-- full width */
}
.newsbfl {
    float: left;
    width: 27px;
    height: 100%;
    background: url(images/newsb_l.gif) 0 0 no-repeat;
}
.newsbmc {
    float: left;
    width: 314px;
    /*width: 594px;  <-- full width */
}
.newsbfr {
    float: left;
    width: 9px;
    height: 100%;
    background: url(images/newsb_r.gif) 100% 0 no-repeat;
}
.newsbft {
    width: 100%;
    height: 9px;
    background: url(images/newsb_t.gif) 0 0 no-repeat;
}
.newsc {
    width: 100%;
    height: 73px;
}
.newsbfb {
    width: 100%;
    height: 2px;
    background: url(images/newsb_b.gif) 0 100% no-repeat;
}
.newsitem {
    float: left;
    width: 280px;
    font-size: 11px;
    padding-top: 7px;
    padding-left: 13px;
}
.newsitem a, .newsitem a:visited, .newsitem a:active, .newsitem a:hover {
    color: #000000;
    text-decoration: none;
}
.newsitem h2, .newsitem h2 a, .newsitem h2 a:visited, .newsitem h2 a:active, .newsitem h2 a:hover {
    font-size: 15px;
    color: #715D3D;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    padding-bottom: 3px;
}
.newsitem .highlight {
    color: #C0022B;
    font-weight: bold;
}

/* Jobbgaranti */

.jobbgaranti {
    padding: 0 0 0 80px;
    margin-top: -5px;
}

/* Main menu */
#mainmenu {
    float: left;
    padding-top: 29px;
    width: 100px;
    height: 300px;
}
#mainmenu ul {
    /*line-height: 1px;*/
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#mainmenu li {
    margin: 0;
    padding: 0;
    /*padding: 0 0 2px 0;*/
    line-height: 13px;
}
#mainmenu li a {
    margin: 0;
    padding: 0;
}
#mainmenu li img {
    border: none;
    margin: 0;
    padding: 0;
}
/* mac hide \*/
* html #mainmenu ul li {float:left;width:100%;}
/* end hide */
#mainmenu li.entry0 {
    /*display: none;*/
}
#mainmenu li.separator {
    height: 13px;
}

/* Sub menu */
#submenu {
    height: 30px;
    width: 650px;
/*background: green;*/
}
#submenu ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 0;
}
#submenu li {
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #715D3D;
}
#submenu li.last {
    border: none;
    background: none;
}
#submenu li a {
    float: left;
    display: block;
}
/* Hide from IE5-Mac \*/
#submenu li a {
    float: none;
}
/* End hide */

ul.mainlevelsub1 ul {
    width: 150px;                 /* sets the size of the menu blocks */
    border-left: 1px solid #715D3D;      /* puts a black border around the menu blocks */
    border-right: 1px solid #715D3D;      /* puts a black border around the menu blocks */
    border-bottom: 1px solid #715D3D;      /* puts a black border around the menu blocks */
    background-color: #FFFFFF;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
    padding-left: 0px;           /* stops the usual indent from ul */
    cursor: default;             /* gives an arrow cursor */
    margin-left: -11px !important;            /* Opera 7 final's margin and margin-box model cause problems */
}
ul.mainlevelsub1 ul li {
    padding: 3px 0 3px 10px !important;
    border: none !important;
    width: 140px;
}
ul.mainlevelsub1 li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
    display: none;               /* hides child menu blocks - one of the most important declarations */
    position: absolute;          /* make child blocks hover without leaving space for them */
    /*top: 2px;*/                    /* position slightly lower than the parent menu item */
    /*left: 80px;*/                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}
ul.mainlevelsub1 ul.CSStoShow { /* must not be combined with the next rule or IE gets confused */
    display: block; /* specially to go with the className changes in the behaviour file */
}
ul.mainlevelsub1 li:hover > ul {
    display: block; /* makes the child block visible - one of the most important declarations */
}


/* Start page */
/*#maincolumn .startpage {
    height: 432px;
    width: 646px;
}*/

/* Content */
#maincolumn {
    width: 666px;
    height: 430px;
    float: left;
}
#maincontent {
    height: 402px;
}
#maincontent .cimage {
    width: 321px;
    height: 390px;
    float: left;
}
#maincontent .chdrspacer {
    /*padding-left: 321px;*/
    /*padding-left: -1px;*/
}
#maincontent .ctext1c {
    width: 666px;
    height: 390px;
    float: left;
    overflow: auto;
}
#maincontent .ctext2c {
    width: 345px;
    height: 390px;
    float: left;
    overflow: auto;
}
#maincontent .ctext1c .ctextis {
    padding-left: 32px;
    padding-right: 5px;
}
#maincontent .ctext2c .ctextis {
    padding-right: 5px;
}
.back_button {
    margin: 10px 0;
}
.back_button a {
    text-decoration: none;
    padding: 5px;
    border: 1px solid #715D3D;
    background: #EEEEEE;
}

/* Start page */
#maincontent.section-5 {
    height: 100%;
}

/* Footer */
#footer {
    font-size: 0.8em;
    padding-top: 5px;
    color: #715D3D;
}
#footer ul {
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer li {
    display: inline;
    padding-right: 10px;
}

/* Headers */
#maincontent h1 {
    margin: 0;
    margin-bottom: 12px;
}

/* Contact */
.emailformholder {
    float: left;
    width: 310px;
}
.emailformholder .message {
    height: 300px;
}
.emailform {
    /*width: 350px;*/
}
.emailform td {
    /*font-size: 9px;*/
}
.emailform .inputbox {
    width: 210px;
    /*font-size: 9px;*/
}
.emailform textarea {
    width: 310px;
    height: 40px;
    /*font-size: 9px;*/
}
#contactlist .primary {
    float: left;
}
#contactlist .secondary {
    padding-top: 6px;
    width: 310px;
    float: left;
}
#contactlist .secondary .misc {
    font-style: italic;
}
#contactlist .secondary .spacer {
    height: 6px;
}
.contacts th {
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    padding-top: 2px;
}
.contacts td {
    padding-top: 2px;
    vertical-align: top;
}
.contacts td.label {
    padding-right: 10px;
}

/* Personal */
.personal_text {
    float: left;
    clear: both;
    width: 90%;
}
.personal_image .cont {
    float: left;
    margin-bottom: 8px;
    padding: 0px 3px 3px 0;
    background: url(images/personal_bg.gif); /* no-repeat 3px 3px;*/
}

/* Links */
table.links th {
    text-align: left;
    padding-top: 15px;
}
table.links td {
    padding: 2px 10px 0 0;
}
table.links .entry0 {
    padding-top: 0;
}

/* Generic formatting */
#maincontent li {
    margin-bottom: 7px;
}

/* FAQs */
.faqs h2 {
    font-size: 12px;
    margin: 10px 0 0 2px;
}

/* Special for program */
table.program a {
    color: #000000;
    text-decoration: none;
}
table.program td {
    font-size: 11px;
    white-space: nowrap;
}
table.program .highlight {
    background-color: #FFCCCC;
}
table.program .section td {
    border-bottom: 1px solid black;
}

/* Login forms */
.login_form {
    margin: 0;
    padding: 0 0 20px 0;
}
.login_form .label {
    width: 100px;
}
.login_form .inputbox {
    width: 130px;
}

/* news in right column */
span.loader {
    display: block;
    background: url('templates/sakgymn/images/loader-cccccc.gif') no-repeat center;
    width: 100%;
    height: 50px;
}
.rightbox a {
    color: black;
    text-decoration: none;
}
.rightbox a img {
    border: none;
}
.rightbox .text {
    font-size: 11px;
    margin-top: 2px;
    margin-bottom: 13px;
    line-height: 1.3em;
}
.rightbox h2,
.rightbox h3 {
    font-size: 13px;
    margin: 0;
    width: 100%;
}
#newsbox h2 {
    width: 79px;
    height: 29px;
    background: url("templates/sakgymn/images/nyheter_header.png");
    text-indent: -1000em;
}
#newsbox p {
    margin: 0;
    padding: 0;
}
#sgtvbox .browse {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}
#sgtvbox .browse span {
    display: block;
    float: left;
}
#sgtvbox .browse .prev,
#sgtvbox .browse .next {
    font-size: 2em;
    width: 18%;
    cursor: pointer;
    line-height: 1em;
}
#sgtvbox .browse .info {
    width: 64%;
    line-height: 2em;
}
#sgtvbox .item {
    padding: 0 10px;
    position: relative;
    float: left;
}
#sgtvbox .hidden {
    display: none;
}
#sgtvbox h3 {
    margin-top: 8px;
}
#sgtvbox .item img {
    width: 170px;
    height: 127px; /*75%*/
}