* {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
body {
	font-family: arial, tahoma;
	font-size: 11px;
	color: #333333;
	/* margin-top: 0px; */
	margin: auto;
	background: url('../templates/standard/background.jpg');
	}
	
#site {
	width: 906px;
	margin: auto;
	margin-top: 0px;
}

h1 {
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	margin: 0px 0px 8px 0px;
}

	.h1, .h1:link, .h1:visited {
		font-size: 18px;
		font-weight: normal;
		color: #333333;
		margin: 0px 0px 8px 0px;
	}

	.h1_page_name {
		font-size: 18px;
		font-weight: normal;
		color: #333333;
		margin: 0px 0px 4px 0px;
	}

h2 {
	font-size: 15px;
	font-weight: normal;
	color: #333333;
	margin: 0px 0px 5px 0px;
}

p {
	line-height: 15px;
	text-align: justify;
	margin: 0px 0px 7px 0px;
	color: #333333;
}

a {
	text-decoration: none;
}

a:visited, a:link, a:active {
	color: #2290cf;
}

a:hover {
	text-decoration: underline;
	color: #2290cf;
}

.blue {
	color: #003399;
}

.red {
	color: #cc0000;
}

.yellow {
	color: #ffff00;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

/* Top Style */

#top {
	float: left;
	width: 906px;
}

#top #header {
	width: 906px;
	float: left;
	border: solid #2290cf;
	border-width: 2px 0px 0px 0px;
}

#top .navigation {
	width: 296px; height: 38px;
	margin: 106px 0px 0px 0px;
	float: left;
	border: solid #2290cf;
	border-width: 2px 0px 0px 0px;
}

	.navigation ul {
		height: 38px;
		float: left;
	}
	
	.navigation li, .navigation li a {
		height: 38px;
		float: left;
	}
	
	.navigation li a, .navigation li .active, .navigation li .active:hover, .navigation li a:active, .navigation li a:hover {
		width: 80px; height: 22px;
		margin: 8px 0px 0px 14px;
		padding: 5px 0px 0px 0px;
		color: #ffffff;
		text-decoration:none;
		text-align: center;
		/* display: block; */
		vertical-align: top;
	}
	
	.navigation li .active, .navigation li .active:hover, .navigation li a:active {
		background: url(../templates/standard/button_active.png) no-repeat;
		display: block;
		vertical-align: top;
		float: left;
	}
	
	.navigation li a:hover {
		background: url(../templates/standard/button_hover.png) no-repeat;
		display: block;
		vertical-align: top;
		float: left;
	}

#top #logo {
	width: 314px; height: 146px;
	float: left;
}

	#logo img {
		width: 220px; height: 116px;
		margin: 0px 47px 0px 47px;
		border: none 0px;
	}

#top .slogan {
	width: 314px; height: 10px;
	float: left;
	text-align: center;
}

#top .slogan a {
		width: 314px;
		color: #ffffff;
		font-size: 9px;
		text-decoration: none;
	}
	
/* Middle Style */

#middle {
	width: 906px;
	float: left;
}

#middle #contentbg {
	width: 100%; min-height: 285px; height: auto !important; height: 285px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	background: #f0f0f0;
	border: solid #2290cf;
	border-width: 2px 0px 2px 0px;
}
	
	#contentbg .content_s {
		width: 286px;
		margin: 10px 0px 2px 12px;
		float: left;
	}
	
	#contentbg .content_m {
		width: 584px;
		margin: 10px 0px 2px 12px;
		float: left;
	}
	
	#contentbg .content_l {
		width: 882px;
		margin: 10px 0px 2px 12px;
		float: left;
	}
	
	#contentbg .content_subnav {
		width: 174px;
		margin: 10px 0px 2px 12px;
		float: left;
	}
	
	#contentbg .content_full {
		width: 696px;
		margin: 10px 0px 2px 12px;
		float: left;
	}
	
	#contentbg .line_h {
		float: left;
		width: 100%;
		height: 1px;
		background: #909090;
		margin: 5px 0px 4px 0px;
	}
		
	#contentbg .item {
		width: 286px; height: 74px;
		padding: 0px 0px 10px 0px;
	}
	
	#contentbg .item h2, #contentbg .item h2 a {
		font-size: 11px;
		font-weight: bold;
		color: #333333;
	}
	
	#contentbg .normal {
		color: #333333;
	}
	
	#contentbg .item p {
		line-height: 14px;
		font-size: 11px;
		color: #333333;
	}
	
	#contentbg .item img {
		width: 72px; height: 72px;
	}
	
	#contentbg img {
		margin: 0px 10px 10px 0px;
		border: solid 1px #909090;
	}
	
	#contentbg .img_left {
		margin: 0px 15px 15px 0px;
		float: left;
		border: solid 1px #909090;
	}
	
	#contentbg .img_right {
		margin: 0px 0px 15px 15px;
		float: right;
		border: solid 1px #909090;
	}
	
	#contentbg .item_image {
		margin: 0px 0px 5px 0px;
	}
	
	#contentbg .list a {
		color: #333333;
	}
	
	#contentbg .list a:hover {
		color: #2290cf;
	}
	
	#contentbg .column_xl {
		width: 250px;
		margin: 0px 15px 0px 0px;
		float: left;
	}
	
	#contentbg .column_l {
		width: 175px;
		margin: 0px 15px 0px 0px;
		float: left;
	}
	
	#contentbg .column_m {
		width: 100px;
		margin: 0px 15px 0px 0px;
		float: left;
	}
	
	#contentbg .column_s {
		width: 50px;
		margin: 0px 15px 0px 0px;
		float: left;
	}
	
	#contentbg .thumb {
		position:relative;
		text-align:center;
		width: 186px; height: 100%;
		margin: 0px 6px 0px 2px;
		float: left;
	}
	
	#contentbg .thumb img {
		border: solid 1px #909090;
	}
	
	#contentbg .thumb .horizontal {
		width: 184px; height: 120px;
		float: left;
	}
	
	#contentbg .thumb .square {
		width: 170px; height: 170px;
		float: left;
	}

	#contentbg .form_span {
		width: 175px;
		margin: 4px 25px 0px 0px;
		float: left;
	}
	
	#contentbg .form_input {
		width: 175px;
		margin: 4px 50px 0px 0px;
	}
	
	#contentbg .form_subject {
		width: 316px;
		margin: 4px 50px 4px 0px;
	}

	#contentbg .form_textarea {
		width: 320px; height: 150px;
		margin: 0px 50px 0px 0px;
	}
	
	#contentbg .form_checkbox {
		margin: 4px 100px 0px 0px;
		float: left;
	}
	
	#contentbg .buttons {
		margin: 5px 0px 0px 200px;
	}
	
	#content .portfolio {
		width: 220px;
		margin: 0px 0px 10px 10px;
		float: left;
		background: #ececec;
		font-weight: normal;
	}
	
		.portfolio h1 {
			margin: 7px 0px 7px 10px;
			float: left;
		}
		
		.portfolio ul {
			float: left;
			border: solid #909090;
			border-width: 0px 0px 1px 0px;
		}
		
		.portfolio li {
			width: 286px;
			float: left;
		}
		
		.portfolio li a {
			width: 272px;
			padding: 10px 0px 10px 14px;
			margin: 0px 0px 7px 0px;
			background: transparent url(../templates/standard/portfolio_btn_bg.jpg);
			border: solid #909090;
			border-width: 1px 1px 1px 1px;
			color: #ffffff;
			float: left;
		}
		
		.portfolio li .active, #navigation li .active:hover, #navigation li a:active, #navigation li a:hover {
			float: left;
		}
		
		.portfolio li .active, #navigation li .active:hover, #navigation li a:active {
			color: #2290cf;
			background: transparent url(../templates/standard/subnav_active.jpg);
			float: left;
		}
		
		.portfolio li a:hover {
			color: #2290cf;
			background: transparent url(../templates/standard/portfolio_btn_bg_hover.jpg);
			float: left;
		}
		
	.content_subnav .empty {
		width: 162px;
		height: 7px;
		float: left;
	}
	
	#content .subnav {
		width: 220px;
		margin: 0px 0px 10px 10px;
		float: left;
		background: #ececec;
		font-weight: normal;
	}
	
		.subnav h1 {
			margin: 7px 0px 7px 10px;
			float: left;
		}
		
		.subnav ul {
			float: left;
			border: solid #606060;
		}
		
		.subnav li {
			width: 286px;
			float: left;
		}
		
		.subnav li a {
			width: 162px; height: 19px;
			padding: 7px 0px 0px 10px;
			margin: 0px 0px 6px 0px;
			background: transparent url(../templates/standard/subnav_btn_bg.png);
			border: solid #606060;
			border-width: 0px;
			color: #ffffff;
			float: left;
			vertical-align: top;
		}
		
		.subnav li .active {
			color: #ffffff;
			background: transparent url(../templates/standard/subnav_btn_bg_hvr.jpg);
			float: left;
		}
		
		.subnav li a:hover {
			color: #ffffff;
			background: transparent url(../templates/standard/subnav_btn_bg_hvr.png);
			float: left;
		}
		
	#content .portfolio {
		width: 286px;
		margin: 0px 0px 10px 10px;
		float: left;
		background: #ececec;
		font-weight: normal;
	}
	
		.portfolio h1 {
			margin: 7px 0px 7px 10px;
			float: left;
		}
		
		.portfolio ul {
			float: left;
			border: solid #606060;
		}
		
		.portfolio li {
			width: 286px;
			float: left;
		}
		
		.portfolio li a {
			width: 276px; height: 19px;
			padding: 7px 0px 0px 10px;
			margin: 0px 0px 6px 0px;
			background: transparent url(../templates/standard/portfolio_btn_bg.png);
			border: solid #606060;
			border-width: 0px;
			color: #ffffff;
			float: left;
			vertical-align: top;
		}
		
		.portfolio li .active {
			color: #ffffff;
			background: transparent url(../templates/standard/portfolio_btn_bg_hvr.jpg);
			float: left;
		}
		
		.portfolio li a:hover {
			color: #ffffff;
			background: transparent url(../templates/standard/portfolio_btn_bg_hvr.png);
			float: left;
		}
	
	.list .thumb {
		position:relative;
		text-align:center;
		width: 120px; height: 100%;
		margin: 5px 4px 2px 3px;
		float: left;
	}
	
	/* Page navigatie */

	#contentbg .pagenav {
		width: 100%;
		margin: 10px 0px 0px 0px;
		text-align: center;
		float: left;
	}
	
	.pagenav a {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #909090;
		text-decoration:none;
		color: #333333;
	}
	
	.pagenav a:hover, .pagenav a:active {
		border: 1px solid #999;
		color: #404040;
	}
	
	.pagenav .current {
	    margin: 2px;
		padding: 2px 5px 2px 5px;
		border: 1px solid #999;
		font-weight: bold;
		background-color: #cccccc;
		color: #333333;
	}
	
	.pagenav .disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #909090;
		color: #333333;
	}
	
/* Media icons style */

#contentbg #media_icons {
	width: 566px;
	padding: 6px 6px 3px 6px;
	background: #fafafa;
	border: 1px solid #909090;
	float: left;
}	

	#media_icons .media_icons {
		border: 0px none;
		margin: 0px 5px 0px 0px;
		padding: 0px;
	}	
	
/* Box style */

#middle #boxbg {
	width: 100%; min-height: 140px; height: auto !important; height: 140px;
	float: left;
	background: #f0f0f0;
	border: solid #2290cf;
	border-width: 2px 0px 2px 0px;	
}
	
	#boxbg .content_s {
		width: 286px;
		margin: 10px 0px 2px 12px;
		float: left;
	}
	
	#boxbg .content_m {
		width: 584px;
		margin: 10px 0px 2px 12px;
		float: left;
	}
	
	#boxbg img {
		width: 114px; height: 90px;
		margin: 0px 10px 10px 0px;
		border: solid 1px #909090;
	}

/* Bottom Style */

#bottom {
	height: 100%;
	float: left;
}

#bottom #footer {
	width: 100%;
	float: left;
	color: #ffffff;
}

	#footer .contentbg {
		width: 268px;
		padding: 11px 14px 11px 14px;
		float: left;
		border: solid #2290cf;
		border-width: 0px 0px 2px 0px;
	}
	
	#footer .contentbg a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#footer .slogan {
	width: 314px; height: 10px;
	padding: 12px 0px 12px 0px;
	float: left;
	text-align: center;
}

	#footer .slogan a {
		width: 314px;
		color: #ffffff;
		font-size: 9px;
		text-decoration: none;
	}