/*
http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css & http://yui.yahooapis.com/2.7.0/build/fonts/fonts-min.css

Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ---[ Content ]--- */

.content {
	padding: 0 15px;
}

.content .date {
	margin-bottom: 0;
	color: #666;
}

/* ---[ Paragraph formatting ]--- */

.content ul,
.content ol,
.content p {
	margin: 0 0 1.25em 0;
	font-size: 100%;
	line-height: 170%;
}

/* ---[ Table formatting ]--- */

.content table {
	margin: 0 0 1.25em 0;
	border: 1px solid #333;
	width: 100%;
}

.content table tr th,
.content table tr td {
	border: 1px solid #333;
	display: table-cell;
	padding: 5px;
	vertical-align: top;
}

.content table tr th {
	color: #fff;
	background-color: #555;
}

/* ---[ Headers ]--- */

.content h1,
.content h2,
.content h3 {
	clear: both;
	color: #333;
	margin: 0 0 0.2em 0;
}

.content h1 {
	font-size: 182%;
}

.content h2 {
	font-size: 153.9%;
}

.content h3 {
	font-size: 123.1%;
}

/* ---[ Links ]--- */

.content a {
	color: #333;
	text-decoration: underline;
}

.content a:hover {

}

/* ---[ Images ]--- */

.content img,
.content img.left {
	float: left;
	margin: 0 1em 0.5em 0;
}

.content img.right {
	float: right;
	margin: 0 0 1em 0.5em;
}

/* ---[ Text formatting ]--- */

.content strong {
	font-weight: bold;
}

.content em {
	font-style: italic;
}

.content blockquote {
	border-left: 1px double #666;
	padding-left: 10px;
	font-style: italic;
}

address {
	padding: 5px 10px;
	height: 20px;
	font-style: normal;
	text-align: right;
	color: #ccc;
}

/* ---[ Lists ]--- */

.content ul,
.content ol {
	margin: 0 0 1.25em 0;
}

.content ul li ul,
.content ol li ol {
	margin-bottom: 0;
}

.content p + ul,
.content p + ol {
	margin-top: -0.75em;
}

.content ul li {
	margin-left: 15px;
	padding: 0.1em 0 0.1em 0.1em;
	list-style-type: square;
}

.content ul li {
	margin-left: 15px;
	padding: 0.1em 0 0.1em 0.1em;
	list-style-type: disc;
}

.content ul li ul,
.content ul li ul li ul {
	margin: 0;
}

.content ul li ul li,
.content ul li ul li ul li {
	font-size: 100%;
}

ol li {
	margin-left: 20px;
	padding: 0.1em 0 0.1em 0;
	list-style-type: decimal;
}

		/*

		OPMAAK

		*/

		/* ---[ All ]--- */

		html, body {
			font-family: 'Arial';
			
		}

		a {
			color: #0084c9;
			text-decoration: none;
		}

		a:hover {
			color: #0084c9;
			text-decoration: underline;
				
		}
		
		#wpr-page {
			text-align: center;
		}

		#page {
			margin: 0 auto;
			padding: 0;
			width: 960px;
			text-align: left;
			
		}

		/* ---[ Header ]--- */

		#wpr-header {
			position: relative;
			height: 330px;
			
		}

		#header {

		}

		address {
			color: #56331f;
			font-weight: bold;
		}

		address a {
			color: #56331f;
			font-weight: bold;
		}

		#logo {
			position: absolute;
			left: 25px;
			top: 11px;
		}

		#logo a {
			outline: none;
			display: block;
			width: 212px;
			height: 79px;
			text-indent: -9000px;
			background: transparent url(/layouts/bonagente02/images/bg_logo.png) no-repeat top left;
		}

		/* ---[ Content ]--- */

		#wpr-main {
			margin-top:20px;
			line-height:150%;
		}

		#main {

		}

		/* ---[ Footer ]--- */

		#wpr-footer {
			clear: both;
			padding: 15px 10px;
			width: 965px;
			
		}

		#footer {

		}

		/* ---[ Clearing elements ]--- */

		/* clear float container without source markup - http://www.positioniseverything.net/easyclearing.html */
		#wpr-page:after,
		#wpr-header:after,
		#wpr-main:after,
		#wpr-footer:after,
		#wpr-generalmenu:after,
		#wpr-content:after,
		#wpr-sidebar-left:after,
		#wpr-sidebar-right:after,
		#wpr-breadcrumbs:after,
		.content:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
			font-size: 0;
			line-height: 0;
		}

		/* ---[ Layout ]--- */

		#wpr-sidebar-left,
		#wpr-content,
		#wpr-sidebar-right {
			float: left;
			min-height: 10px;
			padding: 0px 0;
		}

		#wpr-sidebar-left {
			width: 225px;
		}

		#sidebar-left {

		}

		#wpr-content {
			width: 955px;
			margin: 0 20px;
		}

		#content {
			width: 700px;
			float:left
		}

		#wpr-sidebar-right {
			width: 215px;
			float:left
		}

		#sidebar-right {

		}

			#wpr-portal {
				width: 955px;
				margin-left:27px;
				
			}	
			#portal {
				width: 515px;
				float:left;
			}