/* CREDITS * ---------------------------------------------------------- * Title: The Fun Group - CSS Main Stylesheet * Author: David Candreva * Date: 00/00/08 * Last Edit: 00/00/08 David Candreva * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Algemene Styles ---------------------------------------------------------- */ html, body { height: 100%; } textarea, body{font-family:Arial, Helvetica, sans-serif; font-size:12px;} /*selectors*/ strong,b{font-weight:bold;} em{font-style:italic;} a{outline:none; color:#e41e26;} a:hover{text-decoration:none;} body{ background:#000120; color:#FFF; } html,body{ height:100%; } div.push, div#footer{ height:160px; } /*flash*/ p.flash { text-align: center; line-height: 350px !important; } /* Popup ---------------------------------------------------------- */ #popup { width:100%; height:100%; position:absolute; z-index:1000; left:0; top:0; background:url(../images/layout/opacity_80.png) repeat 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale', src='/design/images/layout/opacity_80.png'); } * html #popup { background-image: none; } #popup div.content { position: absolute; width: 500px; height: 315px; left: 50%; top: 50%; margin: -150px 0 0 -250px; background: white; } #popup div.content div.fadeshow { width: 500px; height: 300px; } #popup a.close { position: absolute; width: 30px; height: 30px; right: -10px; top: -10px; text-indent: -999px; overflow: hidden; cursor: pointer; background: url(../images/layout/close_button.png) left 0; } * html #popup a.close { background-image: url(../images/layout/close_buftton.gif); } #popup a.close:hover { background-position: left -30px; } #popupBanner { width:100%; height:100%; position:absolute; z-index:1000; z-index: 500; left:0; top:0; background:url(../images/layout/opacity_80.png) repeat 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale', src='/design/images/layout/opacity_80.png'); } #popupBanner div.content { position: absolute; width: 850px; height: 620px; left: 50%; margin: 90px 0 0 -425px; z-index: 1000; } /* Slideshow ---------------------------------------------------------- */ #slideshow { position:relative; height:68px; } #slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 63px; padding:5px 0 0 0; width:165px; } #slideshow div img{ display: block; margin:0 auto; } /* Social links ---------------------------------------------------------- */ ul.social{ padding:10px 0 0 0; width:100%; clear:both; overflow:hidden;} ul.social li{ padding:0 10px; float:left; line-height: 25px; } ul.social li a { font-size: 16px; color: #FFF; text-decoration: none; font-weight: bold; } /* Container ---------------------------------------------------------- */ #container{ position:relative; margin-bottom:-160px; min-height:100%; background:url(../images/layout/body_background.jpg) no-repeat left bottom;} div#container_wrapper{ width:975px; position:relative; } img.header_png{position:absolute; right:0; z-index: 15; } img#funfun-6{ position:absolute; top:150px; } img#funfun-5{ position:absolute; top:83px; right:20px; } img#funfun-4{ position:absolute; top:75px; right:30px; } img#funfun-3{ position:absolute; top:60px; } img#funfun-2{ position:absolute; top:60px; right:10px; } img#funfun-1{ position:absolute; top:63px; right:-5px; } img#benjifun-7{ top:0; right:30px; } img#benjifun-6{ top:0; right:-25px; } img#benjifun-5{ top:0; right:40px; } img#benjifun-3{ top:63px; right:-10px; } img#rentastage-5{ top:70px; right:30px; } img#rentastage-4{ top:37px; right:30px; } img#rentastage-3{ top:84px; } img#rentastage-2{ top:98px; right:-10px; } img#rentastage-1{ top:78px; } img#rentalimo-3{ top:87px; } img#rentalimo-2{ top:134px; right:-20px; } img#rentalimo-1{ top:140px; right:-20px; } /*pagination*/ #container div.pagination { clear: both; height: 32px; } #container div.pagination li { width: 16px; margin: 6px 4px 0 0; height: 18px; line-height: 18px; text-align: center; float: left; background: #284e8c; border: 1px solid #3667b3; } #container div.pagination li.current { background: #d9031d; border-color: #e5384b; font-weight: bold; } #container div.pagination li a { display: block; width: 16px; height: 18px; color: white; text-decoration: none; } #container div.pagination li a:hover { background: #d9031d; } /* Top header ---------------------------------------------------------- */ #top_header{width:829px; height:34px; padding:12px 0 0 0; } /*service navigation*/ #top_header ul.service_navigation{margin:0 14px 0 0; overflow:hidden; float:left;} #top_header ul.service_navigation li{float:left; margin:0 0 0 14px; display:inline;} #top_header ul.service_navigation li a{float:left; height:13px; text-decoration:none; color:#FFF; font-size:10px; padding:0 0 0 17px;} #top_header ul.service_navigation li a:hover{text-decoration:underline; background-position:left 3px !important;} #top_header ul.service_navigation li a.home:hover{background-position:left 2px !important;} #top_header ul.service_navigation li a.home{background:url(../images/layout/home_icon.gif) no-repeat 0 0px;} #top_header ul.service_navigation li a.contact{background:url(../images/layout/contact_icon.gif) no-repeat 0 1px; padding:0 0 0 16px;} #top_header ul.service_navigation li a.sitemap{background:url(../images/layout/sitemap_icon.gif) no-repeat 0 1px;} #top_header #marquee{float:left; overflow:hidden; position:relative; width:347px; padding:4px 5px 0; height:18px; margin:0 10px 0 0; display:block; background:url(../images/layout/marquee_background.png) no-repeat 0 0; font-size:11px; font-weight:bold;} #top_header #marquee .mooquee-text{position:absolute; white-space:nowrap;} #top_header #marquee a { padding-right: 35px; color: #FFF; text-decoration: none; } #top_header #marquee a:hover { text-decoration: underline; } #top_header form.search{overflow:hidden; position:absolute; left:573px; top:12px; z-index:20;} #top_header form.search input#search{width:153px; float:left; height:19px; padding:3px 7px 0 27px; color:#FFF; border:0; background:url(../images/layout/header_search_background.png) no-repeat 0 0;} #top_header form.search input.submit{border:0; color:#043882; float:left; margin:0 0 0 4px; font-weight:bold; cursor:pointer; font-size:11px; background:url(../images/layout/header_search_submit.png) no-repeat 0 0; width:35px; height:23px;} #top_header form.search input.submit:hover{background:url(../images/layout/header_search_submit.png) no-repeat left bottom;} /* Header ---------------------------------------------------------- */ #header{margin:0 0 0 0; background:none no-repeat 0 0; width:871px; height:166px; z-index: 5;} body#benjifun #header { background-image: url(../images/layout/header_background_benjifun.png); } body#funfun #header { background-image: url(../images/layout/header_background_funfun_nl.png); } body#rentastage #header { background-image: url(../images/layout/header_background_rentastage.png); } body#rentalimo #header { background-image: url(../images/layout/header_background_rentalimo.png); } /*headings*/ #header h1, #header h2{display:block; text-indent:-9000px;} /* Navigation ---------------------------------------------------------- */ #navigation{height:30px; padding:0 0 0 9px; margin:0 0 12px; width:829px; position:relative; background:#264f8b url(../images/layout/navigation_background.png) no-repeat right top; clear:both;} /*navigation*/ #navigation ul{ width:829px; position:absolute; left:9px; top:0; z-index:10;} #navigation ul li{float:left; height:30px; position: relative; z-index: 15; } #navigation ul li a{color:#e0e8f4; height:21px; text-transform: capitalize; cursor: pointer; background:url(../images/layout/raquo_red.gif) no-repeat 0 center; padding:7px 18px 0 10px; float:left; font-weight:bold; text-decoration:none;} #navigation ul li a:hover{background:url(../images/layout/raquo_red.gif) no-repeat 3px center;} #navigation ul li.background{z-index:12; height:2px; left:0; bottom:0; position:absolute;} #navigation ul li .left{ background:#e41e26; height:2px; overflow:hidden; } /*submenu*/ #navigation ul li ul { display: none; z-index: 29; position: absolute; left: 50%; top: 27px; margin-left: -73px; padding-top: 3px; width: 130px; background: #3365ae url(../images/layout/submenu_background.png) top repeat-x;} #navigation ul li:hover { display: block; } #navigation ul li:hover ul { display: block; } #navigation ul li ul li { border: #527ab7 solid; border-width: 0 1px 1px; text-align: center; margin: 0; padding: 0; height: auto; float: left; clear: both; width: 128px; line-height: 26px; } #navigation ul li ul li a { background: none; float: none; padding: 0; height: auto; font-weight: normal; font-size: 11px; } #navigation ul li ul li a:hover { background: none; text-decoration: underline; } /* Content ---------------------------------------------------------- */ #content{ margin-top:-10px; } /*breadcrumbs*/ #content div.breadcrumbs { line-height: 25px; background: #1C4076; padding: 0 5px; margin: 4px 5px; } #content div.breadcrumbs a { color: white; text-decoration: none; } #content div.breadcrumbs a.first { color: #BDD3FF; } #content div.breadcrumbs a:hover { text-decoration: underline; } /*sidebar*/ #content #sidebar{width:219px; float:left;} #content #sidebar a.sidelogo { text-align: center; display: block; padding: 7px 15px 7px 0; } #content #sidebar ul{margin:0 0 26px;} #content #sidebar ul li{margin:0 0 6px;} body#benjifun #content #sidebar ul li a { color: #e0e8f4; } body#funfun #content #sidebar ul li a { color: #010101; } body#rentastage #content #sidebar ul li a { color: #e0e8f4; } body#rentalimo #content #sidebar ul li a { color: #e0e8f4; } /*navigation*/ #content #sidebar ul.navigation li a{ padding:11px 0 0 23px; width:183px; height:23px; display:block; font-weight:bold; text-decoration:none; background: none no-repeat 0 0;} #content #sidebar ul.navigation li a:hover{background-position: right 0;} body#benjifun #sidebar ul.navigation li a { background-image: url(../images/layout/sidebar_item_benjifun.png); } body#funfun #sidebar ul.navigation li a { background-image: url(../images/layout/sidebar_item_funfun.png); } body#rentastage #sidebar ul.navigation li a { background-image: url(../images/layout/sidebar_item_rentastage.png); } body#rentalimo #sidebar ul.navigation li a { background-image: url(../images/layout/sidebar_item_rentalimo.png); } /*partners*/ #content #sidebar ul.partners a{ height:31px; display:block; text-indent:-9000px; width:206px} #content #sidebar ul.partners li a.fun{background:url(../images/layout/sidebar_li_background.png) no-repeat 0 -0px;} #content #sidebar ul.partners li a.stage{background:url(../images/layout/sidebar_li_background.png) no-repeat 0 -31px;} #content #sidebar ul.partners li a.limo{background:url(../images/layout/sidebar_li_background.png) no-repeat 0 -62px;} #content #sidebar ul.partners li a.sky{background:url(../images/layout/sidebar_li_background.png) no-repeat 0 -93px;} #content #sidebar ul.partners li a.benji{background:url(../images/layout/sidebar_li_background.png) no-repeat 0 -124px;} #content #sidebar ul.partners li a.fun:hover{background:url(../images/layout/sidebar_li_background.png) no-repeat right -0px;} #content #sidebar ul.partners li a.stage:hover{background:url(../images/layout/sidebar_li_background.png) no-repeat right -31px;} #content #sidebar ul.partners li a.limo:hover{background:url(../images/layout/sidebar_li_background.png) no-repeat right -62px;} #content #sidebar ul.partners li a.sky:hover{background:url(../images/layout/sidebar_li_background.png) no-repeat right -93px;} #content #sidebar ul.partners li a.benji:hover{background:url(../images/layout/sidebar_li_background.png) no-repeat right -124px;} /*shoppingcart*/ #content #sidebar div.shoppingcart { background: #264f8b; width: 180px; margin: 0 0 26px 19px; } #content #sidebar div.shoppingcart div.body { border: solid #3b66a2; border-width: 0 1px 1px; } #content #sidebar div.shoppingcart h3 { text-align: center; font-weight: bold; line-height: 23px; } #content #sidebar div.shoppingcart ul { padding: 0; margin: 0; font-size: 11px; } #content #sidebar div.shoppingcart li { padding: 0; margin: 0; border-bottom: 1px solid #3b66a2; line-height: 25px; padding: 0 7px; } #content #sidebar div.shoppingcart li a { font-weight: normal; padding: 0; margin: 0; display: inline; color: white !important; } #content #sidebar div.shoppingcart li a:hover { text-decoration: underline; } #content #sidebar div.shoppingcart li li { border: 0; padding-left: 15px; line-height: 17px; } #content #sidebar div.shoppingcart a.shop { line-height: 25px; color: #9cbdee; text-decoration: underline; font-size: 11px; padding-left: 7px; } #content #sidebar div.shoppingcart a.shop:hover { text-decoration: underline; } #content #sidebar div.shoppingcart a.shop img { text-decoration: none; vertical-align: middle; } #content #sidebar div.shoppingcart_small { background: #E6172F; width: 178px; margin: 0 0 26px 16px; padding: 7px 3px; } #content #sidebar div.shoppingcart_small img { vertical-align: middle; margin: 0 2px 0 1px; } #content #sidebar div.shoppingcart_small a { color: #E0E8F4; font-weight: bold; text-decoration: none; } #content #sidebar div.shoppingcart_small a:hover { text-decoration: underline; } body#benjifun #content #sidebar div.shoppingcart h3 { background: #cc071e; color: white;} body#funfun #content #sidebar div.shoppingcart h3 { background: #ffec06; color: #010101; } body#rentastage #content #sidebar div.shoppingcart h3 { background: #009ee0; color: white; } body#rentalimo #content #sidebar div.shoppingcart h3 { background: black; color: white;} /*main_content_small*/ #main_content_small{ position:relative;float:left; width:537px; padding:0 0 12px 0;} #main_content_small div.text{ -moz-box-shadow: 0 0 7px #193053; background:#264f8b; width:537px; min-height:440px; height:auto !important; height:440px;} #main_content_small div.text h2{font-size:24px; margin:0 5px; padding:4px 0 3px 11px; background:url(../images/layout/dotted_tile.gif) repeat-x left bottom; position: relative; } #main_content_small div.text h2:first-letter{ text-transform: uppercase; } #main_content_small div.text h2 a.print { color:#FFF; text-decoration:none; position: absolute; z-index: 30; width: 90px; height: 18px; right: 45px; top: 8px; padding-top:3px; cursor: pointer; padding-left:18px; text-transform:none; font-size:11px; background: url(../images/layout/print_icon.gif) no-repeat 0 0; } #main_content_small div.text h2 a.print:hover{text-decoration:underline;} #main_content_small div.text h2 a.comment { color:#FFF; text-decoration:none; position: absolute; z-index: 30; width: 90px; height: 18px; right: 165px; top: 8px; padding-top:3px; cursor: pointer; padding-left:18px; text-transform:none; font-size:11px; background: url(../images/layout/icon_comment.gif) no-repeat 0 0; } #main_content_small div.text h2 a.comment:hover{text-decoration:underline;} #main_content_small div.text img.image { margin: 0 0 10px 10px; border: 1px solid #00284B; } #main_content_small div.text div.content{padding:11px 16px 34px 16px; line-height:17px; margin:4px 0 0 0; overflow:hidden;} #main_content_small div.text div.content h3 { font-size:16px; margin:5px 0; clear: both; padding:0 0 7px; background:url(../images/layout/dotted_tile.gif) repeat-x left bottom; } #main_content_small div.text div.content h3 a { color: white; border: 0; } #main_content_small div.text div.content a { color: white; } #main_content_small div.text div.content p{margin:0 0 6px;} #main_content_small div.text div.content img.margin{ margin: 10px; } #main_content_small div.text div.content ul { list-style: inside disc; margin-bottom: 4px; } #main_content_small div.text div.content ul ul { margin: 5px 15px 10px; } #main_content_small div.text div.content .articleImages { float:right;width:70px } #main_content_small div.text div.content .articleImages img { border:1px solid #fff;float:right;margin-bottom:5px } /*news_item*/ #main_content_small div.text div.news_item { margin-bottom: 30px; } /*item*/ #main_content_small div.item { margin-bottom: 10px; overflow: hidden; background: #3167ae url(../images/layout/subitem_background.png) bottom repeat-x; } /*newsletters*/ #main_content_small div.text ul.newsletters { margin: 15px 10px; } #main_content_small div.text ul.newsletters li { background: #295594; line-height: 25px; margin-bottom: 4px; } #main_content_small div.text ul.newsletters li a { color: white; text-decoration: none; padding: 0 5px; } #main_content_small div.text ul.newsletters li a:hover { text-decoration: underline; } /*main_content_big*/ #main_content_big{float:left; width:684px; padding:3px 0 12px 0;} #main_content_big div.text{background:#264f8b; width:684px; min-height:440px; height:auto !important; height:440px;} #main_content_big div.text h2{font-size:24px; margin:0 5px; text-transform: capitalize; padding:4px 0 3px 11px; background:url(../images/layout/dotted_tile.gif) repeat-x left bottom; position: relative; } #main_content_big div.text h2:first-letter{ text-transform: uppercase; } #main_content_big div.text h2 a.print { text-decoration:none; position: absolute; z-index: 30; text-transform:none; width: 90px; height: 13px; right: 192px; top: 8px; cursor: pointer; padding-top:3px; padding-left:18px; font-size:11px; background: url(../images/layout/print_icon.gif) no-repeat 0 0; } #main_content_big div.text h2 a.print:hover{text-decoration:underline;} #main_content_big div.text h3 { font-size:16px; margin:5px 0; clear: both; padding:2px 0 5px; background:url(../images/layout/dotted_tile.gif) repeat-x left bottom; } #main_content_big div.text h3 a { color: white; border: 0; } #main_content_big div.text a { color: white; } /*niceform*/ #main_content_big div.niceForm {padding:11px 33px 15px 16px; line-height:17px; margin:4px 0 0 0; } /*item*/ #main_content_big div.item { margin-bottom: 10px; overflow: hidden; background: #3167ae url(../images/layout/subitem_background.png) bottom repeat-x; } /*leftside*/ #main_content_big div.leftside { float:left; width: 345px; } /*detail_table*/ table.detail{width:345px; display: table !important; display: inline; margin: 4px 12px 7px 13px; float:left;} table.detail tr th{height:30px;background:url(../images/layout/detail_title.png) no-repeat left bottom;} table.detail tr th h4{font-weight:bold;padding:6px 0 0 21px;} table.detail tr td{padding:8px 14px; background:url(../images/layout/table_line.gif) repeat-x left bottom; line-height: 17px; vertical-align: top;} table.detail tr td.noline{background:none; } table.detail tr td a{color:#FFF; font-size:11px;} table.detail tr td ul { padding: 5px 10px; list-style: inside disc; } table.detail tr td ul ul { list-style: none; padding-left: 20px; } table.detail tr td ol { padding: 5px 10px; list-style: inside decimal; } table.detail tr td ol li { padding-bottom: 10px; } table.detail tr td input { vertical-align: middle; } table.detail tr td a.cart{padding:0 20px 0 0; background:url(../images/layout/icon_cart.gif) no-repeat right center;} table.detail tr td a.video{padding:0 0 0 20px; background:url(../images/layout/icon_video.gif) no-repeat left center;} table.detail tr td a.file{padding:0 0 0 20px; background:url(../images/layout/icon_file.gif) no-repeat left center;} /*transport*/ table.detail #transport { border: 1px solid #629AD4; width: 30px; text-align: center; } table.detail #extrakm { border: 1px solid #629AD4; width: 30px; text-align: center; } /*total*/ table.detail tr.total td { background-color: #9CBDEE; color: black; } table.detail tr.total td a { color: black !important; } /*images*/ div.images{float:right; width:300px; padding-top: 10px; display: inline; margin-right: 10px; margin-bottom: 10px; } div.images .img_wrapper{background:#d2e4fc; text-align:center; border:1px solid #FFF; padding:5px; float:left;} div.images .img_wrapper span{color:#cd071e; text-align:left; display:block; padding:2px 0 0 4px; font-weight:bold;} div.images .first_item{width:284px;} div.images .first_item img{border:1px solid #c7d2e1;} div.images .thumbs{padding:12px 0 0 0; clear:both; overflow:hidden; width:100%;} div.images .thumbs .img_wrapper{padding:4px 4px 2px; margin:0 0 11px; width: 132px; display:inline; overflow:hidden;} div.images .thumbs .img_wrapper img{display:block; float:left;} div.images .thumbs .margin{ margin-right:11px; display:inline; clear: both; } /*right_side*/ #right_side{ float:left; width:190px; } #right_side .box{ -moz-box-shadow: 0 0 7px #193053; margin:10px 0 0 0; width:165px; margin-bottom:8px; padding:10px 15px 20px 10px; background:#264f8b url(../images/layout/sidebar_bottom.png) no-repeat right bottom; } #right_side .box a{ color:#FFF; } #right_side ul.news li{ padding:5px 0 5px; font-size:11px; line-height:18px; background:url(../images/layout/dotted_tile.gif) repeat-x left bottom; text-align: left; } #right_side ul.news li.last{ padding-bottom:5px; background:none; } #right_side #changeshow img{ margin:0 auto 5px; display:block; } #right_side .prev{display:block; text-indent:-9999px; background-color:#3664A4; width:15px; height:15px; float:right; margin:4px 7px 0px 0px; background-image: url(../images/layout/up.png); background-repeat: no-repeat; background-position: center center;} #right_side .next{display:block; text-indent:-9999px; background:#3664A4 url(../images/layout/down.png) no-repeat 0 0; width:15px; height:15px; float:right; margin:4px 0px 0px 0px} #right_side h3{font-size:18px; margin-bottom:5px; padding:0 0 3px 0px; background:#264F8C url(../images/layout/dotted_tile.gif) repeat-x left bottom; position: relative; } #right_side #spotlight{text-align:center; background:#FFF; padding:3px 0 0; margin:0 0 15px; width: 130px; } #right_side #spotlight img { border: 0; } #right_side #spotlight span.what{ height:18px; padding:4px 0 0; display:block; width:100%; font-weight:bold;} #right_side #spotlight img { border: 3px solid white; } body#benjifun #right_side #spotlight span.what { background: #cc071e; color: white;} body#funfun #right_side #spotlight span.what { background: #ffec06; color: #010101; } body#rentastage #right_side #spotlight span.what { background: #009ee0; color: white; } body#rentalimo #right_side #spotlight span.what { background: black; color: white; } /*newsletter*/ #right_side div.newsletter { width: 180px; margin: 10px 0 19px; overflow: hidden; } #right_side div.newsletter input { width: 117px; height: 18px; float: left; line-height: 20px; padding: 2px 2px 0 2px; background: #2F62A7; border: 1px solid #264F8B; color: white; } #right_side div.newsletter input.disabled { color: #aaa; } #right_side div.newsletter h3 { width: 100%; text-align: left; color: white; } #right_side div.newsletter button { border:0; color:#043882; float:left; margin:0 0 0 4px; font-weight:bold; cursor:pointer; font-size:11px; background:url(../images/layout/header_search_submit.png) no-repeat 0 0; width:35px; height:23px; } #right_side div.newsletter button:hover { background-position: 0 -23px; color: white; } /*agenda*/ #main_content_small div.agenda { padding:11px 10px 10px 11px; } /*item*/ #main_content_small div.agenda div.item { padding-top: 5px; width: 100%; } /*date*/ #main_content_small div.agenda div.date { width: 50px; float: left; display: inline; margin-left: 5px; height: 49px; background: url(../images/layout/agenda_date.png) no-repeat; text-align: center; } #main_content_small div.agenda div.date span { display: block; line-height: 16px; font-size: 11px; color: white; } #main_content_small div.agenda div.date strong { display: block; line-height: 34px; font-size: 30px; color: #1c375e; font-family: Arial, Helvetica, sans-serif; } /*info_container*/ #main_content_small div.agenda div.info_container { width: 452px; float: right; } #main_content_small div.agenda div.info_container.small { width: 300px; } /*title*/ #main_content_small div.agenda h3 { width: 452px; float: right; color: #e2edfa; font-size: 14px; background: #275088; line-height: 22px; font-weight: bold; padding-left: 5px; } #main_content_small div.agenda h3 a{color:#e2edfa; text-decoration:none;} #main_content_small div.agenda h3 a:hover{color:#FFF;} /*info*/ #main_content_small div.agenda div.info { line-height: 16px; } #main_content_small div.agenda div.info p { padding: 3px 10px 5px 2px; } /*extra*/ #main_content_small div.agenda ul.extra { padding: 5px 0; background: url(../images/layout/table_line.gif) top repeat-x; } #main_content_small div.agenda ul.extra li { padding: 2px 2px; } /*image*/ #main_content_small div.agenda div.image { float: right; width: 150px; padding: 5px 0 5px; text-align: center; } #main_content_small div.agenda div.image img { border: 3px solid #d2e4fc; } /*guestbook*/ #main_content_small div.guestbook { padding:11px 10px 10px 11px; } /*item*/ #main_content_small div.guestbook h3 { color: #e2edfa; font-size: 14px; background: #275088; line-height: 22px; font-weight: bold; padding-left: 5px; } #main_content_small div.guestbook h3 a { color: white; text-decoration: none; font-size: 12px; } #main_content_small div.guestbook h3 a:hover { text-decoration: underline; } #main_content_small div.guestbook h3 small { color: #96abc0; font-size: 11px; font-weight: normal; padding-right: 3px; } #main_content_small div.guestbook p { line-height: 16px; padding: 3px 10px 3px 5px; } /*downloads*/ #main_content_small div.downloads { padding:11px 10px 10px 11px; } /*item*/ #main_content_small div.downloads h3 { color: #e2edfa; font-size: 14px; background: #275088; line-height: 22px; font-weight: bold; padding-left: 5px; } #main_content_small div.downloads div.item ul { padding: 8px; } #main_content_small div.downloads div.item li { line-height: 23px; background: url(../images/layout/downloads_item.gif) left no-repeat; padding-left: 19px; } #main_content_small div.downloads div.item a { color: white; } /*crew*/ #main_content_small div.crew { padding:11px 10px 10px 11px; } /*item*/ #main_content_small div.crew div.item ul { width: 100%; overflow: hidden; padding-top: 15px; } #main_content_small div.crew div.item li { float: left; width: 150px; height: 190px; font-size: 11px; margin: 0 32px 0 0; display: inline; text-align: center; } #main_content_small div.crew div.item li.last { margin-right: 0; } #main_content_small div.crew div.item h3 { color: #e2edfa; font-size: 14px; background: #275088; line-height: 22px; font-weight: bold; padding-left: 5px; } #main_content_small div.crew div.item strong { font-size: 12px; } #main_content_small div.crew div.item em { color: #9dbeeb; font-weight: bold; font-style: normal; font-size: 12px; } #main_content_small div.crew div.item a { color: white; text-decoration: none; } #main_content_small div.crew div.item a:hover { text-decoration: underline; } /*photo*/ #main_content_small div.crew div.photo { width: 130px; height: 103px; margin:0 auto 4px; background: none center no-repeat; border: 3px solid white; } /*sitemap*/ #main_content_small div.sitemap { padding:11px 10px 10px 15px; } /*items*/ #main_content_small div.sitemap ul {line-height: 20px; } #main_content_small div.sitemap li { background: url(../images/layout/raquo_red.gif) left 9px no-repeat; padding-left: 10px; font-weight: bold;} #main_content_small div.sitemap li a { color: white; text-transform:capitalize; font-weight: bold; text-decoration: none; } #main_content_small div.sitemap li a:hover { text-decoration: underline; } #main_content_small div.sitemap li li a{text-transform:lowercase;} /*subitems*/ #main_content_small div.sitemap ol { padding: 5px 15px; } #main_content_small div.sitemap ol li { background-image: url(../images/layout/raquo_white.gif); } #main_content_small div.sitemap ol li a { font-weight: normal; font-size: 11px; } /*gallery*/ #main_content_big div.gallery { padding:11px 10px 10px 11px; } /*item*/ #main_content_big div.gallery h3 { color: #e2edfa; font-size: 14px; background: #275088; line-height: 22px; margin: 0; font-weight: bold; padding-left: 5px; } #main_content_big div.gallery div.item p { line-height: 16px; padding: 5px; } #main_content_big div.gallery div.item ul { background: url(../images/layout/gallery_list_background.png) top; width:100%; overflow: hidden; margin-top: 7px; } #main_content_big div.gallery div.item ul.photos { background-image: url(../images/layout/gallery_list_background_small.png); } #main_content_big div.gallery div.item ul li { float: left; height: 138px; margin-left: 12px; display: inline; background: url(../images/layout/gallery_item_background.png) left 104px repeat-x; } #main_content_big div.gallery div.item ul.photos li { height: 115px; background: none; } #main_content_big div.gallery div.item ul a { color: white; font-weight: bold; text-decoration: none; display: block; margin-top: 1px; width: 150px; height: 22px; padding-top: 103px; text-align: center; background: none top no-repeat;} #main_content_big div.gallery div.item ul a img { display: none; } #main_content_big div.gallery div.item ul.photos a { padding-top: 80px; } #main_content_big div.gallery div.item ul a span { line-height: 22px; background: url(../images/layout/gallery_item.png) left no-repeat; padding-left: 8px; } #main_content_big div.gallery div.item ul a:hover { text-decoration: underline; } /*photo*/ #main_content_big div.gallery div.photo { width: 643px; margin: 5px 0 5px 5px; } #main_content_big div.gallery div.photo img { display: block; } /*navigation*/ #main_content_big div.gallery div.navigation { overflow: hidden; margin: 15px 8px; } #main_content_big div.gallery div.navigation a.previous { float: left; } #main_content_big div.gallery div.navigation a.next { float: right; } /*products*/ #main_content_big div.products { padding:11px 10px 10px 11px; } /*item*/ #main_content_big div.products h3 { color: #e2edfa; font-size: 14px; background: #275088; line-height: 22px; margin: 0; font-weight: bold; padding-left: 5px; } #main_content_big div.products div.item p { line-height: 18px; padding: 0 5px; } #main_content_big div.products div.item ul { background: url(../images/layout/products_list_background.png) top; width:100%; overflow: hidden; margin-top: 7px; } #main_content_big div.products div.item ul.photos { background-image: url(../images/layout/gallery_list_background_small.png); } #main_content_big div.products div.item ul li { float: left; height: 138px; margin-left: 12px; display: inline; background: url(../images/layout/products_item_background.png) left 104px repeat-x; } #main_content_big div.products div.item ul.photos li { height: 115px; background: none; } #main_content_big div.products div.item ul a { color: white; font-weight: bold; text-decoration: none; display: block; margin-top: 1px; width: 150px; height: 22px; padding-top: 103px; text-align: center; background: none top no-repeat;} #main_content_big div.products div.item ul a img { display: none; } #main_content_big div.products div.item ul.photos a { padding-top: 80px; } #main_content_big div.products div.item ul a span { line-height: 22px; background: url(../images/layout/products_item.png) left no-repeat; padding-left: 8px; } #main_content_big div.products div.item ul a:hover { text-decoration: underline; } body#rentalimo #main_content_big div.products div.item ul a { width: 300px; } /*contact*/ #main_content_small div.contact{width:476px; padding:4px 6px; background:#275088; overflow:hidden; margin-bottom:10px;} #main_content_small div.contact ul{float:left; width:50%; list-style: none !important; } /* Shoppingcart ---------------------------------------------------------- */ /*table*/ #shoppingcart table { width: 100%; border: 1px solid #264F8B; } #shoppingcart table td { padding: 4px 5px; vertical-align: top; } #shoppingcart table td a { text-decoration: none; } #shoppingcart table td a:hover { text-decoration: underline; } /*thead*/ #shoppingcart table thead th { color: #e2edfa; font-size: 12px; background: #275088; line-height: 22px; margin: 0; font-weight: bold; padding-left: 5px; } #shoppingcart table thead th.count { width: 75px; } #shoppingcart table thead th.price { width: 75px; } #shoppingcart table thead th.total { width: 75px; } #shoppingcart table thead th.delete { width: 40px; } /*tbody*/ #shoppingcart table tbody td { border-bottom: 1px solid #264F8B; } #shoppingcart table tbody td img { vertical-align: middle; } #shoppingcart table tbody td ul { list-style: inside disc; padding: 4px 0 4px 4px; } /*tfoot*/ #shoppingcart table tfoot td.total { text-align: right; padding-right: 10px; } /*step*/ #shoppingcart div.step { overflow: hidden; clear: both; padding: 10px 0; } #shoppingcart div.step a { display: block; border:0; text-align: center; overflow: hidden; color:#003a8b !important; cursor:pointer; width:109px; line-height: 23px; font-weight: bold; font-size: 11px; text-decoration: none; height:23px; background:url(../images/layout/button.png) no-repeat 0 0; } #shoppingcart div.step a:hover { background-position: left bottom; color: #ffffff !important; } #shoppingcart div.step a.next { float: right; } #shoppingcart div.step a.continue { float: left; } /* Footer ---------------------------------------------------------- */ #footer{ font-size:11px; clear:both; position:relative;} div#footer p{ position:absolute; left:440px; bottom:8px; } div#footer p span{ padding:0 6px; } div#footer a{ color:#FFF; } div#footer a#inventis{ position:absolute; top:108px; left:930px; width:68px; height:20px; display:block; text-indent:-9000px; overflow:hidden; background:url(../images/layout/inventis.png) no-repeat 0 0; } div#footer a#inventis:hover{ background-position:right 0; } /* jobs overlay ---------------------------------------------------------- */ .jobsOverlay a.close {color:#fff;text-decoration: none;position: absolute;top:50%;left:50%;margin-top:-253px;margin-left:120px;font-size:14px;} .jobsOverlay a span {color:#fff;text-decoration: underline} .jobsOverlay a:hover span {color:#fff;text-decoration: none}