/* Kartstadt Premium Group Global declarations Author: Planetactive GmbH Karstadt blue #020d36 Typo meta/footer #707070 Table background #222222 Signal color #e2007a Boder color #a1a1a1 BROWSER RESET GENERAL ITEMS TYPO FRAMEWORK HEADER FOOTER GENERAL CONTENT SPECIFIC CONTENT FORM FIELDS */ /************************************************************ * BROWSER RESET ************************************************************/ html { height:100%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, option, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline: 0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } :focus { outline:0; } body { line-height:1; color:black; background:white; height:100%; } ol, ul { list-style:none; } li { float:left; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } img { display:block; } /************************************************************ * GENERAL ITEMS ************************************************************/ p { padding:0 0 15px 0; } p.nomrg { padding:0; } .left { float:left; } .right { float:right; } .clear { clear:both; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { min-width:0; display:block; clear:both; } /************************************************************ * TYPO ************************************************************/ div,p,a,li,td,input,select,option,textarea { font-family:Verdana,Arial,Helvetica,sans-serif; color:#707070; font-size:11px; line-height:16px; font-weight:normal; } a:link, a:visited, a:active, a:focus, a:hover { text-decoration:underline; } a.highlight:link, a.highlight:visited, a.highlight:active, a.highlight:focus, a.highlight:hover { color:#e2007a; } a.download:link, a.download:visited, a.download:active { color:#fff !important; text-decoration:none; padding-right:10px; background:url('/fileadmin/global/img/ico_link_download.gif') right no-repeat; } a.download:focus, a.download:hover { color:#e2007a !important; text-decoration:underline; } h1 { padding:55px 40px 30px 40px; font-size:28px; } h2 { padding:20px 40px 20px 40px; font-size:28px; } h3 { padding:0 0 15px 0; font-size:12px; font-weight:normal; text-transform:uppercase; } h4 { padding:0; font-size:10px; font-weight:bold; } .hint { font-size:10px; color:#626262 !important; } .error { color:#f00 !important; } .tx-indexedsearch-redMarkup { color:#e2007a !important; } /************************************************************ * FRAMEWORK ************************************************************/ #frw { width:929px; } /************************************************************ * HEADER ************************************************************/ #hdr #logo { position:absolute; top:46px; left:9px; z-index:20000; } #hdr .music { position:absolute; top:26px; left:820px; z-index:20000; width:48px; height:11px; cursor:pointer; background:url('/fileadmin/global/img/ico_music_de_on.png') 0 0 no-repeat; } #music_player { position:absolute; bottom:0; right:0; } #hdr #search { position:absolute; top:27px; left:880px; z-index:20000; width:45px; height:12px; cursor:pointer; background:url('/fileadmin/global/img/ico_search_de_lo.png') 0 0 no-repeat; } #hdr #search a { display:block; width:41px; height:12px; } #hdr #searchlayer { position:absolute; top:46px; left:767px; z-index:20000; width:156px; height:85px; background:#fff; border:1px solid #dbdbdb; } #hdr #searchlayer .searchcontent { padding:20px 10px; } #hdr #searchlayer .searchcontent input { float:left; width:110px; height:12px; font-size:9px; margin-bottom:10px; border:1px solid #dbdbdb; } #hdr #searchlayer .searchcontent input.submit { width:13px; height:16px; background:url('/fileadmin/global/img/ico_search_button.gif') 0 0 no-repeat; } #hdr #searchlayer .searchcontent input.submit:hover, #hdr #searchlayer .searchcontent input.submit:focus { background-position:-13px 0; } #hdr #searchlayer .searchcontent p { padding:0; font-size:9px; color:#000; line-height:12px; } #navigation { position:absolute; top:46px; left:110px; z-index:10000; width:814px; background:url('/fileadmin/web_oberpollinger/img/nav_bg.gif'); } #navigation li { position:relative; display:block; float:left; width:134px; height:46px; background-position:0 0; margin-right:2px; } #navigation li.isLast { border-bottom:2px solid #000; margin-right:0; } #navigation li:hover { background-position:134px 0; } #navigation li a { display:block; width:100%; height:100%; text-decoration:none; } /* level 2 */ #navigation li ul { display:none; margin-top:-1px; } #navigation li:hover > ul { display:block; position:absolute; top:46px; left:-40px; width:134px; padding:9px 40px 40px 40px; } #navigation li ul li { float:none; width:134px; height:26px; } #navigation li ul li > a { position:relative; width:100%; margin:0; padding:7px 3px 4px 3px; } /* level 3 */ #navigation li:hover > ul > li:hover > ul { top:-8px; left:136px; padding-left:0; } /************************************************************ * FOOTER ************************************************************/ #ftr { margin-left:107px; height:50px; padding:0 5px 0 4px; } #ftr a:link, #ftr a:visited, #ftr a:active { text-decoration:none; } #ftr a:focus, #ftr a:hover { text-decoration:underline; } #ftr span, #ftr ul li, #ftr ul li a { font-size:10px; color:#707070; } #ftr span { float:left; margin-right:5px; } #ftr a.active, #ftr a.meta_active { text-decoration:underline !important; } #ftr .left ul#member { float:left; } #ftr .left ul#lang { clear:both; } #ftr .left ul#lang li, #ftr .left ul#lang a { float:left; color:#000 !important; } #ftr .left ul li * { float:left; } #ftr .left ul li span { margin-left:5px; } #ftr .right ul li * { float:left;color:#000; font-size:9px; } #ftr .right ul li span { margin-left:5px; } /************************************************************ * GENERAL CONTENT ************************************************************/ #cnt { padding-left:107px; padding-top:100px; } #cnt .cnt_bottom { height:10px; } #cnt .cnt_wrap { padding:0 5px 40px 4px; width:814px; } #cnt .cnt_wrap_image { position:relative; } .cnt_home .cnt_wrap { position:relative; padding-bottom:0 !important; } .cnt_home .cnt_wrap h1#pgt { position:absolute !important; top:0; left:3px; z-index:10; } /* breadcrumb */ #cnt #brc { position:absolute; top:95px; left:105px; padding:25px 0 0 25px; } #cnt #brc a:link, #cnt #brc a:visited, #cnt #brc a:active { text-decoration:none; } #cnt #brc a:focus, #cnt #brc a:hover { text-decoration:underline; } .cnt_home #brc { position:absolute; top:-5px !important; left:-2px !important; z-index:11; } /* content types */ .cnt_black .cnt_bottom { background:url('/fileadmin/global/img/cnt_black_bottom.png') no-repeat; } .cnt_black .cnt_wrap { background:url('/fileadmin/global/img/cnt_black_main.png') top repeat-x; } .cnt_white .cnt_bottom { background:url('/fileadmin/global/img/cnt_white_bottom.png') no-repeat; } .cnt_white .cnt_wrap { background:url('/fileadmin/global/img/cnt_white_main.png') top repeat-x; } /* tables */ #cnt table.listing { width:100%; margin-bottom:30px; } #cnt table.listing th { padding:2px 10px; border-right:2px solid #000; background:#222; font-weight:bold; text-transform:uppercase; } #cnt table.listing th span { float:left; font-weight:bold; text-transform:uppercase; } #cnt table.listing th a { float:right; margin:2px 10px; } #cnt table.listing th.gap { border:0; background:#000; } #cnt table.listing td { padding:2px 10px; background:#fff; color:#000; border-right:2px solid #000; border-bottom:2px solid #000; vertical-align:top; } #cnt table.listing td span { float:left; color:#000; } #cnt table.listing td a { float:right; margin:2px 10px; } #cnt table.listing td.gap { background:#000; padding:0; } /* content types */ #cnt .cnt_image_only { position:relative; margin-left:-1px; } #cnt .cnt_padding { padding:0 40px 0 40px; } /* plain text */ .cnt_black .cnt_padding * { color:#fff; } .cnt_white .cnt_padding * { color:#000; } #cnt .cnt_background { padding:15px 10px 0 10px; margin-bottom:15px; background:#e2e2e2; } /* images only */ #cnt .cnt_image_only .image_left { float:left; } #cnt .cnt_image_only .image_right_top { float:right; } #cnt .cnt_image_only .image_right_bottom { float:right; } #cnt .linklist { position:absolute !important; left:25px; bottom:0; z-index:1000; } #cnt .linklist ul { padding:15px 25px; background:#606060; } #cnt .linklist li { float:none; padding-left:15px; background:url('/fileadmin/global/img/ico_list.gif') left no-repeat; } #cnt .linklist li, #cnt .linklist li a { color:#fff !important; } #cnt .linklist li a:link, #cnt .linklist li a:visited, #cnt .linklist li a:active { text-decoration:none; } #cnt .linklist li a:focus, #cnt .linklist li a:hover { text-decoration:underline; } /* columns */ #cnt .two_col { clear:both; margin-bottom:15px; } #cnt .two_col_left { float:left; width:316px; padding-right:30px; } #cnt .two_col_right { float:left; width:316px; padding-left:30px; } #cnt .two_col .cnt_padding { padding:0; } /* borders */ #cnt .border_bottom { clear:both; height:4px; border-bottom:1px solid #434343; } /* pager*/ #cnt .pager { margin-top:15px; margin-bottom:15px; text-align:right; font-size:10px; } #cnt .pager ul { float:right } #cnt .pager ul li { margin-left:3px; } #cnt .pager ul li a { margin-left:3px; } #cnt .pager .active, #cnt .pager strong a { color:#e2007a !important; font-size:10px; } #cnt .pager a:link, #cnt .pager a:visited, #cnt .pager a:active { font-size:10px; text-decoration:none; } #cnt .pager a:focus, #cnt .pager a:hover { text-decoration:underline; color:#e2007a !important; } /* scroller */ #cnt .scroller { clear:both; width:733px; overflow:hidden; } #cnt .scroller .scroller_content { float:left; } #cnt .scroller .scroller_image { display:block; margin:0 0 10px; } #cnt .scroller .scroller_image img { cursor:pointer; } #cnt .scroller .scroller_text { display:block; padding-right:15px; } #cnt .scroller .controll_top { height:1px; border-bottom:1px solid #434343; } #cnt .scroller .controll_bottom { height:1px; border-top:1px solid #434343; } #cnt .scroller .controll_left, #cnt .scroller .controll_right { width:76px; height:24px; cursor:pointer; z-index:4; } #cnt .scroller .controll_archive a:link, #cnt .scroller .controll_archive a:visited, #cnt .scroller .controll_archive a:active { font-size:10px; text-decoration:none; } #cnt .scroller .controll_archive a:focus, #cnt .scroller .controll_archive a:hover { text-decoration:underline; } #cnt .scroller_tiny { height:120px; } #cnt .scroller_tiny .scroller_content { width:143px; height:90px; } #cnt .scroller_tiny .scroller_image { height:60px;} #cnt .scroller_tiny .controll_top { position:relative; top:80px; left:0; z-index:100; } #cnt .scroller_tiny .controll_bottom { position:relative; top:105px; left:0; z-index:100; } #cnt .scroller_tiny .controll_left { position:absolute; top:90px; left:0; } #cnt .scroller_tiny .controll_right { position:absolute; top:90px; right:0; } #cnt .scroller_tiny .controll_archive { position:absolute; top:93px; left:45%; cursor:pointer; z-index:4; } #cnt .scroller_small { height:180px; } #cnt .scroller_small .scroller_content { width:123px; height:180px; } #cnt .scroller_small .scroller_image { height:125px; } #cnt .scroller_small .controll_top { position:relative; top:135px; left:0; z-index:100; } #cnt .scroller_small .controll_bottom { position:relative; top:160px; left:0; z-index:100; } #cnt .scroller_small .controll_left { position:absolute; top:138px; left:0; } #cnt .scroller_small .controll_right { position:absolute; top:138px; right:0; } #cnt .scroller_small .controll_archive { position:absolute; top:141px; left:45%; cursor:pointer; z-index:4; } #cnt .scroller_large { height:250px; } #cnt .scroller_large .scroller_content { width:190px; height:150px; } #cnt .scroller_large .scroller_image { height:115px; } #cnt .scroller_large .controll_top { position:relative; top:180px; left:0; z-index:100; } #cnt .scroller_large .controll_bottom { position:relative; top:205px; left:0; z-index:100; } #cnt .scroller_large .controll_left { position:absolute; top:183px; left:0; } #cnt .scroller_large .controll_right { position:absolute; top:183px; right:0; } #cnt .scroller_large .controll_archive { position:absolute; top:186px; left:45%; cursor:pointer; z-index:4; } #cnt .scroller_large .scroller_text { padding-right:50px; } /* tooltips */ .tool-tip { z-index:13000; } .tool-title { margin:0; padding:8px 8px 4px; font-weight:bold; font-size:11px; color:#9FD4FF; background:#222222; } .tool-text { font-size:11px; padding:4px 8px; color:#fff !important; background:#222222; } /* anchor links */ #cnt #anchor { padding-bottom:50px; clear:both; } #cnt #anchor a { margin-bottom:10px; float:left; width:200px; } #cnt #anchor a div { text-decoration:underline; padding-right:10px; } /************************************************************ * SPECIFIC CONTENT ************************************************************/ /* teaser */ #cnt .imageteaser_one_col { border:1px solid #6a6a6a; margin-bottom:15px; } #cnt .imageteaser_one_col .text { width:137px; padding:27px 20px; float:left; position:relative; } #cnt .imageteaser_one_col .text b { position:absolute; top:20px; left:25px; z-index:100; font-weight:normal; font-size:18px; line-height:20px; } #cnt .imageteaser_one_col .text a { position:absolute; top:150px; left:40px; z-index:100; } #cnt .imageteaser_one_col .images { float:left; } #cnt .imageteaser_one_col .images img { float:left; border-left:1px solid #000; } #cnt .imageteaser_two_col { float:left; width:330px; min-height:230px; padding:12px 9px; border:1px solid #6a6a6a; margin-bottom:30px; } #cnt .imageteaser_two_col_last { float:right; } #cnt .imageteaser_two_col .text { margin-top:12px; } #cnt .imageteaser_two_col .text a { float:left; } #cnt .imageteaser_single { float:left; width:330px; min-height:230px; padding:12px 9px; border:1px solid #6a6a6a; margin:0 0 30px 40px; } #cnt .imageteaser_single .text { margin-top:12px; } #cnt .imageteaser_single .text a { float:left; } /* floors */ #cnt #house1,#cnt #house2 { height:475px; position:relative; } #cnt .floor_display { float:left; width:367px; height:360px; text-align:center; border:1px #707070 solid;} #cnt .floor_display img { display:inline; } #cnt .floor_select { float:left; width:318px; margin-left:35px; } #cnt .floor_select li { height:45px; width:320px; margin-bottom:5px; border:1px #707070 solid; position:relative; } #cnt .floor_select li .floor_number { display:block; float:left; padding:10px 0 0 17px; font-size:20px; line-height:18px; width:60px; } #cnt .floor_select li .floor_name { position:absolute; top:14px; left:85px; display:block; padding-right:5px; } #cnt .floor_select li .floor_description { position:absolute; top:35px; left:85px; display:block; padding-right:5px; } #cnt .floor_navigation { position:absolute !important; bottom:70px; left:0; } #cnt .floor_navigation img { float:left; margin-right:7px; cursor:pointer; } .over { background:#1b1b18; } .out { background:#000;} /* brands overview */ #cnt .brands_select { padding:25px 0 25px 75px; background:#222222; border-bottom:1px solid #a1a1a1; } #cnt .brands_select span { margin-right:10px; line-height:18px; } #cnt .brands_select select { margin-right:10px; height:17px; width:200px; } #cnt .brands_letters { text-align:center; padding:12px 0; } #cnt .brands_letters span { display:inline; font-size:12px; } #cnt .brands_letters span a { padding:11px 4px; font-size:12px; text-decoration:none; outline:none; } #cnt .brands_letters span.active a, #cnt .brands_letters span a:hover { background:#df0079 url('/fileadmin/global/img/cnt_brands_letter_background.gif') repeat-x; } /* history */ #cnt #history_image { width:397px; float:left; margin-right:30px; } #cnt #history_image span { display:block; padding:10px 0 30px 0; } #cnt #history_text { width:305px; float:left; } #cnt #history_text h4 { margin-bottom:15px; } /* sitemap */ #cnt .sitemap_col { width:163px; float:left; padding-right:20px; } #cnt .sitemap_col ul { margin-bottom:30px; } #cnt .sitemap_col li { float:none; } #cnt .sitemap_col li a:link, #cnt .sitemap_col li a:visited, #cnt .sitemap_col li a:active { font-size:12px; text-transform:uppercase; text-decoration:none; } #cnt .sitemap_col li a:focus, #cnt .sitemap_col li a:hover { text-decoration:underline; } #cnt .sitemap_col li li { margin-top:25px; font-size:11px; font-weight:bold; text-transform:none; } #cnt .sitemap_col li li a:link, #cnt .sitemap_col li li a:visited, #cnt .sitemap_col li li a:active { font-size:11px; text-transform:none; text-decoration:none; font-weight:bold; } #cnt .sitemap_col li li a:focus, #cnt .sitemap_col li li a:hover { text-decoration:underline; } #cnt .sitemap_col li li li { margin-top:0; font-size:10px; font-weight:normal; padding-left:10px; } #cnt .sitemap_col li li li a:link, #cnt .sitemap_col li li li a:visited, #cnt .sitemap_col li li li a:active, #cnt .sitemap_col li li li a:focus, #cnt .sitemap_col li li li a:hover { font-size:10px; font-weight:normal; text-decoration:underline; } /* search */ #cnt .cnt_search_form { padding:12px 9px; background:#222; margin-bottom:30px; } #cnt .cnt_search_form label { float:left; margin-right:10px; } #cnt .cnt_search_form input { width:200px; height:15px; margin-right:10px; } #cnt .cnt_search_form select { float:left; width:205px; margin-right:10px; } #cnt .cnt_search_form .advanced_filter { clear:both; padding-top:20px; } #cnt .cnt_search_form .advanced_filter span { float:left; margin-right:15px; } #cnt .cnt_search_form .advanced_filter input { float:left; margin-right:5px; width:auto; border:0; } #cnt .cnt_search_form .advanced_filter label { float:left; margin-right:10px; } /* article */ #cnt .cnt_article { margin-bottom:30px; } #cnt .cnt_article .article_image { float:left; width:366px; height:300px; text-align:center; margin:0 20px 20px 0; border:1px #707070 solid; position:relative; } #cnt .cnt_article .article_image img { display:inline; } #cnt .cnt_article .article_image .article_image_text { position:absolute; bottom:0; left:0; width:350px; text-align:left; padding:8px; color:#3a3a3a; font-weight:bold; background:url('/fileadmin/global/img/t70.png'); } #cnt .cnt_article .article_text { float:left; width:344px; margin-bottom:20px; } .cnt_black .cnt_article .article_text a:link, .cnt_black .cnt_article .article_text a:visited, .cnt_black .cnt_article .article_text a:active { color:#fff !important; text-decoration:none; padding-right:10px; background:url('/fileadmin/global/img/ico_link_download.gif') right no-repeat; } .cnt_black .cnt_article .article_text a:focus, .cnt_black .cnt_article .article_text a:hover { color:#e2007a !important; text-decoration:underline; } .cnt_white .cnt_article .article_text a:link, .cnt_white .cnt_article .article_text a:visited, .cnt_white .cnt_article .article_text a:active, .cnt_white .cnt_article .article_text a:focus, .cnt_white .cnt_article .article_text a:hover { color:#000 !important; text-decoration:underline; } #cnt .cnt_article .image_navigation { clear:both; margin-top:10px; } #cnt .cnt_article .image_navigation img { float:left; margin-right:7px; cursor:pointer; } /* maps */ .tx-pagmaps-pi1 * { color:#000 !important; } /* products overview */ #cnt #products { position:relative !important; } #cnt .product_overview { float:left; margin-right:1px; margin-bottom:30px; width:180px; height:300px; border:1px solid #a1a1a1; position:relative !important; overflow:hidden; cursor:pointer; } #cnt .product_overview .magnifier { position:absolute !important; top:10px; right:10px; z-index:10000; width:10px; height:10px; background:url('/fileadmin/global/img/ico_magnify.png') no-repeat; } #cnt .product_overview .image { width:180px; height:200px; overflow:hidden; } #cnt .product_overview .text { padding:10px 5px; height:55px; overflow:hidden; } #cnt .product_overview .price { position:absolute; bottom:10px; left:5px; font-weight:bold; color:#e2007a; } /* products layer */ #cnt .product_layer { width:600px; position:absolute !important; top:-113px; left:65px; z-index:100000; background:#fff; border:1px #313131 solid; display:none; } #cnt .product_layer .close { float:right; margin:10px 10px 0 0; cursor:pointer; } #cnt .product_layer .text { padding:20px 10px 0 10px; border-bottom:1px #ccc solid; } #cnt .product_layer .text h2 { color:#000 !important; padding:0; padding-bottom:20px; } #cnt .product_layer .text p { color:#000 !important; } #cnt .product_layer .line { display:block; clear:both; } #cnt .product_layer .detail { position:relative; } #cnt .product_layer .detail .col_big { width:460px; height:468px; overflow:hidden; float:left; } #cnt .product_layer .detail .col_small { width:138px; height:468px; overflow:hidden; } #cnt .product_layer .detail .col_small .thumb { width:138px; overflow:hidden; margin-bottom:15px; } #cnt .product_layer .detail .col_small .thumb img { cursor:pointer; } #cnt .product_layer .detail .col_small .info p { color:#000 !important; font-size:10px; margin:0; padding-bottom:5px; } #cnt .product_layer .linklist { left:20px; } #cnt .product_layer .linklist ul { background:#000; } #cnt .product_layer .linklist ul li { background:url('/fileadmin/global/img/ico_list_black.gif') left no-repeat; } /* privacy */ #cnt .layer { position:absolute; top:300px; left:300px; width:368px; display:none; } #cnt .layer .layer_top { display:block; width:368px; height:35px; background:url('/fileadmin/global/img/cnt_layer_top.png') no-repeat; position:relative; } #cnt .layer .layer_bottom { display:block; width:368px; height:43px; background:url('/fileadmin/global/img/cnt_layer_bottom.png') no-repeat; } #cnt .layer .layer_middle { display:block; width:313px; padding:0 30px 0 25px; background:url('/fileadmin/global/img/cnt_layer_middle.png') left repeat-y; } #cnt .layer .layer_middle * { color:#000; } #cnt .layer .layer_close { position:absolute; top:10px; right:20px; width:13px; height:13px; cursor:pointer; background:url('/fileadmin/global/img/cnt_layer_close.gif') left repeat-y; } /************************************************************ * FORM FIELDS ************************************************************/ input, select, textarea { border:1px solid #9f9f9f; } input.submit { border:0 !important; } input, select, option, textarea { color:#000 !important; } input, label, select, option, textarea { font-size:10px; } .cnt_form .frm_left, .cnt_form .frm_right { width:300px; float:left; } .cnt_form .frm_complete { width:600px; } .cnt_form label { display:block; margin-bottom:7px; } .cnt_form input { clear:both; width:260px; margin-bottom:15px; } .cnt_form select { clear:both; width:155px; margin-bottom:15px; } .cnt_form input.tiny { width:70px; } .cnt_form input.short { width:184px; } .cnt_form textarea { clear:both; width:560px; height:100px; margin-bottom:15px; } .cnt_form input.submit { float:right; margin-right:38px; } .cnt_form input.radio { width:auto; height:auto; clear:none; float:left; margin-bottom:5px; margin-left:0; border:0; } .cnt_form label.radio { padding-top:3px; float:left; margin-right:10px; } .cnt_form input.checkbox { width:auto; height:auto; clear:none; float:left; margin-bottom:5px; margin-left:0; border:0; } .cnt_form label.checkbox { padding-top:3px; } .cnt_form .error label, .cnt_form .errorerror label { padding-left:10px; font-weight:bold; color:#f00 !important; background:url('/fileadmin/global/img/ico_error.gif') left no-repeat; } .cnt_form .error input, .cnt_form .errorerror input, .cnt_form .error select, .cnt_form .errorerror select, .cnt_form .error textarea { border:1px solid #f00; }