* { margin:0; padding:0; line-height:2em; font-size:100%; }
html, body { height:100%; font-family:Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family:Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;  color:#151515; line-height:1.5em; }
h1 { font-size:2.5em; margin-bottom:.5em; }
h2 { font-size:1.75em; margin-bottom:.75em; color:#3c3655; }
h3 { font-size:1.25em; margin-bottom:.75em; color:#3c3655; }

.upper { font-variant:small-caps; font-style:normal; }
.left { float:left; }
.right { float:right; }

p, ul, ol { margin-bottom:1.5em; }

a { color:#0022b6; text-decoration:none; border-bottom:1px solid #8597e8; }

address { font-style:normal; }

.clear { clear:both; }

body { font-size:75%; background:#f1f1f1 url('images/background.png'); text-align:center; color:#404041; }
.wrapper { margin:0 auto; width:960px; text-align:left; }


#header { float:left; width:100%; background:#f1f1f1 url('images/header_background.png') repeat-x; margin:0 0 24px 0; }
#header .wrapper { position:relative; background:url('images/container.png') center top no-repeat; height:150px;  }
#header h1 { float:left; margin:72px 0 0 0; font-weight:normal; font-size:2.6em; }
#header a { color:#050505; border:0; }
#header a#login { position:absolute; right:0; top:-4px; }
#header a#login:hover { }
#header ul { float:right; margin:80px 0 0 0; font-size:1.14em; }
#header ul li { display:inline; margin:0 0 0 30px; }
#header ul li a { text-decoration:none; border:none; color:#151515; }
#header ul li a:hover { color:#a2b90a; }
#header ul li a.current { border-bottom:1px solid #a2b90a; color:#a2b90a; }


/* home page marketing slang */

#promo { float:left; width:100%; }
#promo .wrapper { margin:0 auto; padding:0 0 2.5em 0; }
#promo h1 { font-weight:normal; }
#promo a { }
#promo #text { float:left; width:440px; margin:7px 0 0 0; }
#promo p.last { margin:0; }
#promo #preview { float:right; width:438px; background:#fff; border:1px solid #ddd;  }
#promo #preview img { margin:9px 0 .75em 9px; border:1px solid #ddd; }
#promo #preview p { margin:0 0 .75em 12px;}
#promo #preview a { color:#000; border:none; }


#content { float:left; width:100%; margin:0 0 30px 0; padding:24px 0 0 0; background:url('images/step_background.png') left top repeat-x; }

.step { float:left; display:inline; margin:0 20px 0 0; width:300px; }
.step h2 { font-weight:normal }

.content-main { float:left; display:inline; width:460px; margin:0 20px 0 0; }
.content-main h2 { color:#3c3655; }
.content-main h2 a { color:#3c3655; border-bottom:none; }
.content-main h3 { font-weight:normal; }

.content-main .optie { clear:both; float:left; border-top:1px solid #ccc; padding:.5em 0; }
.content-main .col { float:left; display:inline; width:220px; margin:0 20px 1.5em 0; }
.content-main .last { margin:.5em 0 1.5em 0; }


.content-main input, .content-main textarea, .content-main select { margin:0 0 2em 0; }
.content-main label { clear:both; float:left; width:160px; margin:0 0 .5em 0; }
.content-main input { float:left; padding:1px; width:300px; height:24px; border:1px solid #ccc; }
.content-main textarea { padding:4px; border:1px solid #ccc; width:460px; }
.content-main input[type=submit] { width:auto; background:#a2b90a; color:#fff; }
.content-main input.submit { width:auto; background:#a2b90a; color:#fff; border:none; height:30px; padding:0 .5em; }


/* Het bestelformulier */
#bestelform fieldset { border:none; }
#bestelform legend { padding:0 0 1em 0; font-weight:bold; font-size:1.25em; }
#bestelform label, #bestelform input { width:460px; }
#bestelform .radio { float:none; margin:0 0 1.5em 20px; width:auto; }
#bestelform textarea { clear:both; width:460px; }
#bestelform input[type=submit] { width:auto; margin:0; }
#bestelform input.submit { width:auto; background:#a2b90a; color:#fff; border:none; height:30px; padding:0 .5em; }


#content #ww { border:none; background:none; cursor:pointer; color:#0022b6; border-bottom:1px solid #0022b6; padding:0; }


.content-side { float:left; display:inline; width:220px; margin:0 20px 0 0; padding:2em 0 0 0; color:#606061; }
.content-side h2 { font-weight:normal; }
.content-side ul { list-style:none; border-top:1px solid #ddd; }
.content-side ul li a { display:block; color:#404041; border-bottom:1px solid #ddd; padding:.25em .5em; }
.content-side ul li a:hover { background:#fff; color:#050505; }


#sidebar { float:left; display:inline; width:238px; margin:0 0 0 0; padding:20px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #ddd; color:#606061; background:#fff; }
#sidebar h3, #sidebar p, #sidebar address { margin-left:20px; margin-right:20px; }
#sidebar h3 { font-weight:normal; }


#footer { float:left; width:100%; color:#707071; }
#footer .wrapper { padding:14px 0; border-top:1px solid #ddd; }
#footer p { margin:0 0 .5em 0; }
#footer a { color:#404041; border-bottom:1px solid #606061; }


/* Border radius */

#promo .wrapper { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

// Simple clearfix
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
.wrapper:after
{ 
 content: ".";  
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; 
}

.wrapper 
{display: inline-block;}

/* Hides from IE-mac */
* html .wrapper 
{height: 1%;}

.wrapper 
{display: block;}
/* End hide from IE-mac */