/* @override http://storms.org/stijl/style.css */

/* @group Typefaces */

@font-face {
	font-family: 'GraublauWebBold';
	src: url('../lettertypes/GrauBlauSansWeb/graublauwebbold.eot');
}

@font-face {
	font-family: 'GraublauWebBold';
	src: url(//:) format('no404'), url('../lettertypes/GrauBlauSansWeb/graublauwebbold.woff') format('woff'), url('../lettertypes/GrauBlauSansWeb/graublauwebbold.ttf') format('truetype'), url('../lettertypes/GrauBlauSansWeb/graublauwebbold.svg#GraublauWeb-Bold') format('svg');
}

@font-face {
	font-family: 'GraublauWebRegular';
	src: url('../lettertypes/GrauBlauSansWeb/graublauweb.eot');
}

@font-face {
	font-family: 'GraublauWebRegular';
	src: url(//:) format('no404'), url('../lettertypes/GrauBlauSansWeb/graublauweb.woff') format('woff'), url('../lettertypes/GrauBlauSansWeb/graublauweb.ttf') format('truetype'), url('../lettertypes/GrauBlauSansWeb/graublauweb.svg#GraublauWeb-Regular') format('svg');
}

@font-face {
	font-family: 'MyriadWebBold';
	src: url('../lettertypes/MyriadWeb/myriadwebbold.eot');
}

@font-face {
	font-family: 'MyriadWebBold';
	src: url(//:) format('no404'), url('../lettertypes/MyriadWeb/myriadwebbold.woff') format('woff'), url('../lettertypes/MyriadWeb/myriadwebbold.ttf') format('truetype'), url('../lettertypes/MyriadWeb/myriadwebbold.svg#Myriad-BdWeb') format('svg');
}

@font-face {
	font-family: 'MyriadWebRegular';
	src: url('../lettertypes/MyriadWeb/myriadweb.eot');
}

@font-face {
	font-family: 'MyriadWebRegular';
	src: url(//:) format('no404'), url('../lettertypes/MyriadWeb/myriadweb.woff') format('woff'), url('../lettertypes/MyriadWeb/myriadweb.ttf') format('truetype'), url('../lettertypes/MyriadWeb/myriadweb.svg#Myriad-Web') format('svg');
}

@font-face {
	font-family: 'MyriadHeadlineRegular';
	src: url('../lettertypes/MyriadWeb/myriadheadline.eot');
}

@font-face {
	font-family: 'MyriadHeadlineRegular';
	src: url(//:) format('no404'), url('../lettertypes/MyriadWeb/myriadheadline.woff') format('woff'), url('../lettertypes/MyriadWeb/myriadheadline.ttf') format('truetype'), url('../lettertypes/MyriadWeb/myriadheadline.svg#Myriad-Headline') format('svg');
}

@font-face {
	font-family: 'MyriadCondensedWebRegular';
	src: url('../lettertypes/MyriadWeb/myriadcondensedweb.eot');
}

@font-face {
	font-family: 'MyriadCondensedWebRegular';
	src: url(//:) format('no404'), url('../lettertypes/MyriadWeb/myriadcondensedweb.woff') format('woff'), url('../lettertypes/MyriadWeb/myriadcondensedweb.ttf') format('truetype'), url('../lettertypes/MyriadWeb/myriadcondensedweb.svg#Myriad-CnWeb') format('svg');
}

@font-face {
	font-family: 'MyriadCondensedWebItalic';
	src: url('../lettertypes/MyriadWeb/myriadcondensedwebitalic.eot');
}

@font-face {
	font-family: 'MyriadCondensedWebItalic';
	src: url(//:) format('no404'), url('../lettertypes/MyriadWeb/myriadcondensedwebitalic.woff') format('woff'), url('../lettertypes/MyriadWeb/myriadcondensedwebitalic.ttf') format('truetype'), url('../lettertypes/MyriadWeb/myriadcondensedwebitalic.svg#Myriad-CnItWeb') format('svg');
}

@font-face {
	font-family: 'MyriadWebItalic';
	src: url('../lettertypes/MyriadWeb/myriadwebitalic.eot');
}

@font-face {
	font-family: 'MyriadWebItalic';
	src: url(//:) format('no404'), url('../lettertypes/MyriadWeb/myriadwebitalic.woff') format('woff'), url('../lettertypes/MyriadWeb/myriadwebitalic.ttf') format('truetype'), url('../lettertypes/MyriadWeb/myriadwebitalic.svg#Myriad-ItWeb') format('svg');
}

@font-face {
	font-family: 'MyriadWebProCondensed';
	src: url('../lettertypes/MyriadWeb/myriadwebprocondensed.eot');
}

@font-face {
	font-family: 'MyriadWebProCondensed';
	src: url(//:) format('no404'), url('../lettertypes/MyriadWeb/myriadwebprocondensed.woff') format('woff'), url('../lettertypes/MyriadWeb/myriadwebprocondensed.ttf') format('truetype'), url('../lettertypes/MyriadWeb/myriadwebprocondensed.svg#MyriadWebPro-Condensed') format('svg');
}

/* @end */

/* @group algemeen */

* {
	margin: 0;
	padding: 0;
}

header, nav, section, article, aside, footer {
	display: block;
}

body {
	background: url('../plaatjes/zee2b.jpg') repeat-x 0 0;
	color: #2d3640;
	font: .9em "MyriadWebRegular", Myriad, "Lucida Grande", LucidaGrande, "Lucida Sans", LucidaSans, Verdana, sans-serif;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 946px;
}

/* @end */

/* @group elementen */

a, a:visited, div.box p a, div.box p a:visited {
	color: #2d3640;
	background-color: #eff5f7;
	text-decoration: none;
	border-top: thin solid #eff5f7;
	border-bottom: thin solid #c5d8e0;
}

a:hover, div.box p a:hover {
	color: #FFF;
	background-color: #2d3640;
	text-decoration: none;
	border-bottom: thin solid #237fa1;
	border-top: thin solid #237fa1;
}

p {
	margin: 0 0 1.2em;
}

img {
	border: none;
}

blockquote {
	margin: 0 20px 18px 20px;
	padding: 1px 12px;
	background: #F2F2F2;
	border-left: 3px solid #587EC7;
	border-right: 3px solid #587EC7;
}

blockquote p {
	padding: 8px 0;
	margin: 0;
}

hr {
	background:#506070;
	border-top:0px solid #506070;
	border-bottom:0px solid #506070;
	border-left:0px solid #506070;
	border-right:0px solid #506070;
	height:1px;
	}

/* @end */

/* @group algemeen2 */

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

.aligncenter,

div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.alignleft {
	float: left;
}

img.alignleft {
	margin: 5px 15px 5px 0;
}

.alignright {
	float: right;
}

img.alignright {
	margin: 5px 0 5px 15px;
}

/* @end */

#wrapper {
	width: 946px;
	text-align: left;
}

/* @group header */

header {
	position: relative;
	height: 240px;
	margin: 0 auto;
	padding: 0px 10px;
}

header #logo {
	font-family: "GraublauWebBold", "MyriadWebRegular", Myriad, "Lucida Grande", LucidaGrande, "Lucida Sans", LucidaSans, Verdana, sans-serif;
	font-weight: normal;
	font-size: 3.9em;
	line-height: 1.2em;
	letter-spacing: 1px;
	color: rgba(255,255,255,0.97);
	text-shadow: #6e7575 2pt 2pt 2pt;
	text-align: left;
	padding-top: 40px;
	padding-left: 0px;
}

header #logo a, header #logo a:visited {
	color: rgba(255,255,255,0.97);
}

header #logo a:hover {
	color: rgba(255,255,255,0.5);
	text-decoration: none;
}

header #tagline {
	font-family: "GraublauWebRegular", "MyriadWebRegular", Myriad, "Lucida Grande", LucidaGrande, "Lucida Sans", LucidaSans, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 0;
	color: rgba(255,255,255,0.97);
	text-shadow: #6e7575 2pt 2pt 2pt;
	text-align: left;
	letter-spacing: 1px;
}

/* #sitename a {

position: absolute;

top: 30px;

left: 10px;

font: 40px/1 Verdana, Arial, Helvetica, sans-serif;

color: #587EC7;

text-shadow: 2px 2px 2px #000;

text-decoration: none;

}


#description {

position: absolute;

top: 80px;

left: 15px;

width: 600px;

font-size: 16px;

font-weight: bold;

line-height: 16px;

color: #F2F2F2;

text-shadow: 1px 1px 0 #000;

}



header nav {

position: absolute;

top: 173px;
width: 915px;
left: 25px;
height: 26px;

font: 14px/1 Verdana, Arial, Helvetica, sans-serif;

text-transform: uppercase;

overflow: hidden;

}


header nav li {

float: left;

list-style: none;
background: #FFF;
margin: 2px;
border: 2px solid #587EC7;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;

}


header nav a {

float: left;

color: #333;

text-decoration: none;

padding: 5px 10px 6px;

border-bottom: 3px solid #E8F1FD;

} */

/* @end */

/* @group middle */

section {
	width: 946px;
	margin-top: 20px;
	background: #FFF url('../plaatjes/lijntjes_ag.png') repeat-y 199px 4px;
}

section:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

#container {
	width: 100%;
	float: left;
	overflow: hidden;
}

/* @group content */

#content {
	margin: 0 199px;
	padding: 0 15px 1px;
	height: 1%;
}

#content h1,
#content .entry h2,

#content .entry h3,

#content .entry h4,

#content .entry h5,

#content .entry h6 {
	margin: 25px 0 18px;
	color: #333;
	text-shadow: 2px 1px 2px #CCC;
	font-family: "GraublauWebBold", "MyriadWebRegular", Myriad, "Lucida Grande", LucidaGrande, "Lucida Sans", LucidaSans, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.2em;
}

#content h1 {
	font-size: 2.6em;
	line-height: 1.0em;
	padding: 0 10px;
	color: #2d3640;
	margin: 0 0 0.3em 0;
}

#content .entry h2 {
	font-size: 1.6em;
	padding: 0 10px;
}

#content .entry h3 {
	font-size: 22px;
}

#content .entry h4 {
	font-size: 20px;
}

#content .entry h5 {
	font-size: 18px;
}

#content .entry h6 {
	font-size: 16px;
}

#content article div.entry p.top {
		font-family: "GraublauWebRegular", "MyriadWebRegular", Myriad, "Lucida Grande", LucidaGrande, "Lucida Sans", LucidaSans, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.5em;
	letter-spacing: 0px;
	margin: 0 0 1em 0;

}

p, #content article .entry ul {
	line-height: 1.6em;
	padding: 0 10px;
}

#content .entry ul {
	list-style: none;
	margin: 0 0 1.5em 0;
}

#content .entry ol {
	margin: 0 0 1.5em 20px;
}

#content .entry li {
	
}

#content .entry ul li {
	padding: 0 0 0 14px;
	background: url('../plaatjes/bullet_text.gif') 0 0.38462em no-repeat;
}

#content .entry ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol {
	margin: 0 0 0 10px;
}
/* @end */

/* @group sidebars */

aside {
	float: left;
	width: 180px;
	position: relative;
	padding: 0px;
	margin-top: 10px;
}

aside#left {
	padding-right: 20px;
}

aside#right {
	padding-left: 20px;
}

#left {
	margin-left: -100%;
}

#right {
	margin-left: -200px;
}

aside h3 {
	color: #2d3640;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #DDD;
	font: small-caps bold 1em Georgia, serif;
	padding-top: 10px;
	padding-bottom: 6px;
}

aside ul {
	list-style-position: inside;
}

aside li {
	text-indent: -1em;
	padding: 4px 3px 5px 1.3em;
}

aside a, aside a:visited {
	color: #2d3640;
	background-color: transparent;
	text-decoration: none;
	border-bottom-style: none;
	border-top-style: none;
}

aside a:hover {
	color: #2d3640;
	text-decoration: underline;
	background-color: #fff;
	border-top-style: none;
	border-bottom: thin none #ddd;
}

div.box p {
	padding: 0px;
}

.inner {
	
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 10px;
}

/* @end */

/* @end */

/* @group footer */

footer {
	font-size: 11px;
	border-top: 1px solid #aeb0ad;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#copyright {
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;
	padding: 18px 18px 18px 18px;
}

#copyright span {
	display: block;
	text-transform: uppercase;
}

#copyright a {
	color: #333;
	text-decoration: none;
}

#copyright a:hover {
	color: #587EC7;
}

/* @end */

/* @group retLoc */

.retlocL, .retlocR
{
padding:12px 12px 12px 12px;
border: solid 1px #999999;
height: 219px;
margin-bottom: 14px;
	margin-right: 10px;
	margin-left: 10px;
}

.retlocL img, .retlocR img
{
width: 219px;
height: 219px;
}

.retlocL img
{
float: left;
}

.retlocR img
{
float: right;
}

.retlocCaptionL
{
float: left;
}

.retlocCaptionR
{
float: right;
}

.retlocCaptionL, .retlocCaptionR
{
	text-align: center;
	line-height: 3em;
	width: 219px;
position: relative;
top: 40px;
padding:12px 12px 12px 12px;
vertical-align:middle;
}
.retlocSpacer
{
height: 20px;
width: 450px;
float: left;
}



/* @end */

/* @group jansFoto */

.jansfotol, .jansfotor {
	text-align: center;
	border: 1px solid #DDD;
	padding: 1em;
	}
	
.jansfotol img, .jansfotor img {
	width: 100px;
	height: 155px;
}

.jansfotol {
	margin: .5em 1em .5em 10px;
	float: left;
	}

.jansfotor {
	margin: .5em 10px .5em 1em;
	float: right;
	}

/* @end */