@charset "utf-8";
/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4C5D5F;
}

p
{
	padding: 15px;
}

h2
{
	color: #000;
}

img
{
	border: none;
}

#wrapper
{
	background: #F0F8FF;
	width: 960px;
	margin: 0 auto;
}

	#header
	{
		//background: url(../images/header-placeholder.jpg) no-repeat;
		width: 950px;
		height: 0px;
		margin: 0 auto;
	}
	
		#navigation
		{
			background: url(../images/top-nav-tile.png) repeat-x;
			font-family: Arial, Helvetica, sans-serif;
			width: 960px;
			height: 50px;
			margin: 0 auto;
		}
			
			#navigation ul
			{
				list-style: none;
			}
			
				#navigation ul li, #navigation ul li a
				{
					display: block;
				}
			
				#navigation ul li
				{
					float: left;
					padding: 0px 8px 0 8px;
					margin-top: 10px;
					border-right: 1px ridge #fff;
				}
				
				#navigation ul li a
				{
					color: #fff;
					font-size: 14px;
					font-weight: 700;
					height: 30px;
					text-decoration: none;
				}
				
				#navigation ul li a:hover
				{
					color: #FFCC00;
					font-size: 14px;
					font-weight: 700;
					height: 30px;
					text-decoration: none;
				}
					
					#navigation ul li a span
					{
						font-weight: normal;
						font-size: x-small;
					}
			
			
		
	#content
	{
	}
		
		#content-left
		{
			margin: 10px 5px;
			width: 298px;
			float: left;
		}
		
		#content-right
		{
			margin: 10px 5px;
			width: 642px;
			float: right;
		}
		
			#poll
			{
				background: #DDEFFF url(../images/box-bg.png) repeat-x;
				border: 1px solid #DDEFFF;
				margin-bottom: 15px;
			}
		
			#poll h2
			{
				background: #FF9900 url(../images/heading-tile.png) repeat-x;
				font-size: large;
				padding: 10px;
			}
			
			#poll ul
			{
				list-style: none;
				padding: 10px;
			}
			
			#vorige-uitslag
			{
				background: #DDEFFF url(../images/box-bg.png) repeat-x;
				border: 1px solid #DDEFFF;
				margin-bottom: 15px;
				overflow: auto;
			}
			
			#vorige-uitslag h2
			{
				background: #FF9900 url(../images/heading-tile.png) repeat-x;
				font-size: large;
				padding: 10px;
			}
			
			.graphs
			{
				width: 90%;
				margin: 0 auto;
			}
			
				.graphs p
				{
					color: #FF3300;
					font-size: small;
					font-weight: bold;
					margin: -10px 0 -10px -15px;
				}
			
			.graph-holder
			{
				background: url(../images/graph-bg.png) repeat-x;
				height: 25px;
			}
			
			.graph
			{
				background: url(../images/graph.png) repeat-x;
				color: #fff;
				margin: 1px;
				padding: 0px 5px;
				height: 25px;
			}
			
			#skinder-kolom
			{
				background: #DDEFFF url(../images/box-bg.png) repeat-x;
				border: 1px solid #DDEFFF;
				margin-bottom: 15px;
				overflow: auto;
			}
			
			#skinder-kolom h2
			{
				background: #FF9900 url(../images/heading-tile.png) repeat-x;
				font-size: large;
				padding: 10px;
			}
			
			#skinder-kolom h3
			{
				font-size: medium;
				padding: -10px 10px;
				margin: -5px 10px;
			}
			
			#skinder-kolom p
			{
				font-size: small;
			}
			
			#skinder-kolom a
			{
				color: #FF3300;
			}
			
			#skinder-kolom img
			{
				padding: 10px;
			}
			
			#sabc2
			{
				border: 1px solid #DDEFFF;
				margin-bottom: 15px;
			}
			
			#sabc2 img
			{
				border: 0px;
			}
			
			.box 
			{
				background: #DDEFFF url(../images/box-bg.png) repeat-x;
				padding-bottom: 15px;
				margin-bottom: 15px;
			}
			
			.box2 
			{
				background: #DDEFFF url(../images/box-bg.png) repeat-x;
				padding-bottom: 5px;
				margin-bottom: 5px;
			}

			.box h2
			{
				background: #FF9900 url(../images/heading-tile.png) repeat-x;
				font-size: large;
				padding: 10px;
			}

			.box2 h2
			{
				background: #FF9900 url(../images/heading-tile.png) repeat-x;
				font-size: large;
				padding: 10px;
			}
			
			.box h3
			{
				padding: 15px 15px 0px 15px;
			}
			
			.box img
			{
				padding: 15px;
			}
			
			#news a
			{
				color: #4C5D5F;
			}
			
			#news a:hover
			{
				color: #FF3300;
			}
			
			#banner
			{
				background: #fff;
				width: 620px;
				height: 224px;
				margin-bottom: 15px;
				padding: 10px;
			}
			
				#banner .banner-heading
				{
					text-align: right;
					top: 25px;
					left: -30px;
					position: relative;
					font-size: x-large;
					font-weight: 700;
					color: #fff;
				}
				
			#gallery a
			{
				color: #4C5D5F;
			}
			
			#gallery a:hover
			{
				color: #FF3300;
			}
	
	#footer
	{
		background: url(../images/footer-bg.png) repeat-x;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		width: 950px;
		height: 50px;
		margin: 0 auto;
	}
	
		#footer p
		{
			text-align: center;
			font-size: small;
			margin: -15px;
		}
	
		#footer ul
		{
			list-style: none;
			text-align: center;
			margin-top: 0px;
			padding-top: 7px;
		}
		
			#footer ul li
			{
				display: inline;
				margin: 0 3px;
			}
			
				#footer ul li a
				{
					color: #FFF;
					text-decoration: none;
				}
				
				#footer ul li a:hover
				{	
					color: #FFCC00;
					text-decoration: none;
				}
				
.clear
{
	clear: both;
}

.shadow
{
	background: #D1E9EF;
	-moz-box-shadow: 2px 2px 2px #D1E9EF;
	-webkit-box-shadow: 2px 2px 2px #D1E9EF;
}

.orange-button
{
	width: 100px;
	height: 35px;
	margin: 0 auto;
	padding: 15px;
}

.main-article
{
	color: #4C5D5F;
	font-size: large;
	font-weight: 700;
	padding: 10px 0;
	text-decoration: none;
}

.generic-content
{
	background: #DDEFFF url(../images/box-bg.png) repeat-x;
	border: 1px solid #DDEFFF;
	margin-bottom: 15px;
	overflow: auto;
}

	.generic-content h1
	{
		color: #FF3300;
		padding: 15px;
	}
	
	.generic-content h2
	{
		color: #4C5D5F;
		padding: 15px;
	}
	
	.generic-content h3
	{
		font-size: medium;
		color: #4C5D5F;
		padding: 15px;
	}
	
	.generic-content ul
	{
		list-style: disc;
		margin-left: 55px;
		margin-bottom: 15px;
	}
	
	.generic-content a
	{
		color: #FF3300;
	}
	
	.generic-content a:hover
	{
		color: #069;
	}