html{ width: 100%;}
body{ overflow-y: scroll; margin: 0; width: 100%; font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 1.25;  background: #EAEDE8 url('/kerst/public/images/pattern.png'); }
img{ border: 0; }
h1{  margin: 0 0 1em 0; color: #00B3E3; font-size: 1.5em; }
p{ margin: 1.25em 0;}
a{ text-decoration: none; color: #00B3E3; }

.snow_pattern{ position: absolute; left: 0; bottom: 0; height: 37px; width: 100%; background: url('/kerst/public/images/snow2.png') repeat-x;  }
.snowflakes{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:  url('/kerst/public/images/snowflakes.png') 0 center repeat-x;}
.snow_layer{ position: absolute; top: 280px; left: 0; width: 100%; height: 280px; background: #ffffff; }
.snow_bottom{ position: absolute; left: 0; top: 520px; height: 37px; width: 100%; background: url('/kerst/public/images/snow3.png') repeat-x; }

.center{ position: relative; margin: 0 auto; width: 800px;}
.btn{ display: inline-block; margin-bottom: 2em; padding: 1em 2em; background: #00B3E3; color: #ffffff; font-weight: bold; }
.btn:hover{ background: #0071AA; }

#header{ position: relative; width: 100%; height: 280px; background: #7BD9EE; }
#header .snowman{ position: absolute; right: 0; top: -13px;  width: 500px; height: 399px; background: url('/kerst/public/images/header.png'); }
#header .flag{ position: relative;  padding: 30px 45px 50px 45px; width: 210px; background: #ffffff; }
#header .flag_bottom{ position: absolute; left: 0; bottom: -25px; width: 300px; height: 25px; background:  url('/kerst/public/images/flag_bottom.png'); }
#header .logo{ width: 210px; height: 114px; background:  url('/kerst/public/images/presention_kerstpakketen_logo.png');}

#content{ padding-bottom: 100px;}
#intro{ margin: 50px 0 120px 0; width: 450px; font-size: 1.25em; }

#options{ margin: 0 0 50px 0 ; padding: 0; list-style: none; }
#options li{ margin-bottom: 2px; }
#options .title{ margin: 0; padding: 1em 3em; background: #7BD9EE; color: #ffffff; font-size: 1.25em; cursor: pointer; }
#options .title:hover{ background: #00B3E3;  }
#options .description{ position: relative; padding: 1em 3em; width: 800px; display: none; box-sizing:border-box; -moz-box-sizing:border-box; background: #ffffff;}

#options .description p{ width: 450px; }
#options .description img{ position: relative; margin: 2em 0 ; left: -3em; top: 0;  }

#options .contact{ font-size: 1.25em; color: #00B3E3; }
#options .contact a{ color: #0071AA; }

#footer{ position: relative; padding-top: 40px; width: 100%; height: 202px; background: #C43A18 url('/kerst/public/images/gradient_oranje.jpg') center center no-repeat; color: #fff; }
#footer .contact{ position: relative; z-index: 10;  }
#footer .contact strong{ color: #fff;;  }
#footer .contact a{ color: #fff;;  }
#footer .snowman{ position: absolute; left: 150px; top: -63px;width: 500px; height: 265px; background: url('/kerst/public/images/footer.png'); }

#footer .snow_pattern{ position: absolute; left: 0; top: -57px; height: 37px; width: 100%; background: url('/kerst/public/images/snow2.png') repeat-x;  }
#footer .snow_layer{ position: absolute; top: -20px; left: 0; width: 100%; height: 20px; background: #ffffff; }

#options .description img#verrassing{ position: absolute; margin: 0; top: 2em; right: 0; left: auto; }

::selection{ background: #00B3E3; color:#fff; }
::-moz-selection{ background: #00B3E3; color:#fff; }