/***************************************************************************** * * 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: Content Green: #9eab38 Link Red: #a34c24 Tab Green: #eaedcc */ 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%; } body { font-family: "Myriad Pro" ,"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; background: url(../images/layout/background.jpg) fixed #b8956e; color:#FFFFFF; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } table, td, th { vertical-align:top; } h1 { font-size: 29px; margin: 0px 0px 0.2em 0px; } h2 { font-size: 21px; margin: 0px 0px 1.2em 0px; font-weight: normal; color: #a34c24; } h3 { font-size: 15px; } a { color: #a34c24; } p { margin: 0px 0px 1em 0px; } img { border: none; } /******************************************** ID ********************************************/ #container { min-height: 100%; height: auto !important; height: 100%; } #container { background: url(../images/layout/background_container.png) repeat-y; } #container { width: 650px; margin: 0px auto 0px auto; } #header { position: fixed; top: 0px; left: 0px; height: 170px; width: 100%; background: url(../images/layout/background_header.png) bottom center repeat-x; z-index: 100; } #header #logo { width: 879px; margin: 0px auto 0px auto; } #header #menu { width: 770px; margin: -15px auto 0px auto; font-size: 20px; } #header #menu #nav { padding: 0px 0px 0px 73px; } #header #menu div ul { margin: 0px; padding: 0px; list-style: none; } #header #menu div ul li { display: inline; } #header #menu div ul li a { color: #a34c24; text-decoration: none; } #header #menu div ul li a div { float: left; height:33px; cursor: pointer; } #header #menu div ul li a div.left { background: url(../images/layout/background_menu_button_left.png) no-repeat; width: 17px; } #header #menu div ul li a div.middle { background: url(../images/layout/background_menu_button_middle.png) repeat-x; } #header #menu div ul li a div.right { background: url(../images/layout/background_menu_button_right.png) no-repeat; width: 26px; } #header #menu div ul li a div.middle { padding: 7px 0px 0px 0px; } #header #menu div ul li a:hover div.middle { color: #FFFFFF; } #header #menu div ul li a:hover div.left { background: url(../images/layout/background_menu_button_left_active.png) no-repeat; width: 17px; } #header #menu div ul li a:hover div.middle { background: url(../images/layout/background_menu_button_middle_active.png) repeat-x; } #header #menu div ul li a:hover div.right { background: url(../images/layout/background_menu_button_right_active.png) no-repeat; width: 26px; } #header #menu div ul li.active a div.middle { color: #FFFFFF; } #header #menu div ul li.active a div.left { background: url(../images/layout/background_menu_button_left_active.png) no-repeat; width: 17px; } #header #menu div ul li.active a div.middle { background: url(../images/layout/background_menu_button_middle_active.png) repeat-x; } #header #menu div ul li.active a div.right { background: url(../images/layout/background_menu_button_right_active.png) no-repeat; width: 26px; } #content { min-height: 100%; height: auto !important; height: 100%; } /*#content { overflow: auto; height: 401px; width: 580px; }*/ #content_text { width: 450px; line-height: 1.5em; margin: 0px 0px 0px 90px; padding: 200px 0px 40px 0px; } #content_text #top { float: right; } /* #content { scrollbar-base-color: #899430; scrollbar-arrow-color: #FFFFFF; scrollbar-3dlight-color: #899430; scrollbar-darkshadow-color: #899430; scrollbar-highlight-color: #899430; scrollbar-shadow-color: #9eab38; scrollbar-track-color: #9eab38; } */ #footer { height: 40px; width: 650px; margin: -50px auto 0px auto; } #footer ul { margin: 10px 0px 0px 90px; padding: 0px; list-style: none; } #footer ul li { display: inline; } #footer ul li div { float: left; margin: 0px 20px 0px 0px; } /*#image_01 { position: fixed; bottom: 0px; margin: 0px 0px 0px -182px; z-index: 2; } /* Appels */ /*#image_01 { position: absolute; margin: -118px 0px 0px -182px; z-index: 2; } /* Appels */ #image_01 { position: fixed; top: 630px; 0px; margin: 0px 0px 0px -182px; z-index: 2; } /* Appels */ #image_02 { position: fixed; bottom: 0px; margin: 0px 0px 0px 580px; } /* Laarzen */ #image_03 { position: fixed; top: 200px; margin: 0px 0px 0px -180px; z-index: 1; } /* Foto's */ /*#image_03 { position: fixed; top: 200px; margin: 0px 0px 0px -180px; z-index: 1; } /* Foto's */ /* #image_01 { position: absolute; margin: -168px 0px 0px -182px; z-index: 1; } #image_02 { position: absolute; margin: -175px 0px 0px 580px; } #image_03 { position: absolute; top: 190px; margin: 0px 0px 0px -180px; z-index: 2; } */ /******************************************** 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; }