/* page */
html { font-size: 14px; height: 100%; }
body { height: 100%; margin: 0; font-size: 85%; text-align: center; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #fff; background: #fff; }

/* lay out elements */
h1, h2, h3 { font-weight: bold; }
h1 { font-size: 166%; margin: 0 0 24px 0; }
h2 { font-size: 133%; margin: 12px 0 4px 0; }
h3 { font-size: 125%; margin: 12px 0 4px 0; }
p { margin: 4px 0; line-height: 18px; }
h1:first-child, h2:first-child, h3:first-child, p:first-child, p.intro { margin-top: 0; }
a, a:active, a:visited { color: #fff; text-decoration: underline; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
.txtfield { border: 2px solid white; color: #2372bb; }
.smalltxt { font-size: 11px; color: #b4d2ee; }

/* framework */
div#sitebox_voor_menu { position: relative; z-index:100; width: 934px; height: 0px; margin: 0 auto; text-align: left; background: #357ec0 url(/siteimg/patroon.bg.png) top left repeat-x; }
div#sitebox { position: relative; z-index:1; width: 934px; min-height: 100%; _height:100%; margin: 0 auto; margin-bottom: 8px; padding: 0 13px; text-align: left; background: #357ec0 url(/siteimg/patroon.bg.png) top left repeat-x; }
/* 3 columns within sitebox */
div.column { float: left; position: relative;}
/* each column */
div.navigation { width: 230px; z-index: 20; }
div.content { width: 550px; margin-bottom: 30px; padding-top: 80px; }
div.sidebar { position:absolute; right:10px; top:10px; width: 148px; padding-left: 6px; padding-top: 30px; }

/* a bit more top padding on contentpages */
body.contentpage div.navigation { padding-top: 15px; } /* zie iehacks.css voor aparte padding voor ie */
body.contentpage div.content { padding-top: 100px; }

/* clearing sitebox */
div#sitebox:after { content: ""; display: block; height: 0; clear: both; }

/* the big and small streamers */
div#streamer-wrapper {
	overflow: hidden;
	position: absolute;
	z-index: 20;
	top: 270px;
	left: 0;
	width: 100%;
	height: 277px;
}
div.streamer-xlarge {
	position: absolute;
	z-index: 30;
	top: -8px;
	left: 50%;
	margin-left: -800px;
	height: 277px;
	width: 1600px;
	background: url(/siteimg/streamer.xlarge.png) 0 0 no-repeat;
}
div.streamer-large { position: absolute; z-index: 10; left: -32px; top: 245px; width: 1024px; height: 250px; background: url(/siteimg/streamer.large.png); }
a.streamer-small { position: absolute; display: block; z-index: 50; left: -32px; top: 0px; width: 474px; height: 92px; background: url(/siteimg/streamer.small.png); }

/* stuff in bottom website */
div#companylogo { position: absolute; z-index: 50; width: 190px; height: 42px; left: 15px; bottom: 40px; _bottom: 20px; clear:left; font-size: 11px; }
/*
div#initiatief { position: absolute; z-index: 50; left: 150px; bottom: 60px; padding-left: 5px; border: 1px red solid; clear:none; width:100px; height:100px;}
div#initiatief span { font-size: 11px;}
*/
div#disclaimer { position: absolute; z-index: 50; right: 15px; bottom: 20px;}
div#disclaimer a { font-size: 11px; }

/* schoolventilatie.nl logo (only shown on homepage) */
h1#sitename { width: 209px; height: 20px; margin: 33px 0 28px 0; }
h1#sitename a { display: block; width: 209px; height: 20px; background: url(/siteimg/schoolvakantie.nl.png); }
h1#sitename a span { display: none; }

/* hiding on all contentpages... */
body.contentpage h1#sitename a {display: none;}

/* ******************** */
/* **** navigation **** */
/* ******************** */
ul#menu { position:absolute; z-index:100; top:90px; left:0px; }
ul#menu a { padding-left: 20px; display: block; width: 200px; height: 31px; background: url(/siteimg/menu.dot.png) top left no-repeat; font-family: "Arial Narrow"; font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; line-height: 29px; }
ul#menu li a:hover, ul#menu li a.currentpage { background: url(/siteimg/menu.mo.png) top left no-repeat; }
ul#menu li:hover { background: url(/siteimg/menu.mo.png) top left no-repeat; }

/* ***************** */
/* **** content area */
/* ***************** */

/* **** homepage stuff **** */



/* text columns on homepage */
body.homepage div.textcol { width: 264px; }
body.homepage div.left { margin-right: 22px; }
a#btn-leasejelucht { display: block; width: 98px; height: 98px; background: url(/siteimg/btn.leasejelucht.png); float: right; cursor: pointer; }

/* **** contentpage stuff **** */

div.content ul { margin: 8px 0; }
div.content li { padding-left: 18px; line-height: 18px; background: url(/siteimg/dot.white.png) 0 4px no-repeat; }

body.contentpage div.content { width: 535px; padding-right: 15px; }

.nieuwsitem h1 { margin:0; }
.nieuwsitem, .nieuwsitem p { line-height:18px; }
.nieuwsitem img { /*float: right;*/ margin-left: 10px; border: 1px solid #b4d2ee; }
.nieuwsitem span.date { font-weight: bold; color: #b4d2ee; }

/* oplossingen */
div.oplossing { min-height: 100px; height:100%; margin-bottom: 10px; clear:left; }
div.oplossing:after { content: ""; display: block; height: 0; clear: both; }
div.oplossing h3 { margin-left: 143px; padding-left: 15px; background: url(/siteimg/dot.green.png) center left no-repeat; }
div.oplossing img { float: left; border: 1px solid #b4d2ee; margin-top: -18px; margin-right: 15px; }
div.oplossing .arrow { margin-top: -15px; }

a.arrow { display: block; float: right; width: 26px; height: 24px; background: url(/siteimg/arrow.3d.png); }
a.arrow span { display: none; }

ul#actueel-overzicht li { margin-bottom: 8px; padding: 0; background: none; border-bottom: 2px solid #90b8dc; }
ul#actueel-overzicht span.date { font-weight: bold; color: #b4d2ee; }

/* ***************** */
/* **** sidebar **** */
/* ***************** */

/* verleiders */
.verleider { margin-bottom: 6px; }
.nieuwsbrief { width: 143px; height: 50px; padding: 31px 5px 0 0; background: url(/siteimg/verleider.nieuwsbrief.png) top left no-repeat; }
.nieuwsbrief input { display: block; float: right; }
.nieuwsbrief a { margin: 3px 0 0 5px; font-size: 11px; float: left; }
.nieuwsbrief .txtfield { width: 134px; margin-bottom: 5px; }
.nieuwsbrief .btn { width: 64px; font-size: 11px; }
.belons { width: 148px; height: 81px; }
.leasejelucht { width: 148px; height: 113px; }

/* contact formulier */
form#contactform table td { padding: 5px 0; vertical-align: middle; }




/* big visual on homepage */
div#visualbox { z-index: 0; position: relative; width: 550px; height: 350px; margin-top: -80px; clear: both; margin-bottom: 125px; }
div#btn-ventilatie { display: none; z-index: 50; position: absolute; top: 30px; right: 25px; width: 202px; height: 50px; }
div#btn-ventilatie a { display: block; width: 202px; height: 50px; background: url(../siteimg/btn.ventilatie-off.png); }
div#btn-ventilatie a:hover { width: 202px; height: 50px; background: url(../siteimg/btn.ventilatie-on.png); }
div#btn-ventilatie a span { display: none; }

div#patroon { z-index: 20; position: absolute; top: -1px; left: 0; width: 550px; height: 350px; background: url(/siteimg/patroon.overlay.png) top left no-repeat; }

#ventilatievisuals { width: 550px; height: 350px; } 
#ventilatievisuals img { display: block; position: absolute; top: 0; left: 0; width: 550px; height: 350px; }