html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, fieldset, legend, label, dl, dt, dd { margin: 0; padding:0; line-height: 1.4; }

html { font-size: 100%; /* IE hack ivm vergroten in combi met em */ }

body { font-size: 0.75em; color: #333; font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif; background: #fff url(img/zwanen.png) top right no-repeat;}

h2 { font-size: 140%; font-weight: normal; }

.first-blauw { color: #fff; background: #036 url(img/background-h2-blauw.png) no-repeat; width: 275px; min-height: 31px; padding: 18px 0 0 15px; }
.first-paars { color: #fff; background: #636 url(img/background-h2-paars.png) no-repeat; width: 275px; min-height: 31px; padding: 18px 0 0 15px; }
.first-groen { color: #fff; background: #066 url(img/background-h2-groen.png) no-repeat; width: 275px; min-height: 31px; padding: 18px 0 0 15px; }
.first-grijs { color: #fff; background: #666 url(img/background-h2-grijs.png) no-repeat; width: 275px; min-height: 31px; padding: 18px 0 0 15px; }

.first-blauw, .first-paars, .first-groen, .first-grijs { height: 31px; overflow: hidden; } /* compromis omdat min-height niet werkt in IE6 */

h3 { font-size: 140%; color: #636; }
.bordertop { border-top: 2px dotted #ccc; padding-top: 3px; clear: both; }
h3 a { text-decoration: none; color: #636; }
h4 { font-size: 120%; color: #036; }
h5 { font-size: 110%; color: #066; }
h6 { font-size: 100%; }

p { margin-bottom: 8px; }	

.intro-blauw { color: #036; }
.intro-paars { color: #636; }
.intro-groen { color: #066; }
.lichtgrijs { color: #999; }

ul { margin: 0 0 8px 20px; }

a { color: #036; }
a:visited { color: #636; }
a:hover { color: #066; }
a:active { color: #066; }

a img { border: none; }

h2 a { color: #fff; text-decoration: none; display: block; }
h2 a:visited { color: #fff; text-decoration: none; display: block; }
h2 a:hover { color: #fff; text-decoration: none; display: block; }
h2 a:active { color: #fff; text-decoration: none; display: block; }

.imgfloatright { float: right; margin-bottom: 10px; }
.imgfloatleft { float: left; margin-bottom: 10px; }
.imgpadding { padding-top: 5px; }
.clear { clear: both; }

.imgportfolio { margin: 7px 0;}

#hoofdcontent .imgfloatleft { float: left; margin: 5px 10px 5px 0; }

#content-news-home .imgfloatleft { float: left; margin: 5px 10px 5px 0; }

#hoofdcontent .imgfloatright { float: right; margin: 5px 0px 5px 10px; }

blockquote { color: #066; font-style: italic; }

table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	line-height: 1.2;
}

th {
	font-size: 100%;
	text-align: left;
	vertical-align: top;
	padding: 4px 6px 6px 6px;
	border: 1px solid #fff;
}

td {
	border: 1px solid #fff;
	vertical-align: top;
	padding: 4px 6px 6px 6px;
}


#wrapperzoekvenster {
	position: absolute;
	margin-left: 670px;
	top: 75px;
	width: 300px;
	height: 30px;
}


#wrapperbreed-home {
	margin-top: 100px;
	min-height: 600px;
	border-top: 1px solid #ccc;
	background: #fff url(img/achtergrond-home.png) top center no-repeat;
}

#wrapperbreed {
	margin-top: 100px;
	min-height: 600px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff url(img/achtergrond-breed.png) top center repeat-y;
}


.wrapperwidth {
	width: 930px; /* voor IE6 */
	max-width: 910px; /* voor moderne browsers */
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
}

#logo {
	float: left;
	width: 290px;
	height: 48px;
	margin: 52px 0 10px 10px;
	background-color: #fff;	
}


#logohome {
	width: 290px;
	height: 71px;
	margin: 0 0 10px 10px;
	padding-top: 52px; /* geen margin, maar padding speciaal voor Opera */
	background-color: #fff;
}

#tagcloud {
	position: absolute;
	margin-left: 455px;
	top: 101px;
	width: 445px;
	height: 123px;
	background-color: transparent;
	color: #ccc;
	font-size: 140%;
	text-align: justify;
	overflow: hidden;
}

#tagcloud a {
	color: #ccc;
	text-decoration: none;
}

#tagcloud a:visited {
	color: #ccc;
	text-decoration: none;
}

#tagcloud a:hover {
	color: #999;
	text-decoration: none;
}

.tag-xtra-padding {
	padding-left: 20px;
}

.tag-a {
	font-size: 160%;
}

.tag-b {
	font-size: 140%;
}

.tag-b-xtra-padding {
	font-size: 140%;
	padding-left: 20px;
}

.tag-c {
	font-size: 130%;
}



#kolom1 {
	float: left;
	width: 289px;
	margin: 10px 5px 0px 10px;
	border-right: 1px solid #036;
	border-bottom: 1px solid #036;
}

#kolom2 {
	float: left;
	width: 289px;
	margin: 10px 5px 0px 5px;
	border-right: 1px solid #636;
	border-bottom: 1px solid #636;
}

#kolom3 {
	float: left;
	width: 289px;
	margin: 10px 10px 0px 5px;
	border-right: 1px solid #066;
	border-bottom: 1px solid #066;
}

#content-kolom1, #content-kolom2, #content-kolom3 {
	margin-top: 10px;
	padding: 10px 10px 10px 15px;
	background-color: #fff;
	min-height: 160px;
}



a#banner-muziek {
	width: 274px;
	min-height: 25px;
	padding: 75px 15px 0 0;
	text-align: right;
	display: block;
	border-right: 1px solid #036;
	background: #036 url(img/banner-back-muz-bl.png) no-repeat;
	color: #fff;
	text-decoration: none;
}

a:visited#banner-muziek {
	background: #036 url(img/banner-back-muz-bl.png) no-repeat;
}

a:hover#banner-muziek {
	background: #036 url(img/banner-back-muz-bl.png) no-repeat -290px 0;
}

a:active#banner-muziek {
	background: #036 url(img/banner-back-muz-bl.png) no-repeat;
}


a#banner-grafisch {
	width: 274px;
	min-height: 25px;
	padding: 75px 15px 0 0;
	text-align: right;
	display: block;
	border-right: 1px solid #636;
	background: #636 url(img/banner-back-gra-pa.png) no-repeat;
	color: #fff;
	text-decoration: none;
}

a:visited#banner-grafisch {
	background: #636 url(img/banner-back-gra-pa.png) no-repeat;
}

a:hover#banner-grafisch {
	background: #636 url(img/banner-back-gra-pa.png) no-repeat -290px 0;
}

a:active#banner-grafisch {
	background: #636 url(img/banner-back-gra-pa.png) no-repeat;
}



a#banner-webredactie {
	width: 274px;
	min-height: 25px;
	padding: 75px 15px 0 0;
	text-align: right;
	display: block;
	border-right: 1px solid #066;
	background: #066 url(img/banner-back-web-gr.png) no-repeat;
	color: #fff;
	text-decoration: none;
}

a:visited#banner-webredactie {
	background: #066 url(img/banner-back-web-gr.png) no-repeat;
}

a:hover#banner-webredactie {
	background: #066 url(img/banner-back-web-gr.png) no-repeat -290px 0;
}

a:active#banner-webredactie {
	background: #066 url(img/banner-back-web-gr.png) no-repeat;
}


#linkerkolom {
	float: left;
	width: 290px;
	margin: 0 0 10px 10px;
}

#linkerkolom-home {
	float: left;
	width: 290px;
	margin: 70px 0 10px 10px;
}

.afblinkerkolom { width: 290px; margin-bottom: 6px; }


#nieuws-home {
	float: right;
	width: 590px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	min-height: 200px;
}

#nieuws-home h3 { min-height: 31px; padding: 18px 0 0 0; border-bottom: 1px solid #ccc;}

.datum { font-size: 90%; color: #888;}

#hoofdcontent {
	float: right;
	width: 590px;
	margin-right: 10px;
	margin-top: 51px;
	margin-bottom: 10px;
	background-color: #fff;
	min-height: 549px;
}

#content-news-home { margin-top: 10px; padding: 10px 50px 10px 15px; background-color: #fff; }
#content { margin-top: 10px; padding: 10px 50px 10px 15px; background-color: #fff; min-height: 470px; }

.content-blauw { background: url(img/gradient-content-blauw.png) repeat-y; }
.content-paars { background: url(img/gradient-content-paars.png) repeat-y; }
.content-groen { background: url(img/gradient-content-groen.png) repeat-y; }
.content-grijs { background: url(img/gradient-content-grijs.png) repeat-y; }



#hoofdmenu-wrapper {
	position: absolute;
	margin-left: 620px; /* was eerst 610px maar compromis voor IE6 */
	top: 125px;
	width: 290px;
	height: 76px;
}

#menu {
	position: absolute;
	bottom: 0;
	width: 290px;
}

#menu ul {
	list-style-type: none;
	margin: 0;
}

#menu li {
	list-style-type: none;
	margin-top: 5px;
	min-height: 21px;
	border-bottom: 1px solid #ccc; /* zonder border problemen in IE6 */
}


#menu li.blauw a {
	list-style-type: none;
	padding: 3px 0 0 10px;
	min-height: 18px;
	text-decoration: none;
	display: block;
	color: #fff;
	background: #99adc2 url(img/gradient-hoofdmenu-blauw.png) repeat-y;
}

#menu li.blauw a:visited {
	color: #fff;
	background: #99adc2 url(img/gradient-hoofdmenu-blauw.png) repeat-y;
}

#menu li.blauw a:hover {
	color: #fff;
	background: #036 none;
}

#menu li.blauw a:active {
	color: #fff;
	background: #036 none;
}


#menu li.paars a {
	list-style-type: none;
	padding: 3px 0 0 10px;
	min-height: 18px;
	text-decoration: none;
	display: block;
	color: #fff;
	background: #c2adc2 url(img/gradient-hoofdmenu-paars.png) repeat-y;
}

#menu li.paars a:visited {
	color: #fff;
	background: #c2adc2 url(img/gradient-hoofdmenu-paars.png) repeat-y;
}

#menu li.paars a:hover {
	color: #fff;
	background: #636 none;
}

#menu li.paars a:active {
	color: #fff;
	background: #636 none;
}


#menu li.groen a {
	list-style-type: none;
	padding: 3px 0 0 10px;
	min-height: 18px;
	text-decoration: none;
	display: block;
	color: #fff;
	background: #99c2c2 url(img/gradient-hoofdmenu-groen.png) repeat-y;
}

#menu li.groen a:visited {
	color: #fff;
	background: #99c2c2 url(img/gradient-hoofdmenu-groen.png) repeat-y;
}

#menu li.groen a:hover {
	color: #fff;
	background: #066 none;
}

#menu li.groen a:active {
	color: #fff;
	background: #066 none;
}



#submenu {
	clear: both;
	width: 290px;
	margin-bottom: 10px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}
.submenu-blauw { background: url(img/gradient-submenu-blauw.png) repeat-y; }
.submenu-paars { background: url(img/gradient-submenu-paars.png) repeat-y; }
.submenu-groen { background: url(img/gradient-submenu-groen.png) repeat-y; }
.submenu-grijs { background: url(img/gradient-submenu-grijs.png) repeat-y; }

#submenu .breadcrumbs { font-size: 95%; color: #999; }
#submenu .breadcrumbs a { text-decoration: none; color: #999; }
#submenu .breadcrumbs a:hover { text-decoration: none; color: #666; }

#submenu h3 {
	padding: 10px 0 3px 0;
	background-color: #fff;
	border-top: 1px solid #ccc;
}

#submenu ul {
	list-style-type: none;
	margin: 0;
	border-top: 1px solid #ccc;
}

#submenu li {
	list-style-type: none;
	border-bottom: 1px solid #ccc; /* border-top gaf problemen in IE6 */
}

#submenu li a {
	list-style-type: none;
	text-decoration: none;
	display: block;
	padding: 3px 0 3px 15px;
}

#submenu li a:visited {
	list-style-type: none;
	text-decoration: none;
}

#submenu li a:hover {
	list-style-type: none;
	text-decoration: none;
	background-color: #fff;
}

#submenu li a:active {
	list-style-type: none;
	text-decoration: none;
	background-color: #fff;
}


#mailForm {
	margin: 20px 0 8px 0;
}

#mailForm fieldset {
	display: block;
	margin: 10px 0px 10px 0px;
	padding: 10px 25px 20px 15px;
	border: 1px solid #ccc;
	background: #fff;
}

#mailForm legend {
	padding: 5px 12px 0px 12px;
	font-weight: bold;
	font-size: 140%; 
	color: #636;
	border: 1px solid #ccc;
	border-bottom: none;
	background-color: #fff;
}

#mailForm dt {
	margin: 10px 0 1px 0;
}

#mailForm input, #mailForm textarea {
	width: 80%;
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #036;
	border: 1px solid #ccc;
	background: #fff url(img/gradient-submenu-grijs.png) repeat-y right;
	padding: 4px;
}

#mailForm input:focus, #mailForm textarea:focus { 
	background: #fff url(img/gradient-submenu-groen.png) repeat-y right;
}

#mailForm input.button {
	display: inline;
	width: auto;
	margin: 15px 5px 0 0;
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #636;
	border: 1px solid #636;
	background: #fff;
	padding: 2px 10px 2px 10px;
}

#mailForm input.button:hover {
	background-color: #636;
	color: #fff;
	cursor: pointer;
}


#footer {
	clear: both;
	border-top: 1px solid #ccc;
	background-color: #fff;
	min-height: 20px;
}

.copyright {
	padding:  3px 10px;
	font-size: 80%;
	color: #666;
}

object.FlashObject {
	color: #f00;
	font-weight: bold;
	margin-bottom: 5px;
}

#sitemap a { text-decoration: none; color: #333; display: block; padding-left: 5px; }
#sitemap a:hover { background-color: #fff; }
#sitemap li { padding: 4px 0 1px 5px; }

#sitemap li.sitemap-blauw { background: url(img/gradient-content-blauw.png) repeat-y; border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; }
#sitemap li.sitemap-blauw a { color: #036; }

#sitemap li.sitemap-paars { background: url(img/gradient-content-paars.png) repeat-y; border-top: 2px dotted #ccc; }
#sitemap li.sitemap-paars a { color: #636; }

#sitemap li.sitemap-groen { background: url(img/gradient-content-groen.png) repeat-y; border-top: 2px dotted #ccc; }
#sitemap li.sitemap-groen a { color: #066; }