html { overflow-y:scroll; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px; margin: 0px; border: none; background-repeat: no-repeat; }
body { text-align: center; border: 0px; padding: 0px; margin: 0px; font-family: verdana, tahoma, arial, sans-serif; font-size: small; line-height: 1.2em; background-color: #BAD3D8; background-image: url(../img/bg_gradient.gif); background-repeat: repeat-x; color: #000033; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #577382; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #577382; scrollbar-track-color: #AFC2CC; scrollbar-arrow-color: #577382; }
a { color: #0093D0; }
a:hover { color: #00CCFF; }
h1, h2, h3, h4, p { margin: 1em 0; }
ul { }
img { border: 0px; }
h1 { font-size: 170%; color: #0093D0; font-family: Arial, Helvetica, sans-serif; padding-left: 15px;}
h2 { font-size: 130%;}
h3 {}
h4 {}
h5 {}
h6 {}
/***************************************************************/
/**************** Layout CSS begins ****************************/
#wrapper {text-align: left; width: 659px; margin: 0 auto; font-size: 80%; position: relative; background-color: #FFFFFF;}
#header, #subnav, #footer { clear: both; width: 659px; }
#header { color: #fff; text-align: center; padding: 0px; background-color: #EFF8FC; margin: 0px; }
#nav { margin: 0px; padding: 0px; border: 0px; background-color: #015680; }
#subnav { color: #015680; border-width: 0 0; background-color: #EFF8FC; margin: 0px; padding: 0px; height: 20px; background-image: url(../img/submenu_bg.gif); background-repeat: repeat-x; }
#subnav ul { margin: 0px 0px 0px 10px; padding: 0px; display: inline; list-style-type: none; }
#subnav li { display: inline; margin: 0px; padding: 0px; }
a.menuOn { font-weight: bold; color: #0093D0; text-decoration: none; font-size: 80%; border-right-width: 1px; border-right-style: solid; border-right-color: #015680; padding-right: 10px; padding-left: 5px; }
a.menuOff { font-weight: bold; color: #015680; text-decoration: none; font-size: 80%; border-right-width: 1px; border-right-style: solid; border-right-color: #015680; padding-right: 10px; padding-left: 5px; }
a:hover .menuOn { color: #00CCFF; }
a:hover .menuOff { color: #00CCFF; }
#footer { text-align: center; color: #fff; }
#footer div { padding: 0px; background: url(../img/bottom.gif) no-repeat 100% bottom; margin: 0px; color: #224246; height: 120px; }
#contentfloatholder { float: left; width: 659px; position: relative; }
#contentfloatholder:after {content: "."; display: block; height: 0px; clear: both; color: #FFFFFF; }
#centerpad { border-right: 1px solid #FFF; border-left: 1px solid #FFF; margin: 0 15px 0 205px; }
#centerpad p { padding-right: 1px; padding-left: 1px; width: 280px; }
.rubrik1, .rubrik1 a { color: #0093D0;/*05486A*/ font-size: 170%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.rubrik2 { font-size: 80%; font-weight: bold; color: #0093D0; margin: 0px -20px 0px 0px; padding: 0px; }
.rubrik3 { background-color: #F4F6F6; color: #0093D0; line-height: 16px; clear: both; font-weight: bold; }
#center { padding: 0px 10px 20px 15px; color: #000; float:left; width: 439px; position: relative; top: 17px;}
#center h1 { padding-left: 0px;}
.banners { text-align: right; }
.floatleft { float: left; }
.clear { clear: both; height: 1px; }
#left { float:left; width: 195px; }
#right { float:right; width: 166px; text-align: right; }
/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center { margin-right: 0%; }
* html div#left { margin-left: 0; }
#left h3, #left p, #right h3, #right p, #center p, #contentfloatholder p { /*padding: 0 15px 0 15px;*/ }
/***** General formatting ****/
div.skrivut { position: relative; top: 0px; left: 0px; text-align: left; }
.skrivut a, #lc a { color: #C0CACC; text-decoration: none; font-size: 75%; font-weight: bold; padding-left: 15px; }
.skrivut a:hover, #lc a:hover { color: #000; }
.leftcorner { position: absolute; top: 0px; height: 305px; width: 35px; background-image: url(../img/corner_left.gif); background-repeat: no-repeat; left: -35px; }
.rightcorner { position: absolute; top: 0px; height: 305px; width: 35px; background-image: url(../img/corner_right.gif); background-repeat: no-repeat; right: -36px; }
.dat { position: relative; left: 16px; top: 0px; width: auto; font-size: 11px; }
.dat2 { width: 629px; margin-left: 15px; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; color: #000000; }
.dat_tid { width: 100px; position: relative; left: 0px; top: 0px; float: left; }
.dat_text { width: auto; position: relative; left: 0px; top: 0px; clear: none; float: left; border-left: 0px solid #C1CBCD; border-bottom: 3px solid #FFFFFF; border-top: 0px solid #FFFFFF; }
.dat_tid:after { content: '.'; visibility: hidden; height: 2px; }
.prog_rubr1 { color: #015680; font-weight: bold; background-color: #EFF8FC; border-top: 7px solid #EFF8FC; border-bottom: 7px solid #EFF8FC; }
.prog_cell { position: relative; left: 0px; top: 0px; height: 1%; border-bottom: 1px solid #C1CBCD; border-top: 0px solid #FFFFFF; }
.prog_cell:after { height: 5px; visibility: hidden;  content: ('.');
clear: both; color: #FFFFFF; }
.bord_bot { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C2E4F4; }
/*********************print*********************/
@media print {
body, div { font-size: 1em; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 1.2em; background-color: #FFFFFF; background: transparent; color: #000000; }
#header, #nav, #subnav, #footer, #right, #left, .skrivut { display: none; }
#center { margin: 2.0em; padding: 2.0em; width: 600px; voice-family: inherit; background-color: #FFFFFF; color: #000; }
#center p { margin: 10px 0px; }
.pagebreak { page-break-after : always; }
}
.col1 { float: left; width: 200px; }
.col2 { float: left; width: 200px; }