/* alle standaard instellingen van de browser opheffen */
* {
	padding:0;
	margin:0;
}
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img { border:none }
address { font-style:normal }
/* EDIT 28/8/2007: weggehaald ivm niet correct uitlijnen plaatjes die toegevoegd/ingesteld worden in WebEditor --> img { vertical-align: bottom;} */

/* sticky footer */
html, body {
	height: 100%;
}


ul.opsom li {
        background: url(/Images/Internet/Site/bullet.gif) no-repeat left 0.5em ;
        display: block;
        padding: 0px 0px 0px 10px;
                }



/* Styles */
body {
	font-family: verdana, arial, sans serif;
	text-align: center;
	background-color: #c9c9c9;
}

a, h2 a, h3 a, h4 a { color: #005b7f; }
	a:hover {
		text-decoration: underline;
	}
	
	p {
		font-size: 0.7em;
	}
		p.moreinfo {
			margin: 0px 0px 0.7em 0px;
		}
			p.moreinfo a {
				color: #000000;
			}
			p.moreinfo a.white {
				color: #FFFFFF;
			}
		
	ul, ol {
		margin-top: 0.3em;
	}
		ul li, ol li {
			font-size: 0.7em;
			line-height: 125%;
			margin: 0px 0px 0.45em 0px;
		}
				li ul li,
				li ol li
				 { font-size: 1em;}
			body.home ul li,
			body.home ol li {
				margin-bottom: 0.3em;
			}
			ul li a, ol li a {
				color: #000000;
			}
			ul.bullets li a, 
			ol.bullets li a {
				display: block;
				padding: 0px 0px 0px 10px;
				background: url(/Images/Internet/Site/bullet.gif) no-repeat left 0.5em;
			}
		ul li span.date {
			padding-right: 10px;
			width: 10em;
			display: block;
			float: left;
		}

                                ul li span.datintra {
			padding-right: 10px;
			width: 10em;
			display: block;
			float: left;
		}


			div#nieuws ul li, div#agenda ul li {
				clear: left;
			}
	table {
		border-collapse: collapse;
		padding-top: 0.3em;
	}
		table td {
			font-size: 8pt;
			padding: 0.2em;
		}
		
table tr td table tr td p {
			font-size: 1em;
		}
		
div.wrapper {
	width: 980px;
	text-align: left;
	/* sticky footer */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
	background: #c9c9c9 url(/Images/Internet/Site/back.gif) repeat-y center top;
}
	
	body.content div.wrapper {
		background: url(/Images/Internet/Site/back_content_lijn.gif) repeat-y center top;
	}
	body.subcontent div.wrapper {
		background: url(/Images/Internet/Site/back_content_lijn.gif) repeat-y center top;
	}
	body.activiteit div.wrapper {
		background: url(/Images/Internet/Site/back_content_lijn.gif) repeat-y center top;
	}
	body.actualiteit div.wrapper {
		background: url(/Images/Internet/Site/back_content_lijn.gif) repeat-y center top;
	}
	body.eloket div.wrapper {
		background: url(/Images/Internet/Site/back_content_lijn.gif) repeat-y center top;
	}
	body.thema div.wrapper {
		background: url(/Images/Internet/Site/back_content_lijn.gif) repeat-y center top;
	}

	
div.container {
	width: 899px;
	margin-left: 40px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
	div.headercontainer {
		background: url(/Images/Internet/Site/back_header.gif) no-repeat left top;
	}
		div.header {}
			div.header div.left {
				height: 81px; 
			}
			
			img.logo {
				margin: 1.7em 0px 0px 16px;
			}
			ul.sitewidemenu {
				margin: 1.7em 0px 0px 15px;
			}
				ul.sitewidemenu li {
					float: left;
					color: #000000;
					font-size: 0.6em;
					letter-spacing: 0.06em;
					margin-right: 0.3em;
				}
					ul.sitewidemenu li a {
						color: #000000;
					}
					ul.sitewidemenu li a.big { font-size: 130%;}
					ul.sitewidemenu li a.normal { font-size: 110%;}
					ul.sitewidemenu li a.small { font-size: 90%;}
					
		div.header_home {
			margin-top: 5px;
		}
		div.header_content {
			background: #0e867c url(/Images/Internet/Site/back_header_content.gif) repeat-y left top;
			border-bottom: 1px solid #ffffff;
		
		}
		div.header_content img {vertical-align: bottom}
			div.header_content h2 {
				color: #ffffff;
				font-size: 1em;
				padding: 0.85em 0px 0.35em 0px;
			}
			ul.submenu {}
				ul.submenu li {
					float: left;
					margin: 0px 0.4em 0px 0px;
					color: #ffffff;
				}
					ul.submenu li a {
						color: #ffffff;
					}
		div.header_themamenu {
			position: relative;
			height: 59px;
			background-color: #000000;
			border-bottom: 1px solid #ffffff;
			width: 449px;
			margin-left: 450px;
		}
			div.header_themamenu ul {
				margin-left: 10px;
				margin-top: -10px;
				padding-top: 0px;
			}
		
		div#nieuws h2 {
			padding: 0px 0px 5px 0px;
			background: url(/Images/Internet/Site/stippellijn_nieuws.gif) no-repeat left bottom;
		}	
		div#top5producten h2 {
			padding: 0px 0px 5px 0px;
			background: url(/Images/Internet/Site/stippellijn_wit.gif) no-repeat left bottom;
		}
		div#search {
			float: right;
			clear: right;
			width: 224px;
			margin-top: 0px;
			background-color: #0083a9;
			border-bottom: 1px solid #ffffff;
			border-left: 1px solid #ffffff;
		}
			body.home div#search {
				margin-top: 22px;
				border: 0px;
			}
			div#search fieldset {
				padding: 6px 0px 6px 13px;
				border: 0px;
			}
				div#search fieldset input {
					color: #ffffff;
					font-size: 0.7em;
					width: 170px;
					padding: 1px 0px 0px 4px;
					height: 16px;
					line-height: 16px;
					background-color: #0083a9;
					border: 1px solid #ffffff;
				}
				div#search fieldset input#submit {
					background: url(/Images/Internet/Site/button_search.gif) no-repeat left top;
					text-indent: -999em;
					width: 18px;
					height: 19px;
					border: 0px;
					vertical-align: bottom;
				   	cursor: pointer;
				}
				div#search a {
					color: #ffffff;
					font-size: 0.7em;
					display: block;
					padding-top: 0.3em;
				}
		div#buttons {
			width: 224px;
			float: right;
			clear: right;
			border-left: 1px solid #ffffff;
		}
			body.home div#buttons {
				border-left: 0px;
			}
			body.home div#buttons img {
				margin-top: 1px;
			}
		div#tooltiptext {
			float: right;
			clear: right;
			height: 39px;
			width: 224px;
			border-bottom: 1px solid #ffffff;
			border-left: 1px solid #ffffff;
			background-color: #0d867f;
		}
			html>body div#tooltiptext {
				height: auto;
				min-height: 39px;
			}
			div#tooltiptext p {
				font-size: 0.6em;
				color: #b7dbd9;
				display: none;
			}
		div.themaimage_klein {}
			div.themaimage_klein img {
				position: absolute;
			}
		
	div.menu {
		width: 899px;
		background-color: #0e867c;
		padding: 0px 0px 0.55em 0px;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
	}
		div.menu ul {
			margin: 0.55em 0px 0 16px;
		}
			div.menu ul li {
				float: left;
				font-size: 0.7em;
				font-weight: bold;
				color: #ffffff;
				margin-right: 0.4em;
			}
				div.menu ul li a {
					color: #ffffff;
				}
			
	div.content {
		position: relative;
/*		border-bottom: 1px solid #ffffff;*/
		background: #ffffff url(/Images/Internet/Site/back_content.gif) repeat-y left top;
	}
		body.home div.content {
			background: #000000 url(/Images/Internet/Site/back_content_spotlight.gif) repeat-y left top;
		}
		div#spotlight {}
			div#spotlight h1 {
				color: #ffffff;
				font-size: 0.8em;
				padding: 1.2em 0px 0.85em 0px;
			}
			div#spotlight h2 {
				margin-left: 16px;
				padding: 0.7em 0px 5px 0px;
				background: url(/Images/Internet/Site/stippellijn_spotlight.gif) no-repeat left bottom;
			}
			div#spotlight p {
				color: #6bc7ef;
				font-size: 0.7em;
				line-height: 130%;
				margin-bottom: 0.8em;
				margin-right: 35px;
			}
				div#spotlight p.intro {
					font-weight: bold;
				}
			div#spotlight div.spotlight_pusher {
				margin-top: 0.7em;
				height: 152px;
			}
			div#spotlight img.spotlightbeeld {
				position: absolute;
				bottom: 0px;
			}
		div.intro {}
				body.thema div.intro {
					background-color: #e0f0f5;
				}
				body.activiteit div.intro {
					background-color: #e9f5ec;
				}
				body.eloket div.intro {
					background-color: #e9f5ec;
				}
				body.actualiteit div.intro {
					background-color: #fff5f2;
				}
				body.content div.intro {
					border-bottom: 1px solid #0083a9;
					border-right: 1px solid #ffffff;
					margin-bottom: 1em;
				}
				
			div.intro h1 {
				font-weight: bold;
				font-size: 1.47em;
				clear: left;
				padding: 0.5em 0px 0.45em 0px;
			}
				body.thema h1 { color: #005b7f; }
				body.activiteit h1 { color: #0d867f; }
				body.eloket h1 { color: #0d867f; }
				body.actualiteit h1 { color: #ff7c56; }
				body.content div.intro h1 { color: #005b7f; }
			div.content div.intro p {
				font-weight: bold;
				line-height: 180%;
				padding-bottom: 1.65em;
				margin-bottom: 0px;
			}	
				body.thema div.intro p { color: #0083a9; }
				body.activiteit div.intro p { color: #0d867f; }
				body.eloket div.intro p { color: #0d867f; }
				body.actualiteit div.intro p { color: #ed7c5c; }
				body.content div.intro p { color: #0083a9; }

		div.content p {
			color: #005b7f;
			margin-bottom: 1.4em;
			line-height: 150%;
		}
			div.content p.top {
				margin-bottom: 0px;
				text-align: right;
				clear: both;
			}
				body.content div.content p.top a,
				body.subcontent div.content p.top a {
					color: #0d867f;
					text-decoration: none;
				}
					body.content div.content p.top a:hover {
						text-decoration: underline;
					}
					div.content p.top a img {
						vertical-align: baseline;
					}
		div.content ul.index li a,
		div.content ol.index li a {
			color: #0083a9;
			text-decoration: underline;
		}
		
		div.readmore {
			clear: both;
			width: 674px;
			padding: 0.7em 0px 0.7em 0px;
			background: #f2f9fb url(/Images/Internet/Site/stippellijn_blauw.gif) no-repeat left top;
		}
			div.readmore li {
				color: #005b7f;
			}
				div.readmore li a {
					color: #005b7f;
				}
				div.readmore li p {
					font-size: 1em;
					color: #0083a9;
					margin: 0px 0px 0px 0px;
					padding: 0.3em 0px 0em 20px;
				}

		ul.crumbpath {}
			ul.crumbpath li {
				float: left;
				color: #005b7f;
				margin: 0px 0.3em 0em 0px;
				font-size: 0.6em;
			}
				ul.crumbpath li a {
					color: #005b7f;
				}


		body.subcontent {}
			body.subcontent div.content h1 {
				clear: left;
				color: #0e867c;
				font-weight: bold;
				font-size: 1.47em;
				clear: left;
				padding: 0.5em 0px 0.45em 0px;			
			}
			div.content h2 {
				color: #000000;
				font-size: 0.8em;
				padding: 0px 0px 0.7em 0px;
			}
			body.subcontent div.content p {
				color: #000000;
			}
			body.content div.content p a,
			body.subcontent div.content p a {
				color: #0083a9;
				text-decoration: underline;
			}

		div.pagelist {
			width: 224px;
			border-top: 1px solid #ffffff;
			border-right: 1px solid #ffffff;
			float: left;
		}
			div.left div.pagelist h2 {
				background-color: #005b7f;
				color: #ffffff;
				margin-left: 0px;
				margin-right: 0px;
				padding-left: 15px;
				padding-top: 0.1em;
				font-size: 0.9em;
				height: 2.75em;
			}
			div.pagelist a {
				color: #005b7f;
			}
		div.newslist {
			border-top: 1px solid #ffffff;
			border-right: 1px solid #ffffff;
		}
			div.left div.newslist h2 {
				background-color: #005b7f;
				color: #ffffff;
				margin-left: 0px;
				margin-right: 0px;
				padding-left: 15px;
				padding-top: 0.1em;
				font-size: 0.9em;
				height: 2.75em;
			}
			div.news {
				color: #005b7f;
				padding: 0.35em 0px 0.07em 0px;
				background: url(/Images/Internet/Site/stippellijn_blauw.gif) repeat-x left bottom;
			}
					div.last { background: none;}
				div.news span.date {
					float: left;
					display: block;
					width: 117px;
					font-size: 0.7em;
					padding-left: 14px;
				}
				div.news h3 {
					font-size: 0.7em;
				}
				div.news p {
					padding-top: 0.4em;
					padding-bottom: 0.4em;
					padding-left: 117px;
					line-height: 130%;
				}
					div.news p.moreinfo {
						margin-top: 0em;
						padding-top: 0px;
						margin-bottom: 0px;
					}
				div.news p.moreinfo a {
					color: #005b7f;
				}
		div.newsarchivelist {
			float: left;
			width: 337px;
			color: #005b7f;
			background: url(/Images/Internet/Site/stippellijn_blauw_vert.gif) repeat-y right top;			
		}	
			div.left div.newsarchivelist h2 {
				background-color: #005b7f;
				color: #ffffff;
				margin-left: 0px;
				margin-right: 0px;
				padding-left: 15px;
				padding-top: 0.1em;
				font-size: 0.9em;
				height: 2.75em;
				border-right: 1px solid #ffffff;
			}
				div.left div.last h2 { border-right: 0px; }

				div.newsarchivelist a {
					color: #005b7f;
				}
				div.newsarchivelist span.date {
					width: 98px;
					float: left;
					display: block;
				}
				div.newsarchivelist table {
					margin-left: 16px;
					border-collapse: collapse;
				}
					div.newsarchivelist table td {
						font-size: 1em;
						width: 160px;
					}
						div.newsarchivelist table td a {
							font-size: 0.7em;
						}
		div.search {
			padding: 0px 0px 2em 0px;
		}
			div.left div.search h2 {
				background-color: #005b7f;
				color: #ffffff;
				margin-left: 0px;
				margin-right: 0px;
				padding-left: 15px;
				padding-top: 0.1em;
				margin-bottom: 0.7em;
				font-size: 0.9em;
				height: 2.75em;
				border-right: 1px solid #ffffff;
			}
				div.left div.last h2 { border-right: 0px; }
				div.search ul li a { color: #005b7f; }
				div.search p { 
					float: left;
					width: 204px;
					color: #005b7f; 
					line-height: 140%;
				}
			ul.search_alphabet {
				float: left;
				width: 380px;
			} 
					div.left ul.search_alphabet {padding-left: 0px;margin-left: 0px;}
				ul.search_alphabet li {
					float: left;
					border: 1px solid #80c3dc;
					width: 1.3em;
					font-size: 1.1em;
					text-align: center;
					margin-right: 0.2em;
					margin-bottom: 0.2em;
				} 
					div.search ul.search_alphabet li a {
						display: block;
						color: #0099cc;
					}
						div.search ul.search_alphabet li a:hover {
							background-color: #80c3dc;
							text-decoration: none;
						}
			div.search form {}
				div.search form fieldset {
					border: 0px; 
				}
					div.search form fieldset input {
						width: 170px;
						color: #005b7f;
						font-size: 0.7em;
						line-height: 16px;
						height: 16px;
						padding: 1px 0px 0px 4px;
						background-color: #c7e9f3;
						border: 1px solid #0083a9;
					}
					div.search form fieldset #submit2 {
						width: 18px;
						height: 19px;
						border: 0px;
						vertical-align: bottom;
						text-indent: -999em;
						margin-left: 4px;
						background-image: url(/Images/Internet/Site/button_search2.gif);
					}

		div#relatedcontent {
			padding: 0em 0px 0px 0px;
		}
			div#relatedcontent h3 {
				padding: 1.5em 0px 0.5em 0px;
				margin-left: 7px;
			}
			div#relatedcontent ul {
				padding-left: 7px;
				padding-right: 7px;
				margin-left: 0px;
			}
				body.content div#relatedcontent ul {
					padding-bottom: 0.1em;				
					background: url(/Images/Internet/Site/stippellijn_blauw.gif) no-repeat left bottom;
				}
			div#relatedcontent p.moreinfo a {
				color: #005b7f;
			}
		div#rssfeeds {
			margin: 1em 0px 0px 0px;
			padding: 0px 0px 0.7em 0px;
			border-left: 1px solid #ffffff;
			background: #e2f1f5 url(/Images/Internet/Site/stippellijn_blauw.gif) no-repeat left top;
		}
			div#rssfeeds h4 {
				padding: 0.6em 0px 0.8em 0.45em;
			}
			div#rssfeeds p {
				padding: 0em 0px 0.2em 0.45em;
				margin: 0px;
				line-height: 110%;
			}
				div#rssfeeds p a {
					color: #000000;
				}
				div#rssfeeds p img {
					margin-right: 4px;
				}
			
		div#currentfeeds {
			margin: 0em 0px 0px 0px;
			padding: 0px 0px 0.7em 0px;
			border-left: 1px solid #ffffff;
			background: #f0f8fa url(/Images/Internet/Site/stippellijn_blauw.gif) no-repeat left top;
		}
			div#currentfeeds h4 {
				padding: 0.6em 0px 0em 0.45em;
			}
			div#currentfeeds p {
				padding: 0.8em 0px 0.2em 0.45em;
				margin: 0px;
				line-height: 110%;
				color: #000000;
			}


			div#calender h4 {
				font-size: 0.7em;
				color: #005b7f;
				padding: 0px 0px 0.1em 0.45em;
			}
	div.content_home {
		border-bottom: 1px solid #ffffff;
		background: url(/Images/Internet/Site/back_content_home.gif) repeat-y left top;
	}
		div.content_home h3 {
			margin-top: 0.7em;
			padding-bottom: 0.3em;
			background: url(/Images/Internet/Site/stippellijn_wit.gif) repeat-x left bottom;
		}
		ul.themamenu {
			position: absolute;
			width: 449px;
			margin: 10px 0px 0px 0px;
			z-index: 100;
		}
			ul.themamenu li {
				float: left;
				margin-right: 26px;
			}
		div.themaimage {
			position: absolute;
			width: 449px;
			height: 327px;
			margin-top: 39px;
		}
		div.kunst {
			height: 366px;
			overflow: hidden;
		}
			div#kunst {
				background-position: left top;
				background-repeat: no-repeat;
			}
				div#kunstimage {
					width: 449px;
					height: 327px;
					margin-top: 39px;
				}
				div#kunstimage a {
					z-index: 99;
					position: absolute;
					display: block;
					width: 449px;
					height: 327px;
				}

	div.banners {
		height: 49px;
		border-bottom: 1px solid #ffffff;
		background-color: #005b7f;
	}
		div.banner {
			float: left;
			border-right: 1px solid #ffffff;
			position: relative;
		}
		div.last {
			border-right: 0px;
		}

	/* sticky footer */
	.footer, .push {
		margin: 0 auto;
		padding: 0px 0px 20px 0px;
		height: 50px; /* .push must be the same height as .footer */
		clear: both;
	}	
	
	div.footer-wrapper {
		width: 980px;
		text-align: left;
		margin: 0px auto;
	}
	
	div.footer {
		height: 49px;
		color: #ffffff;
		background-color: #0083a9;
		margin: 0 auto;
		width: 899px;
		text-align: left;
		border-left: 1px solid #ffffff;
		border-top: 1px solid #ffffff;
	}
		body.home div.footer {
			border-top: 0px;
			height: 50px;
		}
		ul.pagemenu {
			float: right;
			margin: 0.4em 0.5em 0px 0px;
		}
			ul.pagemenu li {
				float: left;
				font-size: 0.7em;
				margin-right: 0.4em;
			}
				ul.pagemenu li a {
					color: #ffffff;
				}
		div.footer p {
			font-size: 0.7em;
			padding: 0.4em 0px 0px 0.5em;
		}
		address {
			color: #b3dae5;
			font-size: 0.7em;
			padding: 0.4em 0px 0em 5.1em;
		}

	div.left {
		width: 449px;
		border-right: 1px solid #ffffff; 
		float: left;

	}
		div.left h1, div.left h2, div.left h3, div.left p, div.left ul, div.left ol, div.left table {
			margin-left: 16px;
			margin-right: 15px;
		}
		body.home div.content div.left {
			width: 449px;
			border-right: 1px solid #ffffff; 
		}
		div.content div.left {
			width: 674px;
			border-right: 1px solid #0083a9;
		}


		body.home div.content div.right {
			width: 449px;
		}
		div.content div.right {
			width: 224px;
		}

	div.regel {
		clear: left;
	}
		div.regel:after {
		  content: ".";
	      display: block;
    	  height: 0;
	      visibility:hidden;
    	  clear: both;
		}
	div.small {
		width: 50%;
		float: left;
	}
		div.content div.small {
			width: 337px;
		}
img.float_r {
	float: right;
	margin: 0.5em 15px 0.7em 10px;
}
img.float_l {
	float: left;
}

/*	dingen voor de screenreader uitzetten */
.screenreader {
	display: none;
}

/* Added by SWD */
.formulier
{
	width: 90%;
}
span.zoekfont {font-size: 12pt; padding: 0px; margin: 0px; position: relative; left: 5px;}

div.right img {vertical-align: bottom}
p.short {width: 500px}
table.test {padding: 5px;}
table.test td {padding: 10px}

a.sacazoekorg {
font: 8pt verdana;
}

div#waitimg {
width: 200px;
height: 50px;
background: no-repeat;
background-image: url(http://www.smallingerland.nl/res/loading.gif);
margin-left: 50px;
}

.agendapunt {
	font-size: medium;
}


	div.right {
		width: 449px;
		float: left;
	}

.searchText{
	font-size: 10pt;
}

.standaardtxt{
	font-size: 11pt;
}


.lnkBullets { 
	font-size: 8pt;
	background: url(/Images/Internet/Site/bullet.gif) no-repeat left 0.5em;
	color:#000000;
	display: block;
	padding: 0px 0px 0px 10px;
}


a.lnkFotoResult
{
	font-size: 8pt;
}

a.white {
	color: FFFFFF;
}

/*
div.left img 
{
padding: 5px;
}
*/

img.contentImg{margin: 5px;}

img.cntImg{border:solid 5 #ffffff;}

#map p {font-size:10px;}

/* Zoekfunctie */
div.zoekfunctie p {font-size: 1em; margin: 0px; color: black;}
div.zoekfunctie a, div.zoekfunctie a:link { text-decoration: underline; }
div.zoeklegenda p {font-size: 0.7em; margin: 0px 0px 5px 0px; color: black;}