/* Mededelingen */
#med-around {
	width: 95%;
	padding-top: 4px;
}
	
	#med-around #good-dark {
		background-color: #4AB501;
		width: 100%;
		padding: 3px;
	}
	
	#med-around #good-dark #good-light {
		background-color: #B8FE89;
		width: 100%;
		text-align: left;
		color: black;
	}
	
		#good-light  h2 {
			font-size: 14px;
			color: #4AB501;
			margin-bottom: 4px;
			margin-top: 0px;
			height: auto;
		}
		
		#good-light a:visited {
			color: #4AB501;
			text-decoration: none;
			font-weight: bold;
		}
				
		#good-light a:link {
			color: #4AB501;
			text-decoration: none;
			font-weight: bold;
		}
		
		#good-light a:hover {
			color: #3A9201;
			text-decoration: none;
			font-weight: bold;
		}	

	#med-around #bad-dark {
		background-color: darkred;
		width: 100%;
		padding: 3px;
	}
	
	#med-around #bad-dark #bad-light {
		background-color: red;
		width: 100%;
		text-align: left;
		color: black;
	}
	
		#bad-light  h2 {
			font-size: 14px;
			color: darkred;
			margin-bottom: 4px;
			margin-top: 0px;
		}
		
		#bad-light a:visited {
			color: darkred;
			text-decoration: none;
			font-weight: bold;
		}
				
		#bad-light a:link {
			color: darkred;
			text-decoration: none;
			font-weight: bold;
		}
		
		#bad-light a:hover {
			color: darkred;
			text-decoration: none;
			font-weight: bold;
		}
		
	#med-around #med-dark {
		background-color: #F4BE04;
		width: 100%;
		padding: 3px;
	}
	
	#med-around #med-dark #med-light {
		background-color: #FCDB67;
		width: 100%;
		text-align: left;
		color: black;
	}
	
		#med-light  h2 {
			font-size: 14px;
			color: #F4BE04;
			margin-bottom: 4px;
			margin-top: 0px;
		}
		
		#med-light a:visited {
			color: #F4BE04;
			text-decoration: none;
			font-weight: bold;
		}
				
		#med-light a:link {
			color: #F4BE04;
			text-decoration: none;
			font-weight: bold;
		}
		
		#med-light a:hover {
			color: #F4BE04;
			text-decoration: none;
			font-weight: bold;
		}

	#med-around #quote-dark {
		background-color: #2C87D1;
		width: 100%;
		padding: 3px;
	}
	
	#med-around #quote-dark #quote-light {
		background-color: #87BCE7;
		width: 100%;
		text-align: left;
	}
	
		#quote-light  h2 {
			font-size: 14px;
			color: #2C87D1;
			margin-bottom: 4px;
			margin-top: 0px;
		}
		
		#quote-light a:visited {
			color: #87BCE7;
			text-decoration: none;
			font-weight: bold;
			color: black;
		}
				
		#quote-light a:link {
			color: #87BCE7;
			text-decoration: none;
			font-weight: bold;
		}
		
		#quote-light a:hover {
			color: #87BCE7;
			text-decoration: none;
			font-weight: bold;
		}
		
/*Alert-index*/
	.alert-index {
		width: 97%;
		padding: 4px;
		border: #AEAEAE 1px solid;
		border-bottom: #AEAEAE 3px solid;
		background-color: #CCCCCC;
		text-align: left;
	}
	
		.alert-index #alert-top {
			font-weight: bold;
			color: #AEAEAE;
			width: 100%;
			text-align: left;
		}
		
		.alert-index #alert-bottom {
			color: #000000;
			text-align: left;
			background-image: url(http://www.habbostift.nl/images/icons/uitroepteken.png);
			background-position: em;
			height: 46px;
			padding-left: 30px;
			background-repeat: no-repeat; 
		}