body,html
	{
	cursor: 	default;
		background: #009EE0;
	height: 	100%;
	width: 		100%;
	margin: 	0px;
	padding: 	0px;
    border: 	none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:	14px;
	}


#container 
	{
	position:	relative;	
	min-height: 100%;
	height: 	100%;
	width:		100%;
	padding: 	0px;	
	}
	



#logoZ
	{
	position:	absolute;
	top:		30px;
	left:		60px;	
	float: 		left;
  	width:		128px;
	height:		160px;
 	padding:	0px;
	}

#logoTxt
	{
	position:	absolute;	
	top:		195px;
	left:		60px;
	float: 		left;
  	width:		128px;
	height:		160px;
  	}
	
#logoO
 	{
	background-image:url('/img/bg/zo_logo_1.gif');	
	position:	absolute;
	float: 		left;
	top:		30px;
	left:		190px;
  	width:		160px;
	height:		160px;
  	}

#logoOProjecten
 	{	
	background-image:url('/img/bg/zo_logo_1.gif');
	position:	absolute;
	float: 		left;
	width:		160px;
	height:		160px;
  	}
	
#logoOZo
 	{	
	background-image:url('/img/bg/zo_logo_2.gif');
	float: 		left;
	width:		160px;
	height:		160px;
  	}

#logoOBeoordelen
 	{	
	background-image:url('/img/bg/zo_logo_3.gif');
	float: 		left;
	width:		160px;
	height:		160px;
  	}

#logoOContact
 	{	
	background-image:url('/img/bg/zo_logo_4.gif');
	float: 		left;
	width:		160px;
	height:		160px;
  	}
	
#login a
	{
	position:absolute;
	background-image:none;
	}

#login a:hover
	{
	background-image:url('/img/bg/login.gif');
	}

li#active
	{	
	background-color: #000000;
	color:#FFFFFF; 
	} 

li#inactive
	{	
	background-color: #009EE0;
	color:#FFFFFF; 
	} 


#info
	{
	position: 		absolute;
	float:	left;
	bottom: 7%;
  	width:			175px;
	height:			80px;
	
  	margin-left:	60px;
	padding:		0px;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight: 	bold;
	color:			#000000;	
	}




#navigatie
	{	
	position:			absolute;
	top:				20px;
	right: 				20%;	
	width: 				395px;
	height: 			40px;
	font-size:			16px;
	font-weight: 		bold;
	color:				#FFFFFF;
	text-align:			center;
	}
	
#navigatie li

	{
	float:			left;
	list-style:		none;
	width:			76px;
	height:			40px;
	padding-top: 	2px;
	text-align:		center;
	}
	
#navigatie li.item_0

	{

	width:			85px;
	}
#navigatie ul
	{
	margin-top:			12px;
	top:					0px;
	width:				394px;
	padding-left:		0px;
	margin-left:		7px;
	}
	

li a
	{
	text-decoration:	none;
	font-size:			16px;
	font-weight: 		bold;
	color:				#FFFFFF;
	}


li a:hover
	{
	text-decoration:	none;
	font-size:			16px;
	font-weight: 		bold;
	color:				#FFFFFF;
	}


li a:active
	{
	text-decoration:	none;
	font-size:			16px;
	font-weight: 		bold;
	color:				#FFFFFF;
	}
		


#contentWrap
	{
	position:			absolute;
	top:					55px;
	right:				20%;
	width:				388px;
	height: 				85%;
	background-color:	#000000;
	}

#title
	{
	width:				370px;
	height: 				15px;
	margin-left:		6px;
	margin-top:			15px;
	padding-left:		0px;
	padding-top:		15px;
	font-size:			16px;
	font-weight: 		bold;
	color:				#009EE0;
	z-index: 			1;	
	}
		
#content
	{
	margin-left:		6px;
	margin-top:			10px;
	padding-left:		0px;
	padding-top:		5px;
	padding-right:		15px;
	color:				#FFFFFF;
	height: 				85%;
	width:				367px;
	overflow-y:			auto;
	overflow-x: 		hidden;	
	z-index:				2;	
	}


#content .text{
	width:				355px;
	}


#projectWrap
	{
	width:				355px;
	margin-left:		0px;
	margin-top:			15px;
	padding-left:		0px;
	padding-top:		15px;
	}
	
#projectTitle
	{
	font-size:			16px;
	font-weight: 		bold;
	color:				#009EE0;
	}

#projectDate
	{
	font-size:			10px;
	font-weight: 		bold;
	color:				#009EE0;
	}

#projectBody
	{
	font-size:			14px;
	color:				#FFFFFF;
	}



h1
	{
	font-size:		18px;
	text-align:		left;
	font-weight:	bold;
	color:			#FFFFFF;
	}
	
	
h2
	{
	font-size:		14px;
	text-align:		left;
	line-height:	15px;
	font-weight:	bold;
	text-decoration:underline; 
	color:			#D82B56;
	}
	
/* Forms
----------------------------------------------- */


legend 
{
	font-size:22px;
	color:#009EE0;
	font-size:27px;
	border: 0px;
}

label 
{
	display:block;
	float:left;
	width:120px;
}

form 
{
position:			absolute;
	top:				55px;
	left:				0px;
	
	border: 			0px;
	width: 				200px;
	margin-left:		0px;
	margin-top:			5px;
	padding-left:		10px;
	padding-top:		5px;
	}

fieldset 
{
	border: 0px;
	width: 130px;
	}
	
	
input
{
	font-family: arial, verdana;
	font-size:14px;
}

input
{
	float:left;
	width:100px;
	height:17px;
	border:0px;
	margin-bottom:3px;
}

input.upload
{
	height:22px;
	width:250px;
	border:1px solid black;
}

textarea
{
	width:300px;
	height:120px;
	border:0px;
	margin-bottom:3px;
}

textarea#ArticleBodytext
{
	font-size:30px;
}

.submit
{
	width:80px;
	height:19px;
	cursor:pointer;
	background-color:#CCCCCC;
	border:1px solid #404040;
	font-weight: 600;
	color:#009EE0;
	text-transform:uppercase;
}

a, a:active{
	color: #009EE0;
	text-decoration:none;
}

a:hover{
text-decoration:underline;
}