/* * Default screen stylesheet for DynaMaster light * @author: infogate * @version: 2.0 * */ /* general styles */ html, body { padding: 0; margin: 0; height: 100%; line-height: 110%; } body { color: #343843; font-size: 100.1%; font-family: "Trebuchet MS", "Times New Roman", "Times", serif; background: #EFF2FB url(/graphics/bg.gif) repeat-x; } body.popup { background-image: none; background-color: #fff; } a { color: #474F68; } a:visited { color: #474F68; } a:hover { color: #474F68; } a img { border: none; } h1, h2, h3, h4 { font-family: "Trebuchet MS", "Times New Roman", "Times", serif; font-style: italic; color: #474F68; } h1 { font-size: 1.4em; line-height: 1em; padding: 0; margin: 0.5em 0 1em 0; } h2 { font-size: 1.4em; line-height: 1em; padding: 0; margin: 0.5em 0 1em 0; } h3 { font-size: 1em; } h4 { font-size: 0.9em; } table { width: 95%; } th, td { border-left: 1px solid white; padding: 1px 1px; text-align: left; } th { border-bottom: 1px solid #ccc;} /* forms */ legend { display: none; } fieldset { border: none; } label { display: block; } label.subscription { display: inline; } form .text { width: 90%; border: 1px solid #ccc; font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif; font-size: 1em; padding: 0.2em; } form .text:focus { background: white; } button { font-size: 1em; } #content form .clear { background: none; } .mandatory input, .mandatory textarea { border-left-color: #9F272C; } /* general classes */ .odd { background: #eee; } .clear { line-height: 0; } tr.foot td { background: white; padding-top: 1em; font-style: italic; } td.next { text-align: right; } td.previous { text-align: left; } .img img { vertical-align: bottom; } .img p { padding: 0; margin: 0; font-size: 0.85em; line-height: 1.2em; } .right { float: right; margin: 0 0 1em 1em; } .left { float: left; margin: 0 1em 1em 0; } img.right, img.left { margin: 0; float: none; } /* file types */ .PNG, .JPEG, .JPG, .GIF, .EPS, .TIF { background-image: url(/graphics/icon_jpeg.gif); } .DOC { background-image: url(/graphics/icon_doc.gif); } .DOT { background-image: url(/graphics/icon_dot.gif); } .EMAIL { background-image: url(/graphics/icon_email.gif); } .EXCEL { background-image: url(/graphics/icon_excel.gif); } .MPG { background-image: url(/graphics/icon_mpg.gif); } .PDF { background-image: url(/graphics/icon_pdf.gif); } .POWERPOINT { background-image: url(/graphics/icon_powerpoint.gif); } .RTF { background-image: url(/graphics/icon_rtf.gif); } .TXT { background-image: url(/graphics/icon_txt.gif); } .VCF { background-image: url(/graphics/icon_vcf.gif); } .WORD { background-image: url(/graphics/icon_word.gif); } .XLS { background-image: url(/graphics/icon_xls.gif); } /* hide skip navigation link */ #contentlink { position: absolute; top: 0; left: -999px; width: 990px; } #pagedocument { font-size: 0.8em; margin: 0; position: relative; height: 100%; } #pagedocument:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #container { background: url(/graphics/bg_white.png) repeat-y; padding-right: 30px; width: 975px; } .content_column { background: url(/graphics/bg_standard_column.png) repeat-y !important; } #kampanj { width: 100%; text-align: center; margin: 1em auto; padding: 1em 0; height: 100%; display: block; } #kampanj .kampanjpage { /*height: 800px*/; margin: 0 4em; display: block; height: 600px; } .template_pod_start #container { background: url(/graphics/bg_start.png) repeat-y; } #start_flash_container { width: 464px; margin: 0 -10px 10px 0; padding: 16px 20px 0 16px; background: url(/graphics/startflash_upper_bg.gif) no-repeat; } #start_flash_container .clear { background: url(/graphics/startflash_lower_bg.gif) no-repeat; margin: 10px -16px 0 -16px; height: 13px; } .template_pod_start #teaser { margin: 0; padding: 0; background: none; width: 484px; float: right; } .template_pod_start .teaser { margin: 1em 0; padding: 0; background: none; width: 484px; } .template_pod_start .teaser .clear { background: none; height: 0; margin: 0; padding: 0; } .template_pod_start .teaser_small { margin: 0 0 0 -10px; padding: 0 0 0 0; background: none; float: none; width: 240px; } .template_pod_start .teaser .clear { background: none; height: 0; margin: 0; padding: 0; } #subnavigationcontainer #teaser { float: left; width: 220px; } #subnavigationcontainer #teaser .teaser { margin: 0.5em 0 0.5em 1em; width: 100%; } #subnavigationcontainer #teaser .teaser h2 { padding: 0; margin: 1em 0 0.5em 0; font-size: 1.6em; color: #646A79; font-weight: normal; } #footer { background: url(/graphics/page_footer.png) bottom no-repeat; height: 16px; width: 1005px; } /* #logo { background: url(/graphics/top.jpg); width: 990px; display: block; height: 200px; } #logo h1, #logo a img { display: none; } #logo a { display: block; width: 250px; height: 200px; float: left; } #logo #manufacturers { float: right; height: 180px; width: 640px; } #logo #manufacturers a { width: 100px; height: 135px; margin: 0 14px; } #logo #manufacturers a span { display: none; } #logo #manufacturers a#saab { margin-left: 0; } #logo #manufacturers a#isuzu { margin-right: 0; } */ #logo { background: url(/graphics/topbild_new.jpg); width: 990px; display: block; height: 200px; } #logo h1, #logo a img { display: none; } #logo a { display: block; width: 250px; height: 200px; float: left; } #logo #manufacturers { float: right; height: 180px; width: 680px; } #logo #manufacturers a { width: 83px; height: 135px; margin: 0 16px; } #logo #manufacturers a span { display: none; } #logo #manufacturers a#saab { margin-left: 0; } #logo #manufacturers a#isuzu { margin-right: 0; } #navigation { width: 237px; } #navigation ul, #navigation li { list-style-type: none; padding: 0; margin: 0; } #navigation ul { } #navigation ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #navigation a { display: block; display: inline-block; padding: 0.6em 1.5em; border-bottom: 1px solid #B4B8C5; border-left: 6px solid #fff; color: #646A79; text-decoration: none; font-size: 1.3em; font-style: italic; width: 180px; } #navigation a:hover, #navigation .open a, #navigation a.active { border-left-color: #0BC0EF; } #navigation span.nolink { display: block; padding: 4px 0 0 14px; margin: 0 0 0 2.3em; background: url(/graphics/arrow_down.gif) no-repeat center left; font-size: 1em; border: none; font-style: normal; font-weight: bold; color: ##646A79; } #navigation .logout { display: none; } #navigation .clear { clear: both; height: 16px; background: url(/graphics/navigation_lower_bg.gif); } /* dropdown menue */ #navigation .show { position: relative; z-index: 10000; float: left; } #navigation .show li { float: none; } #navigation .show ul { display: block; position: absolute; top: 2.3em; left: 0; background-image: none; width: 14em; } #navigation .show ul .hide ul { display: none; } #navigation .show ul ul { left: 14em; top: 0; } #navigation .show ul a { float: none; display: block; background-image: none; } #navigation ul li ul { border-bottom: 1px solid #B4B8C5; } #navigation ul li ul li ul { border: none; } #navigation ul li ul li a.open { font-weight: bold; background: url(/graphics/arrow_down.gif) no-repeat; } #navigation ul li ul li a { border-left: none; } #navigation ul li ul li a:hover { border-left: none; } #navigation ul li ul li a.active { font-weight: bold; } #navigation ul li ul a { display: block; /*display: inline-block; padding: 0.5em 1.5em; border-bottom: 1px solid #B4B8C5; border-left: 6px solid #fff; color: #646A79; text-decoration: none; font-size: 1.2em;*/ padding: 0 0 0 14px; margin: 0 0 0 2.3em; font-size: 1em; border: none; font-style: normal; } /* sidebars */ .panel { margin: 0 13px 0 9px; width: 158px; overflow: hidden; float: right; clear: right; } .panel .clear { padding: 0; } .panel ul { padding-left: 1.3em; list-style-type: circle; margin-left: 0; } .panel .img { margin-top: 1em; } /* left sidebar */ #subnavigationcontainer { float: left; height: 100%; width: 237px; } #subnavigationcontainer .panel { float: none; margin: 0 10px 0 12px; clear: left; } /* navigation links */ #shortcuts ul, #subnavigation ul, #mypages ul, #banguide_navigation ul { padding-left: 0; margin-left: 0; list-style-type: none; } #shortcuts a, #subnavigation a, #mypages a, #banguide_navigation a { display: block; background: url(/graphics/shortcut_arrow.gif) no-repeat left center; padding-left: 10px; color: black; text-decoration: none; } #news ul, #news ul li, #news_golfse ul, #news_golfse li { margin-left: 0; padding-left: 0; list-style-type: none; } #news li, #news_golfse li { margin: 0 0 1em 0; } #subnavigationcontainer #news a, #subnavigationcontainer #news_golfse a { background: none; padding-left: 0; } #news a.title, #news a.introduction, #news_golfse a.title, #news_golfse a.introduction { display: block; text-decoration: none; color: black; } #news a.title, #news_golfse a.title { font-weight: bold; } #news span { font-style: italic; } #subnavigation li a { display: none; } #subnavigation li li a { width: 93%; display: block; } #subnavigation li li a.active { font-weight: bold; } #subnavigation ul li ul li ul { margin-left: 10px; display: block; } #subnavigation ul li ul { margin: 0; } #subnavigationcontainer #movies { margin: 1em 0 0 1em; } #subnavigationcontainer #movies h2 { padding: 0; margin: 1em 0 0.5em 0; font-size: 1.6em; color: #646A79; font-weight: normal; } .template_pod_start #subnavigation { display: none; } /* no subnavi on the frontpage */ .template_acl_extra_login #subnavigation { visibility: hidden; } #content { width: 477px; margin: 0; padding: 0 10px; float: left; min-height: 300px; } #content .clear { clear: both; } #content h1 { } #content #image1, .rotating_images { margin: 8px 0 0 0; } .template_pod_start #content { width: 221px; } .template_pod_personal #content {width:715px;} .template_pod_personal #waist_container { display: none; } .content_column #content { width: 470px; } .content_column .column { float: right; width: 230px; margin-top: 1em; } .content_column .column .img { background: url(/graphics/col_image_upper.gif) no-repeat; width: 205px; padding: 7px; margin-right:10px; } .content_column .column .img .clear { background: url(/graphics/col_image_lower.gif) no-repeat; width: 219px; height: 7px; margin: 4px 0 -7px -7px; } #quickmail_form form, #quickmail_form fieldset { padding: 0; margin: 0; } #quickmail_form form button { margin-top: 0.5em; } #waist_container { float: right; width: 485px; } #related { margin-left: 0; padding: 0; } #related li { list-style-type: none; background-position: left center; background-repeat: no-repeat; padding-left: 25px; display: block; margin: 0.25em 0; } #related li .filetype { display: none; } #related .blank, #related .self { background-image: url(/graphics/icon_blank.gif); background-position: 3px 50%; } #filearchive { margin-bottom: 1em; } #filearchive .filetype span { visibility: hidden; } #filearchive .filetype { background-position: center; background-repeat: no-repeat; } #filearchive table { width: 100%; } #address { clear: both; display: block; width: 988px; margin: 0 1px; background-color: #B4B9C6; } #address .clear { clear: both;} #address img { display: block; margin-left:1em; padding-top: 1em; } #address ul { margin: 20px 1em 1em 1em; padding: 0; float: left; list-style-type: none; } #address li { padding: 0.15em 0 0 0; } #address li strong { display: none;} #address #phone strong { display: inline; } #address #open { display: block; float: right; margin-right: 20em; } #address #open table { width: 350px; padding: 0; margin: 0; } #address #open table thead, #address #open table tbody, #address #open table tr { margin: 0; padding: 0; } #address #open table thead th { color: #fff; border: none; margin: 0; padding: 0; } #address #open table td { border: none; margin: 0; padding: 0; } /* #address { background: url(/graphics/address_upper_bg.gif) no-repeat top right; margin: 0 12px 0 0; padding: 16px 21px 0 21px; width: 687px; clear: right; float: right; } #address ul { list-style-type: none; padding: 0; margin: 0; } #address li { float: left; padding-right: 1.2em; } #address a { color: black; text-decoration: none; } #address a:hover { text-decoration: underline; } #address .address strong, #address .email strong { display: none; } #address .about { display: none; } #address .clear { clear: both; height: 8px; background: url(/graphics/address_lower_bg.gif) no-repeat bottom right; margin: 0 -21px; padding-top: 8px; } */ /* Sitemap */ #webmap ul { list-style: none; margin: 0 24px;} #webmap ul li a { font-weight: bold; color: #666;} #webmap ul ul { margin-left: 20px; } #webmap ul ul li a { font-weight: normal; color: #666;} /* Nyhetsarkiv */ .news_view { width: 100%; font-size: 0.85em; padding: 0;} .news_view a span { display: none; } .news_view a span.date { display: inline; } .news_view h2 { position: relative; top: 25px; left: 40px; font-size: 1.0em; font-weight: bold; font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;} .nyhetsarkiv table thead { text-align: left; } .nyhetsarkiv table.news ul.news_list .title { display: none; } .nyhetsarkiv table.news ul.news_list { margin: 0; list-style-type: none; padding: 0; } .nyhetsarkiv table.news .news_list li { background-repeat: no-repeat; padding: 0 0 0 20px; margin: 0;} .nyhetsarkiv table.news .news_list li a { display: inline; margin: 0; padding: 0; } .nyhetsarkiv table.news ul.news_list .title, .nyhetsarkiv table.news ul.news_list .filetype, .nyhetsarkiv table.news ul.news_list .filesize { display: none; } /* begin added by dmlight_main servicepack 9 2007-05-10 */ .img img, #content .img img { vertical-align: bottom; } .img p, #content .img p { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; font-size: 0.85em; line-height: 1.2em; } #content .left p, #content .right p { padding: 0; margin: 0; } #content img.right, #content img.left { margin: 0; float: none; } .rotating_images { margin: 8px 0 0 -10px; } /* end servicepack */ /* Sitemap */ #webmap ul { list-style: none; margin: 0 24px;} #webmap ul li a { font-weight: bold; color: #666;} #webmap ul ul { margin-left: 20px; } #webmap ul ul li a { font-weight: normal; color: #666;} /* Nyhetsarkiv */ .news_view { width: 100%; font-size: 0.85em; padding: 0;} .news_view a span { display: none; } .news_view a span.date { display: inline; } .news_view h2 { position: relative; top: 25px; left: 40px; font-size: 1.0em; font-weight: bold; font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;} .nyhetsarkiv table thead { text-align: left; } .nyhetsarkiv table.news ul.news_list .title { display: none; } .nyhetsarkiv table.news ul.news_list { margin: 0; list-style-type: none; padding: 0; } .nyhetsarkiv table.news .news_list li { background-repeat: no-repeat; padding: 0 0 0 20px; margin: 0;} .nyhetsarkiv table.news .news_list li a { display: inline; margin: 0; padding: 0; } .nyhetsarkiv table.news ul.news_list .title, .nyhetsarkiv table.news ul.news_list .filetype, .nyhetsarkiv table.news ul.news_list .filesize { display: none; } /* BEG Bilar */ .template_pod_begbilar #content { width: 710px; } #beglist { border-right: 1px dotted #343843; padding-right: 0.5em; width: 460px; float: left; display: inline; } #beglist .odd { background-color: #fff; } .car { border-bottom: 1px dotted #343843; margin: 0.5em 0; padding: 0.5em 0; } .car h2, .car h3 { font-size: 1.4em; line-height: 1em; padding: 0; margin: 0.5em 0.2em 1em 0; display: inline; font-style: normal; } .car h3 { color: #9A9FB0; } .car a.permalink { text-decoration: none; } .car .imagecontainer { float: left; width; 125px; } .car .carimage { margin: 1em 1em 1em 0; background: url(/graphics/image_upper_125.gif) no-repeat; width: 108px; padding: 7px; } .car .carimage .clear { background: url(/graphics/image_lower_125.gif) no-repeat; width: 125x; height: 9px; margin: 0 -7px -9px -7px; } .car .img_thumbnails { width: 120px; } .car .img_thumbnails .image { float: left; margin: 0.1em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px; } .car .information { margin: 1em 0 0 120px; } .car .information ul { list-style-type: none; padding: 0; margin: 0; } .car .price { font-size: 1.4em; color: #C22E39; margin: 0: padding: 0; } #beglist .paging a { font-size: 1.2em; } #search_begbil { border: 1px dotted #343843; background-color: #F3F4F7; padding: 0.5em 1em 0 1em; margin-bottom: 1em; } #search_begbil input.text, #search_begbil select { width: 280px; } #search_begbil .search_input { float: left; margin-right: 1em; padding: 1em 1em 1em 0; border-right: 1px dotted #343843; } #search_begbil #select_kategori { border: none; margin-right: 0; } #movies { } #movies embed {} #movies .movie { float: left; margin-right: 1em; } #movies .previews .prev_movie { background: url(/graphics/preview_movie_upper.gif) no-repeat; display: block; width: 116px; float: left; padding: 0.4em 0.5em 0.2em 0.5em; margin: 0; } #movies .previews .prev_movie .lower { background: url(/graphics/preview_movie_lower.gif) no-repeat; clear: none; height: 8px; margin: 0 0 -0.2em -0.5em; } #beg_search { margin: 0.5em 0; } #beg_search form { border: 1px dotted #343843; margin: 0.5em; padding: 0.5em; } #beg_search form legend { display: block; margin: 0.5em 0 0 0; font-size: 1.3em; line-height: 1.4em; font-style: italic; color: #474F68; } #beg_search form input, #beg_search form select { font-size: 0.8em; } #beg_search span { padding-top: 1em; display: block; clear: left; width: 100%; } #beg_search label { margin-top: 0.5em; } #beg_search select { width: 85px; } #beg_search .filter { float: left; } #beg_search #filter_manufacturer, #beg_search #filter_category, #beg_search #filter_trans, #beg_search #filter_fuel { float: none; } #beg_search #filter_manufacturer select, #beg_search #filter_category select, #beg_search #filter_trans select, #beg_search #filter_fuel select { width: 185px; } #beg_search input#submitbutton { clear: left; } #beg_search #filter_pricefrom label, #beg_search #filter_priceto label, #beg_search #filter_milefrom label, #beg_search #filter_mileto label, #beg_search #filter_yearfrom label, #beg_search #filter_yearto label { margin-top: 0; } .template_pod_begbilar #waist_container { width: 180px; } #personal { background: none; padding: 0; width: 735px; font-size: 0.9em; float: left;} #personal #movie { float: left; width: 340px; margin-right: 1.5em; } #personal .movies { width: 360px; float: right; } #personal .person { float: left; display: block; width: 365px; margin: 0.5em 0 1.5em; display: table; height: 105px; overflow: hidden; } #personal .image { float: left; background: url(/graphics/image_upper_77.gif) no-repeat; width: 67px; padding: 7px; margin-right:10px; } #personal .image .clear { background: url(/graphics/image_lower_77.gif) no-repeat; width: 77px; height: 6px; margin: 0 -7px -7px -7px; } #personal .person .contactinfo { margin-left: 5px; display: inline; vertical-align: middle;} #personal h4, #personal h5, #personal p { margin: 0; padding: 0; } #personal h4, #personal h5 { font-size: 1em; font-style: normal; } #personal a { text-decoration: none; } #personal h5 { font-weight: normal; } #personal #movies .person { float: left; width: 180px; margin: 0.5em 0 1.5em; min-height: 105px; } #personal #movies .image { float: none; } #personal #movies .person { min-height: 210px; margin: 0; } #personal_beg { width: 220px; } #personal_beg .person { margin: 0.5em 0; } #personal_beg h4, #personal_beg h5, #personal_beg p { margin: 0; padding: 0; } #personal_beg h4, #personal_beg h5 { font-size: 1em; font-style: normal; margin: 0; padding: 0; } #personal_beg a { text-decoration: none; } #personal_beg h5 { font-weight: normal; } #personal_beg .person .image { float: left; background: url(/graphics/image_upper_77.gif) no-repeat; width: 67px; padding: 7px; margin-right:10px; } #personal_beg .person .image .clear { background: url(/graphics/image_lower_77.gif) no-repeat; width: 77px; height: 6px; margin: 0 -5px -6px -5px; } #yt_container .yt { padding: 0.5em 0; margin: 0.5em 0; border-bottom: 1px dotted #343843; } #yt_container .last { border: none; } #waist_container .rotating_Carimages { background: url(/graphics/bildspel_background_upper.gif) no-repeat; width: 495px; margin: 1em 0 0 0; padding: 0; } #waist_container .rotating_Carimages .clear { background: url(/graphics/bildspel_background_lower.gif) no-repeat; height: 16px; width: 495px; } #products .product { float: left; margin: 0.5em; width: 190px; padding: 0.5em 1em 0.5em 0.5em; background: url(/graphics/product_bg_upper.gif) no-repeat; } #products .product .lower { background: url(/graphics/product_bg_lower.gif) no-repeat; height: 7px; width: 209px; margin: 0 0 -1em -0.5em; } #products .product .price { color: #cc0000; font-weihgt: bold; font-size: 1.2em; } #autoform_kampanj { margin: 0 auto; width: 450px; text-align: left; padding: 0 3em; border: 1px dotted white; } #autoform_kampanj .type label, #autoform_kampanj .price label { float: left; width: 180px; } #autoform_kampanj .clear { clear: both; } #autoform_kampanj .price { margin-bottom: 1em; } #autoform_kampanj .text { font-size: 0.7em; padding: 0.4em; margin: 0.25em 0; width: 305px; margin-bottom: 1em; } #autoform_kampanj .contact label span { width: 70px; display: block; float: left; margin-top: 0.3em; } #autoform_kampanj p { margin-bottom: 0.3em; padding-bottom: 0; } #movie { display: block; height: 300px; padding-bottom: 1em; margin-top: 0; padding-top: 0; }