html { overflow-y:scroll; font-weight: normal; margin: 0px; padding: 0px; margin: 0px; border: none; background-repeat: no-repeat; outline: none; }
body { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 76%; line-height: 120%; color: #333333; background-image: url(../img/bg/bg_body.gif); background-repeat: repeat-x; background-color: #EAF5F7; text-align: center; margin: 0px; padding: 0px; height: 100%; width: 100%; }
.---------------------------- { }
/*Layout Start*/
.bg_mid { background-image: url(../img/bg/bg_mid.gif); background-repeat: repeat-y; background-position: 50% 0%; }
.bg_top { background-image: url(../img/bg/bg_top.gif); background-repeat: no-repeat; background-position: 50% 0%; }
.bg_botten { background-image: url(../img/bg/bg_botten.gif); background-repeat: no-repeat; background-position: 50% 100%; }
.wrapper { margin: 0px auto; padding: 10px 0px 20px 1px; height: 100%; width: 760px; }
.content { width: 720px; margin: 0px auto; padding: 0px; text-align: left; }
.top { height: 30px; width: 760px; }
a:link { color: #003366; text-decoration: none; }
a:visited { color: #003366; text-decoration: none; }
a:hover { color: #00CCFF; text-decoration: none; }
img { border: 0px; }
/*****************Rubriker******************/
h1, h2, h3, h4 { margin: 1px 0px 6px 0px; padding: 0px; line-height: 100%; }
h1, .rub01 { text-transform: uppercase; color: #0075b0;/*#0473AB*/ font-size: 250%; font-weight: bold; line-height: 100%; }
.rubSmall { font-size: 12px; font-weight:normal; font-family: Verdana; text-transform: none; color: #000000; }
h2 { color: #0075b0; font-size: 180%; }
h3, .rub02 { color: #0075b0;/*#0473AB*/ font-size: 140%; font-weight: bold; line-height: 100%; }
h4 { font-size: 110%; }
/*****************Layout End******************/
.logo { float: left; height: 68px; width: 238px; margin: 0px; }
.logo img { padding: 0px 0px 0px 0px; }
.logo h3 { text-indent: -1000em; display : none; padding: 0px; margin: 0px; }
.flash { border-top-width: 1px; border-bottom-width: 7px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFFFFF; border-bottom-color: #FFFFFF; width: 760px; background-image: url(../img/bilder/cinderella_startbild.jpg); background-repeat: no-repeat; clear: both; margin: 0px auto; height: 240px; }
.menu { margin: 10px auto 0px auto; clear: both; width: 724px; }
.menu ul { list-style-type: none; margin: 0px; padding: 0px; }
.menu li { list-style-type: none; float: left; display: block; height: 32px; margin: 0px; padding: 0px; }
.menu .left, .menu .right, .menu2 span.left, .menu2 span.right { background-image: url(../img/menu/menu_left.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 23px; width: 12px; float: left; }
.menu .right, .menu2 span.right { background-image: url(../img/menu/menu_right.gif); padding: 0px; }
.menu .mid { float: left; display: block; height: 23px; }
.menu a { text-transform: uppercase; font-size: 11px; font-weight: bold; float: left; height: 23px; line-height: 20px; background-image: url(../img/menu/menu_bg.gif); background-repeat: repeat-x; color: #FFFFFF; padding: 0px; background-position: 0% 0%; display: block; cursor: pointer; }
.menu a:visited { color: #FFFFFF; }
.menu a:visited a:hover { color: #00CCFF; }
.menu a:hover, .menu .selected { background-image: url(../img/menu/menu_bg.gif); background-position: 100% 100%; }
.menu a:hover span.left, .menu a.selected span.left { background-image: url(../img/menu/menu_left.gif); background-position: 100% 100%; }
.menu a:hover span.right, .menu a.selected span.right { background-image: url(../img/menu/menu_right.gif); background-position: 100% 100%; }
/*************Grön knapp**************/
.menu a#aterforsaljare { background-image: url(../img/menu/menu_green_bg.gif); background-position: 0% 0%; }
.menu a#aterforsaljare:hover, .menu #aterforsaljare.selected { background-image: url(../img/menu/menu_green_bg.gif); background-position: 100% 100%; }
.menu #aterforsaljare span.left { background-image: url(../img/menu/menu_green_left.gif); background-position: 0% 0%; }
.menu a#aterforsaljare:hover span.left, .menu a#aterforsaljare.selected span.left { background-image: url(../img/menu/menu_green_left.gif); background-position: 100% 100%; }
.menu #aterforsaljare span.right { background-image: url(../img/menu/menu_green_right.gif); background-position: 0% 0%; }
.menu a#aterforsaljare:hover span.right, .menu a#aterforsaljare.selected span.right { background-image: url(../img/menu/menu_green_right.gif); background-position: 100% 100%; }
/**************************/
/*************************************/
.menu2 { margin: 0px auto 10px auto; clear: both; width: 724px; position:relative; }
.menu2 a { text-transform: uppercase; font-size: 9px; font-weight: bold; float: left; height: 23px; line-height: 20px; background-image: url(../img/menu/menu_bg.gif); background-repeat: repeat-x; background-position: 0% 0%; color: #FFFFFF; padding: 0px; display: block; cursor: pointer; }
.menu2 a:visited { color: #FFFFFF; }
.menu2 a:hover, .menu2 .selected { background-position: 100% 100%; }
.menu2 .mid { float: left; display: block; height: 23px; background-image: url(../img/menu/menu_bg.gif); background-repeat: repeat-x; background-position: 0% 0%; color: #FFFFFF; line-height: 20px; }
/*************************************/
.specialnews { height: 242px; width: 214px; background-image: url(../img/news_mid.jpg); background-repeat: no-repeat; background-position: 50% 0%; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; }
.iframeholder { margin: 0px 0px 0px 5px; }
.news { height: 242px; width: 214px; background-image: url(../img/news_mid.jpg); background-repeat: no-repeat; background-position: 0% 0%; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 6px; }
.news a, .news a:visited, #ListAktuelt a, #ListAktuelt a:visited { color: #0075b0; font-weight: bold; font-size: 12px; text-decoration:none; display:block; padding: 0px 10px 5px 0px; width: 198px; border-bottom: #FFFFFF 1px dashed; background-image: url(../img/dot_01.gif); background-position: 100% 70%; background-repeat: no-repeat; }
.news a:hover, #ListAktuelt a:hover { color: #003366; text-decoration:none; border-bottom: #003366 1px dashed; }
.news .bot { width: 220px; padding: 0px 0px 0px 0px; margin: 0px; text-align: left; }
.news .bg { background-image: url(../img/aktuellt/aktuellt_bg01.gif); background-repeat: repeat-y; background-position: center top; width: 220px; }
.news th, #ListAktuelt th { font-size: 18px; color: #FFFFFF;/*#FFFF66;*/ font-weight: bold; text-transform: uppercase; padding: 0px 20px 10px 0px; text-align: left; }
.newsimg { max-width: 465px; }
* html .newsimg { width: 99%;/*465px;*/ }
/*************************************/
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.content { width: 710px; margin: 0px auto; clear: both; }
.knapp { background-image: url(../img/rub/knapp.gif); background-repeat: no-repeat; height: 85px; width: 220px; margin-right: auto; margin-left: auto; text-align: center; }
.knapp h1 { text-decoration: none; padding-top: 17px; padding-right: auto; padding-bottom: 0px; padding-left: auto; }
.knapp h1 a { color: #006699; font-size: 20px; text-transform: none; line-height: 24px; }
.banner a { background-color: #67C7E4; display: block; float: left; height: 50px; width: 430px; text-align: center; background-image: url(../Orginal%20kod/Fritidstoa/img/video_mid_bg.gif); background-position: 50% 50%; font-size: 26px; line-height: 100%; background-attachment: scroll; padding: 10px 0px 0px 0px; }
.colspecial1 { float: left; width: 460px; }
* html .colspecial1 { height:400px; }
.colspecial1 p { margin: 0px; padding: 0px 0px 12px 0px; }
.colspecial1 ul { padding-left: 20px; margin: 0px; margin-bottom:10px; list-style-position: outside; }
.colspecial1 li { padding-left: 20px; margin: 0px; margin-bottom:10px; list-style-position: inside; }
.col1special { float: left; width: 475px; border-right: 0px #000 solid; }
* html .col1special { height:400px; }
.col1special p { margin: 0px; padding: 0px 0px 5px 0px; width: 460px; }
.col1special ul { padding-left: 20px; margin: 0px; margin-bottom:10px; list-style-position: outside; }
.col1special li { padding-left: 20px; margin: 0px; margin-bottom:10px; list-style-position: inside; }
.col1, .banners { float: left; width: 475px; }
* html .col1 { height:475px; }
.col1 p { margin: 0px; padding: 0px 0px 12px 0px; }
.col1 ul { padding-left: 20px; margin: 0px; margin-bottom:10px; list-style-position: outside; }
.col1 li { padding-left: 20px; margin: 0px; margin-bottom:10px; }
.col2 { float: right; width: 222px; margin-right: 0px; text-align: right; border: 0px solid #CCCCCC; }
.col2 p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
/*************************************/
.banners { width: 475px; clear: both; }
.banners a { padding: 0px 18px 10px 0px; background-image: url(../img/spacer.gif); background-position: 0px 0px; background-repeat: no-repeat; display: block; width: 145px; height: 187px; float: left; }
.banners a.ban1 { background-image: url(../img/ban/ban_nojda_kunder.jpg); }
.banners a.ban2 { background-image: url(../img/ban/ban_manadens_resultat.jpg); }
.banners a.ban3 { padding: 0px 0px 0px 0px; background-image: url(../img/ban/ban_se_filmen.jpg); }
.banners a span { display: none; }
/*************************************/
ul.check { margin: 0px; padding: 0px; list-style-type: none; }
ul.check li { background-image: url(../img/deco/list_dot.gif); background-repeat: no-repeat; background-position: left center; margin: 0px; padding: 0px 0px 0px 30px; list-style-type: none; }
.collapsable { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; background-color:#F8F8F8; border: #E4E4E4 1px solid; }
/*************************************/
.scroll { overflow: auto; height: 222px; }
.video { background-image: url(../img/vvv1.jpg); height: 250px; width: 475px; margin-left: 0px; margin-right: 0px; text-align: center; background-repeat: no-repeat; }
.video .left, .video .right { background-image: url(../img/video_left.gif); background-repeat: no-repeat; height: 250px; width: 16px; display: block; float:left; }
.video .right { background-image: url(../img/video_right.gif); }
.video .mid { background-image: url(../img/video_mid_bg.gif); background-repeat: repeat-x; text-align: center; height: 240px; width: 440px; float: left; }
.video .mid .pad { padding-top: 18px; padding-bottom: 0px; }
/*************************************/
.footer { width: 760px; margin: 0px auto; padding: 0px; text-align: center; height:127px; font-size: 80%; clear: both; }
.footer p, .footer a { color: #003366; text-decoration: none; padding-top: 35px; }
.footer p a:hover { color: #00CCFF; text-decoration: none; }
.footermenu { text-align: center;}
.footermenu ul, .footermenu li { margin:0px; padding:0px; list-style: none;}
.footermenu ul { border-left: #9CC 1px dotted; margin-left: 10px; }
.footermenu li { float:left; margin-right: 10px; border-right: #9CC 1px dotted;}
.footermenu li a { display: block; float: left; padding: 1px 10px 1px 0px; color:#9CC; }
.footermenu li a:hover { color:#0CF;}
/*************************************/
.brd1 { border: 1px solid #666666; }
.brd2 { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; margin-bottom: 20px; }
/*************************************/
#ctl00_MainContent_Retailers td { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; margin-bottom: 2px; }
/*************************************/
#omoss { background-image: url(../img/rub/om_oss.gif); position: relative; width: 480px; height: 20px; }
#fungera { background-image: url(../img/rub/sa_har_fungerar.gif); position: relative; width: 480px; height: 20px; }
#skaffaencinderella { background-image: url(../img/rub/skaffaencinderella.gif); position: relative; width: 480px; height: 20px; }
#glomalllatrinhantering { background-image: url(../img/rub/glomalllatrinhantering.gif); position: relative; width: 480px; height: 20px; }
#ringformerinfo { background-image: url(../img/rub/banner_ringoss.gif); position: relative; width: 220px; height: 180px; }
#ringformerinfo2 { background-image: url(../img/rub/ringoss.gif); position: relative; width: 220px; height: 115px; }
#broschyr01 { background-image: url(../img/rub/broschyr01.gif); position: relative; width: 220px; height: 117px; }
/*************************************/
#form1 input, #form1 textarea { border: 1px solid #CCCCCC; padding: 1px; margin: 2px; display: block; color: #666666; font-family:Arial, Tahoma; width: 245px; }
#form1 input { height: 20px; }
#form1 input[type=hidden] { visibility:hidden; display:none; }
#form1 textarea { height: 90px; }
#adresser_ater ul li { font-size: 11px; }
.none { display: block; }
.block { display: none; }
#urlLabel { display: none; }
#content2 { padding-right: 20px; width:25%; }
.ImageDiv { width: 430px; }
.langDiv { float:left; width:227px; position:relative; padding:5px 0px 5px 10px; margin-top:20px; }
.langDiv h2 { margin-left:17px; }
.flagDiv { position:absolute; top:-10px; left:-10px; }
.langDiv ul { list-style-type:none; margin:0px; padding:0px; margin-left:10px; padding-left:10px; }
.langDiv ul li { margin:0px; padding:0px; }
.listLink { float:left; }
.listText { float:left; padding-left:5px; width:150px; }
.tillbehor img { float: left; margin: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 0px; }
.tillbehor p { clear:both; }