/* CSS Document created by i-Concept innovators */

/*  Algemene Instellingen  */
/*/////////////////////////*/
/*     Niet veranderen!    */

	* {
		-moz-box-sizing: content-box;
		-box-sizing: content-box;
		font-family: Arial, Helvetica, sans-serif, Tahoma;
	}
	body {
		font-size:11px;
		behavior:url("csshover.htc"); /* :hover in IE http://www.xs4all.nl/~peterned/csshover.html */
		font-size:70%;
		background-image: url(../neo2007_images/indexBackground.jpg);
		background-position:top left;
		background-repeat: no-repeat;
		text-align: center;
	}
	body, h1, h2, h3, p, li, ul { margin:0px;}
	
	h1,	h2, h3, p, textarea, input, select {font-size:1em;}	
	
	img {border:none;}
	
	.alert {color:#FF0000;}

/* Algemene Layout classes */ 
/*/////////////////////////*/
/* Afmetingen, geen opmaak */
	.third {width:33.3%;float:left;}
	.double {width:66.6%;float:left;}
	.half {width:50%;float:left;}
	.full {width:100%; float:left;}
	.content {padding:5px;}
	.content_left {padding:5px 5px 5px 20px;}
	.left {float:left;}
	.right {float:right;}
	.button{ cursor:pointer;}
	.line { width:498px; }
	.line_noborder { width:500px; }
	.round_top, .round_bottom {width: 500px;}
	.info { height: 130px; }
	.message { height: 24px; }
	.inputData { height: 66px; }
	@media all and (min-width: 0px) { /* opera fix! */
		 .scroll { 
		 	overflow:auto;
			height: 100px;
		 }
	}	

/* Structuur van de divjes          */ 
/* //////////////////////////////// */
/* header title -> header subtitle  */

	.header { text-align:right; color: #877487; width:490px;}
	.header a:link, .header a:visited {	color: #445B6F; }
	.header a:active, .header a:hover {	color: #FFF; background-color: #445B6F; }
	.container {
		text-align: left;
		width:500px;
		margin:0 auto;
		padding-top:150px;
	}
	.loginBox { width: 500px;}
	.footer { 
		color: #445B6F;
		text-align:center; 
	}
	.round_top, .round_bottom {
		border-left: 0px;
		border-right:0px;
		background-repeat:no-repeat;
	}
	.round_top {
		background-image: url(../neo2007_images/indexLoginTop.gif);
		height:10px;
		_margin-bottom:-4px;
	}
	.round_bottom {
		background-image: url(../neo2007_images/indexLoginBottom.gif);
		height:10px;
	}
	.line { 
		border-left: 1px solid #939CA4;
		border-right: 1px solid #939CA4;
	}
	.logo { 
		background-color:#FFF;
	}
	.message { 
		border-left: 1px solid #939CA4;
		border-right: 1px solid #939CA4;
		background-color: #445B6F;
		color: #ECEEF0;
	}
	.inputData { 
		border-top: 1px solid #ECEEF0;
		border-bottom: 1px solid #ECEEF0;
		background-image: url(../neo2007_images/indexInputBackground.jpg);
		background-repeat: repeat-x;
		background-position: top left;
	}
	.inputData span {	
		text-align:right;
		color: #ECEEF0;
		font-size:14px;
		font-stretch:expanded;
		line-height: 1.8;
	}
	.info { 
		background-color: #809AAE
	}
	.center_text { text-align: center; }
	.content p {
		
	}
/*     Tabellen met Formfields      */ 
/* //////////////////////////////// */
/*       In de class content        */
	
	input, select, 	textarea {
		color: #445B6F;
		border:1px solid #445B6F;
		vertical-align:middle;
		padding:1px;
		margin:2px;
	}
	input:hover, textarea:hover, input:focus,	 textarea:focus {
		background-color:#D2DCE6;
		border:#445B6F 1px solid;
	}
	select:hover {border:#445B6F 1px solid;}
	
	textarea {
	 	font-size:1em;
	}
	
	input.clean, input:hover.clean, select.clean, select.clean:hover {background-color:#ECEEF0;border-color:#445B6F; margin:0px; padding:0px; width:auto;}
	input.clean, input:hover.clean {border:0px;}