/*  TAG's  */
html{
	font-size: 100.1%;
	background: #fff;
}

body{
	background: #fff;
	margin: 0;
	font: 64% "Lucida Sans Unicode", Verdana, Georgia, "Trebuchet MS", sans-serif;
}
img{
	border: none;
	display: block;
}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
p, h1, h2, h3, h4{
	margin: 0;
	padding: 0;
}
a{
	color: #5f9bd8;
	text-decoration: none;
}
a:active, a:focus{
	outline:none;
	
}

/*  ,ain container  */
#main{
	width: 922px;
	margin: 0 auto;
	padding-top: 189px;
	position: relative;
	background: url(../images/main.gif) no-repeat;
}
/*  header  */
#header{
	height: 202px;
	position: absolute;
	top: 0;
	left: 0;
	width: 922px;
	overflow: hidden;
}
/* header image  */
#header .header-img{
	position: absolute;
	top: 8px;
	left: 12px;
}

/*  logotype  */
#header .logo{
	width: 180px;
	height: 58px;
	display: block;
	right: 38px;
	top: 36px;
	background:url(../images/logo.gif) no-repeat;
	position: absolute;
	z-index: 100;
}
/*  header navigation menu  */
#header #navigation{
	float: right;
	padding: 134px 18px 0 0;
}

#header #navigation li{
	float: left;
}

#header #navigation a{
	display: block;
	height: 27px;
	font: 14px/27px Georgia, "Times New Roman", Times, serif;
	color: #1a3d69;
	padding: 0 10px 0 10px;
}

#header #navigation a:hover, #header #navigation .selected {
	background: url(../images/navigation-hover.gif) repeat-x;
	color: #fff;
}
/*  content  */
#content{
	background: url(../images/content.gif) repeat-y;
	overflow: hidden;
	width: 922px;
	padding: 0 0 20px;
}
/*  main content(central column)  */
#content .main-content{
	width: 381px;
	float:left;
	margin: 0 0 0 258px;
	display: inline;
	padding: 0 0 0 0; /* was: 0 32px 0 0*/
}
/*  main-content TAG's  */
#content h1{
	color: #1e3055;
	font: bold 16px/20px "Lucida Sans Unicode", Verdana, Georgia, "Times New Roman", Times, serif;
	text-indent: -9999px;
	background: url(../images/h1.gif) no-repeat;
	height: 18px;
}

.main-content p{
	color: #474747;
	font: 11px/14px "Lucida Sans Unicode", Verdana, "Trebuchet MS", sans-serif;
	margin: 11px 0 13px;
}
/*  slogan  */
#content .slogan{
	color: #102451;
	font: 16px/20px "Lucida Sans Unicode", Verdana, Georgia,"Times New Roman", Times, serif;
	height: 25px;
}

#content .technodome{
	background:url(../images/slogan_technodome.gif) no-repeat;
}

#content .reden{
	background:url(../images/slogan_reden.gif) no-repeat;
}

#content .baat{
	background:url(../images/slogan_baat.gif) no-repeat;
}

#content .noeton{
	background:url(../images/slogan_noeton.gif) no-repeat;
}

#content .antworks{
	background:url(../images/slogan_antworks.gif) no-repeat;
}

#content .randzaak{
	background:url(../images/slogan_randzaak.gif) no-repeat;
}

.slogan strong{
	display: none;
}
/*  side bar (right bar)  */
#content .side-bar{
	width: 208px;
	float: right;
	display: inline;
	padding: 16px 43px 0 0px;
}
/*  side bar TAG's  */
.side-bar img{
	margin-bottom: 22px;
}
#technodome_banner {
	margin-bottom: 22px;
	text-align: center;
}
#technodome_banner img {
	display: inline;
}

#reden_banner {
	margin-bottom: 22px;
	text-align: center;
}
#reden_banner img {
	display: inline;
}

.side-bar strong {
	font: bold 11px/14px "Lucida Sans Unicode", Verdana, Georgia, "Times New Roman", Times, serif;
	color: #0074bd;
	padding: 0 17px;
}

.side-bar p{
	color:#474747;
	font: 11px/14px "Lucida Sans Unicode", Verdana, Georgia, "Times New Roman", Times, serif;	
	padding: 0 17px;
}
/*  side navigation menu  */
#main .side-nav{
	width: 258px;
	float: left;
	display: inline;
	position: absolute;
	top: 20px;
	left: 55px;
	z-index: 1500;
}

.side-nav ul{
	background: url(../images/side-nav.png) no-repeat;
	height: 469px;
	padding: 57px 0 0 35px;
	width: 182px;	
}

.side-nav ul a{
	text-indent: -9999px;
	display: block;
	position: relative;
	width: 135px;
}
/*  styles of button on side navigation menu  */
.side-nav .link-1 a{
	height: 58px;
	background: url(../images/link-1.gif) no-repeat;
}
.side-nav .link-2{padding-bottom: 8px;}
.side-nav .link-2 a{
	height:	56px;
	background: url(../images/link-2.gif) no-repeat;
}

.side-nav .link-3{padding-top: 6px;}
.side-nav .link-3 a{
	height: 57px;
	background: url(../images/link-3.gif) no-repeat 0 0px;
}

.side-nav .link-4{padding: 9px 0 5px;}
.side-nav .link-4 a{
	height: 53px;
	background: url(../images/link-4.gif) no-repeat;
}

.side-nav .link-5{padding: 11px 0 0;}
.side-nav .link-5 a{
	height: 59px;
	background: url(../images/link-5.gif) no-repeat;
}

.side-nav .link-6{padding: 6px 0 0;}
.side-nav .link-6 a{
	height: 68px;
	background: url(../images/link-6.gif) no-repeat;
}
/*  active button  */
.side-nav .active a{
	background-position: 0 100%;
}
/*  roll overs for button's on side navigation menu  */
.side-nav a:hover{
	background-position: 0 100%;
}
/*  footer  */
#footer {
	height: 320px;
	width: 922px;
	background: url(../images/footer.gif) no-repeat;
	overflow: hidden;

}

#footer p.company {
	float: right;
	font: 11px/18px "Trebuchet MS", sans-serif;
	color: #a1a1a1;
	padding: 200px 20px 0 0;
}

#footer em, #footer a{
	color: #484b65;
	font: normal 11px/18px "Lucida Sans Unicode", Verdana, Georgia, "Times New Roman", Times, serif;
}

#footer a:hover{
	text-decoration: underline;
}

#contact {
	position: absolute;
	width: 110px;
	right: 115px;
	margin-top: 60px;
}

#contact strong {
	font: bold 11px/14px "Lucida Sans Unicode", Verdana, Georgia, "Times New Roman", Times, serif;
	color: #0074bd;
}

.side-bar-spacer {
	height: 100px;
	font-size: 11px;
	color: #474747;
}

.side-bar-list ul {
	list-style-type: none;
	padding-left: 23px;
}

.side-bar-list li {
	padding-left: 20px;
	background: transparent url(../images/bullet.gif) no-repeat scroll 0 50%;
	height: 18px;
	line-height: 18px;
}

.imageOverview img {
	display: inline;
	padding: 5px 10px;
}