/* 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:0px;}
	.left {float:left;}
	.right {float:right;}
	.button{ cursor:pointer;}
	.line { width:498px; }
	.line_noborder { width:500px; }
	.round_top, .round_bottom { width: 500px; height:0px;}
	.info { height: 130px; }
	.message { height: 28px; }
	.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: #CCC; width:490px;}
	.header a:link, .header a:visited {	color: #CCC; }
	.header a:active, .header a:hover {	color: #FFF; background-color: #003366; }
	.container {
		text-align: left;
		width: 500px;
		margin: 0 auto;
		padding-top:150px;
	}
	.loginBox { width: 500px; }
	.footer { 
		color: #000;
		text-align:center; 
	}
	.round_top {
		border-top: 1px solid #859EB8;
		_margin-bottom:-14px;
	}
	.round_bottom {
		border-bottom: 1px solid #859EB8;
		_margin-top:-15px;
	}
	.line { 
		border-left: 1px solid #859EB8;
		border-right: 1px solid #859EB8;
	}
	.logo { 
		background-color: #276AB7;
	}
	.message { 
		font-size: 1.1em;
		border-left: 1px solid #859EB8;
		border-right: 1px solid #859EB8;
		background-color: #68AAEC;
		color: #113990;
	}
	.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;
		font-size: 1.2em;
		color: #ECEEF0;
		line-height: 1.8;
	}
	.info { 
		background-color: #E6EFF7;
	}
	.center_text { text-align: center; }
	.lock { padding-left:5px; padding-right:5px; padding-top: 2px; padding-bottom:2px;}
	.footer { color: #CCC; }

/*     Tabellen met Formfields      */ 
/* //////////////////////////////// */
/*       In de class content        */
	
	input, select, 	textarea {
		color: #003366;
		border:1px solid #3C7BA7;
		background-color: #FFF;
		vertical-align:middle;
		padding:1px;
		margin:2px;
	}
	input:hover, textarea:hover, input:focus,	 textarea:focus {
		background-color:#E6EFF7;
		border:#3C7BA7 1px solid;
	}
	select:hover {border:#3C7BA7 1px solid;}
	
	textarea {
	 	font-size:1em;
	}
	
	input.clean, input:hover.clean, select.clean, select.clean:hover {background-color:#E6EFF7;border-color:#3C7BA7 ; margin:0px; padding:0px; width:auto;}
	input.clean, input:hover.clean {border:0px;}