body { background-color: #e3e0dd; color: #333333; font-size: 11px; font-family: Verdana, Helvetica, Sans-Serif; margin: 0px auto 0px; padding: 0px; } #frame { background: #e3e0dd url(grafik/border.png) top center repeat-y; } #conteiner { width: 944px; padding: 18px 18px 18px 18px; background-color: #fff; margin-left: auto; margin-right: auto; margin-top: 0px; height: 100%; } #conteiner_top { width: 944px; padding: 0; margin-left: auto; margin-right: auto; margin-bottom: 18px; } div { text-align: left; } .content {padding: 6px 18px 18px 18px; } .left { float: left; } .right { float: right; } .mitt { float: left; margin-left: 37px; } #header { width: 944px; padding: 0; height: 95px; background: #fff url(grafik/topbakgrund3.gif) top right no-repeat; } #header2 { width: 944px; padding: 0; height: 95px; background: #fff url(grafik/topbakgrund.jpg) top right no-repeat; } #toppmeny { width: 885px; margin: 0 0 18px 0; padding: 28px 0 8px 15px; float: left; text-align: left; color: #fff; } #toppannons { float: left; width: 728px; height: 90px; overflow: hidden; margin: 18px 0 0 0; } .big { font-size: 15px; color: #ddd; } #sidslut { text-align: center; margin: 20px 0 20px 0; } /* Sidmallar */ #menu { padding: 0; margin: 0; float: left; } #menu_se { width: 262px; padding: 188px 30px 18px 18px; margin: 0; float: left; line-height: 170%; background: #fff url(grafik/kroatien.gif) top right no-repeat; } #menu_resor { width: 300px; padding: 10px 30px 18px 18px; margin: 0; float: left; line-height: 170%; background: url(grafik/resmbakg2.gif) top right no-repeat; } #main { width: 766px; height: 100%; padding: 0; margin: 0; float: right; } #main_se { width: 530px; height: 100%; padding: 0; margin: 0 40px 0 0; float: right; } #main_resor { width: 530px; height: 100%; padding: 0; margin: 0 30px 0 0; float: right; } #main_left { width: 498px; margin: 0; float: left; } #main_right { width: 250px; padding: 0; margin: 0; float: right; } #main_left_content { padding: 10px; background: url(grafik/tombakg.gif) top right no-repeat; } #main_left_text { width: 474px; margin: 0; padding: 20px; line-height: 170%; float: left; background: url(grafik/gradback.jpg) top left no-repeat; } #main_left_bilder { width: 476px; margin: 0; padding: 0; line-height: 170%; float: left; } #main_left_bildvisning { width: 572px; margin: 0; padding: 0; line-height: 170%; float: left; } #main_left_resor { width: 444px; margin: 0; line-height: 170%; float: left; background: url(grafik/gradback.jpg) top left no-repeat; } #main_left_forum { width: 444px; margin: 0; padding: 20px; line-height: 170%; float: left; background-color: #fff; } #main_left_resan { width: 508px; margin: 0; padding: 20px; line-height: 170%; float: left; background: url(grafik/gradback.jpg) top left no-repeat; } #main_right_text { width: 207px; padding: 18px 10px 10px 15px; margin: 0; background: url(/tpny/grafik/faktabakg.jpg) top left no-repeat; line-height: 170%; float: right; } #main_right_sprak { width: 232px; padding: 10px 0 10px 0; margin: 0 0 18px 0; background-color: #E5E5E5; line-height: 170%; float: right; } #main_right_bildvisning { width: 138px; margin: 0; line-height: 170%; float: right; height: 250px; overflow: hidden; } #main_right_resan { width: 180px; padding: 10px; margin: 0; background: url(/tpny/grafik/faktabakg.jpg) top left no-repeat; line-height: 170%; float: right; } #main_right_resan_tipsa { width: 180px; padding: 30px 10px 10px 10px; margin: 18px 0 0 0; background: #fff url(grafik/tipsa_bg.gif) no-repeat top right; line-height: 150%; float: right; margin-bottom: 18px; } #main_right_weather { width: 230px; padding: 10px; background-color: #d0a825; line-height: 150%; float: right; margin-bottom: 18px;} #main_right_tipsa { width: 212px; padding: 14px 10px 10px 10px; background: #fff url(grafik/tipsa.gif) no-repeat top right; line-height: 150%; float: right; margin-top: 18px; } #main_right_bildgalleri { width: 212px; margin-top: 18px; background: #f5f5f5 url(grafik/vinjbak2.gif) repeat top left; padding: 5px 10px 5px 10px; line-height: 170%; float: right; } #main_right_text_2 { width: 212px; padding: 20px; margin: 0; background-color: #ead9ab; line-height: 170%; float: right; } #main_right_karta { width: 212px; background-color: #000; padding: 10px; line-height: 150%; margin: 18px 0 18px 0; overflow: hidden; float: right; } #main_right_grafik { width: 232px; background-color: #fff; padding: 0; margin: 18px 0 18px 0; overflow: hidden; float: right; } #main_right_forumpuff { width: 207px; background: #fff url(grafik/forum.jpg) top center no-repeat; padding: 32px 10px 10px 15px; margin: 18px 0 18px 0; overflow: hidden; float: right; } /* Huvud */ #huvud { height: 200px; clear: both; background: url(grafik/toppbild.jpg) bottom left no-repeat #000; } #huvud_main { height: 290px; clear: both; margin-top: 18px; } #huvud_crumbs { height: 20px; clear: both; margin: 18px 0 18px 0; } #huvudbild{ height: 360px; margin-bottom: 0; } /* Boxar */ #toppruta_start { padding: 10px; border-top: 4px solid #bbb; border-bottom: 4px solid #bbb; background: #ddd url(grafikkkkk/danbak2.jpg) top right no-repeat; } #ad { height: 90px; background-color: #e5e5e5; margin-bottom: 18px; text-align: center; } #weather { margin-top: 10px; background-color: #d0a825; padding: 10px; line-height: 150%; } #sok { height: 100px; width: 250px; margin-bottom: 18px; background: #fff url(grafik/sok.jpg) top left no-repeat; } #karta { background-color: #000; padding: 10px 10px 5px 10px; line-height: 150%; overflow: hidden; margin-bottom: 18px; } #top_poster { background: #fff url(grafik/topp5.gif) top left no-repeat; border-bottom: 2px solid #ddd; margin-bottom: 18px; padding: 50px 10px 10px 10px; } #legend { padding: 10px; background-color: #e5e5e5; } #valuta { padding: 10px; background-color: #e5e5e5; margin-bottom: 18px; } #annonsruta { margin-bottom: 18px; overflow: hidden; } #annonsruta2 { text-align: left; margin-bottom: 18px; padding-top: 10px; background: #fff url(../grafik/annonsmarkn2.gif) top left no-repeat; float: left; } #vinjettruta { overflow: hidden; } .textpad { padding: 25px 10px 20px 16px; } div.halvblock2 {width: 135px; padding: 8px 8px 8px 8px; margin-bottom: 28px; border: 1px solid #ddd; background-color:#fff } #bildbox { background: url(../grafik/rand.gif) 100% 0 #fff; padding: 0; margin-top: 18px; border-bottom: 2px solid #ddd; width: 476px; } .bildruta { padding: 10px; background-color: #000; color: #fff; } div.bakgblock {padding: 4px 4px 2px 4px; margin-bottom: 5px; margin-top: 5px; background-color: #fff; } #right_weather { width: 212px; padding: 10px; background-color: #d0a825; line-height: 150%; float: right; margin-top: 18px;} #right { width: 212px; padding: 10px; line-height: 150%; float: right; margin-bottom: 18px; } .forum { background: url(grafik/faktabakg.gif) top left no-repeat; line-height: 170%; } .weather { background-color: #d0a825; line-height: 150%; } .boktips { width: 212px; padding: 10px; background-color: #f5f5f5; line-height: 150%; float: right; margin-bottom: 18px; } .annons { width: 212px; padding: 10px; background-color: #f5f5f5; text-align: center; float: right; margin-bottom: 18px; } .valuta { width: 212px; padding: 10px; background: url(grafik/faktabakg.gif) top left no-repeat; line-height: 170%; float: right; margin-bottom: 18px;} .karta { width: 212px; background-color: #000; padding: 10px; line-height: 150%; margin-bottom: 18px; overflow: hidden; float: right; } .tipsa { background: #fff url(../grafik/tipsa_bg.gif) no-repeat top right; height: 210px; } .vader_ort { width: 128px; background-color: #f6efdd; padding: 3px 3px 3px 6px; } .vader_symbol { width: 22px; height: 22px; padding: 0px 3px 0px 3px; text-align: center; background-color: #f6efdd; border-left: 1px solid #fff; overflow: hidden; } .vader_temp { width: 36px; padding: 3px 6px 3px 3px; text-align: right; background-color: #f6efdd; border-left: 1px solid #fff; } .vader_farg { background-color: #ead9ab;} #bokruta { width: 208px; margin-bottom: 18px; } #bokbild {width: 74px;} #boktext {width: 124px;} /* Textfärger */ .grey { color: #999; } .red { color: #c00; } .vit { color: #fff; } #vinjett { background: #232323 url(grafik/vinjtopppp.gif) top left repeat-x; color: #fff; text-align: center; width: 160px; padding: 5px 0 5px 0; font-weight: bold; } #vinjett2 { background: #232323 url(grafik/vinjtopppp.gif) top left repeat-x; color: #fff; text-align: center; width: 135px; padding: 5px 0 5px 0; font-weight: bold; } #vinjett_bildblock { background: #000 url(grafik/vinjtop.gif); color: #fff; text-align: left; padding: 5px 0 5px 28px; font-weight: bold; margin-bottom: 18px;} #vinjettbild { height: 90px; } .clear { clear: both; height: 0px; margin-bottom: -1px; font-size: 0px; line-height: 0px; } /* Puffblock */ .puffblock { margin: 0 0 20px 0; padding: 10px; border: 1px solid #ccc; background-color: #fff; line-height: 170%; overflow: hidden; } h1, h2, h3, h4 { margin: 0; padding: 0; letter-spacing: 0; color: #000; line-height: 140%; font-weight: bold; } h1 { font-size: 15px; margin-bottom: 10px; margin-top: 0px; } h2 { font-size: 11px; margin-bottom: 2px; color: #d71417; } h3 { font-size: 12px; margin: 22px 0 3px 0; } h4 { font-size: 12px; margin: 4px 0 4px 0; text-transform: uppercase; color: #000; } .stor {font-size: 24px; } p.mini { font-size: 10px; line-height: 130%; margin: 0; padding: 0; } p.ingress { font-weight: bold; font-size: 12px; line-height: 160%; } .boktitel { font-weight: bold; font-size: 13px; } .bokutgivare { font-style: italic } span.hide { display: none; } .pipe { color: #69a7c6; } /* Länk-stilar */ a.toplink, a.toplink_active { font-size: 14px; margin-top: 10px; color: #fff; text-decoration: none; } a.toplink:hover, a.toplink_active:hover { color: #69a7c6; } a.toplink_active { color: #69a7c6; } a.pufflink, a.pufflink_active { color: #333; text-decoration: none; } a.pufflink:hover, a.pufflink_active:hover { text-decoration: underline; } a.pufflink_active { color: #333; } a img { border: 0; } img.bottom {vertical-align:bottom; } span.link { font-size: 12px; font-weight: bold; color: #fff; } .thumb { border: 1px solid #ddd; margin-left: 2px; margin-bottom: 16px; margin: 0 13px 16px 3px; padding: 6px; background-color: #fff; } a img.thumb:hover { background-color: #982f34; } .gallbild { border: 1px solid #000; margin: 5px 3px 5px 3px; } a img.gallbild:hover { border: 1px solid #fff; } .repbild_L { float: left; padding: 8px; margin: 5px 20px 20px 0; background: #fff; border: 1px #999 solid; } .repbild_R { float: right; padding: 8px; margin: 5px 0 20px 20px; background: #fff; border: 1px #999 solid; } .toppbild_start { border: 1px solid #bbb; margin: 0; padding: 15px; background-color: #f5f5f5; } .puffbild { float: left; margin-right: 15px; padding: 0; width: 210px; overflow: hidden } .tumnagel { margin: 5px 7px 0 0; padding: 6px; background-color: #fff; border: 1px solid #888; } a img.tumnagel:hover { background-color: #333; } /* Menu */ #l_sidebar { background: #e5e5e5; float: left; width: 140px; margin: 0px 0px 0px 0px; padding: 0px; border-top: 10px solid #E5E5E5; border-left: 10px solid #e5e5e5; border-right: 10px solid #e5e5e5; } #l_sidebar h2 { background: #000 url(grafik/vinjtop.gif); color: #fff; font-size: 11px; font-family: Verdana, Helvetica, Sans-Serif; font-weight: bold; padding: 6px 0px 6px 10px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #FFFFFF; } #l_sidebar ul { list-style: none; margin: 0px 0px 10px 0px; padding: 0px; } #l_sidebar li { background: #e5e5e5 url(grafik/sidetitle.gif); list-style: none; margin: 0px; padding: 0px; } #l_sidebar ul li { margin: 0px; padding: 0px; } #l_sidebar ul li a { display: block; color: #333333; text-decoration: none; padding: 4px 4px 4px 20px; margin: 0px; border-bottom: 1px solid #FFFFFF; } #l_sidebar ul li a:hover { background: #AAAAAA url(grafik/sidehover.gif); color: #FFFFFF; text-decoration: none; } /* Menu lokal*/ #l_sidebar_lok { background: #fff; float: left; width: 140px; margin: 0px 0px 0px 0px; padding: 0px; border-top: 10px solid #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; margin-bottom: 18px; } #l_sidebar_lok h2 { background: #000 url(grafik/vinjtop.gif); color: #fff; font-size: 11px; font-family: Verdana, Helvetica, Sans-Serif; font-weight: bold; padding: 6px 0px 6px 10px; margin: 0px 0px 0px 0px; text-transform: uppercase; border-bottom: 1px solid #ccc; } #l_sidebar_lok ul { list-style: none; margin: 0px 0px 10px 0px; padding: 0px; } #l_sidebar_lok li { background: #fff url(grafik/sidetitle.gif); list-style: none; margin: 0px; padding: 0px; } #l_sidebar_lok ul li { margin: 0px; padding: 0px; } #l_sidebar_lok ul li a { display: block; color: #444444; text-decoration: none; padding: 4px 10px 4px 20px; margin: 0px; border-bottom: 1px solid #ccc; } #l_sidebar_lok ul li a:hover { background: #046c9f url(grafik/sidehover.gif); color: #FFFFFF; text-decoration: none; } .navigering { height: 70px; margin-top: 18px; float: right; padding: 0; width: 138px; line-height: 190%; } .mtpag a, .mtpag a:hover { padding: 8px 21px 8px 22px; margin: 0px 6px 0px 0px; text-decoration: none; } .mtpag2 a, .mtpag2 a:hover { padding: 8px 50px 8px 51px; margin: 0px 0px; text-decoration: none; } .mtpag a, .mtpag2 a { background: #2a2b2b; color: #fff; text-decoration: none; } .mtpag a:hover, .mtpag2 a:hover { background: #8a8b8b; color: #222; } .mtpag { padding: 5px 0px 5px 0px; clear: both; font-size: 110%; line-height: 210% } .mtpag2 { padding: 7px 0px 5px 0px ; clear: both; font-size: 110%; line-height: 210% } .satellit { width: 152px; height: 220px; padding: 0; margin: 0 } .tabellrad { background-color: #f8f8f8; } .tabellpad { padding: 1px 0 1px 10px; } #hor-zebra { font-size: 11px; margin: 45px; width: 480px; text-align: left; border-collapse: collapse; } #hor-zebra th { font-size: 14px; font-weight: normal; padding: 10px 8px; color: #039; } #hor-zebra td { padding: 8px; color: #669; } #hor-zebra .odd { background: #e8edff; } /*---TOPNAV--- FLIKMENYN */ #topNav {position:relative;left:10px;top:65px;height:40px;width:800px;overflow:hidden} #topNav a {float:left;display:block;height:30px;background:url(grafik/flikar.png) no-repeat 0 -160px;padding-left:20px;color:#000;font-size:1.1em;text-decoration:none} #topNav a em {text-decoration:none;font-style:normal;font-weight:bold;display:block;background:url(grafik/flikar.png) no-repeat;padding-right:20px;float:left;display:block;height:30px;cursor:pointer} #topNav a em span {position:relative;white-space:nowrap;color:#fff} #topNav a em strong {position:relative;white-space:nowrap;color:#093114} #topNav a:active em strong, #topNav a:focus em strong, #topNav a:hover em strong, #topNav a:active em span, #topNav a:focus em span, #topNav a:hover em span {text-decoration:underline} #topNavmeny {float:left} #topNavmeny a {background-position:0 -30px} #topNavmeny a em {background-position:right -30px} #topNavmeny a.sel {background-position:0 -90px;} #topNavmeny a.sel em {background-position:right -90px;} #topNavmeny a em span, #topNavmeny a em strong {top:11px} #topNav #skip {position:absolute;top:-900px;left:0px;height:auto} #topNav #skip a {color:#fff;text-decoration:none;font-size:1.0em;height:auto;padding:0 2px} #topNav #skip a:active, #topNav #skip a:focus, #topNav #skip a:hover {display:block;position:absolute;top:940px;left:20px;color:#fff;background:#528623;white-space:nowrap} /*--- Denna kod förhindrar att bilderna i nivoslider fladdrar förbi innan de laddas */ #slider { position:relative; //See the "style-pack" below for image background:url(images/loading.gif) no-repeat 50% 50%; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a{ display:block; } /*---BIldväxlaren startsidan + genomskinliga textraden */ #pitch { margin-bottom: 15px; } #pitch .infoline { margin: -40px 10px 10px 10px; padding: 4px 0 10px 10px; background: #000; font-size: 14px; width: 250px; height: 13px; opacity:0.70; filter:alpha(opacity=70); color: #fff; } .pitch-gallery { overflow: hidden; width: 912px; position: relative; } .pitch-gallery-holder { width: 3920px; position: relative; top: 0; left: 0; } .pitch-gallery-div { float: left; }