/* CREDITS * ---------------------------------------------------------- * Title: Lord of the dance - CSS Main Stylesheet * Author: David Candreva * Date: 21/10/08 * Last Edit: 03/11/08 Dieter Verjans * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Algemene Styles ---------------------------------------------------------- */ textarea, body{font-family:Arial, Helvetica, sans-serif; font-size:12px;} body{background:#000 url(../images/layout/body_background.png) no-repeat 0 0} /*selectors*/ strong,b{font-weight:bold; color:#FFFFFF;} em{font-style:italic;} strong em {font-weight:bold; font-style:italic;} a{outline:none; color:#7E8082;} a:hover{text-decoration:none;} .clear{clear:both;} img.image {float:right; border:3px solid #213045; margin:0px 0px 3px 10px;} /* Container ---------------------------------------------------------- */ div#container{width:757px; margin:36px 0 0 204px;} /* Header ---------------------------------------------------------- */ div#header{width:757px; height:169px; background:url(../images/layout/header_background_2012.png) no-repeat 0 0;} div#header h1{width:244px; height:56px; margin:15px 0 0 15px} div#header h1 a{width:244px; height:56px; display:block; text-indent:-9000px} /* Menu ---------------------------------------------------------- */ div#menu{width:757px; background:url(../images/layout/breadcrumb_tile.png) repeat-x 0 0;} div#menu ul{overflow:hidden; width:581px; background:url(../images/layout/breadcrumb_overlay.png) no-repeat 0 0; padding: 0 0 0 175px; border-right:1px solid #455162} div#menu ul li{float:left; line-height:28px; background:url(../images/layout/breadcrumb_seperator.png) no-repeat 0 0} div#menu ul li em{ cursor:pointer; display:block; font-style:normal; float:left; background:url(../images/layout/breadcrumb_bullet.gif) no-repeat 14px center; padding:0 13px 0 22px} div#menu ul li a{color:#FFF; display:block; float:left; text-decoration:none; font-size:10px; text-transform:uppercase;} div#menu ul li a:hover, div#menu ul li a.active{background:url(../images/layout/breadcrumb_tile_hover.png) repeat-x 0 0;} div#menu ul li a.last em{padding-right:0;} div#menu ul li a span{background:url(../images/layout/breadcrumb_seperator.png) no-repeat right top; cursor:pointer; padding-right:13px;} /* Content ---------------------------------------------------------- */ div#content_container{border:1px solid #455162; z-index:2; position:relative; border-top:0; width:755px; background:url(../images/layout/content_tile.png) repeat-y 0 0;} /*content*/ div#content h1,div#content h2{font-family:"Times New Roman", Times, serif; margin-bottom:4px; color:#FFF; text-transform:uppercase; font-size:14px; font-weight:bold; } div#content h1 {font-size:16px;} div#content h2{font-size:13px; margin-top:14px; clear:both;} div#content{float:right; width:546px; padding:10px 16px; overflow:hidden; color:#babec4;} div#content p{margin:8px 0; line-height:20px;} div#content ul.niceList li{border-bottom:1px solid #263038; line-height:26px; padding:0px 3px; background:url(/design/images/layout/li.png) no-repeat 3px 11px; padding-left:10px; height:26px;} div#content ul.niceList li em{color:#7e8082; font-style:normal; padding:0 12px 0 0; text-transform:uppercase; float:left;} div#content ul.niceList li em.right {text-transform:lowercase; padding: 0 0 0 12px;} div#content ul.niceList li span{color:#5e80a6; float:left;} div#content ul.niceList li small{color:#ffffff; float:right; text-decoration:underline;} div#content ul.niceList li a{text-decoration:none; display:block; cursor:pointer;} div#content ul.niceList li a:hover span{color:#c1d0e0;} div#content ul.niceList li a:hover small{text-decoration:none;} div#content a.siteLink{ background:url(/design/images/layout/li.png) no-repeat 0px 6px; padding-left:8px; color:#7ec2ff; text-decoration:underline;} div#content a.siteLink:hover {text-decoration:none;} div#content ul.niceList li.active { background:#263038 url(/design/images/layout/li.png) no-repeat 3px 11px;} div#content div.locaties {background: url(/design/images/layout/locaties_2012.png) no-repeat top right;} div#content div.place { margin:10px 0; clear:both; overflow:hidden; width:100%; padding:1px;} div#content a.orderTickets {width:188px; height:41px; background:url(/design/images/layout/btn_ticketorder.png) no-repeat 0 0; text-decoration:none; text-indent:-9000px; display:block; clear:left; float:left; margin:20px 0;} div#content a.orderTickets:hover {background-position:0 -41px} div#content div.place img.zaal {float:right; margin-left:20px;} div#content div.place .niceTable {width:275px; margin-bottom:10px; border:1px solid #263038; float:left;} div#content div.place .niceTable thead th {background:#5e80a6; color:#fff; padding:2px 4px; font-size:11px; } div#content div.place .niceTable tbody td {padding:2px 4px; border-bottom:1px solid #263038; border-left:1px solid #263038; } div#content div.place a.top {float:left; clear:left; background:url(/design/images/layout/top.png) no-repeat 0 7px; padding-left:8px;} div#content div.previewBox {width:267px; margin-bottom:10px; float:left; } div#content div.preview {width:265px; float:left; border:1px solid #263038; } div#content div.left {margin-right:10px;} div#content div#flashMsg {padding:5px 10px; border:2px solid #7E8082; color:#fff; background:#5e80a6; margin:10px 0;} div#content div#picturesContainer { width:165px; float:right; overflow:hidden; margin:8px 0;} div#content div#picturesContainer a {float:right; margin-bottom:8px;} div#content div#picturesContainer a img {border:2px solid #BABEC4; } div#content div#picturesContainer a:hover img {border:2px solid #5e80a6; } /*sidebar*/ div#sidebar{float:left; margin-left:-1px; position:relative; height:274px; overflow:hidden; width:174px; margin-right:4px; background:url(../images/layout/sidebar_bg_1.png) no-repeat 0 0; } div.bg_tickets{background:url(../images/layout/sidebar_bg_2.png) no-repeat 0 0 !important;} div.bg_locaties{background:url(../images/layout/sidebar_bg_3.png) no-repeat 0 0 !important;} div.bg_preview{background:url(../images/layout/sidebar_bg_4.png) no-repeat 0 0 !important;} div.bg_partners{background:url(../images/layout/sidebar_bg_5.png) no-repeat 0 0 !important;} div.bg_pers{background:url(../images/layout/sidebar_bg_6.png) no-repeat 0 0 !important;} div.bg_contact{background:url(../images/layout/sidebar_bg_7.png) no-repeat 0 0 !important;} /* Footer ---------------------------------------------------------- */ div#footer{background:url(../images/layout/footer_tile.png) repeat-x 0 0; z-index:1; height:66px; margin-top:-35px; position:relative;} div#footer a#inventis{height:15px; width:70px; overflow:hidden; display:block; text-indent:-9000px; position:absolute; top:39px; left:885px; background:url(../images/layout/credits.png) no-repeat 0 0;} div#footer a#inventis:hover{background:url(../images/layout/credits.png) no-repeat left bottom;}