/***************************************************************************** * * Copyright : Copyright (C) Vizzual Multimedia VOF * Email : info @ vizzual.com * * * Disclaimer: * Niets uit dit script mag zonder toestemming van de maker van deze * scripting gekopieerd, of doorverkocht worden aan derden. De maker van deze * scripting blijft ten alle tijden copyright op dit product houden. De * scripting is ter beschikking gesteld door Vizzual Multimedia VOF. * Dit programma is GEEN vrije software, en mag niet worden doorverkocht en/ * of gewijzigd worden tenzij de eigenaar toestemming hiervoor heeft verleend * *****************************************************************************/ /* Colors: Backgorund Grey: #6c6c6c */ html, body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, small, em, strong, code, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } html, body { width: 100%; height: 100%; } html { background: url(../images/layout/background.png) #6c6c6c; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 80%; background: url(../images/layout/background_top.png) no-repeat top center; color: #707070; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } table, td, th { vertical-align:top; } img { border: none; } img[align=left] { margin: 6px 15px 15px 0px; } img[align=right] { margin: 6px 0px 15px 15px; } h1 { font-size: 220%; margin: 0px 0px 0.7em 0px; } h2 { font-size: 160%; margin: 1em 0px 0.2em 0px; font-weight: normal; } h3 { font-size: 150%; } a { color: #36b1e0; } p { margin: 0px 0px 1em 0px; } li { margin: 3px 0px 0px 0px; } /******************************************** ID ********************************************/ #container { width: 950px; margin: 0px auto 0px auto; } #header { height: 80px; } #header #logo { padding: 25px 0px 0px 30px; } #animation_header { position: absolute; margin: 45px 0px 0px -1px; } #search { position: absolute; margin: 15px 0px 0px 750px; } #search input[type=text] { width: 100px; color: #707070; padding: 0px 3px 0px 3px; } #search input[type=image] { vertical-align: middle; margin: -5px 0px 0px 0px; } #menu { background: url(../images/layout/background_menu.png) no-repeat; height: 57px; padding: 0px 0px 0px 20px; } #menu ul { margin: 0px; padding: 0px; list-style: none; line-height: 1.2em; z-index: 100; } #menu ul li { float: left; } #menu ul li a { color: #707070; text-decoration: none; } #menu ul li a div { height: 45px; width: 105px; text-align: center; padding: 20px 7px 0px 7px; margin: -3px 0px 0px 0px; background: url(../images/layout/background_menu_button_bar.png) top left no-repeat; } #menu ul li a:hover { text-decoration: none; cursor: pointer; } #menu ul li a:hover div { background: url(../images/layout/background_menu_button.png) no-repeat top left; } #menu ul li #menu_last { margin: -3px 0px -10px 0px; padding: 0px; width: 1px; } #menu li ul { position: absolute; width: 119px; left: -999em; margin: -20px 0px 0px 0px; padding: 0px 0px 5px 0px; background: #ffffff; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } #menu li ul li { width: 110px; padding: 5px; } #menu li:hover ul { left: auto; } #menu li:hover ul li a:hover { text-decoration: underline; } #breadcrumb { background: #ffffff; padding: 10px 0px 0px 0px; font-size: 12px; } #breadcrumb div { margin: 0px 0px 0px 55px; } #content { min-height: 690px; height: auto !important; height: 660px; } #content { background: #ffffff; padding: 0px 55px 0px 55px; margin: 0px; } #content #news { margin: 0px 0px 2em 0px; padding: 3px 10px 0px 10px; height: 24px; overflow: hidden; background: url(../images/layout/background_news.jpg) repeat-x #ececec; } #content #news #news_next { position: absolute; margin: 4px 0px 0px 515px; cursor: pointer; } #content #news #news_slide div { width: 510px; } #content_text { width: 550px; line-height: 1.7em; padding: 30px 0px 0px 0px; text-align: justify; } #content_text input { width: 350px; } #content_text input[type=submit] { width: 356px; } #content_text input[type=checkbox] { width: 15px; } #content_text input[type=radio] { width: 15px; } #content_text textarea { width: 350px; height: 75px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #content_text select { width: 356px; } #block { float: right; width: 250px; padding: 29px 0px 0px 0px; } #block_content { } #block_content #news ul { margin: -1em 0px 1.5em 15px; padding: 0px; list-style: none; } #block_content #news ul li { margin: 0px 0px 1em 0px; } #block_content #group { margin: 0px 0px 20px 0px; } #block_content #group a { text-decoration: none; } #block_content #group #retail { cursor: pointer; margin: 0px; } #block_content #group #expo { cursor: pointer; margin: 20px 0px 0px 0px; } #block_content #group #artist { cursor: pointer; margin: 20px 0px 0px 0px; } #block_content #group .title { display: none; color: #707070; position: absolute; text-decoration: none; font-size: 18px; font-weight: bold; margin: 5px 0px 0px 15px; } #block_content #group .description { display: none; color: #707070; position: absolute; text-decoration: none; font-size: 12px; font-weight: bold; margin: 30px 0px 0px 15px; } #block_content #group .description img { vertical-align: middle; } #block_content #newsletter { margin: 0px 0px 0px 15px; } #block_content #newsletter input[type=image] { margin: 0px 0px 0px 15px; vertical-align: middle; margin: -5px 0px 0px 0px; } #footer { width: 950px; margin: 0px auto 0px auto; clear: both; background: url(../images/layout/background_content.png) no-repeat; } #footer_navigation { color: #ffffff; margin: 0px 0px 20px 0px; } #footer_navigation div { margin: 0px 0px 0px 35px; padding: 40px 0px 0px 0px; } #footer_navigation div table tr td { width: 140px; } #footer_navigation div table tr td b a { color: #FFFFFF; text-decoration: none; } #footer_navigation div table tr td b a:hover{ text-decoration: underline; } #footer_navigation div table tr td ul { margin: 1em 0px 0px 0px; padding: 0px; list-style: none; } #footer_navigation div table tr td p { margin: 0px 0px 1em 0px; } #footer_content { height: 47px; background: url(../images/layout/background_footer.png) no-repeat; } #footer_content div { padding: 18px 0px 0px 55px; font-size: 11px; } #footer_content div ul { margin: 0px; padding: 0px; list-style: none; } #footer_content div ul li { display: inline; } #footer_content div ul li div { float: left; margin: 0px; padding: 0px 30px 0px 0px; } /******************************************** CLASS ********************************************/ .error, .notice, .success { padding: 0.8em; margin-bottom: 1em; border: 2px solid; } .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; }