/* Marcelstroet.nl - Global CSS */

/* Begin Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/* End reset */

body { background: #dbf4ff url("../img/header.jpg") repeat-x 50% 0; font: 14px Arial, Helvetica, sans-serif; color: #000; line-height: 22px; margin:0; padding:0; height:100%;}
html {overflow-y: scroll !important; margin:0; padding:0; height:100%;}

a {color: #df022e;}

.clearLeft{clear: left;}

#wrap{width: 920px; margin:0 auto; padding: 0 20px; padding-bottom:171px; /* Height of the footer */ overflow: hidden; position: relative;}

#container{min-height: 100%; position: relative;}

.header{position: relative; padding-top: 10px; height: 335px;}

h1{background: url("../img/logo.png") no-repeat; width: 920px; height: 109px; text-indent: -2000px; margin-bottom: 20px;}
h2{background: url("../img/slogan.png"); width: 600px; height: 97px; text-indent: -2000px; margin-bottom: 28px;}
h3{font-size: 18px; margin-bottom: 12px;}

.largeButton{display: block; background: url("../img/large-button.png"); width: 251px; height: 40px; color: #fff; text-decoration: none; font-size:30px; padding: 15px 0 0 20px; font-weight: bold;}

.smallButton{display: block; background: url("../img/small-button.png"); width: 184px; height: 27px; color: #fff; text-decoration: none; text-align: center; font-size: 18px; font-weight: bold; padding-top: 4px; float: left; margin-top: 10px;}

.marcelStroet{background: url("../img/marcel-stroet.png"); width: 292px; height: 345px; position: absolute; top: 0; right: 20px;}

.main{padding: 30px 0; overflow: hidden;}

.mainLeft, .mainRight{float: left;}
.mainLeft {width: 440px; margin-right: 20px; border-right: 1px solid #aae5ff; padding-right: 20px;}
.mainLeft img{float: left; margin: 0 25px 25px 0;}
.mainLeft h3 {margin-top: 10px;}

img.alpe, img.kwf{margin: 45px 50px 0 0;}
img.kwf{margin-top: 47px;}

.mainRight {width: 439px;}

.donations{ width: 186px; background: #fff; padding: 9px 20px; border: 1px solid #1cb9ff; margin-right: 20px; float: left;}
.donations label{display: block; width: 110px; float: left;}
.donations span{font-size: 18px; float: left;}
.moneyToGoal{color: #df022e;}

.countdown{border: 1px solid #1cb9ff; width: 188px; float: left; height: 159px;}
.countdown p{ line-height: normal; font-size: 20px; font-weight: bold; margin: 32px 0 0 20px;}
.countdown .days{ font-size: 48px; color: #df022e; margin-right: 4px;}

.attentionBlock{padding-left: 20px; margin-top: 24px; float: left;}
.attentionBlock img{ float: right; margin-left: 20px;}
.attentionBlock h3{ color: #df022e;}
.attentionBlock p{ width: 290px; float: left;}

.footerContainer{position:absolute; bottom:0; width:100%; height:171px; /* Height of the footer */ clear: both; background: #a4e3ff; border-top: 1px solid #1cb9ff; }
.footer{ width: 920px; margin: 0 auto; padding: 20px 20px 17px 20px;}
.footer ul{float: left;}
.footer li{color: #004868; margin-bottom: 3px; width: 230px; float: left;}
.footer li a{color: #004868;;}