/* -------------------------------------------------------------- 
  
   Based on -- Boilerplate CSS
   
-------------------------------------------------------------- */

/* @group reset ---------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #e2ded4; color: #666; margin: 0 0 1em; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
/* @end reset ----------------------------------------------------- */

/* @group typography ---------------------------------------------- */
body { font-size: 76%; }

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: "Trebuchet MS", Arial, sans-serif; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color: #006260; line-height: 1.4; }

h1 { font-size: 1.8em; margin-bottom: 0.1em; }
h2 { font-size: 1.55em; margin-bottom: 0.15em; }
h3 { font-size: 1.33em; margin-bottom: 0.2em; }
h4 { font-size: 1.2em; margin-bottom: 0.25em; }
h5 { font-size: 1.1em; margin-bottom: 0.25em; }
h6 { font-size: 1em; font-weight: bold;}

h5 a{ color: #006260; }

/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.4em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul.level_1, ul.level_2, ul.level_3, ul.level_4, ul.level_5 { margin-bottom: 0;} /* sitemap */
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; color: black; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }
dt a { color: #66CCCC; text-decoration: underline;}

blockquote { margin: 1.5em; }
strong { font-weight: bold; }

/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 0.7em; }
th { border-bottom: 1px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }

/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }

/* Site typography
--------------------------------------------------------------- */

/* @group header ---------------------------------------------- */
/* h5#onderschrift { color: #336; font-size: 14px; line-height: 1.25em; } */
.projects dd p { font-size: 11px; line-height: 115%;}
/* @end header ------------------------------------------------ */

/* @group middle ---------------------------------------------- */
div.mededeling p { padding: 0 0.8em 0.5em; margin: 0; font-size: 0.9em; }
#holder h3 { text-transform: uppercase; }

/* searchresults */
.result h5 { margin-bottom: 0em; font-weight: bold; }
.result p { margin-bottom: 0.9em; }
a.pagelink { color: #006260; }
/* @end middle ------------------------------------------------ */

/* @group footer ---------------------------------------------- */
div#footer dl.projects dd p { padding-left: 6px; }
div#footer dl.projects dd  {
	color: #66CCCC;
	background-color: #006260;
}
/* @end footer ------------------------------------------------ */

/* @end typography -------------------------------------------- */

/* @group forms ----------------------------------------------- */
label { vertical-align: top; }
input, select { margin-bottom: 0.83em; }
span.formerror { color: red; clear: left; display: block; margin: -0.6em 0 0.8em;}
p.input { margin: 0; padding: 0; }

input.radio { margin: 0 0.3em 0 0; float: left; }
input.text { border: 1px solid gray; }
input.submitImage{
	width: 67px;
	height: 21px;
	padding-bottom: 1px;
	text-indent: 10px;
	text-transform: uppercase;
	font-size: 1.1em;
	border: none;
	color: white;
	background: url(../img/submit_search.gif) 0 0 no-repeat;
}

/* Fieldsets */
fieldset { padding: 0 0 1.4em 1em; margin: 0 0 1.5em 0; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1em; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; padding: .4em; }

/* @group searchform index */
form#projectSearch { background: #B9B5B0 url(../img/form_index_bottom.png) no-repeat left bottom; }
form#projectSearch fieldset { padding-bottom: 25px; margin-bottom: 0em;}
form#projectSearch fieldset.hidden { display: none; }
form#projectSearch label { width: 90px; float: left; clear: left; height: 15px; margin: 0 0 0.4em; color: black; }
form#projectSearch input#submit {
	float: right;
	position: relative;
	margin: -27px 0 0 0;
	right: 19px;
}
form#projectSearch input#text { width: 150px; margin-bottom: 0.8em; }
/* @end searchform index */

/* @group searchform zoekresultaten */
form.searchPageForm {
	position: relative; 
	width: 371px; 
	background: url(../img/fieldset_searchpage_bottom.gif) no-repeat left bottom; 
	padding-bottom: 8px;
}
form#simple { background: none; }
form#simple select { clear: none; width: 100px; margin: 0 8px; }
form#simple input#text { width: 140px; }

.searchPageForm fieldset {
	display: block;
	margin: 0;
	padding: 3px 10px 0 14px;
	width: 347px;
}
.searchPageForm fieldset.hidden { display: none;}
.searchPageForm fieldset#topFieldset {
	margin-bottom: 4px; 
	background: transparent url(../img/fieldset_searchpage.gif) no-repeat left top;
	height: 25px;
}
fieldset#secFieldset { background: url(../img/fieldset_searchpage_top.gif) no-repeat left top; padding-top: 10px; }

form.searchPageForm input, form.searchPageForm select { margin-left: 4px; }
form.searchPageForm input#text, form.searchPageForm select { float: left; clear: left; width: 160px; height: auto; }
form.searchPageForm label {
	float: left;
	position: relative;
	margin-left: 12px;
	color: black;
}
/* @end form zoekresultaten */
/* @group contactform */
#contactform label, #contactform input { margin: 0 10px 5px 0; }
#contactform fieldset { position: relative; padding: 0; margin: 10px 0; }
#contactform span.formerror { margin-left:7px;}

#validationmsg { display: none; width: 300px; }
#validationmsg ul { list-style-type: disc; }
span.errmsg{ display: none;}
/* @end contactform */
/* @group newsletter */
.newsletter label { display: block; margin-bottom: 0;}
.newsletter input.text { width: 180px; }
.newsletter fieldset { position: relative; padding: 0; margin: 10px 0; }

/* @end newsletter */
/* @end forms ------------------------------------------------ */

/* Site
-------------------------------------------------------------- */
html { background: #e2ded4;}
ul.horizontalMenu { margin-bottom: 0; }
ul.horizontalMenu li { display: inline; padding-right: 0.7em;}

/* @group header --------------------------------------------- */

div#header {
    position: relative;
    margin: 0 auto;
    width: 780px;
    height: 219px;
    /* background: transparent url(../img/spraakmakend/spraakmakend_header_bg.gif) no-repeat left top; */
    /* overflow: hidden; */ 
}

div#header #topNavigatie {
	position: absolute;
	top: 6px;
	right: 0px;
	width: auto;
	height: 18px;
	margin: 0;
	white-space: nowrap;
	background: #006260 url(../img/spraakmakend/topmenu_links.gif) no-repeat 0 0;
}

div#header #topNavigatie ul { 
	margin: 0 0 0.9em 5px;
	padding: 0 4px 0 5px;
	background: #006260 url(../img/spraakmakend/topmenu_rechts.gif) no-repeat right 0;
}

#topNavigatie a { color: white; font-size: 0.92em;}
h2#logo {
	position: absolute;
	left: 422px;
	top: 66px;
	width: 210px;
	height: 105px;
	background: url(../img/spraakmakend/logo_header.gif) no-repeat left top;
}
h2#logo span { display: none; }

div#header #siteTitel {position: absolute; left: 153px; top: 78px;}
div#header #onderschrift {
	position: absolute; 
	left: 159px; 
	top: 135px; 
	width: 180px; 
}
div#header #foto {position: absolute; left: 0; bottom: 0;}
img#bubbels{ position: absolute; right: 0; bottom: 0; }

div#breadcrumbs {
	position: relative;
	margin: 0 auto;
	padding: 0.3em 0 0 3px;
	width: 777px;
	height: 1.95em;
	background: transparent url(../img/breadcrumbs.gif) no-repeat left bottom;
	font-size: 0.9em;
}

#breadcrumbs a { color: #999;}
#breadcrumbs a.styleswitcher { color: #006260;}
div#breadcrumbs ul.horizontalMenu li { padding-right: 0.2em;}
div#breadcrumbs #print { position: absolute; right: 90px; top: 6px; }
div#breadcrumbs #bigger{ position: absolute; right: 60px; top: 4px;}
div#breadcrumbs #normal{ position: absolute; right: 45px; top: 4px;}

/* @end header ------------------------------------------------ */

/* @group middle ---------------------------------------------- */
div#container { /* wrapper middendeel */
    position: relative;
    width: 780px;
    margin: 5px auto 0;
	background: #D0CDC6  url(../img/spraakmakend/spraak_twocolwrap_bg.png) repeat-y 0 10em;
	overflow: hidden;
}

div#hoofdmenu {
	float: left;
	width: 190px;	
	padding:  0;
	background-color: #E2DED4;
}

#content .tekstWindow {
	float: right;
	position: relative;
	left: 9px;
	width: 162px;
	margin: 0 0 6px 25px;
	padding: 0 14px 8px;
	clear: right;
}
.tekstWindow img { clear: both; margin: 0 0 3px 0; }
.tekstWindow .first {
	position: relative;
	right: 14px;
	padding: 14px 0 0 14px;
	width: 176px;
}
.tekstWindow p { margin: 3px 0 0 0; }

#attentie { background: url(../img/spraakmakend/venstertje_rechts_bg.gif) no-repeat left bottom; }
#attentie h6#boven{ background: transparent url(../img/spraakmakend/venstertje_rechts_top_bg.gif) no-repeat left top; font-weight: normal;}
#attentie img { margin-top: 0.3em;}
#content #attentie2 { background: transparent url(../img/spraakmakend/windowtje_brood_bg.gif) no-repeat left bottom; margin-bottom: 1.5em;}
#attentie2 p#corners { margin: 0; background: url(../img/spraakmakend/windowtje_brood_top.gif) no-repeat left top; }

div#roundedBoxes { 
	position: relative;
	margin: 0 auto;
	width: 780px;
	height: 10px;
	background: transparent url(../img/spraakmakend/spraak_bottomrounded_bg.png) no-repeat left top;
}

/* 2-koloms indeling zoekpagina -- zoekresultaten */
div#searchResults {
	min-height: 302px;
}
div#searchResults, div#content {
	float: left;
	width: 528px;
	margin: 0 0 0 6px;
	padding: 17px 28px 15px 28px;
	color: #666;
	background: white url(../img/searchresults_top.png) no-repeat left top; 
}
div#content { min-height: 280px; }
div#searchResults div#holder { float: left; margin: 20px 0 0 2px; width: 100%; }
div#searchResults div.result {
	float: left;
    width: 250px;
    min-height: 85px;
    margin-bottom: 15px;
	font-size: 1em;
	clear: left;
}
div#searchResults div.floatright { float: right; clear: none; }
div.apppager {
	position: relative;
	clear: left;
	top: 15px;
	text-align: center;
}
/* @end middle ------------------------------------------------ */

/* @group footer ---------------------------------------------- */
div#footer {
	position: relative;
	margin: 6px auto;
	width: 780px;
	height: 162px;
	background: #fff url(../img/spraakmakend/footer_bg.png) no-repeat left top;
}

#footer img#footer_logo {
	position: absolute;
	top: 15px;
	left: 17px;
}

#footer img#logoSlogan {
	position: absolute;
	left: 203px;
	top: 124px;
}

p#footerText {
	position: absolute;
	left: 227px;
	top: 128px;
	width: 550px;
	font-size: 15px;
	letter-spacing: 1px;
	color: #66CCCC;
}

p#footerText a { color: #66CCCC; text-decoration: underline; }

div#footer #news {
	position: relative;
	width: 584px;
	top: 12px;
	left: 196px;
}

div#footer dl.projects {
	float: left;
	position: relative;
	width: 190px;
	height: 80px;
	font-size: 0.83em;
	background: transparent url(../img/spraakmakend/spec_bg.gif) no-repeat left top;
}
.projects dt {
	float: right;
	padding: 7px 6px 0 0;
	width: 98px;
	color: black;  
	text-transform: uppercase;
	font-weight: bold;
}

.projects dd {
	margin: 0 0 0 80px;
	width: 95px;
}

div#footer dl.projects dd.image {
	float: left;
	width: 66px;
	padding: 7px 0px 7px 7px;
	margin: 0;
	color: none;
	background-color: transparent;
}

/* @end footer ------------------------------------------------ */

/* @group Navigation ------------------------------------------ */
#content a { color: #006260; text-decoration: underline;}
div#hoofdmenu .menu { padding: 0;}
div#hoofdmenu .topmenu { padding: 0 0 11px; margin-bottom: 10px; background: transparent url(../img/spraakmakend/topmenu_bottom_bg.png) no-repeat left bottom;}
div#hoofdmenu .currentItem { font-weight: bold; font-size: 105%;}
div#hoofdmenu ul { list-style: none; }
div#hoofdmenu ul li { text-transform: uppercase; display: inline; }

div#hoofdmenu ul a {
	display: block;
	padding-left: 22px;
	padding-bottom: 0.3em;
	width: 110px;
	color: #006260;
	background: transparent url(../img/main_nav_arrow.gif) no-repeat 10px 0.3em;
}

div#hoofdmenu ul ul { margin-bottom: 0; }

div#hoofdmenu ul ul a {
	text-transform: none;
	width: 130px;
	color: #699;
	padding: 2px 0 2px 18px;
	background: none;
	border-bottom: 1px dotted silver;
} 

div#hoofdmenu ul ul a:hover { 
	background: transparent url(../img/spraakmakend/menu_arrow.gif) no-repeat 6px 0.45em; 
	color: #006260;
	text-decoration: none;
}

div#hoofdmenu ul.menuContainer { 
	background: white url(../img/hoofdnav_top.png) no-repeat left top;
	margin: 0;
	padding: 10px 0 0;
}

/* div#hoofdmenu ul.secondmenu { background: #fff url(../img/sidenotes_top.png) no-repeat left top } */

a.prevNextButton {
	float: left;
	width: 136px;
	height: 24px;
	text-align: center;
	margin: 9px 10px 0 0;
	padding-top: 2px;
	color: #336;
	background: transparent url(../img/prev_next.gif) no-repeat left top;
	font-style: italic;
}
a.prevNextButton:hover {color: white; background: transparent url(../img/prev_next.gif) no-repeat left -28px; text-decoration: none;}
div#content a.backlink { position: absolute; right: 15px; top: 8px; text-decoration: none; }
/* @end Navigation ---------------------------------------- */

/* @group Gids -------------------------------------------- */
div.gids_algemeen h5, div.gids_locatie h5, div.gids_contact h5, div.gids_extra_links h5 { margin: 0; font-size: 1em; font-weight: bold; }
div.gids_algemeen p, div.gids_locatie p, div.gids_contact p, div.gids_extra_links p { margin-bottom: 0.6em; }
div.gids_algemeen, div.gids_locatie, div.gids_contact, div.gids_extra_links { margin: 0.2em 0 1.2em; }
div.gids_algemeen ul, div.gids_locatie ul, div.gids_contact ul, div.gids_extra_links ul, div.gids_agenda ul { list-style: none; margin: 3px 0; }

div.gids_locatie_item table a {
	text-decoration: none;
}

div.gids_agenda h5 { margin-top: 0.5em;}

h4.gidsPagTitel { margin: 0 0 0.5em 0; }
h5.oneline { display: inline; }

img.toegankelijkheid{margin-bottom: 8px;}

div.gids_locatie th, div.gids_contact th {
	text-align:	left;
	color: #006260;
	width: 130px;
}
div.gids_locatie_item table {margin-top: 7px;}

div.google_map {
	position: relative;
	width: 336px;
	height: 300px;
	margin: 15px 0;
}

/* div#brood a.backlink { position: absolute; left: 525px; top: 10px; text-decoration: none; } */
	
/*
div.gids_locatie table, div.gids_contact table {}
div.gids_algemeen a, div.gids_locatie a, div.gids_contact a, div.gids_extra_links a, div.gids_agenda a {}
div.gids_agenda li {}
div.gids_agenda {}
div.gids_algemeen {}	 
div.gids_locatie {}
div.gids_contact {}
div.gids_extra_links {}
*/
/* @end Gids */
/* @group templates BArt */
#mod_calendar img { margin: 10px 5px 15px; }
img.loctoegang { margin: 3px 0 5px; }
/* @end templates BArt */
div#stats noscript p { display: none; }