/* Start of CMSMS style sheet 'Pagina' */
html, body {
	height: 100%;                                                                  
	margin: 0;                                                                     
	padding: 0;                                                                    
}
body
{
	background: #706c6b;
}
h1
{
	text-indent: -9999px;
	background: url(../images/logo.png) top left no-repeat;
	width: 900px;
	height: 73px;
	display: block;
	margin: 8px 0 0 0;
	padding: 0;
}
.clear
{
	clear: both;
}
#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -325px;
	float: left;
}
/** container **/
#container{
	clear: both;
	width: 900px;
	border: 10px solid #ffffff;
	margin: 0px auto;
	position: relative;
	height: 631px;
	background: url(../images/achtergrond.jpg) top left no-repeat;
}
	/** content_container **/
	#content_container
	{
		width: 900px;
		height: 600px;
		padding: 31px 0 0 0;
	}
		#index_content{height: 327px;}
		/** index_menu **/
		#index_menu
		{
			width: 900px;
			height: 23px;
			background: url(../images/main_menu_bg.png) top left no-repeat;
		}
			#index_menu a
			{
				font: bold 11px Verdana;
				text-decoration: none;
				color: #ffffff;
			}
			#index_menu ul
			{
				list-style-type: none;
				margin: 0;
				padding: 0 0 0 15px;
				overflow: hidden;
			}
			#index_menu ul li
			{
				float: left;
				padding: 0 25px 0 0;
				display: inline-block;
			}
		/** /index_menu **/
		/** intro **/
		#intro
		{
			width: 410px;
			font: normal 14px Arial;
			line-height: 17px;
			color: #ffffff;
			margin: 25px 0 0 450px;	
		}
		/** /intro **/
		#menu,#content,#submenu,#content_content
		{
			float: left;
		}
		/** menu **/
		#menu
		{
			width: 210px;
			padding: 13px 0 0 0;
		}
			#menu ul
			{
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			#menu ul li
			{
				padding: 0 0 2px 0;
			}
			#menu ul li a
			{
				display: block;
				width: 200px;
				padding: 5px 0 7px 10px;
				font: bold 11px Verdana;
				color: #ffffff;
				text-decoration: none;
				background: url(../images/menu_item.png) top left repeat-y;
			}
			#menu ul li a:hover, #menu ul .active a
			{
				background: url(../images/menu_item_selected.png) top left repeat-y;
			}
		/** /menu **/
		/** content **/
		#content
		{
			width: 648px;
			height: 496px;
			margin: 0 0 10px 0;
			background: url(../images/content_bg.png) top left no-repeat;
		}
			/** submenu **/
			#submenu
			{
				width: 171px;
				padding: 13px 0 0 0;
			}
				#submenu ul
				{
					margin: 0;
					padding: 0;
					list-style-type: none;
				}
				#submenu ul li
				{
					padding: 0 0 2px 0;
				}
				#submenu ul li a
				{
					display: block;
					width: 161px;
					padding: 5px 0 7px 10px;
					font: bold 11px Verdana;
					color: #ffffff;
					text-decoration: none;
					background: url(../images/sub_item.png) top left repeat-y;
				}
				#submenu ul li a:hover, #submenu ul .active a
				{
					background: url(../images/sub_hover.png) top left repeat-y;
				}
			/** /submenu **/
			/** content_content **/
			#content_content
			{
				width: 430px;
				padding: 10px 20px 0 0;
				margin: 0 0 0 27px;
				height: 486px;
				overflow: auto;
				font: 12px Verdana;
				color: #010101;
			}
				#content_content h2, #content_content h3
				{
					margin: 0;
					padding: 0 0 10px 0;
				}
				#content_content h2
				{
					font: bold 22px Verdana;
				}
				#content_content h3
				{
					font: bold 17px Verdana;
				}
				#content_content h4
				{
					font: bold 14px Verdana;
					margin: 0;
					padding: 0;
				}
				#content_content p
				{
					line-height: 16px;
					margin: 0;
					padding: 0 0 20px 0;
				}
				#content_content img
				{
					margin: 3px;
				}
			/** /content_content **/
		/** /content **/
	/** /content_container **/
/** /container **/

/** footer **/
	#footer
	{
		width: 900px;
		margin: 0 auto;
		text-align: center;
		font: 12px Verdana;
		color: #ffffff;
		padding: 5px 0 0 0;
	}
		#footer p {
			margin: 0;
		}
/** /footer **/

/* Forms */
#content_content p.alert-ok {
	background: #e6ebc2 url('/images/tick.png') 5px center no-repeat;
	display: block;
	border: 1px solid #8da330;
	padding: 5px 5px 5px 25px;
	width: 95%;
	margin-bottom: 10px;
}

#content_content p.alert-wrong {
	background: #eddbd5 url('/images/cross.png') 5px center no-repeat;
	display: block;
	border: 1px solid #c05843;
	padding: 5px 5px 5px 25px;
	width: 95%;
	margin-bottom: 10px;
}

#content_content div {
	width: 100%;
	clear: both;
}
	#content_content div:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#content_content form p label {
		float: left;
		clear: left;
		width: 100px;
		padding-right: 10px;
		text-align: right;
		padding: 3px;
		font-weight: bold;
	}
	#content_content form p input, #content_content form p textarea {
		font-family: Verdana;
		font-size: 12px;
		float: left;
		width: 280px;
		padding: 3px;
	}
	#content_content form p textarea {
		height: 200px;
	}
	#content_content form p input[type="submit"] {
		float: left;
		margin-left: 110px;
		width: 285px;
		font-family: Verdana;
		font-size: 12px;
	}
/* End of 'Pagina' */

