body { width: 100%; height: 100%; margin: 0px; padding: 0px; font-family: 'alwyn_ot_lightlight', Arial, Verdana, Helvetica, sans-serif; background: url('/img/bg.png') no-repeat center top; color: #033b54; } html { width: 100%; height: 100%; margin: 0px; padding: 0px; } ::selection { background: rgba(190, 214, 47, 0.4); } ::-moz-selection { background: rgba(190, 214, 47, 0.4); } #reserveer-bar ::selection { background: rgba(64, 200, 244, 0.3); } #reserveer-bar ::-moz-selection { background: rgba(64, 200, 244, 0.3); } .clear { clear: both; } .wrapper { width: 940px; margin: auto; position: relative; } p { font-size: 14px; line-height: 22px; } a { color: #0095da; } a:hover { text-decoration: underline; } /*----------------------- Reset -------------------------*/ img { border: none; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: bold; } p, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea { margin: 0px; padding: 0px; text-decoration: none; } img { border: none; } form { margin: 0; padding: 0; display: inline; } table { margin:0px; padding:0px; border-spacing:0px; } td { vertical-align:top} /*----------------------- Extra's -------------------------*/ .ribbon-side { width: 107px; height: 107px; background: url('/img/ribbon-side.png') no-repeat top right; position: absolute; top: -10px; right: -10px; } #reserveer-bar { height: 90px; margin-top: 20px; background: url('/img/biggreen-gradient.png') repeat-x top left; cursor: pointer; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); } #reserveer-bar:hover { background: url('/img/biggreen-gradient-hov.png') repeat-x top left; cursor: pointer; } #reserveer-bar h4 { margin-left: 30px; padding-top: 25px; } #reserveer-bar h4 span { font-family: 'alwyn_ot_mediummedium', Arial, Helvetica, sans-serif; } #reserveer-bar-tel { position: absolute; right: 30px; top: 10px; } #reserveer-bar h5 a { text-decoration: none; color: #fff; } #reserveer-bar h5 a:hover { color: #0095da; } #actiebutton { position: absolute; right: 30px; top: 30px; } a.fancybox { background: url('/img/moreinfo.png') no-repeat top left; color: #fff; padding-left: 6px; padding-right: 6px; padding-top: 1px; padding-bottom: 2px; margin-left: 10px; font-size: 16px; } a.fancybox:hover { background: url('/img/moreinfo-hov.png') no-repeat top left; text-decoration: none; } /*----------------------- Header styles -------------------------*/ h1 { font-weight: normal; font-style: normal; font-size: 30px; color: #40c8f4; font-family: 'alwyn_ot_mediummedium', Arial, Helvetica, sans-serif; } h2 { font-weight: normal; font-style: normal; font-size: 30px; color: #40c8f4; font-family: 'alwyn_ot_thinthin', Arial, Helvetica, sans-serif; } h2 strong { font-weight: normal; font-style: normal; font-size: 30px; color: #40c8f4; font-family: 'alwyn_ot_mediummedium', Arial, Helvetica, sans-serif; } h3 { min-height: 30px; background: url('/img/arrow-green.png') no-repeat left top; padding-left: 50px; padding-top: 4px; font-weight: normal; font-style: normal; font-size: 18px; color: #033b54; font-family: 'alwyn_ot_lightlight', Arial, Helvetica, sans-serif; } h4 { font-weight: normal; font-style: normal; font-size: 35px; color: #fff; font-family: 'alwyn_ot_thinthin', Arial, Helvetica, sans-serif; } h5 { font-weight: normal; font-style: normal; font-size: 23px; color: #fff; font-family: 'alwyn_ot_mediummedium', Arial, Helvetica, sans-serif; } h6 { font-weight: normal; font-style: normal; font-size: 42px; color: #0095da; font-family: 'alwyn_ot_thinthin', Arial, Helvetica, sans-serif; } /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Header >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ #header { height: 120px; } #logo { margin-left: 30px; margin-top: 35px; float: left; } #top-balloon { width: 175px; height: 65px; background: url('/img/top-balloon.png') no-repeat top left; position: absolute; left: 315px; top: 10px; } #telefoon-top { height: 32px; width: 140px; margin-top: 15px; color: #bcbdc0; font-family: 'alwyn_ot_mediummedium', Arial, Helvetica, sans-serif; font-size: 19px; background: url('/img/icon-tel.png') no-repeat top left; padding-top: 7px; padding-left: 50px; float: right; } #menu { list-style-type: none; margin-top: 26px; position: absolute; right: 0px; top: 55px; } #menu li { display: inline; border-left: #0095da 1px solid; padding-left: 10px; padding-right: 10px; } #menu li:first-child { border-left: none; padding-left: 0px; } #menu li:last-child { padding-right: 0px; } #menu li a { text-decoration: none; color: #0095da; font-size: 17px; } #menu li a:hover { color: #bed62f; } #menu li a.active { color: #bed62f; } /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Content >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ .content { width: 880px; padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; margin-top: 20px; background: #daeef5; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); } .content ul { margin: 0px; padding: 0px; list-style-type: none; margin-top: 20px; } .content ul li { min-height: 30px; background: url('/img/arrow-green.png') no-repeat left top; padding-left: 50px; padding-top: 3px; font-size: 18px; margin-top: 10px; } .content-small { float: left; width: 280px; min-height: 280px; padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; margin-top: 20px; background: #daeef5; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); } .content-small ul { margin: 0px; padding: 0px; list-style-type: none; margin-top: 20px; } .content-small ul li { min-height: 30px; background: url('/img/arrow-green.png') no-repeat left top; padding-left: 50px; padding-top: 3px; font-size: 18px; margin-top: 10px; } .content-medium { float: left; width: 520px; margin-left: 20px; padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; margin-top: 20px; background: #daeef5; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); position: relative;} .content-medium strong { font-weight: normal; font-style: normal; font-family: 'alwyn_ot_mediummedium', Arial, Helvetica, sans-serif; display: block; line-height: 25px; } .content-medium ul { margin: 0px; padding: 0px; list-style-type: none; margin-top: 20px; } .content-medium ul li { min-height: 30px; background: url('/img/arrow-green.png') no-repeat left top; padding-left: 50px; padding-top: 3px; font-size: 18px; margin-top: 10px; } .content-left { width: 360px; float: left; margin-top: 20px; } .content-right { width: 360px; float: left; margin-top: 20px; margin-left: 65px; } .content a, .content-small a, .content-medium a { font-family: 'alwyn_ot_mediummedium', Arial, Helvetica, sans-serif; font-weight: bold; } /*----------------------- Home -------------------------*/ #home { height: 260px; background: #daeef5 url('/img/home-bg.jpg') no-repeat bottom right; } /*----------------------- reserveren -------------------------*/ a.link-alg { color: #033b54; } #onthoud { margin-left: 50px; margin-top: 15px; } #onthoud-tekst { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-left: 10px; } .wachtwoord-tekst { margin: 0px; padding: 0px; margin-left: 62px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .content-right span { margin-left: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .content-right input[type='checkbox'] { margin-left: 50px; margin-top: 5px; margin-right: 10px; } .text { width: 278px; height: 24px; background: #fff; border: none; margin-top: 10px; margin-left: 50px; padding-left: 10px; padding-right: 10px; padding-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #033b54; border: #fff 1px solid; } .text:focus { outline: none; border: #90dbf3 1px solid; background: #f8fdff; color: #033b54; } .datepicker { width: 153px; height: 24px; background: #fff; border: none; margin-top: 10px; margin-left: 10px; padding-left: 10px; padding-right: 10px; padding-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #033b54; border: #fff 1px solid; } .datepicker:focus { outline: none; border: #90dbf3 1px solid; background: #f8fdff; color: #033b54; } .textarea { width: 278px; max-width: 278px; min-height: 145px; background: #fff; border: none; margin-top: 10px; margin-left: 50px; padding-left: 10px; padding-right: 10px; padding-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #033b54; border: #fff 1px solid; } .textarea:focus { outline: none; border: #90dbf3 1px solid; background: #f8fdff; } .textarea-opmerking { width: 278px; max-width: 278px; min-height: 55px; background: #fff; border: none; margin-left: 50px; padding-left: 10px; padding-right: 10px; padding-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #033b54; border: #fff 1px solid; *margin-left: -10px; } .textarea-opmerking:focus { outline: none; border: #90dbf3 1px solid; background: #f8fdff; } .auto-hint { color: #bbb; } .text-time { width: 28px; height: 24px; background: #fff; border: none; margin-top: 10px; margin-left: 10px; padding-left: 10px; padding-right: 10px; padding-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #033b54; border: #fff 1px solid; text-align: center; } .text-time:focus { outline: none; border: #90dbf3 1px solid; background: #eefbff; } .but-reserveren { width: 160px; height: 40px; float: right; margin-top: 25px; color: #fff; font-size: 24px; font-family: 'alwyn_ot_lightlight', Arial, Helvetica, sans-serif; background: url('/img/green-gradient.png') repeat-x top left; border: none; position: relative; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); } .but-reserveren:hover { color: #0095da; cursor: pointer; } #login-holder { position: absolute; left: 445px; top: 23px; } #login { position: relative; width: 320px; } #login h2 { font-size: 15px; position: absolute; margin-left: 10px; margin-top: -10px; } #login a { font-size: 12px; position: absolute; margin-left: 160px; margin-top: -7px; color: #40c8f4; } #login a:hover { text-decoration: underline; } .text-login { width: 126px; height: 20px; background: #fff; border: none; margin-top: 10px; margin-left: 10px; padding-left: 5px; padding-right: 5px; padding-top: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #033b54; border: #fff 1px solid; } .text-login:focus { outline: none; border: #90dbf3 1px solid; background: #f8fdff; } #wachtwoordlogin { width: 126px; height: 20px; background: #fff; border: none; margin-top: 10px; margin-left: 9px; padding-left: 5px; padding-right: 5px; padding-top: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #033b54; border: #fff 1px solid; } .login-btn { width: 24px; height: 24px; background: url('/img/login-btn.png') no-repeat top left; border: 0px; padding: 0px; margin: 0px; position: absolute; bottom: 0px; right: 0px; cursor: pointer; } /*----------------------- Content Ervaring -------------------------*/ .ref-links { width: 555px; float: left; } .ref-rechts { width: 280px; float: left; margin-left: 40px; } /* ba;lon 1 */ .ref-ballon1 { width: 388px; min-height: 80px; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; background: #fff; position: relative; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); } .ref-ballon1 h2 { font-size: 20px; color: #0095da; line-height: 26px; padding-bottom: 20px;} .ref-ballon1 .ref-naam { position: absolute; left: 20px; bottom: 15px; font-size: 14px; color: #40c8f4; } .triangle-down { width: 28px; height: 15px; background: url('/img/triangle-down.png') no-repeat top left; position: absolute; bottom: -15px; left: 35px; } /* ballon 2 */ .ref-ballon2 { width: 388px; min-height: 80px; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; margin-left: 120px; margin-top: 20px; margin-bottom: 20px; background: #fff; position: relative; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); } .ref-ballon2 h2 { font-size: 20px; color: #0095da; line-height: 26px; text-align: right; padding-bottom: 20px; } .ref-ballon2 .ref-naam { position: absolute; right: 20px; bottom: 15px; font-size: 14px; color: #40c8f4; } .triangle-up { width: 28px; height: 15px; background: url('/img/triangle-up.png') no-repeat top left; position: absolute; top: -15px; right: 35px; } /*ref zelf */ .ref-zelf { width: 388px; height: 50px; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; background: url('/img/ref-fade.gif') repeat top left; position: relative; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); } a .ref-zelf h2 { text-decoration: none!important; font-size: 28px; color: #0095da; line-height: 46px; padding-bottom: 20px; text-align: center; font-family: 'alwyn_ot_lightlight', Arial, Helvetica, sans-serif; } .ref-zelf .triangle-down { width: 28px; height: 15px; background: url('/img/triangle-down-fade.gif') no-repeat top left; position: absolute; bottom: -15px; left: 35px; } a:hover .ref-zelf { background: #0095da; } a:hover .ref-zelf h2 { color: #fff; } a:hover .triangle-down { background: url('/img/triangle-down-hover.png') no-repeat top left; } .link-ref { width: 388px; } /*----------------------- Content Review -------------------------*/ .review-bad {width: 315px; height: 200px; margin-left: 83px; margin-top: 40px; margin-bottom: 40px; background: url('/img/review-bg-bad.png') repeat-x top left; float: left; position: relative; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); } .review-good {width: 315px; height: 200px; margin-left: 83px; margin-top: 40px; margin-bottom: 40px; background: url('/img/review-bg-good.png') repeat-x top left; float: left; position: relative; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); } .smiley { width: 315px; height: 200px; position: absolute; top: 0px; left: 0px; } .smiley-sad:hover { background: url('/img/review-sad.png') no-repeat center center; } .smiley-happy:hover { background: url('/img/review-happy.png') no-repeat center center; } .review-text { font-size: 25px; color: #fff; text-align: center; margin-top: 60px; font-family: 'alwyn_ot_mediummedium', Arial, Verdana, Helvetica, sans-serif; } /*----------------------- Contact -------------------------*/ #wwvergeten { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url('/img/trans-black.png') repeat top left; } #wwvergeten-form { width:370px; min-height: 185px; padding: 20px; position: absolute; top: 50%; left: 50%; background: #daeef5; margin-left: -185px; margin-top: -90px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/js/PIE.htc); } #wwvergeten-relative { position: relative; } #wwvergeten-relative .text { margin-left: 0px; width: 340px; } #wwvergeten-close { position: absolute; right: -35px; top: -35px; } /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Footer >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ #footer { margin-top: 20px; } #fullbar { width: 100%; height: 30px; background: #c2c3c6; text-align: center; font-size: 25px; color: #fff; } #sponsors { } #sponsors img { margin-left: 75px; } #sponsors img.first { margin-left: 15px; } #footer-bottom { width: 100%; height: 80px; background: url('/img/transparentblack.png') repeat top left; } #menu-bottom { list-style-type: none; text-align: center; margin: 0px; padding: 0px; padding-top: 25px; } #menu-bottom li { display: inline; color: #c3c3c6; font-size: 12px; padding-right: 10px; padding-left: 10px; border-left: #c3c3c6 1px solid; } #menu-bottom li:first-child { border-left: none; } #menu-bottom li a { text-decoration: none; color: #c3c3c6; } #menu-bottom li a:hover { text-decoration: underline; } /* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< IE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ .iehack { *margin-left: -10px\9; }