/* style.css */
/* main container */
div#canvas { width:884px; margin:0 auto; text-align:left;}

/* skip */
#skip { margin:0; position:absolute; left:14px; top:7px; z-index:100; list-style:none; }
#skip li { position:absolute; top:0; left:0; z-index:100; font-size:1.1em; }
#skip a { display:block; font-size:77%; text-decoration:none; text-indent:-9999em; white-space:nowrap; }
#skip a:hover,
#skip a:focus,
#skip a:active { top:0; left:0; outline-width:0; text-decoration:underline; text-indent:0; }

/* branding */
#branding { height:177px; margin:39px 0 60px 0; position:relative; z-index:5; background:url("../images/bg-cloud.jpg") no-repeat right top;}
#branding .container { width:884px; margin:0 auto; overflow:hidden;}
#branding .logo { float:left;}
#branding .logo img { margin:45px 0 0 1px;}

.homepage #branding .offer { width:419px; height:131px; margin:0 0 0 110px; padding:46px 25px 0 35px; text-indent:0; float:right; color:#fff; background:url("../images/bg-offer.png") no-repeat left top;}
#branding .offer { width:542px; height:80px; margin-top:7px; padding:96px 25px 0 0; color:#fff; text-indent:-9999em; float:right; background:url("../images/bg-offer-besparen-sf.png") no-repeat right top; position:relative;}
#branding .offer h2,
#branding .offer h3 { margin-bottom:5px; font-size:2.6em; font-family:Georgia; word-spacing:-2px;}
#branding .offer strong { margin-bottom:6px; font-size:1.6em; font-weight:normal;}
#branding .offer p { height:38px; font-size:1.2em; margin:0; line-height:1.5;}
#branding .offer a.more{ display:block; width:133px; height:32px; padding-top:4px; text-align:center; color:#000; background:#ffe901; font-size:1.8em; float:right; font-family:Georgia; position:absolute; right:30px; bottom:0;}

/* navigation */
#navigation	{ width:884px; height:30px; margin:0; padding-top:9px; font-size:1.3em; text-transform:uppercase; list-style:none; position:absolute; top:0;}
#navigation	li { float:left; margin-right:23px; }
#navigation	li.active, #navigation	li.active a { color:#90d1ed; text-decoration:underline;}
#navigation	li a { color:#fff; text-decoration:none; }
#navigation	li a:hover { text-decoration:underline; background:none; }

/* content */
#content { color:#1f5570; overflow:hidden; position:relative; z-index:10;}
#main { width:503px; padding:0 60px 0 23px; float:left; background:url("../images/shadow-right.gif") no-repeat right top;}
.oneColumn #main { width:auto; background:none;}
.contact #main { background:none;}
.homepage #main { width:519px; padding:0 60px 0 23px;}
.homepage #main p img { float:left;}
#main img { border:1px solid #1d536e; margin-right:13px;}

#sidebar { width:231px; margin:20px 0 0 0; padding:0 20px 0 23px; float:left;}
.contact #sidebar { background-color:#f1f7f9;}
#sidebar .special { margin-bottom:10px; padding-bottom:18px; background:url("../images/shadow-sidebar.gif") no-repeat left bottom;}

#sidebar a.icon { display:block; padding:20px 80px 8px 0; font-size:1.8em; font-family:Georgia; background-repeat:no-repeat;}
#sidebar a.drop { background-image:url("../images/icons/drop.gif"); background-position:100% 50%; background-repeat:no-repeat;}
.homepage #sidebar a.drop { background-position:89% 35%;}

#sidebar p { font-size:1.1em; line-height:18px; margin-bottom:0; clear:both;}
#sidebar p.contactinfo { font-size:1.2em;}
#sidebar img { margin:0 .5em 1em 0;}

.homepage #sidebar { width:248px; margin-left:14px; padding:18px 20px 0 0; background-color:transparent;}
#sidebar ul { list-style:none; font-family:Georgia; font-size:1.6em; margin:0;}
#sidebar ul li { display:block; min-height:75px; line-height:20px; background:url("../images/shadow-btm.gif") no-repeat left bottom;}

#sidebar ul li a{ display:block; height:50px; padding:20px 40px 8px 0; text-decoration:none; background-repeat:no-repeat;}
#sidebar ul li a:hover { text-decoration:underline;}
#sidebar ul li a:visited { color:#1d536e;}

#sidebar ul li span{ display:block; height:50px; padding:20px 40px 8px 0; text-decoration:none; background-repeat:no-repeat;}
#sidebar ul li span.wave { background-image:url("../images/icons/wave.gif"); background-position:100% 3px;}
#sidebar ul li span.light { background-image:url("../images/icons/light.gif"); background-position:100% -2px;}
#sidebar ul li span.leaf { background-image:url("../images/icons/leaf.gif"); background-position:100% 51%;}

#sidebar ul li a.more { text-decoration:none;}
#sidebar ul li a.more:hover { text-decoration:underline;}

/* footer */
#footer { width:100%; height:34px; margin-top:30px; clear:both; color:#1d546f; text-transform:uppercase; background:#f9fcfd url("../images/bg-footer.gif") repeat-x left top;}
#footer ul { width:886px; margin:0 auto; list-style:none;}
#footer ul li { float:left; margin:14px 0 0 14px; padding-right:13px; border-right:2px solid #7496a7; line-height:1.5;}
#footer ul li a { color:#1d546f; text-decoration:none;}
#footer ul li a:hover { text-decoration:underline;}

/* clearfix */
#canvas:after,
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .container { display: block;}
/* Regular clearing- apply to column that should drop below previous ones. */
.clear { clear:both; }