/*-- CMI-campus styles --*/
/*-- created: 14-07-2008, Jurg Roessen, Zicht nieuwe media ontwerpers --*/
html, body {
	width:				100%;
	height:				100%;
	margin:				0;
	padding:			0;
	background-color:	#d3104c;
	background-image:	url('../gfx/body-bg.gif');
	background-repeat:	repeat-y;
	font-family:		Verdana, sans-serif;
	font-size:			11px;
	color:				#4d5a74;
	line-height:		1.5em;
}
img {
	border:				none;
	vertical-align:		bottom;
}
h1 {
	width:				100%;
	margin:				0 0 15px 0;
	padding:			0 0 7px 0;
	font-size:			20px;
	font-weight:		normal;
	line-height:		1.0em;
	color:				#585858;
	font-family:		Interstate, Trebuchet MS, sans-serif;
	border-bottom:		1px dotted #585858;
}
h2 {
	margin:				0;
	font-size:			1.1em;
	line-height:		1.5em;
	color:				#cc0033;
}
a {
	color:				#cc0033;
	text-decoration:	none;
}
a:visited {
	color:				#990033;
}
a:hover {
	text-decoration:	underline;
}
p {
	margin:				0 0 12px 0;
	padding:			0;
}
/*-- object to test variable margin at left side --*/
div#resizeCon {
	width:				996px;
	background:			#ffffff;
	zoom:				1;
	overflow:			hidden;
}
div#outerCon {
	width: 				972px;
	margin-left:		12px;
	background:			#fff;
}
/*-- HEADER --*/
div#header {
	height: 			150px;
}
	div#servicemenu {
		height:				24px;
		text-align:			right;
		border-bottom:		1px solid #cc0033;
	}
	
	div#servicemenu div#servicemenuInnerCon {
		padding:			2px 0 0 0;
		margin-right:		10px;
	}
	
	div#servicemenu a {
		font-size:			0.9em;
		color:				#cc0033;
		text-decoration:	none;
	}
	
	div#servicemenu a:hover {
		text-decoration:	underline;
	}
	
	div#servicemenu span.separator {
		padding: 			0 10px 0 10px;
		background:			url('../gfx/bullit.gif') center 7px no-repeat;
	}
	div#logo {
		width:				100%;
		padding:			10px 0 0 0;
	}
	
	div#kop {
		width:				966px;
		padding:			10px 0 0 0;
	}	
	
	
/*-- MAIN-NAVIGATION --*/
div#menu {
	float: 				left;
	width: 				237px;
	padding-bottom:		100px;
}
	div#menu ul.navigation {
		margin-top:			15px;
	}
	ul.navigation {
		margin-top:			10px;
		list-style: 		none outside;
		margin:				0;
		padding:			0;
		border-bottom:		1px dotted #cc0033;
	}
	
	ul.navigation li {
		border-top:			1px dotted #cc0033;
		zoom:				1;
		font-size:			0;
		line-height:		0;
	}
	
	
	/* first level styles */
	ul.navigation li a{
		display:			block;
		margin:				0;
		padding:			4px 20px 4px 10px;
		font-size:			11px;
		line-height:		1.5em;
		font-weight:		bold;
		color:				#4d4d4d;
		border-top:			1px solid #ffffff;
		border-bottom:		1px solid #ffffff;
		background:			url('../gfx/arrow-ruby.gif') 220px center no-repeat;
	}
	
	ul.navigation li a:hover {
		color:				#ffffff;
		background-image:	url('../gfx/arrow-white.gif');
		background-repeat:	no-repeat;
		background-position:220px center;
		background-color:	#cc0033;
		text-decoration:	none;
	}
	
	ul.navigation li.active a,
	ul.navigation li.active a:hover {
		color:				#ffffff;
		background-image:	url('../gfx/arrow-white-active.gif');
		background-repeat:	no-repeat;
		background-position:220px center;
		background-color:	#fb396a;
	}
	
	/* second level styles */
	ul.navigation li.active li a{
		display:			block;
		padding:			4px 20px 4px 20px;
		font-weight:		normal;
		color:				#4d4d4d;
		border-top:			1px solid #ffffff;
		border-bottom:		1px solid #ffffff;
		background:			url('../gfx/arrow-ruby.gif') 220px center no-repeat;
	}
	
	ul.navigation li.active li a:hover {
		color:				#ffffff;
		background-image:	url('../gfx/arrow-white.gif');
		background-repeat:	no-repeat;
		background-position:220px center;
		background-color:	#cc0033;
		text-decoration:	none;
	}
	
	ul.navigation li.active li.active a,
	ul.navigation li.active li.active a:hover {
		color:				#ffffff;
		background-image:	url('../gfx/arrow-white-active.gif');
		background-repeat:	no-repeat;
		background-position:220px center;
		background-color:	#fb396a;
	}
	
	
	ul.navigation ul {
		list-style: 		none outside;
		margin:				0;
		padding:			0;
		border-bottom:		none;
	}
/*-- CONTENT --*/
div#content {
	margin-left:		285px;
}
	div#contentInnerCon {
		padding:			0 90px 50px 0;
		font-size:			1.1em;
		line-height:		1.5em;
	}
	
	
/*-- FORM STYLES --*/	
div#formCon {
	padding-bottom:			20px;
	border-bottom:			1px solid #000;
}
form {
	display:				inline;
}
/*-- tabs --*/
div#tabBar {
	display:				block;
	margin-bottom:			20px;
	font-size:				1.0em;
	zoom:					1;
	overflow:				hidden;
	background:				url("../gfx/tabbar-background.gif") repeat-x left 5px;
}
	div#tabBar ul {
		display:				block;
		margin:					0;
		padding:				5px 10px 0 0px;
		list-style:				none;
	}
	div#tabBar li {
		display:				inline;
		margin:					0 0 -1px 0;
		padding:				0;
	}
	div#tabBar div {
		float:					left;
		background:				url("../gfx/tabs_left.gif") no-repeat left top;
		margin:					0;
		padding:				0 0 0 4px;
		text-decoration:		none;
	}
	div#tabBar div span {
		float:					left;
		display:				block;
		background:				url("../gfx/tabs_right.gif") no-repeat right top;
		padding:				5px 15px 4px 6px;
		color:					#585858;
	}
	div#tabBar div span strong{
		display:				none;
	}
	
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	div#tabBar div span {float:none;}
		/* End IE5-Mac hack */
	
	div#tabBar li.active div {
		background-position:	0% -34px;
	}
	div#tabBar li.active div span {
		color:					#cc0033;
		background-position:	100% -34px;
	}
	div#tabBar li.active div span strong {
		display:				inline;
		font-weight:			normal;
		color:					#cc0033;
	}	
	
/*-- fields --*/
fieldset {
	margin:				0;
	padding:			0;
	border:				none;
}
fieldset ol {
	list-style:			none outside;
	margin:				0;
	padding:			0
}
fieldset ol li {
	margin-bottom:		5px;
	clear:				both;
}
fieldset ol label {
	display:			block;
	float:				left;
	width:				200px;
}
fieldset ol li div { /* for radiobuttons/checkboxes */
	width:				300px;
	#margin-left:		210px;	/* IE only */
	#margin-top:		-18px;	/* IE only */
	overflow:			auto;
}
fieldset ol label.first { /* for radiobuttons/checkboxes */
	display:			block;
	float:				left;
	width:				auto;
	margin-right:		15px;
}
fieldset ol input,
fieldset ol textarea {
	width:				170px;
	padding:			1px 5px 2px 5px;
	font-family:		Verdana, sans-serif;
	border:				1px solid #9da6c0;
}
fieldset ol textarea {
	overflow:			auto;
}
fieldset ol input.extended,
fieldset ol textarea.extended {
	width:				340px;
}	
fieldset ol input.radiobttn {
	width:				15px;
	border:				none;
	margin-bottom:		-2px;
}
fieldset ol button {
	height:				26px;
	margin: 			15px 0 0 200px;
	#margin: 			15px 0 0 0px;	/* IE only */
	padding:			1px 20px 4px 10px;
	#padding:			0px 20px 3px 10px; /* IE only */
	font-size:			11px;
	line-height:		20px;	
	color:				#cc0033;
	border:				1px solid #b5b6b6;
	background:			url("../gfx/submit-button-bg.gif") no-repeat right center;
}	
	
	
	
div.clearer {
	clear:				both;
	font-size:			0;
	line-height:		0;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #CC0033;
	color : #CC0033;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #CC0033;
	color : #FFF;
	font-weight: bold;
}
.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}
fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}
label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}
.field-label {
}
.field-widget {
}
#footerdown {
float: left;
width: 425px;
min-height: 28px;
border: 1px solid #cc0033;
padding-left: 250px;
}