/********************************************* * WebDevvr * * Author: Nico Habets.com * WebDevvr is copyright protected. It is not * allowed to adjust, reproduce or sell this * product without approval from the author. * ********************************************/ /*//////////////////////////////////////////// CSS RESET ////////////////////////////////////////////*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, small, strong, em, img, sub, sup, del, ins, b, i, a, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; list-style: none; } article, aside, figure, footer, header, hgroup, nav, section { display:block; } body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #282828; } h1 { font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-size: 27px; color: #e37654; margin: 0px 0px 20px 0px; } h2 { background: url(../images/background-button.png) repeat-x; height: 40px; border-radius: 5px; box-shadow: 0px 0px 5px 2px rgba(101, 101, 101, 0.2); line-height: 40px; font-size: 17px; color: #fefefe; font-weight: normal; padding: 0px 15px; font-weight: bold; display: inline-block; } h3 { font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-size: 18px; color: #e37654; margin: 0px 0px 20px 0px; } p { line-height: 1.6em; margin: 0px 0px 1.6em 0px; } a { color: #e37654; text-decoration: none; } a:hover { text-decoration: underline; } #container { position: relative; z-index: 2; margin: 0px auto 0px auto; width: 850px; } #header { height: 145px; background: #ffffff; position: relative; z-index: 1; } #logo { width: 343px; height: 62px; padding: 40px 0px 0px 50px; position: relative; z-index: 2; } #image { position: absolute; width: 600px; height: 145px; top: 0px; right: 0px; z-index: 1; overflow: hidden; } #menu { background: url(../images/background-menu.png); width: 871px; height: 45px; margin: -3px -11px -5px -10px; position: relative; z-index: 2; border-radius: 5px; } #menu ul { margin: 0px 20px; padding: 0px; list-style: none; } #menu li { margin: 0px; padding: 0px; list-style: none; float: left; padding: 15px 12px 0px 12px; position: relative; } #menu li:after { content: ' '; display: block; width: 3px; height: 19px; background: url(../images/divider-menu.png) no-repeat; position: absolute; top: 15px; right: 0px; } #menu li:last-child:after { display: none; } #menu li.active { background: url(../images/active-menu.png) no-repeat bottom center; height: 52px; } #menu a { color: #fefefe; font-size: 15px; letter-spacing: 1px; } #main { background: #ffffff; padding: 45px; position: relative; min-height: 100px; } #content { margin: 0px 0px 0px 250px; } #subpages { width: 620px; margin: 0px auto; text-align: center; } #subpages .page { display: inline-block; margin: 0px 20px 20px 0px; position: relative; } #subpages img { padding: 9px; background: #ffffff; box-shadow: 0px 0px 5px 2px rgba(101, 101, 101, 0.2); border-radius: 5px; width: 265px; height: 180px; } #subpages h2 { position: relative; margin: -30px 0px 0px 0px; } #submenu { position: absolute; top: 45px; left: 45px; } #submenu a { display: block; font-size: 18px; color: #282828; margin: 10px 0px 5px 15px; } #footer { height: 30px; background: url(../images/background-footer.png); font-size: 11px; text-align: right; padding: 60px 45px 0px 45px; } #footer a { color: #282828; } .row { display: block; overflow: auto; } .row label { float: left; width: 130px; } .row textarea { height: 70px; width: 200px; } .ok { font-weight: bold; color: #e37654; } .error { font-weight: bold; color: #e37654; } #background { z-index: 1; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background: #000000; } #background .slide { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; position: absolute; display: none; }/********************************************* * WebDevvr * * Author: Nico Habets.com * WebDevvr is copyright protected. It is not * allowed to adjust, reproduce or sell this * product without approval from the author. * ********************************************/ /*//////////////////////////////////////////// CSS RESET ////////////////////////////////////////////*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, small, strong, em, img, sub, sup, del, ins, b, i, a, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; list-style: none; } article, aside, figure, footer, header, hgroup, nav, section { display:block; } body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #282828; } h1 { font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-size: 27px; color: #e37654; margin: 0px 0px 20px 0px; } h2 { background: url(../images/background-button.png) repeat-x; height: 40px; border-radius: 5px; box-shadow: 0px 0px 5px 2px rgba(101, 101, 101, 0.2); line-height: 40px; font-size: 17px; color: #fefefe; font-weight: normal; padding: 0px 15px; font-weight: bold; display: inline-block; } h3 { font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-size: 18px; color: #e37654; margin: 0px 0px 20px 0px; } p { line-height: 1.6em; margin: 0px 0px 1.6em 0px; } a { color: #e37654; text-decoration: none; } a:hover { text-decoration: underline; } #container { position: relative; z-index: 2; margin: 0px auto 0px auto; width: 850px; } #header { height: 145px; background: #ffffff; position: relative; z-index: 1; } #logo { width: 343px; height: 62px; padding: 40px 0px 0px 50px; position: relative; z-index: 2; } #image { position: absolute; width: 600px; height: 145px; top: 0px; right: 0px; z-index: 1; overflow: hidden; } #menu { background: url(../images/background-menu.png); width: 871px; height: 45px; margin: -3px -11px -5px -10px; position: relative; z-index: 2; border-radius: 5px; } #menu ul { margin: 0px 20px; padding: 0px; list-style: none; } #menu li { margin: 0px; padding: 0px; list-style: none; float: left; padding: 15px 12px 0px 12px; position: relative; } #menu li:after { content: ' '; display: block; width: 3px; height: 19px; background: url(../images/divider-menu.png) no-repeat; position: absolute; top: 15px; right: 0px; } #menu li:last-child:after { display: none; } #menu li.active { background: url(../images/active-menu.png) no-repeat bottom center; height: 52px; } #menu a { color: #fefefe; font-size: 15px; letter-spacing: 1px; } #main { background: #ffffff; padding: 45px; position: relative; min-height: 100px; } #content { margin: 0px 0px 0px 250px; } #subpages { width: 620px; margin: 0px auto; text-align: center; } #subpages .page { display: inline-block; margin: 0px 20px 20px 0px; position: relative; } #subpages img { padding: 9px; background: #ffffff; box-shadow: 0px 0px 5px 2px rgba(101, 101, 101, 0.2); border-radius: 5px; width: 265px; height: 180px; } #subpages h2 { position: relative; margin: -30px 0px 0px 0px; } #submenu { position: absolute; top: 45px; left: 45px; } #submenu a { display: block; font-size: 18px; color: #282828; margin: 10px 0px 5px 15px; } #footer { height: 30px; background: url(../images/background-footer.png); font-size: 11px; text-align: right; padding: 60px 45px 0px 45px; } #footer a { color: #282828; } .row { display: block; overflow: auto; } .row label { float: left; width: 130px; } .row textarea { height: 70px; width: 200px; } .ok { font-weight: bold; color: #e37654; } .error { font-weight: bold; color: #e37654; } #background { z-index: 1; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background: #000000; } #background .slide { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; position: absolute; display: none; }