/* ######################################## */ /* Made by: Sven Jens | www.clic.nl */ /* Semantisch correcte xHTML Pagina */ /* ######################################## */ /* ### general ### */ * { padding: 0px; margin: 0px; } html, body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; } input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; } body { background: #b3b2b2 url('../images/bg_content.gif') top repeat-x ; min-height:100%; } img { border: 0px; display: block; } a { outline: none; } /* ### global classes ### */ .clear { clear: both; height: 0px; overflow: hidden; } .preload { display:none; } /* ### wrapper ### */ #wrapper { display: block; width: 100%; min-height: 100%; background: url('../images/bg_header.gif') repeat-x; position: relative; overflow: hidden; z-index: 1;} /* ### melding ### */ #melding { height: 150px; width: 600px; background: #FFF; position: absolute; text-align: center; left: 50%; z-index: 998; top: 150px; margin: 0 auto; margin-left: -300px; opacity:0.8;filter:alpha(opacity=80) } #melding h1 { line-height: 150px; } #melding a { display: block; width: 25px; height: 25px; background: url('../images/close.png') no-repeat; float: right; margin: 15px; } #melding a:hover { background: url('../images/close_hover.png') no-repeat; } /* ### vergroot box ### */ #vergroot { min-width: 100%; min-height: 1104px; background: #000; z-index: 992; margin-left: 0px; position: absolute; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .zoomBox { width: 777px; height: 545px; display: block; z-index: 999; position: absolute; margin: 150px 25%; } .titel { width: 396px; height: 27px; float: left; display: block } .titel h1 { width: 394px; height: 27px; background: #FFFFFF; display: inline-block; font-size: 16px; font-weight: lighter; padding-left: 15px; padding-top: 8px; float: left; } /* default staat de zoom uit */ .zoomBox, #vergroot { display:none; } /* ### knoppen vergrootbox ### */ .keuzes { float: right; width: 361px; } .keuzes ul { width: 361px; list-style: none; float: left; height: 25px; width: 365px; display: block; } .keuzes li { width: 100px; height: 25px; background: #e1f9fe; float: left; list-style: none; display: block; margin-left: 11px; } .keuzes li.first { margin-left: 4px; } .keuzes li.close { width: 25px; } .keuzes a { color:#000; display: block; text-decoration: none; text-align: center; width: 100px; padding-top: 3px; height: 22px; width: 100px; display: block; } .keuzes a:hover { color: #FFF; background: #5da4b6; } .keuzes a.close { width: 25px; padding-top: 0px; background: url('../images/close.png') no-repeat; display: block; height: 25px; } .keuzes a.close:hover { background: url('../images/close_hover.png') no-repeat; } .inhoud { width: 777px; height: 510px; background: #FFFFFF; display: block; margin-top: 35px; } .inhoud ul { width: 85px; list-style: none; float: left; margin-left: 18px; margin-top: 15px; } .inhoud a.up { width: 86px; height: 23px; display: block; background: url('../images/up.png') no-repeat; } .inhoud a.up:hover { background: url('../images/up_hover.png') no-repeat; } .inhoud a.down { width: 86px; height: 23px; display: block; background: url('../images/down.png') no-repeat; } .inhoud a.down:hover { background: url('../images/down_hover.png') no-repeat; } .inhoud li { width: 86px; list-style: none; float: left; margin-bottom: 7px; } .inhoud li span { background: url('../images/zoom_thumb_shadow.png') no-repeat; position: absolute; z-index: 99; height: 64px; width: 86px; display: block; } .inhoud img.vergroot { float: right; margin-right: 15px; margin-top: 15px; display: block; z-index: 2; position: relative; margin-top: -479px;} .inhoud span.vergroot { background: url('../images/vergroot_shadow.png') no-repeat; width: 640px; z-index: 666; position: relative; height: 479px; display:block; float: right; margin-right: 15px; margin-top: 15px; } /* ### main container ### */ #mainCntr { margin: 0 auto; width: 990px; min-height: 100%; } /* ### header container ### */ #headerCntr { margin: 0 auto; height: 184px; position: relative; z-index: 5; width: 990px; } #headerCntr h1 a { display: block; width: 188px; height: 111px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; margin-bottom: 10px; } #headerCntr p { color: #FFF; float: right; position: absolute; margin-top: 11px; margin-left: 202px; } #headerCntr a.ae_headeremail { color: #FFF; text-decoration:none; } /* ### top box ### */ .topBox { padding-left: 81px; width: 265px; height: 56px; position: relative; z-index: 20; float: right; background: url('../images/topbox_left.png') no-repeat left; } .topBox p { color: #FFF; } .zoekBox { background: url('../images/topbox_bg.png') repeat-x; width: 6130px; display: block; height: 56px; position: absolute; } .zoekBox input.field{ display: block; width: 66px; height: 21px; background: url('../images/search_input.png') no-repeat right; *padding-top: 3px; *height: 18px; border: none; margin-top: 8px; margin-left: -32px; float: left; padding-left: 17px; padding-right: 2px; } .zoekBox label { color: #FFF; display: block; height: 50px; float: left; margin-left: 15px; margin-top: 10px; } .zoekBox a { display: block; width: 133px; height: 29px; color: #FFF; text-align: center; text-decoration: none; background: url('../images/uitgebreid_zoeken.png') no-repeat; position: relative; float: left; padding-top: 2px; margin-top: 8px; margin-left: 4px; } .zoekBox a:hover { background: url('../images/uitgebreid_hover.png') no-repeat; } .zoekBox a.zoeken { background: url('../images/zoeken_btn.png') no-repeat; width: 71px; height: 24px; padding-top: 1px; margin-top: 9px; margin-left:7px; } .zoekBox a.zoeken:hover { background: url('../images/zoeken_btn_hover.png') no-repeat; } /* ### menu box ### */ .menuBox { width: 990px; } .menuBox ul { width: 1100px; height:30px; list-style: none; float: left; } .menuBox li { list-style: none; float: left; margin-right: 37px; *margin-right: 35px; } .menuBox li.last { margin-right: 0px; } .menuBox a { font-size: 20px; color: #FFFFFF; text-decoration: none; font-weight: normal; } .menuBox a.selected { color: #ff0000; } /* ### content container ### */ #contentCntr { position: relative; width: 990px; } /* ### over ons box ### */ .overonsBox { width: 960px; background: #FFFFFF; border: 1px solid #d3d3d3; float: left; margin-top: 19px; padding: 15px 15px; } .overonsBox h1 { font-size: 20px; font-weight: normal; margin-bottom: 15px; margin-top: 15px; } .overonsBox h1.rdw { margin-top: 60px; } .overonsBox ul { float: left; list-style: none; width: 280px; margin-right: 25px; } .overonsBox li { width: 280px; } .overonsBox p { line-height: 20px; } .overonsBox a { color: #F00; text-decoration: none; } /* ### over ons box ### */ .pakketenBox { width: 960px; background: #FFFFFF; border: 1px solid #d3d3d3; float: left; margin-top: 19px; padding: 25px 15px; } .pakketenBox h1 { font-size: 20px; font-weight: normal; margin-bottom: 10px; } .pakketenBox ul { float: left; list-style: inside; width: 232px; margin-right: 25px; } .pakketenBox li { width: 267px; height: 22px; } .pakketenBox p { line-height: 20px; } .pakketenBox a { color: #F00; text-decoration: none; } .pakket { width: 270px; display:block; float: left; margin-top: 30px; margin-right: 50px; margin-bottom: 30px;} /* ### uitgebreid zoeken box ### */ .zoekenBox { width: 857px; background: #FFFFFF; border: 1px solid #d3d3d3; float:left; padding: 15px; height: 29px; } .zoekenBox p { line-height: 20px; } .zoekenBox label { margin-right: 12px; display: inline-block; position: relative; top: 4px; *top: 3px; } .zoekenBox label.model { margin-left: 40px; } .zoekenBox select { color: #000; width: 170px; position: relative; top: 4px; } .zoekenBox select.prijs { width: 120px; } /* ### zoeken knoppen ### */ .zoekenknoppen { width: 94px; float: right; } .zoekenknoppen a { float: left; width: 100px; background: url('../images/overzich_btn.png') no-repeat; height: 23px; margin-bottom: 8px; text-decoration: none; color: #FFF; text-align: center; padding-top: 3px; } .zoekenknoppen a:hover { background: url('../images/overzich_btn_hover.png') no-repeat; } /* ### navigatie box ### */ .navigatieBox { width: 350px; height: 45px; position: relative; display: block; z-index: 99; float: left; margin-bottom: -1px;} .navigatieBox ul { width: 990px; height: 45px; float: left; } .navigatieBox li { list-style: none; float: left; padding: 15px 15px 0; height: 23px; margin-top: 8px; display: block; } .navigatieBox li a { text-decoration: none; color: #000; font-size: 14px; position: relative; top: -5px; } .navigatieBox li a:hover { color: #FF0000; } .navigatieBox li a.selected { color: #ff0000; top: -5px; } .navigatieBox li a.favo { background: url('../images/favo.gif') no-repeat right; padding-right: 28px; } .navigatieBox li.selected { background: #FFF; border: 1px solid #d3d3d3; border-bottom: none; padding: 14px 14px 0 14px;} /* ### knoppen box ### */ .knoppenBox { width: 350px; display: block; float: right; position: relative; z-index: 990;} .knoppenBox ul { float: right; width: 306px; list-style: none; position: relative; bottom: -10px;} .knoppenBox ul.overons { width: 100px; } .knoppenBox li { float: left; width: 95px; height: 26px; margin-left: 7px; } .knoppenBox a { float: left; display: block; width: 95px; height: 23px; background: url('../images/overzich_btn.png') no-repeat; color: #FFF; text-decoration: none; text-align: center; padding-top: 3px; } .knoppenBox a:hover { background: url('../images/overzich_btn_hover.png') no-repeat; } /* ### AUTO BOX ### */ .autoBox { width: 990px; position: relative; background: #FFFFFF; border: 1px solid #d3d3d3; z-index: 4; float: left; padding-bottom: 10px; } /* ### STUUR DOOR BOXES ### */ .stuurdoorlinks { width: 330px; display: block; float: left; padding: 15px; } .stuurdoorlinks h1 { font-size: 20px; } .stuurdoorlinks ul { width: 385px; display: block; float: left; list-style: none; margin: 10px 0 30px 0; } .stuurdoorlinks li { width: 270px; height: 22px; display: block; float: left; } .stuurdoorlinks li.links { font-weight: bold; width: 100px; } .stuurdoorlinks p { line-height: 20px; width: 280px; } .stuurdoorlinks a { color:#F00; text-decoration: none; } .stuurdoormid { width: 280px; display: block; float: left; padding: 15px; } .stuurdoormid h1 { font-size: 20px; margin-bottom: 10px; } .stuurdoormid label { float: left; padding-right: 6px; } .stuurdoormid input { width: 160px; margin-bottom: 10px; height: 18px; } .stuurdoorrechts { width: 270px; padding: 15px; float: left; display: block; margin-left: 8px; } .stuurdoorrechts h1 { font-size: 20px; margin-bottom: 10px; } .stuurdoorrechts label { width: 49px; height: 20px; display: inline-block; float: left; } .stuurdoorrechts input { width: 215px; height: 18px; margin-bottom: 10px; display: inline-block; float: left; } .stuurdoorrechts input.bericht { height: 65px; } .stuurdoorrechts input.checkbox { width: 25px; margin-left: 43px; } .stuurdoorrechts a { width: 215px; height: 22px; display: block; background: url('../images/verzenden_btn.png') no-repeat; padding-top: 4px; text-align: center; color: #FFF; text-decoration: none; margin-left: 51px; margin-top: 10px; } /* ### MAP BOX ### */ .mapBox { width: 964px; padding: 13px; background: #FFFFFF; position: relative; z-index: 4; float: left; border: 1px solid #d3d3d3; margin-top: 1px; } .mapBox h1 { font-size: 20px; font-weight: normal; margin-bottom: 20px; margin-top: 20px; } .mapBox input { width: 250px; height: 18px; display: inline-block; margin-bottom: 5px; } .mapBox input.verplicht { *margin-left: 5px; } .mapBox input.checkbox { width: 30px; position: relative; top: 1px; display: inline-block; } .mapBox input.field { width: 475px; height: 90px; } .mapBox input.postcode { width: 100px; } .mapBox label { width: 90px; display: inline-block; height: 18px; margin-bottom: 5px; } .mapBox label.contact { width: 130px; margin-top: 10px; } .mapBox label.rechts { width: 83px; float: left;} .mapBox label.name { margin-top: 10px; width: 60px; } .mapBox p.rood { color: #F00; margin-left: -5px; *margin-left: 7px; margin-top: 0px; display: inline; } .mapBox p { display: inline-block; margin-top: 13px; } .mapBox span { color: #F00; } .fieldlinks { width: 365px; float: left; } .fieldrechts { width: 575px; float: left; margin-left: 24px; } .fieldrechts a { width: 175px; height: 22px; display: block; float:right; background: url('../images/verzenden_btn.png') no-repeat; padding-top: 4px; text-align: center; color: #FFF; text-decoration: none; margin-top: 10px; margin-right: 10px; } .thumbsBox { float: left; display: block; height: 321px; width: } .thumbsBox ul { width: 200px; display: block; margin-left: 10px; margin-top: 5px; } .thumbsBox li { width: 86px; float: left; list-style: none; margin: 5px 4px 0 0; padding: 3px; border: 2px solid #FFF; } .thumbsBox li.selected { border: 2px solid #F00; } .thumbsBox li img { position: relative; z-index: 1; } .thumbsBox li span { position: relative; display: block; width: 86px; height: 64px; margin-bottom:-63px; background: url('../images/shadow_thumb.png') no-repeat; z-index: 999; } /* ### omschrijving box ### */ .omschrijvingBox { width: 371px; padding: 15px 15px 15px 7px; display: block; float: left;} .omschrijvingBox img { position: absolute; z-index: 2; float: left; display: block; } .omschrijvingBox span { background: url('../images/shadow_foto.png') no-repeat; z-index: 990; width: 401px; height: 301px; display: block; position: absolute; padding: 11px; } .omschrijvingBox span img { position: relative; z-index: 990; } .omschrijvingBox a.vergroot { position: absolute; z-index: 999; margin-top: 11px; margin-left: 11px; } /* ### text box ### */ .textBox { float: left; padding: 15px 0px 15px 30px; display: block; width: 322px; position: relative; } .textBox a { color:#F00; text-decoration: none; } .textBox h1 { font-size: 20px; font-weight: normal; } .textBox h2 { font-size: 18px; font-weight: bold; padding-top: 25px; padding-bottom: 10px; position: relative; z-index: 210; } .textBox h2.hier { padding-top: 84px; *padding-top: 76px; } .textBox p { display: block; width: 235px; float: left; line-height: 18px; } .textBox p.box { display: block; width: 331px; float: left; line-height: 18px; } .textBox div.blauwbg { display: block; width: 351px; height: 82px; background: #e2f8fe; border: 1px solid #d4d4d4; } .textBox span { display: block; width: 111px; height: 119px; text-indent: -9999px; background: url('../images/weekaanbieding.png') no-repeat; float: right; position: absolute; top: 80px; *top: 75px; z-index: 1; right: -24px; } .textBox span.green {background: url('../images/weekaanbieding_green.png') 2px;} .textBox span.mileu {background: url('../images/milieu.png') no-repeat;} .vast { display: block; width: 321px; position: absolute; top: 130px; *top: 138px; } /* ### details box ### */ .detailsBox { width: 270px; float: left; display: block; padding: 15px 20px; height: 100%; } .detailsBox ul { width: 310px; float: left; list-style: none; margin-top: 10px; display: block;} .detailsBox li { width: 140px; font-weight: bold; line-height: 20px; float: left; list-style: none; } .detailsBox li.rechts { font-weight: normal; } .detailsBox li.bold {font-weight: bold; } .detailsBox h2 { font-size: 18px; font-weight: bold; color: #000; float: left; display: block; width: 400px; } .optionsBox { width: 615px; display: block; float: left; padding: 15px 20px; } .optionsBox h2 { font-size: 18px; font-weight: bold; color: #000; float: left; display: block; width: 100%; margin-bottom: 5px; } .optionsBox h2.opmerkingen { margin-top: 20px; } .optionsBox p {line-height: 20px; display: block; } /* ### vooraad container ### */ #vooraadCntr { width: 990px; display: block; float: left; margin-top: 20px; } #favoCntr { width: 999px; display: block; float: left; margin-top: 4px; } /* ### Heading Vooraad container ### */ .headBox { float: left; display: block; padding-left: 15px; margin-bottom: 10px; width: 990px;} .headBox h1 { font-size: 25px; font-weight: normal; text-shadow: 1px 1px 1px #FFF; float: left; position: relative; bottom: -6px; } .headBox h1 a { font-size: 25px; font-weight: normal; text-shadow: 1px 1px 1px #FFF; float: left; position: relative; width: 100%; height: 100%; background: none; color: #000; } .headBox h1 a:hover { font-size: 25px; font-weight: normal; text-shadow: 1px 1px 1px #FFF; float: left; position: relative; width: 100%; height: 100%; background: none; color: #000; } .headBox ul { float: right; width: 218px; list-style: none; position: relative; bottom: -7px;} .headBox li { float: left; width: 95px; height: 26px; margin-left: 7px; } .headBox a { float: left; display: block; width: 95px; height: 23px; background: url('../images/overzich_btn.png') no-repeat; color: #FFF; text-decoration: none; text-align: center; padding-top: 3px; } .headBox a:hover { background: url('../images/overzich_btn_hover.png') no-repeat; } /* ### header zoekresultaten container ### */ .resultBox { float: left; display: block; padding-left: 15px; margin-bottom: 10px; width: 975px; padding-right: 15px; } .resultBox.onder { margin-top: 15px; padding-left: 0px; width: 990px; } .resultBox h1 { font-size: 25px; font-weight: normal; text-shadow: 1px 1px 1px #FFF; float: left; width: 120px; display: block; position: relative; bottom: -7px; } .resultBox h1.favorieten { width: 165px; } .resultBox h1.result { width: 660px; } .resultBox a.naarboven { float: left; display: block; width: 95px; height: 23px; background: url('../images/overzich_btn.png') no-repeat; color: #FFF; text-decoration: none; text-align: center; padding-top: 3px; margin-top: 5px; } .resultBox a.naarboven:hover { background: url('../images/overzich_btn_hover.png') no-repeat; } .buttons { width: 204px; height: 25px; display: block; float: right; margin-top: 6px; margin-right: -2px; } .buttons a { float: right; display: block; width: 95px; height: 23px; background: url('../images/overzich_btn.png') no-repeat; color: #FFF; text-decoration: none; text-align: center; padding-top: 3px; margin-left: 7px; } .buttons a:hover { background: url('../images/overzich_btn_hover.png') no-repeat; } .paginanummers { width: 503px; *width: 507px; height: 25px; display: block; float: right; padding-top: 6px; } .paginanummers.onder { width: 280px; *width: 284px;} .paginanummers ul { width: 200px; list-style: none; float: left; } .paginanummers li { width: 26px; float: left; display: block; height: 22px; text-align:center; padding-top: 4px; } .paginanummers li.selected { background: #FFF; border: 1px solid #d3d3d3; } .paginanummers li a { text-decoration: none; color: #000; } .paginanummers select { color: #000; margin-top: 5px; float: left; width: 130px; margin-right: 25px; } .paginanummers label { color: #000; float: left; padding-top: 6px; margin-right: 25px; } /* ### vooraad box ### */ .vooraadBox { width: 990px; height: 245px; display: block; float: left; position: relative; background: #FFFFFF; border: 1px solid #d3d3d3; } .vooraadBox > ul { float: left; width: 990px; list-style: none; display: block; } .vooraadBox > ul > li { float: left; list-style: none; width: 180px; height: 213px; display: block; background: #dbf7fe; border: 1px solid #d3d3d3; margin: 15px 6px; } .vooraadBox li.first { margin-left: 15px; } .vooraadBox p { text-align: center; margin-top: 11px; margin-bottom: 10px;} .vooraadBox a.meerinfo{ display: block; width: 158px; height: 23px; margin-left: 11px; margin-top: 5px; background: url('../images/meer_info_btn.png') no-repeat; color: #FFFFFF; text-decoration: none; text-align: center; padding-top: 4px;} .vooraadBox a.meerinfo:hover { background: url('../images/meerinfo_hover.png') no-repeat; } .vooraadBox span { background: url('../images/shadow_vooraad.png') no-repeat; display: block; width: 181px; height: 139px; position: absolute; z-index: 99; } .vooraadBox img { z-index: 1; position: relative; } .resultatenBox { width: 990px; float: left; margin-bottom: 3px; } .resultatenBox ul { width: 990px; float: left; list-style: none; } .resultatenBox li {float: left; width: 977px; list-style: none; background: #FFF; border: 1px solid #d3d3d3; padding: 15px 0 15px 15px; margin-bottom: -12px; } .resultatenBox li.blauw { border-top: none; background: #dbf7fe; border-bottom: none; } .resultatenBox span { background: url('../images/foto_resultaten_shadow.png') no-repeat; z-index: 88; position: relative; width: 153px; height: 115px; margin-right: 15px; display: block; float: left; margin-top: -1px; } .resultatenBox img { float:left; position: relative; z-index: 2; margin-top: -1px; margin-right: 15px; } .resultatenBox h1 { float: left; font-size: 20px; font-weight: normal; display: block; width: 600px; } .resultatenBox a { text-decoration: none; color: #000; } .resultatenBox p { float: left; width: 610px; line-height: 20px; margin-top: 15px; } .resultatenBox div.prijs { width: 180px; float: right; background: #dbf7fe; border: 1px solid #d3d3d3; border-right: none; padding-left: 15px; margin-top: -22px; } .resultatenBox div.prijs h2 { font-size: 20px; color: #000; font-weight: normal; display: inline-block; height: 25px; position: relative; float: left; } .resultatenBox div.prijs a { float: right; display: inline-block; width: 25px; height: 24px; right: 5px; position: relative; } .resultatenBox div.prijs.wit { background: #fff; } .resultatenBox div.prijs.selectedwit { background: url("../images/vinkje.png") no-repeat 160px center #DBF7FE; } .resultatenBox div.prijs.selectedblauw { background: url("../images/vinkje.png") no-repeat 160px center #FFF; } .resultatenBox a.bekijken { background: url('../images/bekijken_btn.png') no-repeat; float: right; display: block; width: 100px; height: 89px; text-indent: -9999px; margin-top: 8px; } .resultatenBox a.bekijken:hover { background: url('../images/bekijken_btn_hover.png') no-repeat; } .resultatenBox a.bekijken-groen { float: right; display: block; width: 100px; height: 89px; text-indent: -9999px; margin-top: 8px; background: url('../images/bekijken_groen.png') no-repeat;} .resultatenBox a.bekijken-groen:hover { background: url('../images/bekijken_groen_hover.png') no-repeat; } /* ### Footer Cntr ### */ #footerCntr { width: 100%; background: #FFF; display: inline-block; height: 200px; margin-top: 35px; position: relative; bottom: 0px; } #footerCntr.laag { /*position: absolute;*/ } /* ### footer Box ### */ .footerBox { width: 750px; margin: 0 auto; padding-top: 15px; height: 185px; } .footerBox p { color: #0d384d; display: block; float: left; width: 475px; line-height: 19px; padding-top: 15px; } .footerBox a { color: #F00; text-decoration: none; } .footerBox img { float: right; } .footerBox ul { width: 750px; display: block; float: left; list-style: none; margin-top: 15px; } .footerBox li { margin: 0 5px; height: 28px; float: left; list-style: none; } .footerBox li.first { margin-left: 0 ;} .footerBox li.last { margin-right: 0; } .footerBox li a { height: 18px; display: block; background: #dbf7fe; border: 1px solid #dad9d9; color: #0d384d; text-decoration: none; padding: 3px 11px; } .footerBox li a:hover { background: #5da4b6; color: #FFF; } .footerBox p.copy { float: left; color: #0d384d; font-size: 11px; display: block; margin-top: 4px; margin-bottom: 15px; position: relative; width: 250px; } .footerBox p.rechts { float: right; } .footerBox p.copy a { float: right; color: #0d384d; text-decoration: none; margin-right: 7px; } .footerBox p.copy a:hover { text-decoration: underline; } div.ae_pas_logo { width:300px; float:left; clear:both; } div.ae_pas_content { width:650px; float:right; padding-bottom:10px; } br.zapp { clear:both; } #headerlink { position:absolute; right:0; top:70px; width:950px; text-align:right; } #headerlink a { font-size: 20px; color:#fff30b; text-decoration: none; font-weight: normal; } #headerlink a:hover { color:white; }