/* -------------------------------------------- RESET -------------------------------- */
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size : 100%; }
UL { list-style: disc outside; margin-left: 20px; padding:0px; }
OL { margin-left: 20px; margin-bottom: 10px; }

/* Removes border from fieldset and img */
img { border : 0; }
html { margin: 0px 0px 1px 0px; padding: 0px; height: 100%; -ms-overflow-y: scroll; }

/* Sticky footer */
html, body, #nonfooter { height: 100%; }
body > #nonfooter { height: auto; min-height: 100%; }
#page { padding-bottom: 250px; }  /* must be same height as the footer */

/* ----------------------------------------- STYLES --------------------------------- */

body { background:#FFF; font: 12px Arial, Helvetica, sans-serif; }
.divgumbuttons { width:80px; }

a {color: #019bc5; outline: none;}

/* ---------------------------------------- HEADER ---------------------------------- */

#header { background:#303437; height:40px; }
#header-content { width:960px; margin:0 auto; }

#header-content a.boomdenhaag { float:left; overflow:hidden; height:0; width:215px; padding:39px 0 0;  background:url('../images/logo_bju_normal.jpg') no-repeat top left; }
#header-content a.boomdenhaag:hover { background:url('../images/logo_bju_hover.jpg') no-repeat top left; }

#header-content a.boomlemma { float:left; overflow:hidden; height:0; width:127px; padding:39px 0 0;  background:url('../images/logo_boom-lemma_normal.jpg') no-repeat top left; }
#header-content a.boomlemma:hover { background:url('../images/logo_boom-lemma_hover.jpg') no-repeat top left; }

/* ------------------------------------------ MAIN ---------------------------------- */

H2 {font: normal 22px/30px Georgia,'Times New Roman',serif; color: #058aae;}

#main { min-height:551px; background:#FFF url(../images/main-bg.gif) top repeat-x; }
#main-content { width:960px; margin:0 auto; }

#main-col-left { padding:40px 0 0; }
#contour { width:236px; height:511px; margin:4px 35px 0 0; float:left; }
#contour-top { position:relative; background:url(../images/contour-top.png) top center no-repeat; height:151px; }
#slogan { position:absolute; top:20px; left:22px; }
#contour-mid { background:url(../images/contour-mid.png) top center no-repeat; height:181px; color:#FFF; padding:20px; }
#contour-bottom { position:relative; background:url(../images/contour-bottom.png) top center no-repeat; height:127px; }
#start-button { margin:0 0 0 20px; }
#start-button a { width:180px; height:50px; display:block; background:url(../images/start-button.gif) no-repeat 0px 0px; }
#start-button a:hover { background:url(../images/start-button.gif) no-repeat 0px -50px; }

#phone { position:relative; background:url(../images/hero.png) top center no-repeat; width:226px; height:511px; float:left; }
#phone-content { position:absolute; width:185px; height:274px; top:61px; left:20px; }

#main-col-right { width:400px; float:right; background:url(../images/mobcards.png) top center no-repeat; padding:125px 0 0 0; }
#content-right { padding:20px 6px 0; border-top:1px solid #01aad8; }

#devices { margin:100px 0 0; }

/* --------------------------------------- FOOTER ---------------------------------- */

#footer { background:#d7d7d7; height:250px;  margin-top:-250px; }
#footer-content { width:960px; margin:0 auto; padding:10px 0 0; }
#footer-content h2 { margin:0 0 5px; }
.footer-block { width:290px; margin:10px 30px 10px 0; float:left; }