/* CREDITS * ---------------------------------------------------------- * Title: Pukkelop 2010 - CSS Main Stylesheet * Author: David Candreva * Date: 18/02/09 * Last Edit: 08/01/2010 David Candreva * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Reset ---------------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* Splash ---------------------------------------------------------- */ #splash { background: #7ac6c5; } #splashwrapper { background: url('../images/splash/splash_20110426.png') no-repeat center top; width: 1000px; height: 966px; margin: 0 auto; position: relative;} a#splashnl { width: 75px; height: 34px; display: block; position: absolute; left: 233px; top: 890px; text-indent: -9999px; background: url('../images/splash/splash_buttons.png') no-repeat 0px top; } a#splashnl:hover { background: url('../images/splash/splash_buttons.png') no-repeat 0px bottom; } a#splashen { width: 75px; height: 34px; display: block; position: absolute; left: 307px; top: 890px; text-indent: -9999px; background: url('../images/splash/splash_buttons.png') no-repeat -75px top; } a#splashen:hover { background: url('../images/splash/splash_buttons.png') no-repeat -75px bottom; } a#splashfr { width: 75px; height: 34px; display: block; position: absolute; left: 382px; top: 890px; text-indent: -9999px; background: url('../images/splash/splash_buttons.png') no-repeat -150px top; } a#splashfr:hover { background: url('../images/splash/splash_buttons.png') no-repeat -150px bottom; } /* Algemene Styles ---------------------------------------------------------- */ textarea, body, input, button, select{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; } body{ min-width: 1002px; width:100%; line-height:18px; background:url(../images/layout/body_tile.png) repeat 0 0; text-align:left; } /*default elements*/ strong,b{ font-weight:bold; } em{ font-style:italic; } a{ color:#000; text-decoration:none; } .content a{ color:#00b2c0; text-decoration:none; } .content a:hover{ text-decoration:underline; } .content a#RES_ID_fb_login:hover{ text-decoration:none; } a:focus{ outline:none; } abbr, acronym{ border-bottom:1px dotted; cursor:help; } legend{ display:none; } .hidden, .inv { display: none; } .relative { position: relative; } .clear{ clear:both; } img.center{ margin:0 auto; display:block; } .odd{ background:#fdfbd5; } .even{ background:#FFF; } div.content p{ margin:0 0 10px; } /* Statements ---------------------------------------------------------- */ div#soldout {background:#000; clear:both; padding:15px 0;} div#soldout a {background:#e71d96;padding:5px 8px;margin: 0px auto; overflow: hidden; width: 980px; font-size:30px; line-height:35px;color:#fff;display:block;} div#soldout a:hover {background:#9FDCE5;} div#animation { background: url('../images/headers/bg.jpg') no-repeat bottom center; } /*error*/ div#content div.error{ padding:15px; } div#content div.error h3{ font-size:16px; } div#content div.error ul{ padding:15px; list-style:disc; } div#content div.error li{ line-height:16px; margin:5px 0; } div#content div.error a{ color:#333; } /*success*/ div.success{ padding:5px; background:#7fe36c; border-top:1px solid #4bb536; border-bottom:1px solid #4bb536; } /*warning*/ div.warning, p.warning{ margin:0 0 15px 0; padding:5px; background:#FFFCDF; border-top:1px solid #FFB900; border-bottom:1px solid #FFB900; } /* Container ---------------------------------------------------------- */ div#container{ background: transparent url(../images/layout/background_top.png) no-repeat center bottom; } div#container div#logobox { position:relative; width:996px; padding:0 0 0 9px; left: 50%; margin-left: -502px; } div#container div#logobox h1 a{ background: transparent url(../images/layout/pukkelpop_logo.png?v=2) no-repeat 0 0; position:absolute; height:95px; width:345px; text-indent:-9000px; z-index:1; margin: 30px 0 0 0; } div#top_wrapper{ position:relative; width:996px; padding:0; margin:0 auto; height: 303px; } .home div#top_wrapper { height: 508px; } .shop div#top_wrapper { height: 488px; } div#top_wrapper.small { height: 303px; } /* Animations ---------------------------------------------------------- */ div#animations { background: transparent url(../images/animations/header_static.png) no-repeat right top; height: 100%; position: relative; margin-right: 35px; } div#animations div { position: absolute; z-index: 2; } div#animations #pos1 { background: transparent url(../images/animations/header_hover_1.png) no-repeat 0 0; left: 619px; height: 13px; top: 70px; width: 21px; } div#animations #pos2 { background: transparent url(../images/animations/header_hover_2.png) no-repeat 0 0; left: 650px; height: 18px; top: 43px; width: 28px; } div#animations #pos3 { background: transparent url(../images/animations/header_hover_3.png) no-repeat 0 0; left: 694px; height: 59px; top: 91px; width: 75px; } div#animations #pos4 { background: transparent url(../images/animations/header_hover_4.png) no-repeat 0 0; left: 923px; height: 19px; top: 80px; width: 28px; } div#animations #pos5 { background: transparent url(../images/animations/header_hover_5.png) no-repeat 0 0; left: 951px; height: 14px; top: 96px; width: 21px; } div#animations #pos6 { background: transparent url(../images/animations/header_tilt_1.png) no-repeat 0 0; left: 506px; height: 35px; top: 13px; width: 28px; } div#animations #pos7 { background: transparent url(../images/animations/header_tilt_2.png) no-repeat 0 0; left: 540px; height: 16px; top: 57px; width: 18px; } div#animations #pos8 { background: transparent url(../images/animations/header_tilt_3.png) no-repeat 0 0; left: 596px; height: 43px; top: 96px; width: 45px; } div#animations #pos9 { background: transparent url(../images/animations/header_tilt_4.png) no-repeat 0 0; left: 773px; height: 26px; top: 8px; width: 31px; } div#animations #pos10 { background: transparent url(../images/animations/header_tilt_5.png) no-repeat 0 0; left: 798px; height: 28px; top: 141px; width: 24px; } div#animations #pos11 { background: transparent url(../images/animations/header_tilt_6.png) no-repeat 0 0; left: 835px; height: 18px; top: 124px; width: 18px; } div#animations #pos12 { background: transparent url(../images/animations/header_tilt_7.png) no-repeat 0 0; left: 953px; height: 19px; top: 144px; width: 18px; } /* Animation ---------------------------------------------------------- */ div#animation.error404{ height:320px; z-index:0; position:relative; width:100%; background:url(/design/images/headers/404.jpg) no-repeat bottom; } /* Navigation ---------------------------------------------------------- */ div#navigation{ background: transparent url(../images/layout/menu_bg.png) no-repeat 0 0; width:1005px; padding:0; height:53px; position:absolute; top:154px; left:0; z-index:95; line-height:31px; margin-left: -4px; } div#navigation ul{ float:left; padding: 10px 0 0 10px; } div#navigation ul li{ float:left; position:relative; cursor:pointer; height: 43px; } div#navigation ul li a{ height:43px; line-height: 42px; cursor:pointer; padding: 0 8px; font-size: 23px; text-transform: uppercase; font-weight: bold; display: inline-block; letter-spacing: -2px; } div#navigation ul li a:hover, div#navigation ul li a.hover{ background-color: #fdfbd5; } div#navigation ul li a.active{ background-color: #000000; color: #ffffff; } div#navigation ul ul{ width:621px; background:url(../images/layout/menu_active.png) no-repeat center 0; position:absolute; top: -1000px; z-index:50; padding:12px 0 0; } div#navigation ul ul.active { background-image: url(../images/layout/menu_submenu_active.png); } div#navigation ul ul li{ line-height:23px; margin-right:6px; margin-bottom:6px; width:auto; height: auto; } div#navigation ul ul li a{ font-weight:bold; white-space:nowrap; font-size:16px; line-height:29px; width:auto !important; height:30px; padding:0 6px 0; background:#fdfbd5; text-transform:uppercase; clear:both; color:#000; text-decoration:none; text-indent:0; } div#navigation ul ul.submenu{ top:43px; } div#navigation ul li ul li a:hover, div#navigation ul li ul li.active a{ background:#ffffff; } /* search form */ div#navigation form{ float:right; height:30px; width: 198px; margin-top:17px; padding-right: 10px; background: transparent url(../images/layout/search_bg.png) no-repeat 0 0; } div#navigation form fieldset{ display:block; padding: 0; margin: 0; border: 0; } div#navigation form label{ display:block; border: 0; float:left; color: #ffffff; font-size: 20px; padding: 0; margin: 0; line-height: 27px; width: 71px; overflow:hidden; text-align: center; } body#fr div#navigation form label { font-size: 16px; line-height: 30px; } div#navigation form input{ float:left; color:#65bac6; text-transform:uppercase; border:0; font-size:11px; padding:5px 5px 0 25px; width:65px; height:19px; margin: 2px 0 0 0px; background: transparent; } div#navigation form input:focus, div#navigation form input.focus{ color:#000; text-transform:none; } div#navigation form button{ float:left; width:21px; height:24px; cursor:pointer; border:0; background: transparent; } /* Main ---------------------------------------------------------- */ div#main_wrapper{ background:#6ab023 url(../images/layout/main_wrapper_bg.png) repeat 50% 0; border-top: 1px solid #558d1c; border-bottom: 1px solid #558d1c; width:100%; clear:both; padding-bottom: 60px; } div#main_wrapper div#main{ width:1004px; position: relative; left: 50%; margin-left: -502px; } div#main h2{ text-transform:uppercase; } div#main h3{ text-transform:uppercase; } div#main h3.big { font-size: 24px; margin-bottom: 0; color: #00b2c0; } div#main h3 a{ color:#000; } div#main h3 a:hover { text-decoration: none; } /* - colors - */ div#main a.avatar img.onoff {border:0px!important; vertical-align:middle;} /* Topbar ---------------------------------------------------------- */ div#topbar{ background:#000; width:100%; height:31px; } div#topbar div.content{ padding:0 10px; color:#FFF; width:976px; margin:0 auto; text-transform:uppercase; } div#topbar div.content a{ color:#FFF; } div#topbar div.content div.options{ float:right; text-align:right; } div#topbar div.content div.options a{ font-size:14px; line-height: 1.2em; } div#topbar div.content div.options ul{ float:left; } div#topbar div.content div.options ul li{ float:left; margin:6px 0 0 4px; } div#topbar div.content div.options ul li.register{ margin-top: 4px; } div#topbar div.content div.options ul li.login, div#topbar div.content div.options ul li.welcome {color:#9fdce5; margin-right: 7px; } div#topbar div.content div.options ul li.login a { color:#ffffff;} div#topbar div.content div.options ul li.welcome a{ color:#9fdce5;} div#topbar div.content div.options ul li.register a, div#topbar div.content div.options ul li.logout a { font-size:10px; } div#topbar div.content div.options ul li a:hover { color:#f8e88a; text-decoration: none; } div#topbar div.content div.options ul.languages{ margin:0 0 0 5px; } div#topbar div.content div.options ul.languages a.active{ color:#f8e88a; } /* Shop header ---------------------------------------------------------- */ div#animations .homepage { position: absolute; z-index: 500; top: 251px; width: 1002px; margin: 0 auto; } div#animations .header_homepage { position: relative; float: right; margin-left: 3px; height: 198px; overflow: hidden; width: 677px; background: transparent url(/design/images/layout/box_bg.png) no-repeat 0 0; padding: 20px 0 0 7px; } div#animations .header_homepage .title { text-transform: uppercase; background: none; padding: 0 0 0 10px; width: 100%; line-height: 25px; height: 25px; overflow: hidden; font-size: 30px; color: #00B2C0; position: relative; } div#animations .header_homepage a { white-space: nowrap; } div#animations .header_homepage #lineupcontainer { background: #fff; padding: 0 0 10px 10px; position: relative; } div#animations .header_homepage #lineupcontainer a, div#animations .header_homepage #lineupcontainer span, div#animations .header_homepage #lineupcontainer p { display: inline-block; margin-top: -2px; } div#animations .header_homepage a.button{ position: absolute; bottom: 5px; right:5px; white-space:nowrap; cursor:pointer; float:left; font-size:16px; padding:0 0 0 2px; text-transform:uppercase; display:block; height:26px; line-height: 26px; display:block; color:#FFF; background:url(../images/layout/button_background.png) no-repeat 0 0; width: 90px; text-align: center; z-index: 3; } div#animations .header_homepage a.button.wide { background:url(../images/layout/button_background_wide.png) no-repeat 0 0; width: 129px; } div#animations .header_homepage a.button.wider { background:url(../images/layout/button_background_wider.png) no-repeat 0 0; width: 148px; } div#animations .header_homepage a.button:hover{ background-position: 0 -26px; text-decoration: none; } div#animations .flickr_slider { position: relative; float: left; height: 208px; width: 307px; background: transparent url(/design/images/layout/box_bg.png) no-repeat 0 0; padding: 10px 0px 0px 7px;} div#animations .flickr_slider .flickr_slider_images { position: relative; padding: 7px 0 0 7px; border: 5px solid #fff; width: 291px; height: 191px; overflow: hidden; } div#animations .flickr_slider a { position: absolute; top: 0px; left: 0px; border: 1px solid #000; width: 296px; overflow: hidden; height: 196px; z-index: 0; display: none; } div#animations .flickr_slider a.next { z-index: 1; display: block; } div#animations .flickr_slider a.current { z-index: 2; display: block; } #staticheader { position: absolute; z-index: 500; top: 260px; width: 1002px; margin: 0 auto; } #staticheader .w30 {position: relative; float: left; width: 278px; padding: 0; margin-right: 6px; border: 1px solid #c8cccd; background: #FFF; } #staticheader .w40 {position: relative; float: left; width: 420px; padding: 0; margin-left: 0px; border: 1px solid #c8cccd; background: #FFF; } #staticheader .w70 {position: relative; float: left; width: 707px; padding: 0; margin-left: 0px; border: 1px solid #c8cccd; background: #FFF; } #staticheader .title { color: #000000; font-size: 30px; text-transform: uppercase; z-index: 501; } #staticheader .content { height: 165px; padding: 15px 10px; position: relative; clear: both; overflow: hidden; } #staticheader .content .image { position: relative; float: left; border: solid 1px #000; height: 84px; width: 84px; margin: 3px;} #staticheader .content .image img{ float:left;} #staticheader .content ul.actions{ position: absolute; right: 10px; bottom: 10px; } #staticheader .content ul.actions li.button a{ white-space:nowrap; cursor:pointer; float:left; font-size:16px; padding:0 0 0 2px; text-transform:uppercase; display:block; height:26px; line-height: 26px; display:block; color:#FFF; background:url(../images/layout/button_background.png) no-repeat 0 0; width: 90px; text-align: center; } #staticheader .content ul.actions li.button.wide a{ background:url(../images/layout/button_background_wide.png) no-repeat 0 0; width: 129px; } #staticheader .content ul.actions li.button.wider a{ background:url(../images/layout/button_background_wider.png) no-repeat 0 0; width: 148px; } #staticheader .content ul.actions li.button a:hover{ background-position: 0 -26px; text-decoration: none; } #staticheader .content ul.thumbList li { margin: 0 9px 10px 0;} #staticheader .content ul.thumbList li.last { margin-right:0px;} #staticheader .content h3 { font-size: 12px; margin-left: 6px; float: left; width: 154px; text-transform: uppercase; } #staticheader h2 { font-size: 16px; float: left; text-transform: uppercase; margin-left: 6px; margin-bottom: 10px; } #staticheader .higher h2 { float: none; clear: both; } /* 3-col header */ div#animations .header_threecol { position: relative; float: right; height: 218px; overflow: hidden; width: 679px; } div#animations .header_threecol .col { position: relative; background: transparent url(/design/images/layout/box_bg.png) no-repeat 0 0; padding: 12px 0 0 0; height: 206px; width: 219px; margin-right: 6px; float: left; } div#animations .header_threecol .col.last { margin-right: 0; } div#animations .header_threecol .title { text-transform: uppercase; display: block; background: none; padding: 0 0 0 10px; width: 100%; line-height: 25px; height: 25px; overflow: hidden; font-size: 30px; color: #00B2C0; position: relative; } div#animations .header_threecol ul { font-size: 19px; } div#animations .header_threecol li { margin: 4px 0 0 10px; font-weight: bold; letter-spacing: -1px; } div#animations .header_threecol li a:hover { color: #009036 } div#animations .header_threecol a.button{ position: absolute; top: 9px; right:5px; white-space:nowrap; cursor:pointer; float:left; font-size:16px; padding:0 0 0 2px; text-transform:uppercase; display:block; height:26px; line-height: 26px; display:block; color:#00B2C0; text-align: right; z-index: 3; } div#animations .header_threecol a.button:hover{ color: #000000; text-decoration: none; } /* Breadcrumbs ---------------------------------------------------------- */ div#breadcrumbs{ overflow:hidden; background: #00b2c0; padding: 0px 10px 0px 10px; position: absolute; top: -33px; margin-left: 10px; height: 30px; } div#breadcrumbs ol li.first{ color:#000000; } div#breadcrumbs ol li{ display: block; padding: 0 4px 0 0; text-transform:uppercase; float:left; color:#FFF; line-height: 30px; height: 30px; } div#breadcrumbs ol li a{ display: block; float: left; line-height: 30px; height: 30px; padding:0 8px 0 0; color:#FFF; background: url(../images/layout/breadcrumbs_bullet.png) no-repeat right center; font-size: 12px; } div#breadcrumbs ol li a:hover{ color:#000; } /* Content ---------------------------------------------------------- */ div#content p{ margin:0 0 15px 0; } div#content h3, div#content h4{margin:0 0 10px 0;} div.markup, div.questions, div.bands {padding:15px !important; } div.register ul {list-style-type:disc; margin-left:20px;} /*lists*/ div.markup ul { margin:1em 0 1em 1.5em; list-style-image: url('/design/images/layout/koppelteken-black.png'); } div.markup ul ul { margin:0 0 0 1.5em; list-style-image: none; list-style-type: circle; } div.markup ol { margin:1em 0 1em 1.7em; list-style-type: decimal; } /*imagelist*/ div#content ul.imagelist{ margin:0px 10px 5px 0px; float:left; list-style-type: none; list-style-image: none; } div#content ul.imagelist li a{ display:block; border:3px solid black; margin-top:5px; } /*filelist*/ div#content ul.filelist{ margin:1em 0 1em 1.5em; list-style-type:circle; } /*main box*/ div#main .box { clear:both; overflow: hidden;} div#main .box .content a.author{ background:url(../images/icons/user.gif) no-repeat 0 0; padding-left:20px;} div#main ul#PP-profile{ margin-top:-10px; } div#main ul#PP-profile li{ padding:1px 0; } div#main ul#PP-profile a{ font-size:11px; text-transform:uppercase; display:block; line-height:16px; padding:0 3px 0 22px; text-indent:0; width:162px; background:url(../images/layout/icon-sprite.png) no-repeat 0 0; color: #53C77F; font-weight: bold; } div#main ul#PP-profile a:hover, div#main ul#PP-profile a.active{ color:#000 !important; } div#main ul#PP-profile a.profile { background-position:0 -4px; } div#main ul#PP-profile a.edit { background-position:0 -27px; } div#main ul#PP-profile a.blog { background-position:0 -51px; } div#main ul#PP-profile a.pp-arazzi { background-position:0 -75px; } div#main ul#PP-profile a.friendz { background-position:0 -99px; } div#main ul#PP-profile a.messages { background-position:0 -123px; } div#main ul#PP-profile a.guestbook { background-position:0 -147px; } div#main ul#PP-profile a.bands { background-position:0 -171px; } div#main ul#PP-profile a.history { background-position:0 -195px; } div#main ul#PP-profile a.lineup { background-position:0 -219px; } div#main ul#PP-profile a.logout { background-position:0 -243px; } /*social links*/ ul.sociallinks{ width:50%; float:left; } ul.sociallinks li a{ font-size:16px; text-transform:uppercase; color:#6ab023; padding:0 0 0 25px; width:99px; line-height:23px; height:23px; display:block; background:url(../images/layout/sociallinks.png) no-repeat 0 0; } ul.sociallinks li a:hover{ color:#000; text-decoration: none; } ul.sociallinks li.youtube a { background-position: 0 -23px } ul.sociallinks li.twitter a { background-position: 0 -46px } ul.sociallinks li.lastfm a { background-position: 0 -69px } ul.sociallinks li.flickr a { background-position: 0 -92px } ul.sociallinks li.myspace a { background-position: 0 -115px } ul.sociallinks li.netlog a { background-position: 0 -138px } ul.sociallinks li.rss a { background-position: 0 -160px } /* Partners fadeshow ---------------------------------------------------------- */ #partnersFadeshow { display: block; background: transparent center center no-repeat; height: 120px; } #partners-slideshow div {width:120px;height:120px;clear:both;text-indent:-9000px;background:url(/design/images/partners/all.jpg) no-repeat -120px 83px;position:absolute;} #partners-slideshow #fortis {background-position:0 0;} #partners-slideshow #maes {background-position:0 -120px;} #partners-slideshow #cocacola {background-position:0 -240px;} #partners-slideshow #randstad {background-position:0 -360px;} #partners-slideshow #pgfm {background-position:0 -480px;} #partners-slideshow #europcar {background-position:0 -600px;} #partners-slideshow #uhasselt {background-position:0 -720px;} #partners-slideshow #humo {background-position:0 -840px;} #partners-slideshow #jim {background-position:0 -960px;} #partners-slideshow #stubru {background-position:0 -1080px;} #partners-slideshow #ladeux {background-position:0 -1200px;} #partners-slideshow #purefm {background-position:0 -1320px;} #partners-slideshow #winforlife {background-position:0 -1440px;} #partners-slideshow #inventis {background-position:0 -1560px;} #partners-slideshow #nucleus {background-position:0 -1680px;} #partners-slideshow #delijn {background-position:0 -1800px;} #partners-slideshow #nmbs {background-position:0 -1920px;} #partners-slideshow #farmfrites {background-position:0 -2040px;} #partners-slideshow #skynet {background-position:0 -2160px;} #partners-slideshow #bacardi {background-position:0 -2280px;} #partners-slideshow #izen {background-position:0 -2400px;} #partners-slideshow #bioplanet {background-position:0 -2520px;} /* Footer ---------------------------------------------------------- */ #footer{ background:transparent url(../images/layout/footer_bg.png) no-repeat 50% 0; width:100%; height: 550px; overflow:hidden; margin:-1px auto 0; position: relative; } /*sitemap*/ #sitemap{ width: 996px; margin: 0 auto; } #sitemap h3{ color:#5b828b; font-size:21px; margin:0 0 0 10px; height:25px; overflow:hidden; } #sitemap h3 a:hover {color:#000;} #sitemap a{ color:#5b828b; text-decoration:none } /*lvl 1*/ #sitemap ul { margin-top: 100px; } #sitemap ul li.first span{ background:#009037; } #sitemap ul li{ float:left; font-size:18px; padding:2px 4px; min-height:132px; height:132px; display: block; } #sitemap ul li span{ text-transform:uppercase; background:#00b2c0; color:#FFF; display:block; width: 100px; height: 37px; line-height: 35px; text-align: center; } #sitemap ul li a:hover span{ background:#000000; color:#FFF; } #sitemap ul li.first { padding-left: 0; } #sitemap ul li.first a:hover span { background: #000000; } /*lvl 2*/ #sitemap ul ul{ padding:5px 0 0 0; margin: 0; } #sitemap ul ul li{ float: none; margin:0 0 2px 0; padding:0; border:0; font-size:11px; width: 100px; min-height: 18px; height: auto; } #sitemap ul ul li a{ padding:6px; color:#000; background:none; display:block; font-weight:normal; height: auto !important; min-height: 18px; width: 88px; background: #ffffff; opacity: 0.8; } #sitemap ul ul li a:hover{ text-decoration: underline; } li.capi a {text-transform:capitalize; } #sitemap ul li.narrow span { width: 90px; } #sitemap ul li.narrow ul li { width: 90px; } #sitemap ul li.narrow ul li a { width: 78px; } #sitemap ul li.wider span { width: 120px; } #sitemap ul li.wider ul li { width: 120px; } #sitemap ul li.wider ul li a { width: 108px; } #sitemap ul li.widerer span { width: 140px; } #sitemap ul li.widerer ul li { width: 140px; } #sitemap ul li.widerer ul li a { width: 128px; } /*credits*/ #credits{ text-transform:uppercase; font-size:10px; font-weight:bold; position:absolute; right:5px; z-index:102; width:auto; bottom: 10px; text-align:right; } #credits span{ padding-right:5px; } #credits div{ padding:0 5px; white-space:nowrap; background:#9fdce5; line-height:22px; display:block; } #credits div a:hover{ color:#FFF; } #credits a:hover{ color:#ffffff; } /* flashMessage ---------------------------------------------------------- */ div#flashMessage{ color:#FFF; font-weight:bold; font-size:14px; line-height:16px; position:absolute; top:50%; left:50%; z-index:9999; padding-top:30px; min-width:360px; max-width:460px; opacity:0; visibility:hidden; background: url(/design/images/layout/flashMessage/top.png) no-repeat 50% 0; } div#flashMessage .content{ -moz-border-radius:10px;-webkit-border-radius:10px; clear:both; padding:20px 15px 13px 15px; text-align:center; background:#000;} div#flashMessageOverlay{ position:absolute; left:0; width:100%; background:#000; z-index:9998; } /*MAP*/ #pp-window{ padding:10px; width:120px!important; height:150px!important; min-width:80px; } #pp-window a {margin:5px 0; overflow:hidden;} #pp-window_contents{ background: #fff; padding:10px; overflow:hidden; text-align:center; width:120px!important; height:120px!important; } #pp-window_beak{background:url(/design/images/beak.gif) no-repeat 0 0; width:32px; height:16px;} #pp-window_tl, #pp-window_tr, #pp-window_bl, #pp-window_br, #pp-window_t,#pp-window_l,#pp-window_r,#pp-window_b{ background: #B0B0B0; height: 2px; width: 2px; } #pp-window_close { background:transparent url(/design/images/icons/close.png) no-repeat 0 0; cursor:pointer; height:13px; margin:1px 0 0 -1px; width:14px; overflow:hidden; } h5.list {font-size:16px; font-weight:normal;} h5.list strong {color:#E71D96;} .fblogin a:hover { text-decoration: none; }