/* @override https://www.stockholmbeer.se/css/sthlmbeer.css */ /* Header */ #header { height: 447px; display: block; overflow: hidden; position: relative; } #header_top { background: #30441f; border-bottom: 1px solid #FFF; } #header_top_left a { float: left; width: 300px; color: #fff; margin-left: 20px; letter-spacing: 0.15em; height: 22px; margin-top: 12px; text-decoration: none; font-family: Jens-ExtraBold; font-size: 12px; } #header_top_left a:hover { color: #ccc; } #header_top_right { font: 11px Arial, Helvetica, sans-serif; color: #CCC; float: right; margin-right: 20px; margin-top: 12px; margin-left: 0px; } #header_top_right a { color: #CCC; text-decoration: none; } #header_top_right a:hover { color: #fff; } #header_graphic { height: 300px; border-bottom: 1px solid #FFF; } #header_navigation { background: #C1C7BC; height: 47px; border-bottom: 1px solid #FFF; } #header_navigation_content { padding: 17px 10px 17px 20px; } #header_navigation_content ul { list-style: none; margin: 0px; } #header_navigation_content ul li { float: left; margin: 0px; padding: 0px; } #header_navigation_content ul a { font: 12px "FuturaRegular", sans-serif; color: #30441F; text-transform: uppercase; letter-spacing: 0.09em; text-decoration: none; margin-right: 10px; } #header_navigation_content ul a:hover { color: #fff; } #header_search { background: #30441f; height: 35px; border-bottom: 1px solid #FFF; } #header_search_content { float: right; padding-right: 20px; padding-top: 0px; } .header_search_left { float: left; width: 480px; font: 15px Georgia, "Times New Roman", Times, serif; color: #FFF; padding: 8px 5px 5px 20px; } /* #header_search_content form input { font: 11px "FuturaRegular", sans-serif; color: #000; } */ #header_search_content form .submit { font: 11px Arial, Helvetica, sans-serif; } #header_search_content form #search { font: 11px Arial, Helvetica, sans-serif; } /* content */ #content { display: inline-block; } #content_left { width: 240px; float: left; position: relative; background: url(../images/exhibitor_leftnav.png); background-repeat: no-repeat; min-height: 750px; display: inline-block; } /* for Internet Explorer */ /*\*/ * html .#content_left { height: 750px; } /**/ #content_right { position: relative; width: 720px; float: right; display: inline-block; } #content_right_caption p { font: 10px/14px Georgia, "Times New Roman", Times, serif; width: 200px; margin-top: 10px; margin-right: 10px; margin-left: 10px; } .content_right_caption { font: 11px/14px Georgia, "Times New Roman", Times, serif; width: 200px; margin-top: 5px; margin-right: 10px; margin-left: 10px; margin-bottom: 10px; } #content_left_nav { background: url(../images/exhibitor_leftnav.png); background-repeat: no-repeat; min-height: 750px; } /* for Internet Explorer */ /*\*/ * html .#content_left_nav { height: 750px; } /**/ /* leftcol */ .leftcol_header { color: #808080; margin-top: 30px; border-bottom: 1px solid #808080; padding-bottom: 14px; width: 170px; margin-left: 20px; letter-spacing: 0.15em; font-family: Jens-ExtraBold; font-size: 12px; } .leftcol_header a { color: #808080; text-decoration: none; } .leftcol_header a:hover { color: #000; text-decoration: none; } .leftcol_links ul { margin-left: 20px; } .leftcol_links li { padding-top: 11px; padding-bottom: 11px; border-bottom: 1px solid #808080; } .leftcol_links a { font: 14px Georgia, "Times New Roman", Times, serif; color: #333; text-decoration: none; } .leftcol_links a:hover { color: #808080; } .leftcol_links { width: 190px; } /* content article */ #content_article { margin-top: 15px; margin-bottom: 15px; } #content_article_line { height: 1px; } #content_article h1 { margin-top: 10px; font-family: Georgia; font-size: 24px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; } #content_article h2 { font: 20px Georgia, "Times New Roman", Times, serif; padding-top: 16px; } #content_article h3 { font: 18px Georgia, "Times New Roman", Times, serif; padding-top: 16px; } #content_article h4 { font: 18px Georgia, "Times New Roman", Times, serif; padding-top: 16px; } #content_article p { padding-top: 16px; font-family: Arial; font-size: 14px; font-style: normal; line-height: 17px; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; } /* content intro */ #content_intro { margin-top: 15px; } #content_intro_line { height: 1px; } #content_intro h1 { font: 24px Georgia, "Times New Roman", Times, serif; margin-top: 30px; } #content_intro p { font: 15px Georgia, "Times New Roman", Times, serif; padding-top: 16px; } /* content exhibitor */ #content_exhibitor_info { margin-top: 12px; padding-top: 12px; } #content_exhibitor_info h1 { font: 24px Georgia, "Times New Roman", Times, serif; margin-top: 0px; } #content_exhibitor_info p { font: 15px Georgia, "Times New Roman", Times, serif; padding-top: 16px; } #exhibitor_contact_info { font: 15px/30px Georgia, "Times New Roman", Times, serif } #exhibitor_contact_info a { color: #000; text-decoration: none; } #exhibitor_contact_info a:hover { color: #808080; } .content_exhibitor_info { font: 15px/21px Georgia, "Times New Roman", Times, serif } /* content exhibitor products*/ #content_exhibitor_products { margin-top: 25px; } .product_header { background: #CCC; font: 12px "jens-extrabold", sans-serif; color: #333; margin-bottom: 10px; height: 12px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 10px; } .content_exhibitor_products { margin-top: 25px; } .content_exhibitor_product { font: 13px/21px Arial, Helvetica, sans-serif; } .first { margin-left: 0px; width: 280px; margin-right: 0px; display: inline; float: left; } .second { margin-left: 10px; width: 140px; margin-right: 10px; display: inline; float: left; } .third { margin-left: 5px; width: 80px; margin-right: 5px; display: inline; float: left; } .fourth { margin-left: 5px; width: 70px; margin-right: 5px; display: inline; float: left; } .fifth { margin-left: 5px; width: 65px; margin-right: 0px; display: inline; float: left; text-align: right; } /* content tasting lektures */ .content_tasting_lecture { margin-top: 0px; } .lecture_header h2 { } .lecture_header { height: 30px; background: #CCC; } .tasting_header { background: #d5dad3; padding: 7px 0px; font: 12px "jens-extrabold", sans-serif; margin-bottom: 10px; color: #6d7069; height: 12px; } .content_tasting_lecture { font: 13px/21px Arial, Helvetica, sans-serif; } .tasting_title { width: 270px; float: left; } .tasting_title_italic { width: 270px; float: left; font-style: italic; color: gray; } .tasting_teacher { width: 195px; float: left; } .tasting_price { width: 115px; float: left; } .tasting_link { width: 120px; float: left; } /* content pressrelease*/ #pressrelease #Submit { margin-top: 20px; margin-left: 420px; } #pressrelease h1 { font: 24px Georgia, "Times New Roman", Times, serif; margin-top: 30px; } #pressrelease p { font: 15px Georgia, "Times New Roman", Times, serif; padding-top: 16px; } #pressrelease span { font: 12px Arial, Helvetica, sans-serif; } #pressrelease a { font: 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #000; } #pressrelease label { font: 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #000; } /* content blogg */ .content_blogg h1 { font: 24px Georgia, "Times New Roman", Times, serif; margin-top: 10px; } .content_blogg p { font: 15px Georgia, "Times New Roman", Times, serif; padding-top: 16px; } .content_blogg { padding-top: 15px; } .content_blogg .date { font: 12px Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 10px; padding-top: 20px; } .blogg_tellfriend { font: 12px Arial, Helvetica, sans-serif; text-align: right; float: right; } /* footer */ #footer { height: 180px; } #footer_graphic { border-top: 1px solid #000; } #footer_promotor { font: 12px Arial, Helvetica, sans-serif; color: #000; margin-right: 20px; margin-left: 0px; margin-bottom: 10px; text-align: center; } #footer_promotor a { color: #000; text-decoration: none; } /* age_verification */ #age_check { width: 400px; margin-left: 480px; margin-top: 220px; } #age_check h1 { font: 26px/29px Georgia, "Times New Roman", Times, serif; color: #FFF; } #age_check p { font: 17px/20px Georgia, "Times New Roman", Times, serif; color: #FFF; margin-top: 15px; } #age_check a img { margin-top: 60px; margin-left: 60px; } #container_ageverification { height: 800px; width: 960px; background: url(../images/index_bg.jpg); } #press_form form { margin-top: 30px; margin-left: 60px; } #press_form form table tr td label { width: 200px; font: 12px Arial, Helvetica, sans-serif; } .content_tasting a { color: #000; text-decoration: none; } .content_tasting a:hover { color: #D5DAD3; } .content_tasting { margin-top: 25px; } .developer { color: #FF0000; } /* formulär */ #contact_form #Submit { margin-top: 20px; margin-left: 420px; } #contact_form h1 { font: 24px Georgia, "Times New Roman", Times, serif; margin-top: 30px; } #contact_form p { font: 15px Georgia, "Times New Roman", Times, serif; padding-top: 16px; } /* content news */ #content_news { margin-top: 15px; } .newsarticle { margin-top: 15px; } .newsarticle h1 { font: 24px Georgia, "Times New Roman", Times, serif; margin-top: 10px; } .newsarticle p { font: 15px Georgia, "Times New Roman", Times, serif; padding-top: 16px; } .newsarticle a { font: 16px Georgia, "Times New Roman", Times, serif; text-decoration: none; color: #000; } .newsarticle .date { font: 12px Arial, Helvetica, sans-serif; margin-top: 20px; } .newsarticle .more a { font: 12px "jens-boldcondensed", sans-serif; color: #000; text-decoration: none; padding-top: 5px; } #content_right_caption { width: 160px; text-align: center; } #content_article .grid_160px { float: left; width: 180px; margin-right: 10px; margin-left: 10px; height: 210px; } #content_article .grid_160px a { font: 10px Arial, Helvetica, sans-serif; text-decoration: none; color: #000; } .more a { font: 12px "FuturaRegular", sans-serif; color: #000; text-decoration: none; padding-top: 5px; } /* content link */ .content_link h1 { font: 24px Georgia, "Times New Roman", Times, serif; margin-top: 10px; } .content_link p { font: 15px Georgia, "Times New Roman", Times, serif; padding-top: 16px; } .content_link { padding-top: 15px; } .content_link .link { font: 12px Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 10px; padding-top: 20px; } .content_link a { text-decoration: none; color: #000; float: right; } /* slideshow */ .slideshow { height: 300px; width: 940px; margin: 0px; overflow: hidden; } .red { color: #F00; font-weight: bold; } .newshide { display: none } .newsshow { display: inline; } /* blogg kommentarer */ #blogg_comment a { font: 12px "jens-boldcondensed", sans-serif; color: #000; text-decoration: none; margin-left: 10px; margin-top: 5px; padding-top: 5px; float: left; } .blogg_comment_answer_even { padding-top: 20px; } .blogg_comment_answer_even p { font: 14px Georgia, "Times New Roman", Times, serif; margin: 10px 20px 10px 0px; padding: 0px; } .blogg_comment_answer_even h2 { margin-top: 10px; } .blogg_comment_answer_odd { padding-top: 20px; } .blogg_comment_answer_odd p { font: 14px Georgia, "Times New Roman", Times, serif; margin: 10px 20px 10px 0px; padding: 0px; } .blogg_comment_answer_odd h2 { margin-top: 10px; } .alignRight { float: right } /* Flaggor */ #flags { float: right; margin-right: 20px; } #flags a { margin-left: 5px; } /* Salvatorre */ #gallery_header h1 { margin-top: 10px; font-family: Georgia; font-size: 24px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; } #gallery { margin-top: 20px; } #gallery[data-columns]::before { content: '3 .column.size-1of3'; } #gallery img { width: 99%; } #galley a, #gallery img { display: block; padding-bottom: 2px; } /* form-25 */ #form-25 { margin-top: 40px; background-color: orange; } #form-25 div.row div.grid_9.alternativ { padding-top: 20px; padding-bottom: 20px; } #form-25 input[type="text"] { width: 100%; display: block; margin-bottom: 10px; height: 20px; } #form-25 textarea { width: 100%; } div.question { font-size: 16px; line-height: 18px; font-weight: bold; padding-top: 20px; } /* These are the classes that are going to be applied: */ .column { float: left; } .size-1of3 { width: 33.333%; }