@charset "utf-8";
/* CSS Document 
				
	In opdracht van				: Agnesi
	Design 						: VanderLoo-Design.nl
	Code & functionaliteiten	: VanderLoo-Design.nl
	
	Updated:  2010
	
	Agnesi
	Groningen 2010
	| © 2010 Agnesi |
				
	Kleurcodes
	lichtgroen						: #c9dece
	headingrood						: #ee3224

–––––––––––––––––––––––––––––––––––––––---------–––––––––*/ 

* {
	color:#2c2c2c;
	font-family:tahoma; 
	margin:0; 
	padding:0; 
}

html, body{
	background-color:#dfd7ce;
}

body{
	font-size:10pt;
	line-height:17px;
}

div.spacer{
	clear:both;
	height:0px;
}

#main-container{
	margin:auto;
	position:relative;
	width:955px;
}

#container{
	background-color:#FFF;
	background-image:url("../images/background.jpg");
	background-position:center;
	background-repeat:repeat-y;
	position:relative;
	width:1000px;
}

	#container h1{
		color:#000;
		font-size:10pt;
		font-weight:bold;
		margin:10px 0 15px 0;
	}

p{
	font-size:10pt;
	margin-bottom:15px;
}

#header{
}
	#header img{
		margin:0px -2px -3px 0px;
	}

/*---Content menu---––––––––––––––––––––––––––––––------–*/
	
		.menu {
			background-color:#c9dece;
			float:left;
			margin-bottom:2px;
			position:relative;
			width:953px;
			z-index:100;
		}
		
		.menu ul li a, .menu ul li a:visited {
			background:#c9dece;
			border-left:1px solid #fff; 
			border-right:1px solid #fff; 
			color:#242021;
			display:block; 
			font-size:13px; 
			line-height:20px; 
			overflow:hidden;
			padding:2px 0 2px 0;
			text-align:center; 
			text-decoration:none; 
			width:150px; 
		}

		.menu ul {
			list-style:none;
			margin:0; 
			padding:0; 
		}
		
		.menu ul li {
			float:left; 
			position:relative;
		}
		
		.menu ul li ul {
			display:none;
		}
		
		/* specific to non IE browsers */
		.menu ul li:hover a {color:#fff; background:#099144;}
		.menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:105px;}
		.menu ul li:hover ul li a.hide {background:#c9dece; color:#fff;}
		.menu ul li:hover ul li:hover a.hide {background:#c9dece; color:#ffffff;}
		.menu ul li:hover ul li ul {display: none;}
		.menu ul li:hover ul li a {display:block; background:#c9dece; color:#000;}
		.menu ul li:hover ul li a:hover {background:#099144; color:#ffffff;}
		.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:140px; top:0;}
		.menu ul li:hover ul li:hover ul.left {left:-140px;}
/*---Content menu---––––––––––––––––––––––––––––––einde––*/

#left{
	float:left;
	margin-top:10px;
	padding:10px;
	width:222px;
}

	#left img{
		padding-top:60px;
	}
	
	#social-media{
		padding-top:60px;
	}

#middle{
	background-color:#c9dece;
	float:left;
	min-height:350px;
	padding:10px 10px 30px 10px;
	width:472px;
}

	#loginform {
	}

		#loginform h2{
			font-size:12px;
			font-weight:bold;
		}

#right{
	background-image:url("../images/agnesi_bg_logo.jpg");
	bottom:0px;
	float:right;
	height:210px;
	position:absolute;
	right:63px;
	width:203px;
}

div.button{
		width:300px;
		height:50px;
}

	div.button a{
		background:url("../images/button.png") no-repeat;
		color:#ffffff;
		font-weight:bold;
		height:34px;
		line-height:24px;
		padding:5px 10px 10px 20px;
		position:absolute;
		text-decoration:none;
		width:159px;
	}

	div.button a:hover{
		background:url("../images/button-over.png") no-repeat;
		color:#2c2c2c;
		font-weight:bold;
		height:34px;
		line-height:24px;
		padding:5px 10px 10px 20px;
		text-decoration:none;
	}


#footer{
	background-image:url("../images/footer.jpg");
	bottom:0px;
	clear:both;
	height:44px;
	text-align:center;
	width:1000px;
}

	#footer a{
		color:inherit;
		text-decoration:none;
	}
	
	#footer a:hover{
		color:inherit;
		text-decoration:underline;
	}

div.info {
	padding-left:20px;
	position:absolute;
	font-size:11px;
	width:200px;
	height:40px;
	z-index:10;
	border: 1px solid red;
	background:white;
}