* {
	margin: 0px;
	padding: 0px;
}

body {
	background:#fff;
	font-family:"Arial", "Georgia";
	color:#000;

}

#background_imagePlaceHolder {
	position:fixed;
	background:#CCC;
}

#pageBG {
	position:absolute;
	width:100%;
	height:100%;	
	z-index: 9;
	background:#fff;
	filter: alpha(opacity=95); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95); /* IE */
	-moz-opacity: .95; /*older Mozilla*/
	-khtml-opacity: 0.95;   /*older Safari*/
	opacity: 0.95;   /*supported by current Mozilla, Safari, and Opera*/
}

#template {
	position:relative;
	margin:0 auto 60px;
	top: 60px;
	width:640px;
	height:1000px;	
}

#wrapperWebPage {
	position:relative;
	z-index:20;
	overflow:hidden;
	height:1000px;
}


#logo {
	position:relative;
	height: 100px;
	padding-top:30px;
	padding-right:10px;
}

#menu {
	position:relative;
	padding-top:40px;
	padding-right:10px;
	height:400px;
	
}


u {
	height:60px;
	line-height:60px;
	vertical-align:bottom;
}

#content {
	position: relative;
	width:100%;
	height:auto;
}

#rightFrame {
	position:absolute;
	left:450px;
	top:60px;
	width:190px;
	height:900px;
	border-left:#ccc 1px solid;
	font-size:10px;

}

#contact {
	height:auto;
	padding-left:10px;
}

#inHetNieuws {
	height:auto;
	padding-left:10px;
}

#worldMap {
	height:auto;
	padding-left:10px;
}

#blogs {
	height:auto;
	padding-left:10px;
}



/*login scherm */

#login {
	height:auto;
	width: 100%;
	padding-left:10px;
	overflow:hidden;
}


#loginInline {
	width:140px;
}


.formInlogVenster {
	top: 40px;
	left: 10px;
	line-height:18px;
	font-size: 11px;
	color: #333333;
	letter-spacing: 1px;
	vertical-align:middle;
}



.accessStatus {
	top:11px;
	width:180px;
	height: 20px;
}

.accessStatusImg {
	top: 11px;
	left: 164px;
	border:none;
	text-decoration:none;
	cursor:pointer;
	cursor: hand;
	text-align:right;
	
}

.inputField {
	width: 140px;
	height:18px;
	border: #CCCCCC 1px solid;
}





button.select {
	font-size:10px;
	cursor:pointer;
	/*-moz-border-radius: 3px 3px 3px 3px;*/
	/*background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;*/
	background:#fff;
	border:1px solid #CCCCCC;
	padding:1px 1px 1px 1px;
}
button.selected {
	font-size:10px;
	cursor:default;
	font-weight:bold;
	/*-moz-border-radius: 3px 3px 3px 3px;*/
	/*background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;*/
	color:#fff;
	background:#000;
	border:1px solid #000;
	padding:1px 1px 1px 1px;
}

button.deselect {
	font-size:10px;
	cursor:default;
	color:#000;
	/*-moz-border-radius: 3px 3px 3px 3px;*/
	background:#fff;
	border:1px solid #ccc;
	padding:1px 1px 1px 1px;
}

a {
	color:#EB8023;
}



.img1 {
	border:#000 1px solid;
}



p {
	font-size:11px;
	line-height:20px;
	font-family: Arial;
	letter-spacing:1px;
}


.pClass1 {
	font-size:10px;
	line-height:14px;
	font-family: Arial;
	letter-spacing:1px;
	margin-left: 20px;
}



h1 {
	color:#000;
	font-size:26px;
	font-family: Georgia;
	font-weight:normal;
	letter-spacing: 1px;
}


h2 {
	color:#EB8023;
	font-size:14px;
	font-family: Georgia;
	font-weight:normal;
}

h3 {
	color:#000;
	font-size:18px;
	font-family: Georgia;
	font-weight:normal;
}

h3.blackbox {
	color:#fff;
	padding:0px 2px 0px 2px; /*t r b l*/
	font-size:12px;
	font-family: Arial;
	font-weight:normal;
	letter-spacing:1px;
	background:#000;
	display:inline;
}



h4 {
	color:#000;
	font-size:10px;
	font-style: normal;
	font-weight: normal;
}

h5 {
	position:relative;
	top:2px;
	color:#fff;
	padding:2px 6px 2px 6px; /*0 0 b l*/
	font-size:24px;
	font-family: Georgia;
	font-weight:normal;
	background:#000;
	display:inline;
	text-transform: uppercase;
}

h6 {
	position:relative;
	top:2px;
	color:#000;
	padding:2px 6px 2px 6px; /*0 0 b l*/
	border:#000 1px solid;
	font-size:10px;
	font-family: Arial;
	font-weight:normal;
	background:#fff;
	display:inline;
	text-transform: uppercase;
}


.blackbox {
	color:#fff;
	padding:0px 2px 0px 2px; /*t r b l*/
	font-size:10px;
	font-family: Arial;
	font-weight:normal;
	background:#000;
	display:inline;
}




table {
	font-size:10px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor:poiter;
	
}



ul {
	list-style-position: inside;
	list-style-type: square;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.ul01 {
	font-size:12px;
}



<!--sliding menu-->
#SM_slideMenu {
	position:relative;
	height:auto;
	width:110px;
}

.SM_button {
	position:relative;
	height: 20px;
	text-align:right;
	font-family: Georgia;
	font-size: 16px;
	cursor: pointer;
}

.SM_contentWrapper {
	position:relative;
	height: 0px;
	width: 100%;
	overflow:hidden;
	vertical-align:bottom;
}

.SM_content {
	height:24px;
	width:100%;
	text-align:right;
	font-size: 10px;
	cursor: pointer;
	line-height:24px;
	vertical-align:middle;
}

.b {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;


}



/* home index */

#home_top{
	position:relative;
	height:100%;
	width:410px;
	/*background:#ccc;*/
	/*border:#ccc solid 1px;*/
}

#home_news_header {
	position:relative;
	width: 100%;
	padding-right:2px;
	padding-bottom:10px;
}

#home_news_image {
	position:relative;
	left:0px;
	width:390px;
	border:#000 solid 1px;
	
}

#home_project_image {
	position:relative;
	padding:2px;
}



#home_project_header {
	position:relative;
	left:0px;
	height:154px;
	width: 116px;
	padding-left:2px;
	text-align:left;
}

#home_bottom {
	position:relative;
	height:100%;
	width:100%;
	/*background:#0F9;*/
}

#home_list {
	position:relative;
	padding: 10px 10px 10px 10px; /*boven,rechts,onder,links*/
	display:inline;
}

.homeItem {
	font-size:14px;
	letter-spacing:1px;
}


/* project index */
#projects_wrapper, #project_wrapper, #publication_wrapper, #blog_wrapper, #news_wrapper, #home_wrapper {
	position:relative;
	top:10px;
	left:10px;
	width:392px;
	height:auto;
	padding-bottom:40px;
}

#project_item {
	position:relative;
	height:100px;
	width:390px;
	border-bottom:#ccc dotted 1px;
	margin-top:10px;
	margin-bottom:10px;
	overflow: hidden;
	
}

#project_image {
	position:absolute;
	padding:2px;
	left:0px;
}

#project_header {
	position:absolute;
	top:4px;
	left:90px;
	height:100%;
	width: 260px;
	padding-left:2px;
	text-align:left;
	overflow: hidden;
}

#PI_arrow{
	position:relative;
	top:22px;
	right:4px;
	float:right;
	visibility:hidden;
}


/* projectSpec index */



#projectSpec_header {
	position:relative;
	margin-top:4px;
	
}

#projectSpec_BigImg {
	position:relative;
	left:0px;
	width:390px;
	border:#000 solid 1px;
}

#projectSpec_gallery {
	position:relative;
	margin:6px 0px 6px 0px;
	padding-bottom:6px;
	border-bottom:#ccc 1px dotted;
}



#project_thumbs_scrollArrow_right {
	position:absolute;
	top:16px;
	left:-4px;
	width:20px;
	height:20px;
	background: url(../img/icon/us_icons.png) -120px 0px;
	cursor:pointer;
}

#project_thumbs_scrollArrow_left {
	position:absolute;
	top:16px;
	right:-4px;
	width:20px;
	height:20px;
	background: url(../img/icon/us_icons.png) -140px 0px;
	cursor:pointer;

}

.thumb_img {
	border:#000 1px solid;
	/*margin:0px 3px 0px 3px;*/
	cursor:pointer;
}

#project_thumbs_scrollView {
	position:relative;
	top:0px;
	left:16px;
	width:358px;
	height:54px;
	
	border-left:#ccc 1px dotted;
	border-right:#ccc 1px dotted;
	overflow:hidden;
}


.list_item{
	margin:0px 3px 0px 3px;	
}








.highlightOrange {
	color:#F63;
}

.cursor {
	cursor:pointer;
}
	


.nonselect {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}


/* overlay */
#overlayMain {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	text-align:center;
	vertical-align: middle;
	visibility:visible;
	z-index:20000;
}

#overlayBg {
	position:fixed;
	background:#000;
	width: 100%;
	height:100%;
	z-index:20001;
}

#overlayToggle {
	position: fixed;
	width: 100%;
	height: 100%;
	vertical-align:middle;
	text-align:center;
	z-index:20002;
}

#overlayContent {
	position: absolute;
	
	width:700px;
	margin-left: -350px;
	left: 50%;
	right: 0%;
	margin-right: auto;
	
	height: 395px;
	margin-top: -202px;
	top: 50%;
	bottom:0%;
	margin-bottom:auto;

	
	vertical-align: middle;
	background:#FFFFFF;
	z-index:20003;
}



#NI_wrapper, #PI_wrapper {
	position:relative;
	top:10px;
	left:10px;
	width:392px;
	height:460px;
	overflow:hidden;
}

#NI_header, #PI_header {
	position:relative;
	overflow:hidden;
}

#NI_fader, #PI_fader {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
	visibility:hidden;
}

#NI_headTitle, #PI_headTitle {
	position:relative;
	height:70px;
	z-index:1;
}

#NI_img, #PI_img {
	position:relative;
	border:#000 solid 1px;
	margin-bottom:10px;
	z-index:1;
}

NI_description {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2;
}


/* BLOG   */
.blog_item {
	position:relative;
	margin-bottom:20px;
	border-bottom:#ccc 1px dotted;
}

#blog_header {
	position:relative;
	margin-bottom:10px;
}


#blog_text {
	position:relative;
}

#blog_nav_top {
	position:relative;
	float:right;
	top:10px;
}


/* network */
#network_wrapper {
	position:relative;
	top:0px;
	left:0px;
	width:389px;
	height:auto;
	/*background:#f00;*/
}

#network_scrollView{
	position: relative;
	top: 0px;
	left: 10px;
	height: 1040px;
	width: 392px;
	background: #FFFFFF;
	overflow:hidden;
	/*border:#000 1px solid;*/
}

#network_menubar_top{
	position:relative;
	top:0px;
	left:0px;
	width:390px;
	height:20px;
	background:#fff;
	border-bottom:#ccc dotted 1px;
	overflow:hidden;
}

#network_menubar_bottom{
	position:relative;
	top:0px;
	left:0px;
	width:390px;
	height:100px;
	background:#fff;
	border-top:#ccc dotted 1px;
}


.tableOffice tr{
	vertical-align:top;
}