/*
Client: P.J.Kooij en Zn B.V.
CSS Document: Version 1.0 2009
Developer: Agora Webdesign
URL: http://www.agoraweb.computerservicerandstad.nl/
*/

/*------------------------------------------------------------------------------*/
/*	 WEBSITE BODY					*/
/*------------------------------------------------------------------------------*/
body {margin:0; padding:0; width:100%; font-family:Helvetica, Arial;}

/*------------------------------------------------------------------------------*/
/*	 TOP DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#top_body{width:100%; background-color:#FFFFFF;}
#top_container{
	width:900px;
	height:136px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#top_col_1{width:144px; float:left; display:inline;}
#top_col_2{width:393px; float:right; display:inline;}


/*------------------------------------------------------------------------------*/
/*	 MAIN CONTENT DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#main_body{margin:0; padding:0; width:100%; background-color:#FFFFFF;}
#main_container{width:900px; margin: 20px auto;}

#main_col_1{width:370px; float:left; display:inline;}
#main_col_2{width:510px; float:left; display:inline; margin-left:20px;}

/*Font Styles*/
#main_col_2 p{color:#727272; margin:0; padding:0 0 16px 0; line-height:20px; font-size:12px;}
#main_col_2 p img{float:right; margin:5px 0 5px 15px;}
#main_col_2 p img.no{float:none; margin:0;}
#main_col_2 p a{color:#eb6f03; text-decoration:underline;}
#main_col_2 p a:hover{color:#eb6f03; text-decoration:underline;}

/*Header Styles*/
#main_container h1{font-size:24px; margin:0; padding:0; font-weight:normal; color:#96bf0e;}
#main_container h1.welcome {width:900px; height:66px; background: url(../images/h1_welcome.jpg) no-repeat; display:block; text-indent: -9999px;}


/*Column 2 List*/
#main_col_2 ul{font-size:12px; margin:0; padding-left:15px; color:#727272; line-height:18px;}
#main_col_2 ul li{padding:0 0 16px;}




/*------------------------------------------------------------------------------*/
/*	 FOOTER DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#footer_body{width:100%; background:url(../images/bg_footer_body.gif) repeat-x #83b400;}
#footer_container{background:url(../images/bg_footer_container.jpg) no-repeat; width:1000px; height:280px; margin:0 auto; font-size:14px;}
#footer_container .footer_nav{color:#ffffff; padding:75px 50px 0 0; float:right;}
#footer_container .footer_nav ul{list-style-type: none; padding:0; margin:0;}
#footer_container .footer_nav li {display:inline; padding: 0; margin: 0;}
#footer_container .footer_nav li a{color:#ffffff; text-decoration:none;}
#footer_container .footer_nav li a:hover{color:#ffffff; text-decoration:underline;}
#footer_container .footer_content{padding:15px 50px 0 0; float:right; text-align:right;}
#footer_container .footer_content p{color:#FFFFFF; margin:0; padding:0 0 15px;}
#footer_container .footer_content p a{color:#FFFFFF;}

#footer_container .web_design{margin:0 50px 0; padding: 14px 0; width:91px; float:left;}
#footer_container .web_design a{width:91px; height:51px; background: url(../images/agora_web_design.jpg) 0px 0px no-repeat; display:block; text-indent: -9999px;}
#footer_container .web_design a:hover{background:url(../images/agora_web_design.jpg) -91px 0px no-repeat; display: block;}

.icons{width:300px; margin:0 50px 0; float:right;}
.icons ul{margin:0; padding:0; list-style-type:none;}
.icons li{margin:0; padding:0; float:right;}

/*------------------------------------------------------------------------------*/
/*	 MISC VALUES, DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

.clearcols{clear:both; height:1px;}