html { background:#fff url(http://www.smulwebkookcollege.nl/images/back.jpg) top center no-repeat; }
body { font-size:75%; line-height: 1.5; /*12/18*/ font-family:arial, sans-serif;
background:url(http://www.smulwebkookcollege.nl/images/container_bckgrnd.png) center 99px no-repeat;
_background:url(http://www.smulwebkookcollege.nl/images/container_bckgrnd_ie6.jpg) center 99px no-repeat;
color:#000; }
body.fancybox { background:none; _background:none; padding:10px; }
html.fancybox { background:none; _background:none; }
.fancybox h1, .fancybox h2 { color:#003300; }
/*Headings
------------------------------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { line-height: 1.2; position: relative; }
aside h1, aside h2, aside h3,
aside h4, aside h5, aside h6 { margin-bottom:0 22px; }
h1, h2 { line-height: 36px; margin-bottom:0px; /*11px*/ }
h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4 { margin-top: 0px; font-family: 'PT Sans Narrow', sans-serif; }
h3, h4, h5, h6 { line-height: 22px; }
h1 { font-size: 32px; margin:0; top:0px; font-weight:normal; color:#003200; letter-spacing:0.0125em;/*5px*/ }
h2 { font-size: 26px; margin:0 0 6px 0; top:0px; color:#003200; /*8px*/ }
h3 { font-size: 22px; margin:0 0 4px 0; top:0px; font-weight:bold; color:#003200; letter-spacing:0.0125em; /*1px*/ }
h4 { font-size: 18px; margin:0 0 2px 0; top:0px; color:#003200; letter-spacing:0.0125em;/*2px*/ }
h5 { font-size: 15px; margin:0; top:0px; /*4px*/ }
h6 { font-size: 13px; top:0px; /*5px*/ }
h1:first-child { margin:12px 0 12px 0; }
/*Elements
------------------------------------------------------------------------------------------------------------------------------------------------*/
a { color:#003300; }
a:hover { color:#CC0000; /*color:#6D8D3A;*/ }
p, pre, address { font-size:14px; line-height:22px; position: relative; top: 0px; /*5px*/ margin-bottom:22px; /*margin-bottom:22px;*/ }
small { font-size:11px; }
em { font-size:11px; }
abbr, code, kbd,
samp, small, var { line-height: 15px; }
ul, ol, dialog /*dl,*/ { font-size: 14px; line-height:22px; position:relative; top:5px; margin-top:0; margin-bottom: 22px; /*margin-top: 22px;*/ }
li ul, li ol, ul ul, ol ol { top:0; margin-top:0; margin-bottom:0; }
li h1, li h2, li h3,
li h4, li h5, li h6,
li p { top:0; }
ul li a, ol li a { text-decoration:none; }
form, label { font-size: 14px; line-height: 22px; }
legend { font-size: 36px; line-height: 22px; }
td { margin:0; padding:0; vertical-align:top; text-align:left; }
caption { font-size: 13px; line-height: 22px; position: relative; }
b, strong, caption, th, thead, dt, legend { font-weight: bold; }
cite, blockquote, q, dfn, em, i { font-style: italic; }
code, kbd, samp, pre, tt, var { font-family: mono-space, monospace; }
blockquote { margin:0; }
blockquote, blockquote p { line-height:18px; text-align:right; color:#003300; background:#; }
p { word-spacing: 0.125em; hyphenate: auto; hyphenate-lines: 3; /*margin-bottom:22px;*/ }
p+p { text-indent: 1.5em; }
p+p.no-indent { text-indent: 0; }
pre { white-space: pre; }
del { text-decoration: line-through; }
mark { background: rgba(255, 255, 0, 0.4); padding: 0 .25em; }
ins { color: #f00; }
small, sup, sub { font-size: 80%; }
big { font-size: 125%; line-height: 80%; }
abbr, acronym { font-size: 85%; text-transform: uppercase; letter-spacing: .1em; }
abbr[title], acronym[title], dfn[title] { border-bottom: 1px dotted black; cursor: help; }
sup, sub { line-height: 0; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
hr { position: relative; height: 4px; margin: 22px 0 14px 0; border: none; background: #ddd; width: 100%; }
ul, ol { margin-left: 1.5em; }
ul { list-style: disc outside; }
ol { list-style: decimal outside; }
table { font:inherit; font-size:12px; line-height:22px;width:100%; padding:0; margin:0; border:none; }
section, menu { font-size:14px; }
.cursorpointer { cursor:pointer; }
/* html 5
------------------------------------------------------------------------------------------------------------------------------------------------*/
article, aside, header, hgroup,
nav, section, footer { float:left; display:block; }
figure { display: block; }
/*Margin
------------------------------------------------------------------------------------------------------------------------------------------------*/
.top22 { margin-top:22px; padding-top:0; }
.right22 { margin-right:22px; padding-right:0; }
.bottom22 { margin-bottom:22px; padding-bottom:0; }
.left22 { margin-left:22px; padding-left:0; }
.top44 { margin-top:44px; padding-top:0; }
/*Float
------------------------------------------------------------------------------------------------------------------------------------------------*/
.floatleft { float:left; clear:left; }
.floatright { float:right; clear:right; }
/* Definition List
------------------------------------------------------------------------------------------------------------------------------------------------*/
dl { display:block; margin:0 0 15px 0; font-size:14px; margin:0; padding:0; }
dt { display:block; float:left; clear:both; font-weight:bold; margin:0; padding:0; }
dd { display:inline; float:left; margin:0; padding:0; }
fieldset dl dt { font-weight:normal; /*padding-right:5%;*/ }
dl.fontweightnormal dt { font-weight:normal; }
dl.proc5_95 dt { width:1%; }
dl.proc5_95 dd { width:94%; }
dl.proc10_90 dt { width:10%; }
dl.proc10_90 dd { width:85%; }
dl.proc20_80 dt { width:20%; }
dl.proc20_80 dd { width:75%; }
dl.proc30_70 dt { width:30%; }
dl.proc30_70 dd { width:65%; }
dl.proc40_60 dt { width:40%; }
dl.proc40_60 dd { width:55%; }
dl.proc50_50 dt { width:45%; }
dl.proc50_50 dd { width:50%; }
dl.proc60_40 dt { width:60%; }
dl.proc60_40 dd { width:35%; }
dl.proc70_30 dt { width:70%; }
dl.proc70_30 dd { width:25%; }
dl.proc80_20 dt { width:80%; }
dl.proc80_20 dd { width:15%; }
dl.proc90_10 dt { width:90%; }
dl.proc90_10 dd { width:5%; }
.proc5 { width:5%; }
.proc10 { width:10%; }
.proc15 { width:15%; }
.proc20 { width:20%; }
.proc25 { width:25%; }
.proc30 { width:30%; }
.proc35 { width:35%; }
.proc40 { width:40%; }
.proc45 { width:45%; }
.proc50 { width:50%; }
.proc55 { width:55%; }
.proc60 { width:60%; }
.proc65 { width:65%; }
.proc70 { width:70%; }
.proc75 { width:75%; }
.proc80 { width:80%; }
.proc85 { width:85%; }
.proc90 { width:90%; }
.proc95 { width:95%; }
.proc100 { width:100%; }
/*List styles
------------------------------------------------------------------------------------------------------------------------------------------------*/
.liststylenone { list-style:none; }
.liststyleleft li { float:left; }
/*Overige
------------------------------------------------------------------------------------------------------------------------------------------------*/
.hide, section.hide { display:none; visibility:hidden; }
.floatleft { float:left; }
.floatright { float:right; }
/* quotes: q, cite, blockquote
------------------------------------------------------------------------------------------------------------------------------------------------*/
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
q:lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
q:lang(da) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
q:before { content: open-quote; }
q:after { content: close-quote; }
/* SAFARI SUPPORT */
q:before { content: '\201C'; }
q:after { content: '\201D'; }
q q:before { content: '\2018'; }
q q:after { content: '\2019'; }
/* BLOCKQUOTES */
blockquote * { quotes: none; font-style:italic; }
blockquote > *:before { content: '\201C'; }
blockquote > *:after { content: '\201D'; }
blockquote q:before { content: '\2018'; }
blockquote q:after { content: '\2019'; }
/* LANGUAGE-SPECIFIC QUOTES SAFARI STYLE */
*[lang~='da'] q:before, q[lang~='da']:before,
*[lang~='da'] blockquote > *:before, blockquote[lang~='da'] > *:before { content: '\201E'; }
*[lang~='da'] q:after, q[lang~='da']:after,
*[lang~='da'] blockquote > *:after, blockquote[lang~='da'] > *:after { content: '\201C'; }
*[lang~='da'] q q:before, q[lang~='da'] q:before,
*[lang~='da'] blockquote q:before, blockquote[lang~='da'] q:before { content: '\2019'; }
*[lang~='da'] q q:after, q[lang~='da'] q:after,
*[lang~='da'] blockquote q:after, blockquote[lang~='da'] q:after { content: '\2019'; }
*[lang~='sv'] q:before, q[lang~='sv']:before,
*[lang~='sv'] blockquote > *:before, blockquote[lang~='sv'] > *:before { content: '\201D'; }
*[lang~='sv'] q:after, q[lang~='sv']:after,
*[lang~='sv'] blockquote > *:after, blockquote[lang~='sv'] > *:after { content: '\201D'; }
*[lang~='sv'] q q:before, q[lang~='sv'] q:before,
*[lang~='sv'] blockquote q:before, blockquote[lang~='sv'] q:before { content: '\2019'; }
*[lang~='sv'] q q:after, q[lang~='sv'] q:after,
*[lang~='sv'] blockquote q:after, blockquote[lang~='sv'] q:after { content: '\2019'; }