/**
 * Screen media
 */
@media screen
{
	/**
	 * General
	 */
	body
	{
		background-color: #FFFFFF;
		font-family: Arial;
		font-size: 11px;
		margin:0px;
		padding:0px;
	}
	
	label 
	{
		min-width:40px;
		padding-right:20px;
		text-align:left;
		display:block;
		float:left;
		margin-bottom:6px;
	}
	
	input
	{
		display:block;
		float:left;
		margin-bottom:6px;
		width:150px;
		margin-right:120px;
	}
	
	button
	{
		width:100px;
	}
	
	.error
	{
		color:#FF0000;
		font-weight:bold;
		margin:5px;
	}
	
	/**
	 *	Leef(baarheid)
	 **/
	.leefH2 {
		font-size:12px;
		color:#C5004B;
		font-style:italic;
	}
	.leefHR {
		border:none 0;
		border-top:1px solid #000;
		width:100%;
		height:1px;
		margin-top:35px;
	}
	.leefDot {
		height:1px;
		width:5px;
		margin-bottom:4px;
	}
	.leefSign {
		color:#C5004B;
	}
	.leefLinkActive {
		font-style:italic;
		font-weight:bold;
		font-size:12px;
		text-decoration:none;
		color:#190B08;
		font-size:12px;
	}
	.leefLinkInactive {
		font-size:12px;
	}
	.leefLinkInactive a:link, .leefLinkInactive a:active, .leefLinkInactive a:visited, .leefLinkInactive a:hover {
		text-decoration:none;
		color:#A3A3A3;		
	}
	
	#site
	{
		width: 986px;
		margin:0px auto;
	}

	.clear
	{
		clear: both;
	}


	/**
	 * Shadow 
	 */
	.shadow
	{
		background-color: #190b08;
		z-index: 4;

		opacity: 0.40;
		filter: alpha(opacity=40);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	}

                .shadowheading
                {
                  height: 130px; width: 6px; float: left;
                }

	/**
	 * Color definitions
	 */
	/* Blue */
	.bgblue
	{
		background-color: #004B95;
	}

	#content.blue h1, h2, h3, h4, h5, h6
	{
		color: #004B95;
	}

	/* Red */
	.bgred
	{
		background-color: #C5004B;
	}

	#content.red h1, h2, h3, h4, h5, h6
	{
		color: #C5004B;
	}

	/* Orange */
	.bgorange
	{
		background-color: #EF8B00;
	}

	#content.orange h1, h2, h3, h4, h5, h6
	{
		color: #EF8B00;
	}

	/* Pink */
	.bgpink
	{
		background-color: #E30082;
	}

	#content.pink h1, h2, h3, h4, h5, h6
	{
		color: #E30082;
	}

	/* Green */
	.bggreen
	{
		background-color: #97BE00;
	}

	#content.green h1, h2, h3, h4, h5, h6
	{
		color: #97BE00;
	}

	/* Light blue */
	.bglblue
	{
		background-color: #37ACDE;
	}

	#content.lblue h1, h2, h3, h4, h5, h6
	{
		color: #37ACDE;
	}


	/**
	 * Header
	 */
	#printheading
	{
		display: none;
		visibility: hidden;
	}

	#heading
	{
		margin-left: 58px;
	}

	#headercontent
	{
		float: left;
		height: 130px;
		width: 922px;
	}

	#headertitle
	{
		float: left;
		position: relative;
		top: 40px;
		left: 100px;
	}

	#headerimg
	{
		margin-left: 193px;
	}

	#headeroverlay
	{
		position: relative;
		top: -105px;
		left: 193px;
		width: 438px;
	}


	/**
	 * Menu
	 */
	#menu
	{
		float: left;
		color: #ffffff;
	}

	.menusubject {
		margin: 1px 5px 5px 15px;
		padding-top: 10px;
		padding-bottom: 3px;
		background-color: #FFFFFF;
		font-size: 13px;
		font-weight: bold;
	}
	
	.menusubject.ovz, .menusubject.ovz a:link, .menusubject.ovz a:hover, .menusubject.ovz a:visited {
		color: #004B95;
		text-decoration:none;
	}
	
	.menusubject.leef, .menusubject.leef a:link, .menusubject.leef a:hover, .menusubject.leef a:visited  {
		color: #C5004B;
		text-decoration:none;
	}
	
	.menusubject.fun, .menusubject.fun a:link, .menusubject.fun a:hover, .menusubject.fun a:visited  {
		color: #EF8B00;
		text-decoration:none;
	}
	
	.menusubject.chip, .menusubject.chip a:link, .menusubject.chip a:hover, .menusubject.chip a:visited  {
		color: #E30082;
		text-decoration:none;
	}
	
	.menusubject.milieu, .menusubject.milieu a:link, .menusubject.milieu a:hover, .menusubject.milieu a:visited  {
		color: #97BE00;
		text-decoration:none;
	}
	
	.menusubject.info, .menusubject.info a:link, .menusubject.info a:hover, .menusubject.info a:visited  {
		color: #37ACDE;
		text-decoration:none;
	}

	#icons
	{
		float: left;
		width: 99px;
		padding-top: 55px;
	}

	#horizline
	{
		float: left;
		position: relative;
		left: 11px;
		z-index: 9;
	}

	#horizline img
	{
		padding-top: 1px;
		height: 1px;
		width: 60px;
		z-index: 9;
	}	
	
	#horizontalMenu
	{
		position: absolute;
		height:1px;
		width:0px;
	}

	#icons .icon
	{
		height: 67px;
	}

	#icons .icon a
	{
		position: relative;
		top: -66px;

		z-index: 1;
	}

	#icons .icon.selected a
	{
		z-index: 7;
	}

	#icons .icon .shadow
	{
		background-color: transparent;
		background-image: url('../../img/degoedekantop_juli_2010/shadowicon.png');
		background-repeat: no-repeat;
		background-position: 0px 4px;
		
		position: relative;
		top: 2px;
		left: 0;

		height: 67px;
		width: 100%;
		z-index: -1;

		filter: alpha(opacity=40);
		opacity: 0.40;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	}

	#icons .icon img
	{
		border: none;
		margin-bottom: 9px;
		margin-left: 4px;
	}

	#menushadow
	{
		float: left;
		position: relative;
		left: -41px;
		height: 535px;
		width: 6px;
	}

	#submenu
	{
		position: relative;
		left: -41px;
		float: left;

		padding-top: 30px;

		width: 193px;
		height: 505px;

		z-index: 8;
	}

	#submenu img
	{
		float: left;
	}

	#vertline
	{
		padding-left: 6px;
		float: left;
		width: 1px;
	}

	#items
	{
		float: left;
		position: relative;
	}

	#items ul
	{
		list-style-type: none;
		padding-left: 15px;
		margin-left: 0px;
		margin-top: 0px;
	}

	#items ul li
	{
		font-size: 14px;
		padding-bottom: 13px;
	}

	#items ul li.selected
	{
		font-weight: bold;
		font-style: italic;
	}

	#items ul li a
	{
		color: #FFFFFF;
		text-decoration: none;
	}

	#bottomshadow
	{
	}

	#bottomshadow .shadow
	{
		float: left;
		height: 6px;
		margin-left: 58px;
		width: 67px;
	}

	#bottomshadow .curve
	{
		float: left;
		background-image: url('../../img/degoedekantop_juli_2010/leftdownshadowcurve.png');
		background-repeat: no-repeat;

		height: 18px;
		width: 132px;
	}

	#bottom
	{
		height: 130px;
	}

	#logo
	{
		float: left;
	}

	#logo img
	{
		padding-left: 8px;
		border: none;
	}

	#bottom .shadow
	{
		margin-left: 20px;
		float: left;
		width: 6px;
		height: 100%;
	}

	#bottom .bgblue,
	#bottom .bgred,
	#bottom .bgorange,
	#bottom .bgpink,
	#bottom .bggreen,
	#bottom .bglblue
	{
		float: left;
		width: 116px;
		height: 100%;
	}

	#menuline
	{
		position: absolute;
		top: 56px;
	}

	#menuline img.vertical
	{
		padding-left: 6px;
		width: 1px;
	}

	#menuline img.horizontal
	{
		position: absolute;
		left: -55px;
		height: 1px;
		width: 62px;
	}

	#submenu.bgred #menuline img.vertical
	{
		height: 67px;
	}
	#submenu.bgred #menuline img.horizontal
	{
		top: 67px;
	}

	#submenu.bgorange #menuline img.vertical
	{
		height: 134px;
	}
	#submenu.bgorange #menuline img.horizontal
	{
		top: 134px;
	}

	#submenu.bgpink #menuline img.vertical
	{
		height: 201px;
	}
	#submenu.bgpink #menuline img.horizontal
	{
		top: 201px;
	}

	#submenu.bggreen #menuline img.vertical
	{
		height: 268px;
	}
	#submenu.bggreen #menuline img.horizontal
	{
		top: 268px;
	}

	#submenu.bglblue #menuline img.vertical
	{
		height: 335px;
	}
	#submenu.bglblue #menuline img.horizontal
	{
		top: 335px;
	}

	/**
	 * Content
	 */
	#main
	{
		background-color: #FFFFFF;
		color: #A3A3A3;

		position: relative;
		left: -20px;
		float: left;

		height: 683px;
		width: 378px;
	}

	#genfunc
	{
		font-size: 12px;
		font-family: Verdana;
	}

	#genfunc ul
	{
		list-style-type: none;
		margin: 0;
		padding: 10px 0 0 0;
	}

	#genfunc ul li
	{
		float: left;
		padding-right: 10px;
	}

	#genfunc ul li.separator
	{
		font-weight: bold;
	}

	#genfunc ul li a
	{
		cursor: pointer;
		color: #A3A3A3;
		text-decoration: none;
	}

	#scaler
	{
		position: relative;
		top: -9px;
	}

	#fs_normal
	{
		font-size: 12px;
		padding-right: 5px;
	}

	#fs_medium
	{
		font-size: 16px;
		padding-right: 5px;
	}

	#fs_large
	{
		font-size: 21px;
		padding-right: 5px;
	}

	#content
	{
		margin-top: 30px;
	}

	#content h1
	{
		margin-left: -1px;
	}

	/**
	 * News
	 */
	.newsitem,
	.newsitemfull
	{
		margin-bottom: 10px;
	}

	.newshead
	{
		font-weight: bold;
	}

	.newssummary p,
	.newscontent p
	{
		margin: 2px 0;
	}

	.newsitemfull .newssummary
	{
		font-weight: bold;
	}

	/**
	 * Sidebar
	 */
	#sidebar
	{
		float: right;
		height: 683px;
		border:0px solid red;
		width: 307px;
	}

	#sidebar .shadow
	{
		position: absolute;
		top: 130px;
		background-color: #1B1C20;
		width: 6px;
		height: 683px;
	}

	#sidebar img.horizline
	{
		padding-top: 1px;
		position: relative;
		top: 30px;
		z-index: 8;

		width: 100%;
		height: 1px; 
	}

	#big
	{
		position: relative;
		top: 48px;
	}

	#big .layer
	{
		position: absolute;
		left: 230px;
	}

	#small
	{
		position: relative;
		top: 68px;
	}

	#small .layer
	{
		position: absolute;
		left: 117px;
	}

	span.gsaNavActive {
	  background-color: #B2C5E8;
	}

	span.gsaNav {
	 background-color: #fff;
	}

	/**
	 * Nieuws
	 */
	.indexnewsblock {
		margin: 0px;
		padding: 0px;
		float: left;
		width: 170px;
		height: 166px;
		color: #FFFFFF;
		font-family: Verdana;
		font-size: 11px;
		margin: 5px;
	}
	
	.indexnewsblock.degoedekantop_ovz {
		background-color: #004C95;
		color: #FFFFFF;
	}
	
	.indexnewsblock.degoedekantop_chip {
		background-color: #E30083;
		color: #FFFFFF;
	}
	
	.indexnewsblock.degoedekantop_info {
		background-color: #37ADDF;
		color: #FFFFFF;
	}
	
	.indexnewsblock.degoedekantop_fun {
		background-color: #F08803;
		color: #FFFFFF;
	}
	
	.indexnewsblock.degoedekantop_milieu {
		background-color: #97BE01;
		color: #FFFFFF;
	}
	
	.indexnewsblock.degoedekantop_leef {
		background-color: #C8024D;
		color: #FFFFFF;
	}

	.indexnewsblockcontent {
		padding: 10px;
	}

	.indexnewsblockcontenthead {
		white-space: nowrap;
	}

	.indexnewsblockcontentsum {
		height: 39px;
		overflow: hidden;
	}

	.indexnewsblockcontent img {
		margin: 0px;
		margin-top: 4px;
	}

	.indexnewsblock a {
		border: 0px;
		text-decoration: none;
		color: #FFFFFF;
		font-style: italic;
	}

	.indexnewsblock a img {
		border: 0px;
	}

	.indexnewsblock a:hover {
		border: 0px;
		text-decoration: none;
		color: #FFFFFF;
	}

	.indexnewsblock h2 {
		font-family: Verdana;
		margin: 0px;
		padding: 0px;
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
		font-style: italic;
		color: #FFFFFF;
		overflow:hidden;
	}

	.indexcontent {
		font-family: Verdana;
		font-size: 12px;
		margin-top: 15px;
		float: left;
	}

	.indexcontent a {
		text-decoration: none;
		color: #A3A3A3;
	}
}

/**
 * Print media
 */
@media print
{
	#heading, #menu, #sidebar, #genfunc
	{
		display: none;
		visibility: hidden;
	}

	#site
	{
		margin: 0;
	}

	#printheading
	{
		display: block;
		visibility: visible;
	}

	.printicon
	{
		padding-left: 25px;
	}
}


/****
	News*/

.newsitemitem {
	font-size: 14px;
	color: #636363;
}

.newsitemitem a {
	color: #636363;
	text-decoration: none;
}

.newsitemitem a:hover {
	color: #5886C2;
	text-decoration: none;
}

.newsitemlist {
	color: #004B95;
	font-weight: bold;
}

.newsitemdate {
	font-style: italic;
	color: #BBBBBB;
}

.newsitemitem h2 {
	margin: 0px;
	padding: 0px;
	color: #004B95;
	font-size: 16px;
	font-style: italic;
}

h2.newsmonth {
	font-size: 14px;
	font-weight: normal;
	color: #5886C2;
}

.nieuwskop {
	font-weight: bold;
}

.newsitemdetail {
	border-bottom: solid 1px #BBBBBB;
	padding-bottom: 10px;
}

.newsarchivenav {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.newsarchivenav #prev {
	float: left;
	width: 40%;
}

.newsarchivenav #next {
	float: right;
	width: 40%;
	text-align: right;
}

.newsarchivenav a {
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	color: #5886C2;
}

#newsimage {
	position: absolute;
	width: 150px;
	height: 123px;
	background-image: url('../../img/degoedekantop_juli_2010/newsimage.png');
	background-repeat: no-repeat;
}

#newsimage img {
	width: 135px;
	height: 94px;
	margin-top: 15px;
}

#sidebarBanner {
	margin-top: 270px; 
	text-align: center;
}

.zeelandquestionnaire
{

	color:#000;
}

td.table
{
	border:0px solid green;
	width:375px;
}

input[type="checkbox"], input[type="radio"]
{
	width:20px;
}

textarea
{
	width:375px;
}


/* ################################################### */

/* Style voor filmpjes */
/* ################################################### */


/* css for movie */
.moviecontent, .audiocontent { width: 400px; } /* a default value will be replaced by movie width */
.moviecontent ul, .audiocontent ul {border: 0;overflow:hidden;margin:0;padding:0 0 1px 0; list-style:none; }
.moviecontent li, .audiocontent li {background-image:none;padding:0;margin:0;border:0;}

.moviecontent h3, .audiocontent h3 { border-bottom:1px solid #dedede; color: #000; margin: 0; padding: 0; font-size: 100%;}
.moviecontent li h3 a, .audiocontent li h3 a {border: 1px solid #FFF; color: #000;}
.moviecontent li h3 a:hover, .audiocontent li h3 a:hover {color: #000;}

.moviecontent li a, .audiocontent li a {display: block; padding: 2px 15px 3px 0; font-weight: bold; border-bottom:1px solid #dedede; background:url("img/pijl.gif") right top no-repeat;height:1%; text-decoration: none; color: #000;}
.moviecontent li li a, .audiocontent li li a { font-weight: normal; padding: 2px 15px 3px 0;}
.moviecontent li a:hover, .audiocontent li a:hover {color: #000; border-bottom: 1px solid #000; background:url("img/pijl-hover.gif") right top no-repeat;}

.moviecontent li p a, .audiocontent li p a {display: inline; text-decoration: underline; color: blue; background: #FFF; border: 0; padding: 0; margin: 0; font-weight: normal;}
.moviecontent li p a:hover, .audiocontent li p a:hover {display: inline; text-decoration: underline; color: blue; background: #FFF; border: 0; padding: 0; margin: 0;}

.moviecontent li img, .audiocontent li img { margin-bottom: -4px; border:0px;}

.moviecontent li a.open, .audiocontent li a.open { background:url("img/pijl-open.gif") right top no-repeat; }
.moviecontent li a.open:hover, .audiocontent li a.open:hover { background:url("img/pijl-open-hover.gif") right top no-repeat; }
.moviecontent ul.open, .moviecontent div.open, .moviecontent p.open,
.audiocontent ul.open, .audiocontent div.open, .audiocontent p.open {display: block; }
.moviecontent li a.close, .audiocontent li a.close { background:url("img/pijl.gif") right top no-repeat; }
.moviecontent li a.close:hover, .audiocontent li.close:hover { background:url("img/pijl-hover.gif") right top no-repeat; }
.moviecontent ul.close, .moviecontent div.close, .moviecontent p.close,
.audiocontent ul.close, .audiocontent div.close, .audiocontent p.close  {display:none;}
.moviecontent li.transcription div, .audiocontent li.transcription div { margin:0; padding:0; border-bottom: 1px solid #EEE;}

.moviecontent li.transcription span.actor, .audiocontent li.transcription span.actor { font-weight: bold;}
.moviecontent li.transcription span.handeling, .moviecontent li.transcription span.audiobeschrijving, 
.moviecontent li.transcription span.gebaar, .moviecontent li.transcription span.sfeer, 
.moviecontent li.transcription span.geschreventekst,
.audiocontent li.transcription span.handeling, .audiocontent li.transcription span.audiobeschrijving, 
.audiocontent li.transcription span.gebaar, .audiocontent li.transcription span.sfeer, 
.audiocontent li.transcription span.geschreventekst  { font-style: italic;}