/* --------------------------  CSS Document index.htm - Pangaea - Internet Marketing   --------------------------*/

body {
	margin:					0px;
	padding:				0px;
	text-align:				center;
	background-color:		#fff;
	font-size:				76.1%;/*dit percentage zodat standaard font-size op 1.0 em kan*/
	font-family:			Arial;
	line-height:			1.2em;
}

table {
	margin:					0px;
	padding:				0px;
	text-align:				left;
	background-color:		#fff;
	font-size:				76.1%;/*dit percentage zodat standaard font-size op 1.0 em kan*/
	font-family:			Arial;
	line-height:			1.2em;
}

#mainframe {
	width:					882px;
	margin-left:			auto;
	margin-right:			auto;
}

#header {
	height:					130px;
	width:					882px;
	background:				#fff;
	float:					left;
}

#header img {
	height:					84px;
	width:					145px;
	margin:					24px auto 0px auto;
	border:					0px;
}

#nav-box{
	width:					880px;
	height:					59px;
	background-image:		url(../images/bg_menu.gif);
	background-repeat:		repeat-x;
	background-position:	top;
	border-left:			1px solid #03334f;
	border-right:			1px solid #03334f;
	float:                  left;
}

#banner {
	height:					217px;
	width:					882px;
rem	background-image:		url(../images/banner2.jpg);
	background-repeat:		no-repeat;
	background-position:	top;
	float:					left;

}
/*------------------------- items box --------------------------*/

#top-content-box {
	width:					882px;

	float:					left;

}

.item {
	width:					293px;
	float:					left;
	

}

.item img {	
	width:					86px;
	height:					106px;
	float:					left;
	border:					0px;
	padding:				22px 22px 12px 0px;
}

.item p {
	padding-right:			14px;
	}
	
.item .readon  a{
	padding-bottom:			20px;
}

/* Deze om de height styles te vermijden mbt tot het meegroeien van de blokken met content-----*/
.min-height {
	width:					1px;
	height:					150px;
	float:					right;
}

/*-------------------- main content box-----------------------*/

#main-content-box {
	width:					882px;
	background-color:		#e6f3fa;
	float:					left;
	background-image:		url(../images/bg_contentbox.gif);
	background-repeat:		repeat-y;
	background-position:	top;
}

#main-content-box h3 {
	background-image:		none;
	padding:				0;
	margin:					24px 0px 14px 0px;
	width:					570px;
}

/*-------news item-------------*/
.news-box {
	width:					301px;
	float:					left;
}

.news-item {
	width:					260px;
	float:					left;
	border-bottom:			1px solid #fff;
	padding:				0px 0px 0px 40px;
}

.news-item p {
	padding-right:			20px;
}

.news-item .readon  a{
	padding-bottom:			20px;
}
/* Deze om de height styles te vermijden mbt tot het meegroeien van de blokken met news items content-----*/
.min-height2{
	width:					1px;
	height:					115px;
	float:					right;
}


/*-----content item-------------*/
.content-box {
    width:                  510px;
	border-bottom:			1px solid #e6f3fa;
	float:					right;
	padding:				0px 30px 16px 0px;
	margin:			     	0;
	text-align:				left;
    display:                block;
    overflow:               hidden;
}

.content-box img {
	width:					120px;
	height:					100px;
	border:					0px;
	padding:				20px 30px 10px 0px;
    float:                  left;
}


/*-------------------------- bottom content box ---------------*/
#bottom-content-box {
	width:					882px;
	border-bottom:			1px solid #dee6ee;
	float:					left;
}
/*------ content porfolio box ----- */
#content-box-portfolio {
	width:					560px;
	float:					left;
	padding:				0px 20px 20px 40px;
}

#content-box-portfolio h3 {
	color:					#32486b;
	background-image:		none;
	width:					560px;
	padding:				0;
	margin:					26px 0px 20px 0px;
}

#content-box-portfolio img {
rem	width:					124px;
rem	height:					93px;
	border:					0px;
	padding:				16px 20px 10px 0px;
    float:                  left;
}

#content-box-portfolio ul {
	color:					#32486b;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	text-align:left;
}

#content-box-portfolio ol {
	color:					#32486b;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	text-align:left;
}

#content-box-portfolio ul ul {
	color:					#32486b;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	text-align:left;
}

#content-box-portfolio ol ol {
	color:					#32486b;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	text-align:left;
}

/*------ quicklinks ----- */
#quicklinks-box {
	width:					210px;
	height:					204px;
	float:					right;
	padding-top:			26px;
}

#quicklinks-box h3 {
	color:					#32486b;
	width:					180px;
	padding:				0px 0px 0px 0px;
	margin:					0px 0px 10px 0px;
	background-image:		none;
}

ul.quicklink-items  {
	color:					#32486b;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	display:				block;
	float:					left;
	list-style:				none;
	text-align:				left;
	padding:				0;
	margin:					0;
}

.quicklink-items  li {
	background-image:		url(../images/arrow.png);
	background-repeat:		no-repeat;
	background-position:	left;
	padding:				7px 0px 7px 18px;
	margin:					0;

}

.quicklink-items  a  {
	color:					#32486b;
    text-decoration:		none;
}

.quicklink-items  a:hover  {
	color:					#32486b;
}


/*------------------------- footer -------------------------------*/
#footer {
	background-color:		#fff;
	padding:				16px 0px 26px 0px;
}

#footer p {
	color:					#3d5883;
	text-align:				center;
}

#footer p a{
	color:					#3d5883;
    text-decoration:		none;
}


/*----------------------  main opmaak styles ---------------------*/
h1 {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	color:					#000;
}

h2 {
	font-size:				0.9em;
	font-family:			Arial;
}

h3 {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				1.1em;
	font-weight:			bold;
	color:					#d46400;
	background-image:		url(../images/arrow.png);
	background-repeat:		no-repeat;
	background-position:	left;
	float:					left;
	width:					164px;
	text-align:				left;
	padding:				0px 0px 0px 18px;
	margin:					24px 0px 14px 0px;
}

h4 {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	font-weight:			bold;
	color:					#32486b;
	float:					left;
	width:					245px;
	text-align:				left;
	padding:				0px 0px 0px 0px;
	margin:					18px 0px 10px 0px;
}


p {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	text-decoration:		none;
	color:					#32486b;
	font-weight:			normal;
	margin:					0;
	padding:				0;
	text-align:				left;
	line-height:			1.2em;
}

a {
    color:                  #33a9ed;
	text-decoration:		underline;
}

a:hover {
	color:					#33a9ed;
	text-decoration:		underline;
}


.readon a {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	height:					14px;
	font-weight:			bold;
	float:					left;
	color:					red;
	text-align:				left;
	color:					#32486b;
	margin-top:				10px;
    text-decoration:		none;
}

.readon a:hover {
	text-decoration:			underline;
	color:					#32486b;
}

span {
	color:					#33a9ed;
}

.sitemapClass {
	width:					100px;
	text-align:				left;
}
.menu_sitemap {
	width:					100px;
	text-align:				left;
}
.sitemap  {
	color:					#33a9ed;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	padding:				0px;
	margin:					0px;
	text-align:				left;
}
div.colofon {
	padding:9px;
	padding-bottom:px;
	margin-left:190px;
	width:540px;
	height:60px;
	text-align:center;
	font-family: verdana,swiss,arial;
	font-size:9px;
	font-weight:normal;	
	letter-spacing:0.2em;
}

a.colofon {color:#FFD896;text-decoration:none}
a.colofon:hover,a.colofon:active {color:#ffffff;text-decoration:underline;}