/* STRUKTURELLA regler: storlek, grundlıggande hierarki osv */ body { background-color: white; } * {margin: 0; padding: 0; } :focus {outline: 0;} div#container { margin-top: 20px; margin-right: auto; width: 900px; height: auto; margin-left: auto; } div#header{ width: 900px; height: 100px; background-image: url(../images/designelements/print-head-bgr.gif); background-repeat: no-repeat; margin-top: 0;margin-left:0 } div#main { width: 900px; padding-top: 18px; } div#full { width: 880px} div#footer { background-color: #91a297; clear: both; background-image: url(../images/designelements/print-footer-bgr.gif); background-repeat: no-repeat; width: 900px; height: 50px; } p, ol li { color: black; line-height: 1.3em; font-size: 0.83em; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 6px; padding-bottom: 0; } ol li { margin-left: 20px; margin-bottom: 2px } a { color: #5c6662;} a:hover { color: #610e1c; text-decoration: none; } h1 { color: black; font-size: 1.25em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-bottom: 3px; } h2 { color: black; font-size: 1.40em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-align: left; margin-bottom: 7px; } h2 a { color: black; text-decoration: none} h3 { color: black; font-size: 1.15em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-align: left; margin-bottom: 3px; } h4 { color: black; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 7px; padding-top: 0; } h5 { color: black; font-size: 0.65em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 7px; padding-top: 0; } img { border-style: none; background-color: white;} /*---------------------------------------------------------*/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /*---------------------------------------------------------*/ #main #left { float: left; width: 450px; margin: 0 0 0 100px; padding-left: 10px;} #main #right { width: 405px; float: left; margin-top: 5px;} #main #right #subcolumn_1 { width: 200px; float: left; margin-right: 5px; } #main #right #subcolumn_2 { width: 200px; float: left; } div#adminHeader{ width: 1200px; height: 100px; background-image: url(../images/designelements/head-bgr-adm.gif); background-repeat: no-repeat; margin-top: 0; } div#adminMain { background-image: url(../images/designelements/content_bgr-adm.gif); background-repeat: repeat-y; padding-top: 10px; width: 1200px; } div#adminFooter { background-color: #91a297; background-image: url(../images/designelements/footer-bgr-adm.gif); background-repeat: no-repeat; width: 1200px; height: 50px; clear: both; } div#adminCenter {text-indent: 10px; width: 100%; padding: 1em; } div#adminSide{ float: right; width: 150px; margin: 0; padding: 1em;} /* SLUT pı strukturella regler */ /*---------------------------------------------------------*/ /* START pı regler NAVIGATION */ div#header ul {display: none; background-color: none; top: 0; width: auto; float: right; margin-right: 40px; } div#header a { color: #5c6662; text-decoration: none; letter-spacing: 1px; } div#header ul li { color: white; font-size: 12px; font-family: verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #e3e9e5; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; height: 14px; float: left ; margin-right: 2px; margin-left: 2px; padding: 3px 5px; border-top: 1px solid white; border-right: 1px solid white; border-left: 1px solid white; list-style-type: none; } div#header ul li form input { font-size: 0.8em; height: 12px; } div#header ul li:hover { background-color: white; } div#header .static_menu {display: none; background-color: none; color: #5c6662; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; text-transform: uppercase; text-align: right; letter-spacing: 1px; width: auto; height: 22px; float: right; margin: 0 20px 0 0; padding-top: 5px; } div#header .static_menu .menu_item{ float: right; margin-right: 20px; margin-left: 0; padding-left: 10px; border-left: 1px dotted black; } div#header .static_menu img { position: relative; margin-top: -2px} #searchruta {display: none; background-color: none; float:right; width:215px; height:42px; margin:10px 40px 0px 10px; clear:both; text-align: right ;} .searchfield { display:inline; width:130px; position:relative; top:0; background:url(../images/designelements/search-gbr.gif) no-repeat; padding:4px 8px 4px 6px; border:0; margin:0;} .searchbutton { display:inline; margin:-1px 0 0 1px; padding:0; position:relative; top:6px;} input, .formtext, textarea{font-family:verdana, arial, helvetica, sans-serif; font-size:10px; padding:0px; margin:0px;} no-input, .formtext, textarea{font-family:verdana, arial, helvetica, sans-serif; font-size:10px;padding:0;margin:0;} /*SLUT NAVIGATION*/ /*---------------------------------------------------------*/ /*LAYOUT ARTICLES*/ #main #left .main_article, .sub_main_article, .small_main_article { top: 5px; margin-bottom: 6px; clear: both} #main #left .main_article img { margin-bottom: 5px; padding: 5px; border-color: #b6c7bc; border-width: 1px; } #main #left .main_article .right img { margin-left: 10px; float: right; } #main #left .main_article .left img { margin-right: 10px; float: left; } #main #left .main_article .center { text-align: center; clear: both; }*/ */#main #left .main_article h2 { font-size: 1.45em; } /* larger headline on top news*/ #main #left .main_article h4 , .sub_main_article h4 , .small_main_article h4 { color: #5c6662; margin-top: -5px;} #main #left p span.datum { color: #5c6662; font-size: 0.85em; } #main #left .teaser p { font-weight: bold; } #main #left .sub_main_article img { float: left; margin-bottom: 5px; padding: 5px 10px 5px 0px; } #main #left .sub_main_article .article_category p, .small_main_article .article_category p { margin-top: 10px; border-top: 2px dotted #daf3c8;} /*#main #left .sub_main_article h2, .small_main_article h2 { font-size: 1.45em; }*/ #main #left .sub_main_article .body {height: 2.2em; overflow: hidden; } #main #left .sub_main_article .body p a {text-decoration: none; color: black; } #main #left .sub_main_article .body p a:hover {text-decoration: underline;} #main #left .sub_main_article .readmore {text-align: right; margin-top: 2px; margin-right: 22px;} #main #left .sub_main_article .readmore a {font-weight: bold; } /*LAYOUT RELATED WINE AND RECIPE*/ #main #left .related_wine {display:block; background-color: #e2e5e3; margin-top: 10px; border-top:1px solid #95a69f;border-bottom:1px solid #95a69f;} #main #left .related_recipe {background-color: #e2e5e3; margin-top: 5px; border-top:1px solid #95a69f;border-bottom:1px solid #95a69f; padding: 0; } #main #left .related img {padding: 0px; margin: 0px 10px 0px 0px; float: left; } #main #left .recipe .related img {padding: 0px; margin: 0px 10px 0px 0px; float: left; } #main #left .related h4 {float: none; margin: 0px 0 2px 0; padding-top: 5px; text-decoration: none; } #main #left .recipe .related h4 {color: black; position: relative; top: 0px; margin-right: 10px; margin-bottom: 2px } #main #left .related p {color: black; margin: 0 0 0 0; padding:0;} #main #left .related p.ursprung {color: #555555; font-size:0.6em; margin-bottom: 7px; font-family:verdana, arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.4px; vertical-align: bottom;font-weight: bold; font-style: normal;} #main #left .related a {text-decoration: none; color: black; } #main #left .related h4 a { color: #5c6662} #main #left .related a:hover {text-decoration: underline;} #main #left .related table {font-size: 0.6em; font-family: verdana; font-weight: bold; text-align: center; margin: 5px 0 0px; padding:5px ; width: auto; border-collapse: collapse; } #main #left .related table td {color:888888; margin: 0 10px 0 0; padding: 3px 15px 0px 0px; border-top: solid 1px #95a69f; } #main #left .related table tr.table_header {font-weight: bold; } /*---------------------------------------------------------*/ /*LAYOUT WINES*/ #main #left .wine h2 { top: 5px; } #main #left .wine h5 { color: #5c6662; position: relative; top: 8px; float: left; margin-right: 10px; margin-bottom: 22px; height: 24px; } #main #left .wine p.ursprung { color: black; font-style: italic; margin-top: 7px; margin-bottom: 10px; font-size:80%; } #main #left .wine p { text-align: left; } #main #left .wine p span.anfang { font-size: 1.3em; line-height: 1.3em; margin-bottom: 10px; } #main #left .wine img.smaksymboler { float: left; margin-right: 8px; } #main #left .wine .smakklocka { font-size: 0.7em; font-family: verdana; background-color: orange; text-align: center; width: 75px; float: left; } #main #left .wine table.neutral { font-size: 0.7em; font-family: verdana; text-align: center; padding: 0; width: auto; margin: 12px auto 10px; border-collapse: collapse; } #main #left .wine td.neutral { background-color: #fff; margin: 0 0 0 0; padding: 0 10px 2px; border-style: none; border-width: 0; ; } #main #left .wine table { font-size: 0.7em; font-family: verdana; text-align: left; margin: 12px auto 10px; padding: 0; width: auto; border-collapse: collapse; } #main #left .wine table td { background-color: #e9edeb; margin: 0 10px 0 0; padding: 0 3px 2px; border: dotted 1px white; } #main #left .wine table tr.table_header { font-weight: bold; } #main #left .wine .productimage { float: left; margin-right: 10px; margin-bottom: 10px; } #main #left .wine .typosymboler {position: relative; width: 240px; height: 40px; float: left; clear: right; margin-top: 3px; overflow: hidden; } #main #left .wine .pressinfo { color: white; font-size: 11px; font-family: verdana; font-weight: bold; background-color: white; background-image: url(../images/designelements/band500.jpg); background-repeat: no-repeat; margin: 3px auto 5px; padding: 2px 3px 0; border: solid 1px #cddbc4; } #main #left .wine .pressinfo table.neutral { width: 435px; margin: 8px auto 7px; padding: 0; } #main #left .wine .pressinfo table td { color: #4e6346; font-size: 10px; font-weight: bold; background-color: white; margin: 0; padding: 0 3px 2px; vertical-align: bottom; } #main #left .wine .pressinfo img { height: 50px; margin-bottom: 3px; } /*LAYOUT SMS AND MAIL FUNCTIONS*/ #main #left .wine .functions p { font-family:verdana, arial, helvetica, sans-serif; text-align: center; padding: 2px 4px 4px 0px; } #main #left .wine .functions a { color: #5c6662; margin-bottom: 7px; margin-left: 10px; text-transform: uppercase; letter-spacing: 0.5px; vertical-align: bottom; font-weight: bold; font-style: normal; font-size: 11px; } #main #left .wine #sms_remind {margin-left: auto; margin-right: auto; width: 370px; height: auto; background-color: #f2f5f3; margin-top: 10px; border: 1px solid #dbe0dd; padding: 5px; } #main #left .wine #sms_remind p {margin-bottom: 5px; margin-left: 10px; font-family:verdana, arial, helvetica, sans-serif; font-weight: bold; font-style: normal; font-size: 0.7em} #main #left .wine #sms_remind #sms_form input {margin: 3px 0 4px 0} #main #left .wine #mail_a_friend {margin-left: auto; margin-right: auto; width: 420px; height: auto; background-color: #f2f5f3; margin-top: 10px; border: 1px solid #dbe0dd; padding: 5px; } #main #left .wine #mail_a_friend p {margin-bottom: 5px; margin-left: 10px; font-family:verdana, arial, helvetica, sans-serif; font-weight: bold; font-style: normal; font-size: 0.7em; text-align: center;} /*---------------------------------------------------------*/ /*LAYOUT WINE-LIST*/ #main h5 span.wine_list {color: #5c6662; border: none; top: 8px; margin-right: 10px; margin-bottom: 22px; } #main .wine_list h5 {color: #5c6662; border: none; top: 8px; margin-right: 10px; margin-bottom: 22px; } #main .wine_list { margin-left: 20px; margin-bottom: 10px; width: 700px; border: solid 0px #b6c7bc; } #main .wine_list h3 {margin-bottom: 0px; color: #5c6662; font-size: 0.82em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #d6e7dc; text-transform: uppercase; letter-spacing: 0.5px; height: 12px; padding-top: 1px; padding-bottom: 4px; padding-left: 5px; } #main .wine_list .winetype { font-size: 0.62em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 6px; padding-bottom: 0px; padding-left: 5px; } #main .wine_list .winetype.rott { color: #b32c25; } #main .wine_list .winetype.rose { color: #d079ba; } #main .wine_list .winetype.vitt { color: #7c9855; } #main .wine_list .winetype.starkvin { color: #5e2328; } #main .wine_list .winetype.mousserande { color: #b69d3b;} #main .wine_list a {color: #444444;} #main .wine_list .winename { color: black; font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; width: 350px; height: 12px; float: left; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; } #main .wine_list .producername { font-size: 0.72em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; width: 210px; height: 12px; float: left; } #main .wine_list p { text-align: right; margin: 0; padding: 0; position: absolute; margin-top: -3px} #main .wine_list img.smaksymboler { margin-right: 0; margin-left: 3px; width: 24px; } #main .wine_list .tastesymbols { padding-left: 5px; width: 110px; float: left; } #main .wine_list table { color: #444444; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding-top: 0; padding-bottom: 0; margin-left: 3px; width: 440px; clear: both; } #main .wine_list .oneliner { color: black; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; padding-top: 0; padding-bottom: 3px; padding-left: 5px; clear: both; } #main .wine_list h3 span { font-weight: normal; } /*LAYOUT SEARCH-WINE-LIST*/ #wine_search {background-color: #c2d96; position:relative; height: 250px; top:0; padding:4px 8px 4px 6px; border:0; margin:5px 0 10px 0;} #wine_search input, select, .formtext, textarea{font-family:verdana, arial, helvetica, sans-serif; font-size:10px; padding:2px; margin:0px; border: none} #wine_search no-input, select, .formtext, textarea{font-family:verdana, arial, helvetica, sans-serif; font-size:10px;padding:2px;margin:0;} #wine_search p {width: 420px;} #wine_search h3 {margin-bottom: 10px} #wine_search .table_header {width: 100px; float:left; } #wine_search input.searchbutton {padding:0; margin-right: 6px;} #main .wine_list_item { margin-left: 0px; margin-bottom: 10px; width: 448px; border: solid 1px #b6c7bc; } #main .wine_list_item h3 { color: #5c6662; font-size: 0.72em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #b6c7bc; text-transform: uppercase; letter-spacing: 0.5px; height: 10px; padding-top: 1px; padding-bottom: 4px; padding-left: 5px; } #main .wine_list_item .winetype.rott { color: #af0303; font-size: 0.62em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 5px; } #main .wine_list_item .winetype.rose { color: #d079ba; font-size: 0.62em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 5px; } #main .wine_list_item .winetype.vitt { color: #7c9855; font-size: 0.62em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 5px; } #main .wine_list_item .winetype.starkvin { color: #5e2328; font-size: 0.62em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 5px; } #main .wine_list_item .winetype.mousserande { color: #b69d3b; font-size: 0.62em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 3px; padding-bottom: 0px; padding-left: 5px; } #main .wine_list_item .winename { color: black; font-size: 0.72em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; width: 275px; height: 12px; float: left; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; } #main .wine_list_item .producername { color: black; font-size: 0.72em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; width: 140px; height: 12px; float: left; } #main .wine_list_item p { text-align: right; margin: 0; padding: 0; } #main .wine_list_item img.smaksymboler { display: none; margin-right: 0; margin-left: 2px; width: 0px; } #main .wine_list_item .tastesymbols { padding-left: 5px; width: 95px; float: left; } #main .wine_list_item table { color: #7f7f7f; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding-top: 0; padding-bottom: 0; padding-left: 4px; width: 440px; clear: both; } #main .wine_list_item .oneliner { display: none; color: #7f7f7f; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; padding-top: 0; padding-bottom: 3px; padding-left: 7px; clear: both; } #main .wine_list_item h3 span { font-weight: normal; } /*LAYOUT SEARCH-RECIPE*/ #recipe_niklasbox {; position:relative; width:420px; top:0; padding:4px 8px 4px 6px; border:0; margin:5px 0 10px 0;} #recipe_niklasbox img{float:left;} #recipe_niklasbox span{font-weight: bold;} #recipe_search {background-color: #e9edeb; position:relative; top:0; padding:4px 8px 4px 6px; border:0; margin:5px 0 10px 0;} #recipe_search input, select, .formtext, textarea{font-family:verdana, arial, helvetica, sans-serif; font-size:10px; padding:2px; margin:0px; border: none} #recipe_search no-input, select, .formtext, textarea{font-family:verdana, arial, helvetica, sans-serif; font-size:10px;padding:2px;margin:0;} #recipe_search p {width: 420px;} #recipe_search h3 {margin-bottom: 10px} #recipe_search h4 {margin-top: 10px} #recipe_search .table_header {width: 100px; float:left; } #recipe_search input.searchbutton {padding:0; margin-right: 6px;} #main #left .recipe_list h4 { color: #5c6662; text-transform: uppercase; position: relative; top: 5px; } #main #left .recipe_list { margin-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #cddbc4; } #main #left .recipe_list img { margin-right: 10px; float: left; } #main #left .recipe_list p { margin-bottom: 2px; } #main #left .recipe_list p span.vintips { color: #5c6662; font-size: 0.8em; font-family: verdana; font-weight: bold; } #main #left .recipe_list p span.vintext { font-size: 0.8em; font-family: verdana; } /*---------------------------------------------------------*/ /*LAYOUT SMAKRADET*/ #main #left #subscription_box #subscription_header {height: auto; background-color: #f2f5f3; margin: 5px 0 10px 0; border: 1px solid #dbe0dd; padding: 5px;} #main #left #subscription_box h3 {color: #610e1c; text-align: center; font-size: 95% } #main #left #subscription_box h3 a {color: #610e1c;} /*#main #left #subscription_box #subscription_form {height: auto; background-color: #f2f5f3; margin: 10x 0 0 0; border-top:1px solid #dbe0dd;border-bottom:1px solid #dbe0dd; padding: 5px;} */ #subscription_box #subscription_form {background-color: #f2f5f3; position:relative; height: auto; top:0; padding:8px 8px 4px 6px; border: 1px solid #dbe0dd; margin:5px 0 10px 0;} #main #left #subscription_box #subscription_form select .formtext {font-family:verdana, arial, helvetica, sans-serif; font-size:10px; padding:2px; margin:0px; border: none} #main #left #subscription_box #subscription_form no-input {font-family:verdana, arial, helvetica, sans-serif; font-size: 12px; padding: 2px; margin:0; } #main #left #subscription_box #subscription_form p {width: 420px; } #main #left #subscription_box #subscription_form a p {font-size: 12px; text-decoration: none; text-align: center; } #main #left #subscription_box #subscription_form a p:hover {text-decoration: underline; } #main #left #subscription_box #subscription_form h3 {margin-bottom: 10px; } #main #left #subscription_box #subscription_form .table_header {width: 90px; float:left; font-size: 12px; margin-left: 65px;} #main #left #subscription_box #subscription_submit {padding:0; text-align: center; }*/ /*---------------------------------------------------------*/ /*LAYOUT PRESS-NYHETER*/ div #show_press #taste {visibility: hidden; height: 0px} #main #left .new_wine .typosymboler { position: relative; width: 360px; float: left; clear: right; margin-top: 3px; } #main #left .new_wine h4 { margin-top: 10px; background-image: url(../images/designelements/band500.jpg); padding: 2px 0px 3px 4px; color: white; margin: 0} #main #left .new_wine h3 { font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #5c6662; margin: 5px 5px 9px 3px; } #main #left .new_wine h1 { background-image: url(../images/designelements/band500.jpg); padding: 5px 5px 5px 5px; color: white; margin-bottom: 12px; } #main #left .new_wine .pressinfo { border: none ; } #main #left .new_wine { border: solid 1px #cddbc4; margin-bottom: 10px ; margin-top: 10px; } /*---------------------------------------------------------*/ #main #left .employee {height: auto; background-color: white; margin-top: 10px; border-top:1px solid white;border-bottom: 0px solid #dbe0dd; display: block; float: none;} #main #left .employee .employee_image img {padding: 0px; margin: 0px 10px 0px 0px; float: left; width: auto; height: auto; } #main #left .employee .email_image img {position: relative; left: -2px } #main #left .employee h3 {float: none; margin: 5px 0px 2px 0; padding:0; text-decoration: none; } #main #left .employee p {color: black; margin: 0 0 5px 0; padding:0; font-size:0.85em;} #main #left .employee p span {color: #888888; font-size:0.7em; margin-bottom: 7px; font-family:verdana, arial, helvetica, sans-serif; text-transform: uppercase; vertical-align: bottom; font-weight: bold; font-style: normal;} /* Styr layouten pı textoxen som skapas dynamiskt via AJAX, inte de i formulır */ .inplaceeditor-form input[type="text"] { width: 400px; border: 1px solid; padding: 2px; } /* Detta vore en regel fır alla formulır som inte faller under ovastıende regel */ input{ /**/ } /* .inplaceeditor-form input[type="textbox"] { width: 400px; }*/ #main #left .recipe { clear: left } #main #left .recipe img { margin-right: 0; margin-bottom: 10px; margin-right: 5px; float: left; } #main #left .recipe img.recipeimage { margin-right: 0; margin-bottom: 10px; width: 450px; float: none; } #main #left .recipe h4 { color: #5c6662; position: relative; top: 8px; margin-right: 10px; margin-bottom: 22px } #main #left .recipe .ingredients { margin-bottom: 22px; width: 450px; padding-top: 10px; padding-bottom: 10px; border-top: 2px dotted #5c6662; border-bottom: 2px dotted #5c6662; } #main #left .recipe .ingredients p { font-size: 0.65em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 2px; } #main #left .recipe .wines { border-top: 2px dotted #5c6662; clear: both; padding-top: 5px} div.service { display: none; background-color: #f2f5f3; width: 200px; margin-bottom: 5px; height: auto; } div#smakrad .service { display: none; background-color: #f2f5f3;background-image: url(../images/designelements/smakradet-foot.gif); background-repeat: no-repeat; background-position: bottom; width: 200px; margin-bottom: 5px; padding-bottom:39px; height: auto; } div.service .header { padding-left: 6px; color: white; font-size: 10px; font-family: verdana; font-weight: bold; background-image: url(../images/designelements/band200.jpg); background-repeat: repeat-y; text-align: left; height: 17px; padding-top: 3px; } div.service .body p { font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 0; margin-bottom: 0; margin-left: 6px; margin-right: 6px; margin-top: 0px; padding-bottom: 5px;} div.service .body { } div.service .body h4 { font-size: 0.8em; text-decoration: none; margin-bottom: 10px; margin-left: 6px; margin-right: 6px; position: relative; top: 5px; } div.service .body h3 { margin-left: 6px; margin-right: 6px; margin-top: 10px; font-size: 90% } div.service .body h5 { font-size: 0.68em; margin-bottom: 10px; margin-left: 6px; margin-right: 6px; position: relative; top: 5px; } div.service .body img { float: right; margin-left: 10px; padding-right: -5px; } div.service .wine_review { display: none; height: auto; border-bottom: solid 1px #b3bdb7; margin-bottom: 0px; display: block; } div.service .new_wine {display: none; height: auto; border-bottom: solid 1px #b3bdb7; margin-bottom: 0px; display: block; } div.service .body h5 a , a {color: #5c6662; text-decoration: none;} div.service .body h5 a:hover, a:hover {color: #610e1c; text-decoration: underline;} div.service .wine_review p.tidning {font-size: 0.6em; color: #888888;} div.service .new_wine p.lanseras {font-size: 0.6em; color: #888888; margin-top: 0px; } div.service .new_wine p.forpackning {color: #888888; font-size:0.6em; margin-bottom: 4px; font-family:verdana, arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.4px; vertical-align: bottom;font-weight: bold; font-style: normal;} div.service .wine_review h3 {font-size: 110% } div #news .service a, #archive .service a {font-size: 110%; font-weight: normal; color: black; } div #news .service a:hover, #archive .service a:hover {color: 610e1c; text-decoration: underline;} div #news .service p, #archive .service p {font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 5px; margin-top: 0; padding-bottom: 0; padding-top: 0; line-height: 100%;} div #news .body, #archive .body { padding-top: 6px; padding-bottom: 5px;} div.two_column_service { display: none; background-color: #f2f5f3; margin-bottom: 5px; width: 403px; height: auto; overflow: hidden} div.two_column_service .header { padding-left: 6px;; color: white; font-size: 10px; font-family: verdana; font-weight: bold; background-image: url(../images/designelements/band500.jpg); background-repeat: repeat-y; text-decoration: none; text-align: left; padding-top: 3px; height: 18px; } div.two_column_service .header a { color: white; text-decoration: none; } div.two_column_service .body { height: auto; } div.two_column_service .body h4 { font-size: 0.8em; text-decoration: none; position: relative; top: 5px; margin-bottom: 10px;} div.two_column_service .body h4 a { text-decoration: none; } div.two_column_service .body img { float: left; margin-left: 0px; margin-right:10px; width: 198px;} div.two_column_service .body .wines img { float: right; margin-right: 5px; margin-left: 6px; width: 42px; display: none} div.two_column_service .body .wines p { font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 0; margin-bottom: 0; padding-bottom: 5px; padding-left: 5px; } div.two_column_service .body .wines p span { font-weight: bold; } #poll_content .graph {height: 15px; width: 92%; margin-left: 4px; padding: 0}; #poll_content strong .bar {color: #5c6662; height: 2px; padding: 0}; #flash {width: 100%; height: 40px; background: #ddd;} #flash p {color: #000000; font-weight: bold; padding: 5px 5px 5px 5px;} div#admin_container{ width: 1200px; height: auto; margin-top: 20px; margin-right: auto; } #adminHeader p.adminmenu { font-size: 10px; font-family: Verdana; width: 750px; float: right; margin-top: 8px; margin-bottom: 0; } #adminHeader p.adminmenu span { text-transform: uppercase; letter-spacing: 1px; font-weight: bold; } #adminSide .adminSideBox { border: solid 1px #000; } #adminSide .adminSideBox .header { background: #ccc; } #adminSide .adminSideBox .content { background: #fff; } #main #pressbilder { margin-left: 8px; margin-bottom: 10px; width: 868px; border: solid 0px #b6c7bc; } #main #pressbilder .searchform { background-color: #e9edeb; padding: 10px; } #main #pressbilder .searchform span { font-style: italic; } #main #pressbilder .searchform p {margin-top: 5px;} .press_image { background-color: #e9edeb; text-align: center; width: 196px; height: 280px; border: 1px solid #dae0de; margin: 6px 2px 3px 8px; padding: 5px; float: left } .press_image p { color: #5c6662; font-size: 0.74em; font-family: verdana;} .press_image img { border: 2px solid #ffffff} /* Tillıgg fır autocompletion av taggar i admin o det publika ? */ div.auto_complete { width: 350px; background: #fff; } div.auto_complete ul { border: 1px solid #888; margin: 0; padding: 0; width: 100%; list-style-type: none; } div.auto_complete ul li { margin: 0; padding: 3px; } div.auto_complete ul li.selected { background-color: #ffb; } div.auto_complete ul strong.highlight { color: #800; margin: 0; padding: 0; } /* poll results test */ .graph { position: relative; width: 200px; border: 1px solid #b3bdb7; padding: 2px; margin-bottom: .5em; } .graph .bar { display: block; position: relative; background: #b3bdb7; text-align: center; color: #333; height: 1em; line-height: 1em; } .graph .bar span { position: absolute; left: 1em; }