/*
#c00 = rood => iets lichter #b23
#024 = donkerblauw
#17a = blauw
#09d = lichter blauw
#a2b = paars
#f70 = oranje
#ccc = licht grijs
#6e6e6e = donkerder grijs
*/
body
{
	margin				: 0px;
	padding				: 0px;
	background-color	: #fff;
	font				: normal 0.75em arial;
	color				: #000;
}

a
{
	color				: #024;
	text-decoration		: underline;
}
a:hover
{
	text-decoration		: underline;
	color				: #a00;
}

/* padding en margins van lijsten en formulieren */
#topbar ul, #topbar form, #portfolio, #navigation, #breadcrumbs, #footer ul, ul#cloud, dl#opdrachtgever, ul#navportfolio, ul#referenties
{
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
}
/* headers */
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6
{
	font-family			: georgia;
	font-weight			: bold;
	margin				: 0px;
	padding				: 5px 0;
}
#content h1
{
	color				: #000;
	font-size			: 1.6em;
	padding				: 0 0 10px 0;
}
#content h2
{
	font-size			: 1.1em;
	color				: #024;
}
#content h3
{
	font-size			: 1em;
}
hr.clear	
{
	clear				: both;
	margin				: 0px;
	padding				: 0px;
	height				: 1px;
	visibility			: hidden;
}

/* TOPBAR */
#topbar
{
	font-size			: 0.9em;
	color				: #fff;
	background-color	: #024;
}
#topbar .container
{
	width				: 970px;
	margin				: 0px auto;
	padding				: 2px 0;
	height				: 20px;
}
#topbar .newwindow
{
	width				: 204px;
	float				: right;
}
#topbar ul
{
	float				: left;
	padding-top			: 3px;
}
#topbar li
{
	float				: left;
	padding				: 0 7px 0 6px;
	background			: url('../img/bg/topbar.li.border.png') no-repeat right center;
}
#topbar li.first
{
	padding-left		: 0px;
}
#topbar a
{
	text-decoration		: none;
	color				: #fff;
}
#topbar a:hover
{
	text-decoration		: underline;
}
#topbar a.skip 
{
	position			: absolute;
	left				: -10000em;
}
#topbar a.skip:focus, #topbar a.focus
{
	left				: 0px;
	padding				: 0 6px;
	background-image	: none;
}

/* CONTAINER */
#wrapper
{
	background			: #fff url('../img/bg/shadow.gif') repeat-x;
}
#container
{
	width				: 970px;
	padding				: 0px;
	margin				: 0px auto;
}

/* HEADER */
#header
{
	padding-top			: 30px;
	height				: 77px;
}

#space
{
	position			: absolute;
	margin				: 40px 0 0 770px;
	top					: 0px;
	height				: 75px;
	width				: 200px;
	font-size			: 0.9em;
}
#portfolio
{
	position			: absolute;
	margin-left			: 184px;
	top					: 78px;
	float				: left;
	width				: 585px;
	font				: 1em georgia;
}
#portfolio li
{
	float				: left;
}
#portfolio a
{
	color				: #000;
	display				: block;
	width				: 187px;
	margin-top			: 10px;
	padding				: 0px 0 0 8px;
	background			: url('../img/bg/header.listitem.gif') no-repeat 0 4px;
}
#portfolio a:visited
{
	text-decoration		: underline;
}
#portfolio a:hover
{
	text-decoration		: none;
	color				: #a00;
}

#header a#index
{
	margin				: 0 32px;
	float				: left;
	text-decoration		: none;
	height				: 75px;
	width				: 120px;
	display				: block;
	background			: url('../img/bg/eeyh.gif') no-repeat left top;
}
#header a#index span
{
	font-size			: 0em;
	visibility			: hidden;
}

#navigation li
{
	float				: left;
}
#navigation span
{
	background			: url('../img/bg/navigation.a.gif') no-repeat left center;
	_width				: 67px;
	padding				: 0 9px;
	display				: block;
	height				: 24px;
	cursor				: pointer;
}
#navigation a
{
	_width				: 85px;
	_text-align			: center;
	color				: #fff;
	text-decoration		: none;
	font				: bold 1.3em 'trebuchet MS';
	background			: #a00 url('../img/bg/navigation.a.gif') no-repeat right center;
	display				: block;
	height				: 24px;
	margin-right		: 7px;
}

#navigation a:hover, #container #navigation a.selected
{
	background-color	: #024;
}
#container #navigation a.selected
{
	text-decoration		: underline;
}

/* MAIN */
#main
{
	background			: url('../img/bg/shadow.gif') repeat-x 0 -5px;
	margin-top			: 16px;
	padding-top			: 16px;
}
#sidebar
{
	float				: right;
	width				: 200px;
}
#sidebar div.item
{
	margin-bottom		: 12px;
	padding-bottom		: 14px;
	font-size			: 0.9em;
	border-bottom		: 1px dotted #f1f1f1;
}
#sidebar .item h4, #sidebar .item h5
{
	padding				: 5px 0;
	color				: #000;
	font-size			: 1.1em;
	font-weight			: bold;
}
.item a
{
	text-decoration		: none;
	color				: #a00;
}
.item a.more
{
	margin-top			: 5px;
	display				: block;
	text-align			: right;
	text-decoration		: none;
	padding-right		: 7px;
	color				: #024;
}
.item a:hover, .item a.more:hover
{
	text-decoration		: underline;	
}
.item div, .item ul
{
	padding				: 0px 0 0 14px;
	*padding			: 0px 0 0 16px;
	margin				: 0px;
}
.item div ul
{
	padding-left		: 0px;
	*padding-left		: 2px;
}

.item #scrollportfolio
{
	list-style-type		: none;
	height				: 112px;
	overflow			: hidden;
}
.item #scrollportfolio a
{
	border				: none;
	width				: 140px;
}
.item #scrollportfolio img
{
	border				: 1px solid #000;
}
.item #scrollportfolio a:hover img
{
	border-color		: #024;
}

#content, #homecontent
{
	line-height			: 1.5em;
	float				: left;
	width				: 740px;
	padding-top			: 27px;
}

#content p
{
	margin				: 0px;
	padding				: 0 0 10px 0;
}

#content a span.external
{
	background			: url('../img/bg/external.gif') no-repeat 100% 0;
	padding-right		: 14px;
}
#content a:visited span.external
{
	background-position	: 100% -100px;
}
#content a:hover span.external
{
	background-position	: 100% -200px;
}

#breadcrumbs
{
	clear				: left;
	height				: 28px;
	position			: absolute;
	top					: 162px;
}
#breadcrumbs li
{
	float				: left;
	font-size			: 0.9em;
}
#breadcrumbs a, #breadcrumbs a:visited
{
	text-decoration		: none;
	color				: #000;
	margin				: 0 14px 0 4px;
}
#content #breadcrumbs a:hover
{
	text-decoration		: underline;
}

#footer
{
	clear				: both;
	font-size			: 0.9em;
	padding				: 15px 0;
}
#footer ul
{
	text-align			: center;
	border-top			: 1px dotted #000;
	color				: #000;
}
#footer ul li
{
	display				: inline;
	margin				: 0 2px;
	background			: url('../img/bg/footer.li.border.png') no-repeat right bottom;
}
#footer ul a
{
	color				: #000;
	text-decoration		: none;
	margin				: 0 13px 0 12px;
}
#footer ul a:hover
{
	border-top			: 1px solid #a00;
	color				: #a00;
}

/* navigatie */
ul.navigatie
{
	list-style-type		: none;
	padding				: 0 0 0 40px;
	margin				: 10px 0 0 0;
	text-align			: center;
	color				: #a00;
	font-size			: 0.9em;
	line-height			: 14px;
	
}
ul.navigatie li span, ul.navigatie a, ul.navigatie li.totaal
{
	padding				: 0px 2px;
}
ul.navigatie li span
{
	color				: #000;
}
ul.navigatie a
{
	text-decoration		: none;
	color				: #a00;
}
ul.navigatie a:hover
{
	background-color	: #a00;
	color				: #fff;
}
ul.navigatie li
{
	display				: inline;
}
ul.navigatie li.totaal
{
	position			: relative;
	float				: right;
}
ul.navigatie li span.selected
{
	background-color	: #000;
	color				: #fff;
}
/* formulieren */
label
{
	cursor				: pointer;
}
table tr.error
{
	/*background			: #fff url('../img/web/warning.gif') no-repeat right top;*/
}
table tr.error input, table tr.error textarea
{
	border-color		: #a00;
	background-color	: #f99;
}

/* nieuws */
#content h1 small, #content h2 small
{
	float				: right;
	color				: #000;
	text-decoration		: none;
	font				: bold 0.8em arial;
}
#content h1 small
{
	font-size			: 0.6em;
}
#nieuws div
{
	padding-bottom		: 10px;
}
#nieuws h2 a, #nieuws h2 a:visited
{
	display				: block;
	text-decoration		: none;
	color				: #a00;
}
#nieuws h2 a:hover
{
	text-decoration		: underline;
}
div.bericht
{
	padding				: 5px 0 12px 0;
}
div.bericht a.paragraph
{
	visibility			: hidden;
	text-decoration		: none;
	color				: #a00;
	font-size			: 0.7em;
}
div.bericht :hover a.paragraph
{
	visibility			: visible;
}
div.bericht a.paragraph:hover
{
	color				: #024;
}
ul.nieuws
{
	list-style-type		: none;
	height				: 1.9em;
	border-bottom		: 1px dotted #a00;
	margin				: 0 0 5px 0;
	padding				: 0 0 0px 0;
	font-size			: 0.9em;
}
ul.nieuws a
{
	color				: #000;
}
ul.nieuws a:hover, #nieuws h2 a:hover
{
	color				: #a00;
}
ul.nieuws li
{
	display				: inline;
	background-position	: left center;
	background-repeat	: no-repeat;
	padding				: 1px 20px;
}
.nieuws li.datum
{
	background-image	: url('../img/ico/date.gif');
}
.nieuws li.tags
{
	background-image	: url('../img/ico/tag.gif');
}
.nieuws li.reacties
{
	background-image	: url('../img/ico/comments.gif');
}

/* nieuws: reacties */
h3#reacties, h3#reageren, h3#discussieermee
{
	margin-top			: 0px;
	padding-top			: 0px;
	color				: #000;
}
#container h3#discussieermee
{
	margin-top			: 25px;
}
h3#reacties, h3#discussieermee 
{
	padding-top			: 11px;
	border-top			: 1px solid #000;
}
#container dl.reactie a.nr
{
	position			: absolute;
	font				: 3.7em bold 'georgia';
	color				: #ddd;
	text-decoration		: none;
	margin				: -5px 0 0 700px;
}
#container dl.reactie a.nr:hover
{
	color				: #000;
}
dl.reactie .datum
{
	float				: right;
}
dl.reactie
{
	font-size			: 0.9em;
	border-bottom		: 1px solid #000;
}
dl.reactie dt
{
	font-family			: georgia;
	color				: #000;
	border-top			: 1px solid #ccc;
	padding-right		: 50px;
}
dl.reactie dd
{
	margin				: 5px 50px 20px 0;
	padding				: 5px;
	color				: #024;
	background-color	: #ddd;
	font-family			: arial;	
}
dl.reactie label span
{
	font-size			: 0.9em;
}
/* form */
#reactieform input.text
{
	width				: 200px;
}
#reactieform textarea, textarea#opmerking
{
	width				: 506px;
	height				: 175px;
}
#reactieform input.button
{
	width				: 75px;
}

.niettonen
{
	position			: absolute;
	left				: -10000em;
	overflow			: none;
}

/* portfolio */
#items, #cats
{
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
}
#items
{
	width				: 730px;
}
#cats li
{
	float				: left;
	display				: block;
	margin				: 0px 30px 30px 0;
	width				: 340px;
	height				: 14.6em;
	background			: #024 url('../img/bg/portfolio.gif') no-repeat left bottom;
	color				: #fff;
	cursor				: pointer;
	overflow			: hidden;
}
#cats li.hover a, #cats li.hover small
{
	color				: #fff;
	text-decoration		: underline;
}
#cats h2
{
	background			: url('../img/bg/portfolio.gif') no-repeat left top;
	padding				: 10px;
}
#cats h2 a, #cats h2 a small
{
	display				: block;
	color				: #fff;
	text-decoration		: none;
}
#cats h2 a small
{
	color				: #024;
}
#cats h2 a:hover
{
	text-decoration		: none;
}
#cats p
{
	padding				: 0 10px;
}


#items li
{
	float				: left;
	margin				: 8px 8px 0 0;
}
#items a, #items a:visited
{
	color				: #024;
	text-decoration		: none;
	display				: block;
	width				: 138px;
	padding-bottom		: 5px;
	height				: 110px;
	text-align			: center;
}
#items h3
{
	font				: bold 0.9em arial;
}
#items a:hover
{
	color				: #fff;
	border-color		: #024;
	background			: #024 url('../img/bg/item.gif') no-repeat center center;
}
#items a img
{
	border				: 1px solid #000;
	width				: 100px;
}
#items a:hover img
{
	border-color		: #024;
	background-color	: #fff;
}

#thumbnail
{
	float				: right;
	margin				: 0 0 5px 10px;
}
#omschrijving
{
	clear				: left;
}
dl#informatie
{
	width				: 500px;
	margin				: 0 0 20px 0;
	padding				: 0px;
}
#content dl#informatie dt
{
	float				: left;
	width				: 175px;
}
#content dl#informatie dd
{
	margin-left			: 180px;
}
#navportfolio
{
	font-size			: 0.9em;
}
#navportfolio .prev
{
	float				: left;
}
#navportfolio .next
{
	float				: right;
}
#navportfolio a
{
	text-decoration		: none;
	color				: #6e6e6e;
}
#navportfolio a:hover
{
	text-decoration		: underline;
}
.hfaddon
{
	display				: none;
}

/* specificaties */
span.ja, span.ja-seo, span.nee
{
	text-indent			: -100000em;
	background-repeat	: no-repeat;
	background-position	: center center;
	display				: block;
	
	height				: 16px;
}
span.ja
{
	background-image	: url('../img/web/rte/ja.gif');
}
span.ja-seo
{
	background-image	: url('../img/web/rte/ja-seo.gif');
}
span.nee
{
	background-image	: url('../img/web/rte/nee.gif');
}

/* pull quotes */
blockquote.quote
{
	margin				: 5px 15px 8px 0;
	float				: left;
	width				: 175px;
	text-align			: center;
	border-top			: 3px double #ccc;
	border-bottom		: 3px double #ccc;
	line-height			: 1.6em;
	font				: bold 1.4em georgia;
	color				: #024;
	background			: url('../img/bg/quote-close.gif') no-repeat right bottom;
}
blockquote.quote.right 
{
	margin				: 5px 0 8px 15px;
	float				: right;
}
#container blockquote.quote p 
{
	padding				: 12px 0;
	margin				: 0 !important;
	background			: url('../img/bg/quote-open.gif') no-repeat 0 -5px;
}

/* content definition lists */
#content dl.form, #content dl.width300
{
	margin				: 0px;
	padding				: 0 0 15px 0;
}
#content dl.form dt, #content dl.width300 dt
{
	clear				: left;
	float				: left;
	width				: 290px;
	padding-right		: 0px;
}
#content dl.form dd, #content dl.width300 dd
{
	margin-left			: 300px;
	border-top			: 1px solid #ccc;
}
#container #content dl.form
{
	border				: none;
}
#container  #content dl.form dt
{
	width				: 170px;
}
#container  #content dl.form dd
{
	margin-left			: 170px;
	margin-bottom		: 10px;
	padding				: 2px 5px 2p 40px;
	border-top			: 1px solid #ccc;
}

/* home */
#container #homecontent
{
	padding-top			: 0px;
}
#homecontent h1
{
	position			: absolute;
	left				: -10000em;
}
#homecontent h2
{
	color				: #000;
	font-size			: 1.8em;
	padding				: 15px 0 10px 0;
}
#home h2
{
	padding-top			: 0px;
}
#home a:link, #home a:visited, #home a:hover
{
	background-color	: #fff;
	color				: #024;
	padding-left		: 2px;
}
#home div.wrapper > a
{
	color				: #fff;
	text-decoration		: none;
	background-color	: #024;
}
#home div.wrapper > a:hover
{
	text-decoration		: underline;
}
#home, #home h1, #home h2, #home h3, #homecontent #home h1 a, #homecontent #home h2 a, #homecontent #home h3 a
{
	color				: #fff;
	text-decoration		: none;
	background-color	: #024;
	padding-left		: 0px;
}
#home h1 a:hover, #home h2 a:hover, #home h3 a:hover, #home a:hover
{
	text-decoration		: none;
}
#home
{
	background			: #024 url('../img/bg/home.gif') no-repeat left top;
	width				: 373px;
	float				: left;
}
#home div.wrapper
{
	background			: url('../img/bg/home.gif') no-repeat left bottom;
	padding				: 10px;
	font				: 0.9em verdana;
}
#homecontent
{
	background			: url('../img/bg/vergadering.jpg') no-repeat 435px 0;
	min-height			: 320px;
}
#container #homecontent ul#breadcrumbs
{
	position			: absolute;
	left				: -10000em;
}

#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }

#cloud { line-height: 3em; text-align: center; }
#cloud li { display: inline; }
#cloud a { padding: 0px; }


div.sitemap
{
	float				: left;
	display				: block;
	width				: 245px;
}
div.sitemap ul
{
	margin-left			: 0px;
	padding-left		: 15px;
}
/* opdrachtgever */
dl#opdrachtgever
{
	width				: 740px;
}
#opdrachtgever dt
{
	float				: left;
	width				: 315px;
	text-align			: right;
	clear				: both;
	height				: 50px;
}
#opdrachtgever dd
{
	margin-left			: 330px;
	font-size			: 0.9em;
	height				: 50px;
}
#opdrachtgever dd a
{
	font-size			: 1.1em;
}
#opdrachtgever a img
{
	border				: none;
}
#referenties li
{
	float				: left;
	display				: block;
	text-align			: center;
	padding				: 15px 10px 5px 10px;
	font-size			: 0.9em;
	height				: 100px;
	width				: 200px;
	border-top			: 1px solid #ccc;
}
#container p.odg
{
	float				: right;
	text-align			: center;
	font-size			: 0.8em;
	padding				: 5px;
	border				: 1px solid #6e6e6e;
	margin				: 0 0 5px 5px;
}
#container blockquote.odg