/**
 * Screen media
 */
@media screen
{
	/**
	 * General
	 */
	body
	{
		background-color: #FFFFFF;
		font-family: Arial;
		font-size: 11px;
	}

	#site
	{
		width: 986px;
		margin: 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;
	}

	#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;
	}

	#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/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/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: 382px;
	}

	#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: left;

		height: 683px;
		width: 306px;
	}

	#sidebar .shadow
	{
		position: absolute;
		top: 138px;

		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;
}
}

/**
 * Print media
 */
@media print
{
	#heading, #menu, #sidebar, #genfunc
	{
		display: none;
		visibility: hidden;
	}

	#site
	{
		margin: 0;
	}

	#printheading
	{
		display: block;
		visibility: visible;
	}

	.printicon
	{
		padding-left: 25px;
	}
}
