/* @Version 0.1 @Created by Martin Dingley (createanet) @03 April 2007 // For a 2 colum layout cycle down this file and uncomment the styles in #main_content and #sub_content. It is also possible to shuffle the columns up, but for now im not explaining how ... // */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, th, td { margin : 0; padding : 0; } h1,h2,h3,h4,h5,h6, input, textarea, select { font-size : 50%; } h3 { font-size: 120%; } ol,ul { list-style : none; } table { border-collapse : collapse; border-spacing : 0; } p { margin-bottom: 1.6em; } a { color: #000; outline: none; } a:hover { text-decoration: none; } hr {margin:10px 0; background: #ccc; } *{ font-size: 100%; } th, td { padding: 5px; } th { background:#999999; margin: 0 0 .2em 0; color:#fff; text-align:left; } table { border:1px solid #999999; } /* Print Scheme Size //////////////////////////////////// */ body { font:75%/140% Helvetica, Arial, Helvetica, sans-serif; text-align:center; margin:0; padding:0; background:url(../images/body_bg.gif) repeat-y top center #999797; } /*/////////////////////////////////////////////////////////*/ input, textarea, select { font-family:Helvetica, Arial, Helvetica, sans-serif; font-size:100%; } #wrap h1{ color:#000; font-size: 240%; margin-bottom:5px;} .hidden_navigation{ width: 1px; position: absolute; left: -9999px;} #header { background: #FFF; margin:0; padding:0;} h1#metropole a {display:block; background:url(../images/metropole_logo.gif) no-repeat top left; height:101px; width:315px;} h1#metropole {display:block; background:url(../images/metropole_logo.gif) no-repeat top left; height:101px; width:315px; text-indent: -900em; float:left; padding:0; margin:0;} h1#richardson a {display:block; background:url(../images/richardson_hotels.gif) no-repeat top left; height:68px; width:166px;} h1#richardson {display:block; background:url(../images/richardson_hotels.gif) no-repeat top left; height:68px; width:166px; text-indent: -900em; float:right; padding:0; margin:0;} h2 {padding:0; margin:0; text-indent: -900em; display:block;} h2#welcome {display:block; background:url(../images/titles/welome_title.gif) no-repeat top left; height:18px; width:85px; text-indent: -900em;} h2#specialoffers {display:block; background:url(../images/titles/latest_offers.gif) no-repeat top left; height:15px; width:102px; text-indent: -900em; margin-bottom:10px;} h2#brochurerequest {display:block; background:url(../images/titles/brochure_title.gif) no-repeat top left; height:18px; width:147px; text-indent: -900em; margin-bottom:2px;} h2#christmasoffers {display:block; background:url(../images/titles/christmasoffers.gif) no-repeat top left; height:15px; width:143px; text-indent: -900em; margin-bottom:5px;} h2#reservationstitle {display:block; background:url(../images/titles/reservations_title.gif) no-repeat top left; height:15px; width:104px; text-indent: -900em; margin-bottom:7px;} h2#brochurerequestblue {display:block; background:url(../images/titles/brochure_blue_title.gif) no-repeat top left; height:18px; width:147px; text-indent: -900em; margin-bottom:2px;} h2#brochuredowload {display:block; background:url(../images/titles/download_brochure.gif) no-repeat top left; height:15px; width:160px; text-indent: -900em; margin-bottom:2px;} h2#contactustitle {display:block; background:url(../images/titles/contactus_title.gif) no-repeat top left; height:15px; width:104px; text-indent: -900em; margin-bottom:4px;} h2#locationtitle {display:block; background:url(../images/titles/location_title.gif) no-repeat top left; height:15px; width:147px; text-indent: -900em; margin-bottom:10px;} h2#samplemenustitle {display:block; background:url(../images/titles/samplemenus_title.gif) no-repeat top left; height:18px; width:136px; text-indent: -900em; margin-bottom:7px;} h2#menutitle {display:block; background:url(../images/titles/restuarant_menu.gif) no-repeat top left; height:17px; width:272px; text-indent: -900em; margin-bottom:15px;} h2#enquiries {display:block; background:url(../images/titles/enquiries.gif) no-repeat top left; height:24px; width:85px; text-indent: -900em;} h2#latestofferstitle {display:block; background:url(../images/titles/special_offers.gif) no-repeat top left; height:19px; width:125px; text-indent: -900em; margin-bottom:10px;} h2#gallerystitle {display:block; background:url(../images/titles/gallery_title.gif) no-repeat top left; height:20px; width:62px; text-indent: -900em; margin-bottom:10px;} h2#sentoafriend {display:block; background:url(../images/titles/sendtoafriend.gif) no-repeat top left; height:17px; width:149px; text-indent: -900em; margin-bottom:10px;} h2#newstitle {display:block; background:url(../images/titles/latest_news.gif) no-repeat top left; height:18px; width:112px; text-indent: -900em; margin-bottom:10px;} h2#recentnewstitle {display:block; background:url(../images/titles/recent_news.gif) no-repeat bottom left; height:21px; width:99%; text-indent: -900em; margin-bottom:10px; border-top: solid 1px #FFF;} h2#accommodationtitle {display:block; background:url(../images/titles/accommodation_title.gif) no-repeat top left; height:17px; width:147px; text-indent: -900em; margin-bottom:10px;} h2#restauranttitle {display:block; background:url(../images/titles/restaurant_title.gif) no-repeat top left; height:17px; width:149px; text-indent: -900em; margin-bottom:10px;} h2#celebrationstitle {display:block; background:url(../images/titles/celebration_pacakages.gif) no-repeat top left; height:21px; width:197px; text-indent: -900em; margin-bottom:10px;} h2#facilitiestitle {display:block; background:url(../images/titles/facilities_title.gif) no-repeat top left; height:17px; width:75px; text-indent: -900em; margin-bottom:10px;} h2#localarea { background:url(../images/titles/local_area.gif) no-repeat top left; height:17px; width:95px; margin-bottom:10px;} h2#tarifftitle { background:url(../images/titles/tariff_title.gif) no-repeat top left; height:17px; width:236px; margin-bottom:10px;} h2#oursuppliers {display:block; background:url(../images/titles/our_suppiers.gif) no-repeat top left; height:19px; width:122px; text-indent: -900em; margin-bottom:10px;} /*\Template Variables /*\/*/ #wrap {width: 755px; margin: 0 auto; text-align: left; padding:1px 1px 0 1px; background:url(../images/wrap_bg.gif) repeat-y top left #FFF;} #wrapfull {width: 755px; margin: 0 auto; text-align: left; padding:1px 1px 0 1px; background:url(../images/wrap_bg_full.gif) repeat-y top left #FFF;} #header {margin:0; padding:0;} #header li {display: inline;} /* ------------ Standard Layout ------------- */ #leftcolumnstd { background-color:#A6C196; margin:0; padding:10px 0 0 10px; width:115px; float:left; position:relative; color:#FFF; font-size:90%;} .leftcollower { background-color:#A6C196; margin:0; padding:10px 0 0 10px; width:115px; float:left; position:relative; color:#FFF; font-size:90%;} #middlecolumnstd { background-color:#AEC5BD; margin:0; padding:14px 11px 20px 11px; width:355px; float:left; border-left:1px solid #FFF; color:#3F3323; line-height:18px;} #rightcolumnstd { width:251px; margin:0; float:left; padding:0; border-left:1px solid #FFF; background:#C0E0F5;} .middlecollower {margin:0; padding:14px 11px 20px 11px; width:355px; float:left; border-left:1px solid #FFF; color:#3F3323; line-height:18px; background-color:#8CA2B4;} .middlecollower p { margin:13px 0 13px 0; padding:0;} .rightcolheight { width:251px; margin:0; float:left; padding:0; border-left:1px solid #FFF; background:#C0E0F5; height:287px} #middlecolumnstd p { margin:13px 0 13px 0; padding:0;} .sidepictures {position:absolute; top:251px; left:0; margin:0; padding:0;} #centralcolumnstd { background-color:#AEC5BD; margin:0; padding:14px 11px 20px 11px; width:606px; float:left; border-left:1px solid #FFF; color:#3F3323;} /* ------------ Homepage Layout ------------- */ #leftcolumn { background-color:#A6C196; margin:0; padding:0; width:125px; float:left; height:287px;} #middlecolumn { background-color:#AEC5BD; margin:0; padding:14px 11px 0 11px; width:355px; float:left; height:273px; border-left:1px solid #FFF; color:#3F3323; line-height:18px;} #rightcolumn { width:251px; margin:0; float:left; padding:0; border-left:1px solid #FFF; background:url(../images/hotel_main.jpg) no-repeat bottom left #C0E0F5; height:287px;} #rightcolumnblank { width:251px; margin:0; float:left; padding:0; border-left:1px solid #FFF; height:251px;} #middlecolumn p { margin:13px 0 13px 0; padding:0;} #middlephotos {margin:0; padding:0; width:377px; float:left; height:124px; border-left:1px solid #FFF; border-top:1px solid #FFF; background:url(../images/home_images.jpg) no-repeat top left #AEC5BD;} #rightcolumnmiddle {width:251px; margin:0; float:left; padding:0; border-left:1px solid #FFF;} #leftphotos {margin:0; padding:0; width:125px; float:left; height:124px; border-top:1px solid #FFF; background:url(../images/home_left_thumbnail.jpg) no-repeat top left #A6C196;} #leftcolumnbottom { background-color:#A6C196; margin:0; padding:0; width:125px; float:left; color:#FFF; text-align:center; border-top:1px solid #FFF; font-size:85%; height:249px; position:relative} #middlecolumnbottom {background-color:#8CA2B4; margin:0; padding:14px 11px 0 11px; width:355px; float:left; height:235px; border-left:1px solid #FFF; color:#3F3323; line-height:18px; border-top:1px solid #FFF;} #middlecolumnbottom p { margin:0 0 12px 0; padding:0;} #rightcolumnbottom {width:251px; margin:0; float:left; padding:0; border-left:1px solid #FFF; background-color:#A5C196; border-top:1px solid #FFF;} /* ------------ Layout End ------------- */ /* ------------ Sub Navigation ------------- */ #leftcolumnstd ul { margin:7px 0 0 0; padding:0; height:251px;} #leftcolumnstd li { background:url(../images/bulletpoint.gif) no-repeat top left; margin:0 0 12px 0; padding:0 0 0 10px; font-size:105%;} #leftcolumnstd li a { color:#FFF; text-decoration:none;} #leftcolumnstd li a:hover { color:#FFF; text-decoration:underline;} #main_content{ width: 400px; /* width:585px; */ display: inline; float: left; margin-left: 185px; margin-bottom: 10px; min-height: 400px; } #main_content h2 { font-size: 140%; margin-bottom: 10px; } #sub_content{ width: 175px; float: left; margin-left: 10px; margin-bottom: 10px; /* display:none; */ } #navigations{ width: 175px; float: left; margin-left: -770px; margin-bottom: 10px; display: block; overflow: hidden; } #navigations h2 { background: #999999; padding: .2em .8em; margin: 0 0 .2em 0; color: #fff; } #navigations li { margin: 0 0 .1em 0; } #navigations a { display: block; color: #000; background-color: #EFEFEF; padding: .2em .8em; text-decoration: none; width: 100%; } #navigations a:hover, #navigations ul#rss li a:hover { background-color: #fff; color: #000; } #navigations ul#rss li a { background: #EFEFEF url(../images/rss.gif) 10px 4px no-repeat; padding-left: 30px; } /*=Main Navigation -------------------------------------------------------*/ ul#menu {} #menu li {float:left; margin:0;} #menu li.list1 {background:transparent url(../images/nav/home_off.gif) no-repeat top left;} #menu li.list2 {background:transparent url(../images/nav/accommodation_off.gif) no-repeat top left;} #menu li.list3 {background:transparent url(../images/nav/restaurant_off.gif) no-repeat top left;} #menu li.list4 {background:transparent url(../images/nav/localarea_off.gif) no-repeat top left;} #menu li.list5 {background:transparent url(../images/nav/tariff_off.gif) no-repeat top left;} #menu li.list6 {background:transparent url(../images/nav/reservations_off.gif) no-repeat top left;} #menu li.list7 {background:transparent url(../images/nav/offers_off.gif) no-repeat top left;} #menu li.list8 {background:transparent url(../images/nav/enquiries_off.gif) no-repeat top left;} #menu li.list1 a {width:52px; display:block; height:0; padding-top:24px; color:#000; overflow:hidden;} #menu li.list2 a {width:74px; display:block; height:0; padding-top:24px; color:#000; overflow:hidden;} #menu li.list3 a {width:78px; display:block; height:0; padding-top:24px; color:#000; overflow:hidden;} #menu li.list4 a {width:79px; display:block; height:0; padding-top:24px; color:#000; overflow:hidden;} #menu li.list5 a {width:46px; display:block; height:0; padding-top:24px; color:#000; overflow:hidden;} #menu li.list6 a {width:89px; display:block; height:0; padding-top:24px; color:#000; overflow:hidden;} #menu li.list7 a {width:95px; display:block; height:0; padding-top:24px; color:#000; overflow:hidden;} #menu li.list8 a {width:53px; display:block; height:0; padding-top:24px; color:#000; overflow:hidden;} #menu a#item1:hover {background:transparent url(../images/nav/home_on.gif) -11px -45px no-repeat;} #menu a#item2:hover {background:transparent url(../images/nav/accommodation_on.gif) -11px -79px no-repeat;} #menu a#item3:hover {background:transparent url(../images/nav/restaurant_on.gif) -11px -46px no-repeat;} #menu a#item4:hover {background:transparent url(../images/nav/localarea_on.gif) -11px -52px no-repeat;} #menu a#item5:hover {background:transparent url(../images/nav/tariff_on.gif) -11px -77px no-repeat;} #menu a#item6:hover {background:transparent url(../images/nav/reservations_on.gif) -11px -80px no-repeat;} #menu a#item7:hover {background:transparent url(../images/nav/offers_on.gif) -11px -80px no-repeat;} #menu a#item8:hover {background:transparent url(../images/nav/enquiries_on.gif) -11px -80px no-repeat;} #menu a#item1:hover {background-position:0 0; z-index:50;} #menu a#item2:hover {background-position:0 0; z-index:50;} #menu a#item3:hover {background-position:0 0; z-index:50;} #menu a#item4:hover {background-position:0 0; z-index:50;} #menu a#item5:hover {background-position:0 0; z-index:50;} #menu a#item6:hover {background-position:0 0; z-index:50;} #menu a#item7:hover {background-position:0 0; z-index:50;} #menu a#item8:hover {background-position:0 0; z-index:50;} * html #menu a:hover {height:24px; he\ight:0;} #menu {display:block; height:24px; width:619px; margin:0 0 0 126px; padding:0 0 0 10px; background-color:#144273; clear:both; border-bottom:1px #FFF solid;} /*=Side Panels - Homepage -------------------------------------------------------*/ #latestoffers {width:233px; background-color:#7490A7; height:106px; margin:0; padding:9px; color:#FFF; font-size:90%; border-top:1px solid #FFF; border-bottom:1px solid #FFF; float:left;} #latestoffers li { margin:0; padding:0;} #latestoffers h3 { margin:0; padding:0;} #latestoffers h3 a {color:#FFF; text-decoration:none;} #latestoffers h3 a:hover {color:#FFF; text-decoration:underline;} #latestoffers p { margin:0; padding:0;} #brochure {width:233px; background-color:#AEC5BD; height:106px; margin:0; padding:9px; color:#403227; font-size:90%; border-bottom:1px solid #FFF;} #brochure li { margin:0; padding:0;} #brochure h3 { margin:0; padding:0;} #brochure img {margin:0 7px 0 0; padding:0; float:left;} #brochure p { margin:0; padding:7px 0 0 0;} #brochure li a {color:#403227; text-decoration:none;} #brochure li a:hover {color:#403227; text-decoration:underline;} #reservations {width:233px; background-color:#A6C196; margin:0; padding:9px 9px 0 9px; color:#403227; font-size:90%; border-bottom:1px solid #FFF; height:117px;} #reservations li { margin:0; padding:0;} #reservations h3 { margin:0; padding:0;} #reservations img {margin:0 4px 0 0; padding:0; float:left;} ul#reservations p { margin:0; padding:5px 0 0 0;} #reservations li a {color:#403227; text-decoration:none;} #reservations li a:hover {color:#403227; text-decoration:underline;} #christmasoffer {width:233px; background-color:#A6C196; height:115px; margin:0; padding:9px 9px 0 9px; color:#403227; font-size:90%; border-bottom:1px solid #FFF;} #christmasoffer li { margin:0; padding:0;} #christmasoffer h3 { margin:0; padding:0;} #christmasoffer img {margin:0 4px 0 0; padding:0; float:left;} ul#christmasoffer p { margin:0; padding:5px 0 0 0;} #christmasoffer li a {color:#403227; text-decoration:none;} #christmasoffer li a:hover {color:#403227; text-decoration:underline;} /*=Side Panels - Internal -------------------------------------------------------*/ #brochureint {width:233px; background-color:#7490A7; height:106px; margin:0; padding:9px; color:#FFF; font-size:90%; border-bottom:1px solid #FFF; border-top:1px solid #FFF;} #brochureint li { margin:0; padding:0;} #brochureint h3 { margin:0; padding:0;} #brochureint img {margin:0 7px 0 0; padding:0; float:left;} #brochureint p { margin:0; padding:7px 0 0 0;} #brochureint li a {color:#FFF; text-decoration:none;} #brochureint li a:hover {color:#FFF; text-decoration:underline;} #samplemenusint {width:233px; background-color:#7490A7; height:106px; margin:0; padding:9px; color:#FFF; font-size:90%; border-bottom:1px solid #FFF; border-top:1px solid #FFF;} #samplemenusint ul {} #samplemenusint li { margin:0 0 5px 0; padding:0 0 0 15px; background:url(../images/mene_icon.gif) no-repeat top left; } #samplemenusint h3 { margin:0; padding:0;} #samplemenusint img {margin:0 7px 0 0; padding:0; float:left;} #samplemenusint p { margin:0; padding:7px 0 0 0;} #samplemenusint li a {color:#FFF; text-decoration:none;} #samplemenusint li a:hover {color:#FFF; text-decoration:underline;} /*=Suppliers -------------------------------------------------------*/ #suppliers { list-style:none;} #suppliers img { float:left; margin:0 10px 15px 0; padding:0; clear:both; border:1px solid #FFF;} #suppliers h3 { margin:0; padding:0;} #suppliers li { display: inline; font-size: 85%; color:#3F3323; padding:10px 0 0 0; margin:0 0 10px 0; clear:both;} #suppliers li a { display: inline; color:#3F3323; text-decoration:none;} #suppliers li a:hover { display: inline; color:#3F3323; text-decoration:underline;} #suppliers p {margin:0; padding:0; line-height:14px;} .supplierinfo {width:260px; float:left; margin:0 0 15px 0; padding:0;} /*=Contact Details -------------------------------------------------------*/ .contactdetails {position:absolute; bottom:5px; left:15px; margin:0; padding:0} /*=Footer -------------------------------------------------------*/ #footer {clear: left; padding: 7px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; color:#403227; font-size:90%; background:#FFF; margin:0;} #footer a {color:#403227; text-decoration:none;} #footer a:hover {color:#403227; text-decoration:underline;} #footer p { margin-bottom: 0; } #footer li {display: inline; margin-right:10px } #page_slugs { margin-bottom: 10px; } #page_slugs li { display: inline; font-size: 85%; color:#3F3323;} #page_slugs li a { display: inline; color:#3F3323; text-decoration:none;} #page_slugs li a:hover { display: inline; color:#3F3323; text-decoration:underline;} /*=Special Offers -------------------------------------------------------*/ #offers .category #offer_thmb {float: left; margin: 0 10px 10px 0; padding:0; } #offers .category { margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 10px; } #categorylisting li {border-bottom: 1px solid #FFF; padding:0 0 10px 0; margin:0 0 10px 0; } #categorylisting h3 {margin:0; padding:0; color:#3F3323; font-size:100%;} #categorylisting h3 a {margin:0; padding:0; color:#3F3323; text-decoration:none;} #categorylisting h3 a:hover {margin:0; padding:0; color:#3F3323; text-decoration:underline;} #categorylisting p {margin:0; padding:0; } .category_thumb { float:left; margin: 0 10px 0 0; border: solid 1px #FFF; } #categorylisting li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #offerspictures {float:left; margin:0 10px 0 0; padding:0; width:120px;} #offerspictures img { border: 1px solid #FFF;} #offerdetails {float:left; width:225px; margin:0; padding:0;} /*=Brochure request form -------------------------------------------------------*/ form.brochureForm fieldset { padding: 5px 0px; border:none; margin: 0 0 10px 0; } form.brochureForm legend { text-transform: capitalize; font-weight: bold; color: #144272; padding:0px; border-bottom: solid 1px #FFF; width:340px; margin:0; } .brochureinput { width:340px;} form.brochureForm ol { list-style: none; } form.brochureForm ol li { margin: 5px 0; } form.brochureForm ol li ol li { display: inline; } form.brochureForm ol li ol label { display: inline; } form.brochureForm em { font-weight: bold; color: #E00; } form.brochureForm label { display: block; text-transform: capitalize; } form.brochureForm label.radio { display: inline; padding-left: 5px; } /*=Top of the Page Links -------------------------------------------------------*/ .topofpage {padding:0 0 0 15px; margin:0 0 10px 0; background:url(../images/top_arrow.gif) no-repeat top left; color:#3F3323; text-decoration:none; float:right;} .topofpage a:link {color:#3F3323; text-decoration:none;} .topofpage a:hover {color:#3F3323; text-decoration:underline;} /*=Previous Page Links -------------------------------------------------------*/ .previouspage {padding:0 0 0 15px; margin:0; background:url(../images/link_arrow.gif) no-repeat top left; color:#3F3323; text-decoration:none;} .previouspage a:link {color:#3F3323; text-decoration:none;} .previouspage a:hover {color:#3F3323; text-decoration:underline;} .forwardpage {padding:0 0 0 15px; margin:0; background:url(../images/link_arrow_2.gif) no-repeat top left; color:#3F3323; text-decoration:none;} .forwardpage a:link {color:#3F3323; text-decoration:none;} .forwardpage a:hover {color:#3F3323; text-decoration:underline;} #recentnews li { margin-bottom: 10px; } #recentnews h3 {margin:0; padding:0; color:#3F3323;} #recentnews h3 a {margin:0; padding:0; color:#3F3323; text-decoration:none;} #recentnews h3 a:hover {margin:0; padding:0; color:#3F3323; text-decoration:underline;} #recentnews p {margin:0; padding:0; } .clearleft { clear: left; } .clear {clear:both; margin:0; padding:0;} .paging { margin-bottom: 10px;} /*=Download -------------------------------------------------------*/ .download { background: #fffeef; padding: 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .download a { background: url(../images/pdf.gif) 0 2px no-repeat; padding: .2em .8em; padding-left: 20px; } div.download span { font-size: 90%; } .pdf a { background: url(../images/pdf.gif) 0 2px no-repeat; display: block; } .swf a { background: url(../images/swf.gif) 0 2px no-repeat; display: block; } /*=Gallery -------------------------------------------------------*/ .filter { border-bottom: 1px solid #FFF; margin-bottom: 10px; padding-bottom: 10px;} #gallerylisting li{ width: 140px; height:100px; background: #FFF; padding: 0px; text-align: center; position: relative; float: left; display: inline; margin: 7px; } #gallerylisting li a span{ /*\*/ position: absolute; left: -9999px; } #gallerylisting li a:hover span{ top: 1px; left: 1px; width: 140px; background: #144272; color: #FFF; padding: 5px 0 5px 0; text-transform: uppercase; font-size: 80%; filter: alpha(opacity=100); /**/ } #gallerylisting img{ border: 1px solid #FFF; } .maingalleryimage {border: 1px solid #FFF; padding:0; margin:10px 0 10px 0;} /*=Error Mesages -------------------------------------------------------*/ ul.error,ul.success { list-style: disc; margin-left: 20px; margin-bottom: 10px; } .error { color: #990000; font-weight: bold; } em.error { display: block; } ul.success { display: block; list-style: none; background: #006633; color: #fff; padding: 2px; } /*=Links -------------------------------------------------------*/ .links li { padding: 5px; } /* ------------ Tariff Table ------------- */ .tarifftable {text-align:left;width:600px; margin:15px 0 10px 0; border:none;} .tarifftable td {text-align:left; padding:4px;} .tarifftable .col1 {width:300px;} .tarifftable .col2 {width:100px;} .tariffheader {background-color:#3F3323; color:#FFF;} #footer ul{ width:520px!important; float:left} #footer p{ float:left} div#social{ float:right; width:105px;} div#social ul{ list-style:none; float:right;} div#social ul li{ list-style:none; float:right; margin:0; padding:0;} div#social ul li a.twitter{width:16px; height:16px; background: url(../images/social.jpg) -19px 0px; display:block; text-decoration:none; margin-right:5px} div#social ul li a.twitter:hover{text-decoration:none; background-position:-19px -16px;} div#social ul li a.facebook{ width:16px; height:16px; background: url(../images/social.jpg) top left; display:block; text-decoration:none;margin:0; padding:0;} div#social ul li a.facebook:hover{ text-decoration:none; background-position:0px -16px;}