@charset "utf-8";

/* Page
----------------------------------------------- */
html {
height:100%;
width:100%;
}

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: Arial,Verdana;
	color:#626366;
	font-size:10px;
	background-color:white;
	background-image:url(../gfx/site/bg.gif);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
}
/*
#vlakken{
position:absolute;
width:100%;
height:100%;
z-index:-1;
margin:0;
padding:0;
overflow:hidden;
}

#grijs{
position:absolute;
left:50%;
margin-right:50%;
width:50%;
height:335px;
background-color:#d0d0d0;
}

#oranje{
position:absolute;
top:258px;
left:0;
width:50%;
height:100%;
padding-right:5px;
margin-bottom:258px;
background-color:#fddec2;
}
*/
/*#grijs{
	position:absolute;
	left:50%;
	width:50%;
	height:335px;
	background-color:#d0d0d0;
	z-index:-1;
}

#roze {
	position:			absolute;
	top:				258px;
	left:				0px;
	width:				50%;
	height:				542px;
	background-color:	#fddec2;
	z-index:			-1;
}*/

/* Headers
----------------------------------------------- */
h1, h2{
	padding:0;
	margin:0;
}
h2 {
	color:#f79239;
	font-size: 18px;
	padding-bottom: 14px;
	font-weight: lighter;
}
h3{
	padding-bottom:5px;
	font-size: 12px;
}

.contentheader{
	width:180px;
	padding-top:0px;
	margin-right:40px;
}
h2.contentheader{
	padding-bottom: 0px;
	text-transform: uppercase;
}
h2 img {
	margin-top: 8px;
}
.contentheader2 {
	width:180px;
	padding-top:20px;
	margin-right:40px;
}

/* Paragraphs
----------------------------------------------- */
p{
	padding:0;
	margin:0;
}


/* Lists
----------------------------------------------- */
ul.menu {
	margin:0;
	padding:0;
	list-style:none;
	font-variant:small-caps;
	font-size:14px;
	width:250px;
}

ul.menu li a{
	display:block;
	color:white;
	text-decoration:none;
	padding:0px 0 2px 35px;
	width:215px;
}

ul.menu li a:hover{
	color:#626366;
	text-decoration:none;
}

ul.menu li.active{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color:#fdc594;
}

ul.menu li.active a{
	padding:0px 0 2px 53px;
	width:197px;
}

ul.menu li.active a, ul.menu li.active ul.submenu li.active a{
	background-image:url(../gfx/site/bullet.jpg);
	background-repeat:no-repeat;
	background-position: 35px -1px;
	color:#626366;
}

ul.menu li.active a:hover, ul.menu li.active ul.submenu li.active a:hover{
	color:white;
	background-image:none;
	background-color:#fab071;
}

ul.submenu {
	border-top:1px solid #f79239;
	background-color:#fee0c4;
	margin:0 0 0 0 ;
	padding:0 0 0 0;
	font-variant:small-caps;
	font-size:12px;
	list-style:none;
	width:250px;
}

ul.menu li.active ul.submenu li a{
	background-image:none;
	color:#626366;
	text-decoration:none;
	padding: 0 0 2px 63px;
	width:187px;
}

ul.menu li.active ul.submenu li a:hover{
	background-image:none;
	color:#ffffff;
	text-decoration:none;
	padding: 0 0 2px 63px;
	width:187px;
}

ul.menu li.active ul.submenu li.active a{
	background-image:url(../gfx/site/bullet2.jpg);
	background-repeat:no-repeat;
	background-position: 45px -1px;
	color:#626366;
}

ul.submenu li.active{
	border:none;
	background:  #fee0c4;
}

ul.subsubmenu {
	background-color:#fde0c4;
	margin:0;
	padding:0;
	font-variant:small-caps;
	font-size:14px;
	list-style:none;
	width:250px;
}

ul.menu li.active ul.submenu li.active ul.subsubmenu li a{
	background-image:none;
	color:#626366;
	text-decoration:none;
	padding: 0 0 2px 73px;
	width:177px;
    font-size:12px;
}

ul.menu li.active ul.submenu li.active ul.subsubmenu li a:hover{
	background-image:none;
	color:#ffffff;
	text-decoration:none;
	padding: 0 0 2px 73px;
	width:177px;
}

ul.menu li.active ul.submenu li.active ul.subsubmenu li.active a{
	background-image:url(../gfx/site/bullet2.jpg);
	background-repeat:no-repeat;
	background-position: 55px -1px;
	color:#626366;
}

ul.menu li.active ul.submenu li.active ul.subsubmenu li.active a:hover{
	background-image:none;
	background-repeat:no-repeat;
	background-position: 55px -1px;
	color:#626366;
}


ul.sitemap {

}

ul.sitemap li {
	line-height:		12px;
}



/* Forms
----------------------------------------------- */
input {}

textarea{}

form label {}

form p{}

/* Form elements font style */
input, select, textarea, button, option {
	font-family: 		Arial;
	color:				#626366;
	font-size: 			10px;
	margin-bottom: 		1px;
	margin-top: 		1px;
}

form {
	display: 		inline;
}

/* Standard width fitting for textarea and selectboxes */
textarea {
	border: 		1px solid #888888;
	width: 			362px;
	height: 		120px;
	padding: 		2px;
}

select {
 	border: 		1px solid #888888;
	width: 			216px;
	height: 		18px;
	padding: 		1px;
}

/* Standard width text input boxes */
.input_small {
 	border: 		1px solid #888888;
	width: 			50px;
	height: 		14px;
	padding: 		2px;
}

.input_medium {
 	border: 		1px solid #888888;
	width: 			150px;
	height: 		14px;
	padding: 		2px;
}

.input_regular {
 	border: 		1px solid #888888;
	width: 			210px;
	height: 		14px;
	padding: 		2px;
}

.input_large {
 	border: 		1px solid #888888;
	width: 			362px;
	height: 		14px;
	padding: 		2px;
}

/* Calendar input box and file input box */
.input_calendar {
 	border: 		1px solid #888888;
	width: 			180px;
	height: 		14px;
	padding: 		2px;
}

.input_file, input[type='file'] {
	width: 			221px;
	padding: 		2px;
}

/* Checkboxes */
input[type='checkbox'] {
	margin-left: 4px;
}

/* Buttons */
button, input[type='submit'], .input_submit {
	background-color:	#fee0c4;
	border:				0px;
	border-right:		2px solid #f78928;
	border-bottom:		2px solid #f78928;
	font-family: 		Arial;
	color:				#000;
	font-size: 			10px;
	margin-bottom: 		1px;
	margin-top: 		1px;
}

/* Calendar button */
button.calendar_button {
	padding-top:		0px;
	width: 				26px;
	height:				20px;
}

/* Tables
----------------------------------------------- */


/* Links
----------------------------------------------- */
a{
color:#f79239;
text-decoration:none;
}

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

#nieuws a,
#nieuws a:hover{
font-style:italic;
}

a.button {
	color:			#fff;
	height:			18px;
	width:			auto;
	background: 	#636467;
	padding:		4px;
	border-right:	1px solid black;
	border-bottom:	1px solid black;
}

/* Misc
----------------------------------------------- */
img {
border:0px
}

img.home{
border: 14px solid white;
}

img.sub{
margin:14px 0 0 0;
}
.carousel{
margin:14px 0 0 0;
width: 239px;
height: 250px;
overflow: hidden;
}
img.sub_project{
border-top:14px solid white;
border-right:14px solid white;
}

a img.highlighted{
border: 2px solid white;
margin-right:14px;
}

a:hover img.highlighted{
border: 2px solid #f68926;
margin-right:14px;
}

a img.projecten{
border: 		1px solid #626366;
margin:			0 15px 10px 0;
}

a:hover img.projecten, a.active img.projecten{
border: 		4px solid #f68926;
margin:			-3px 12px 7px -3px;
}

div.personeel_image {
	float:			left;
	width:			80px;
	height:			80px;
	margin:			0px;
	margin-right:	2px;
}

a img.personeel{
	border: 	1px solid #626366;
	width: 		54px;
	height: 	54px;
	margin: 3px 0 0 3px;
}
a:hover img.personeel, a.active img.personeel{
border: 			4px solid #f68926;
margin:			0;
}

hr {}
blockquote{}
pre{}
#employee_description em{
font-size:10px;
letter-spacing:1; 
text-decoration:none; 
color: #ffffff; 
text-transform: uppercase;
}
span.date{
	background-image:url(../gfx/site/bullet_white.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
	color:#f79239;
}

/* Main wrapper
----------------------------------------------- */
#site-wrapper{
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	clear:left;
	width:1005px; /* 998px;*/
	height:555px; /*548px;*/
	padding:0px 0 0 2px;
	background-image:url(../gfx/site/bg_wrapper.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#wrapper {
	position:relative;
	float:right;
	margin:2px 0 0 0px;
	width:1005px; /* 998px;*/
	height:555px; /*548px;*/
}

#distance{
width:1px;
height:50%;
margin-bottom:-277px; /* half of container's height */
float:left;
}


/* Content
----------------------------------------------- */
#content{
	background-image:url(../gfx/site/bg_content.jpg);
	background-repeat:no-repeat;
	width:999px;
	height:430px;
}

#top{
	position:relative;
	width:959px;
	height:98px;
	background-color:#626366;
	background-image:url(../gfx/site/top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-right:40px;
	padding-top:20px;
	color:white;
	text-align:right;
}

#topinfo{
    margin-top:20px;
    float:right;
    width:380px;
    height:65px;
    overflow:hidden;
}

#topinfo strong {
    color:#F79239;

}

#topinfo a {
    text-decoration:underline;
    color:#b5b5b7;
}

#topinfo .left {
    float:left;
    width:114px;
    height:65px;
}

#topinfo .right {
    float:left;
    width:246px;
    height:65px;
    margin:0 0 0 20px;
    text-align:left;
}
#topmenu{
	margin-top:20px;
	float:right;
	width:100px;
	text-align:right;
}

#home{
	width:999px;
	height:430px;
	background-image:url(../gfx/site/bg_home.jpg);
}

#home1{
	position:relative;
	float:left;
	width:354px;
	height:430px;
	text-align:center;
	background-image:url(../gfx/site/bg_home1.jpg);
}

#home2{
	position:relative;
	float:left;
	width:299px;
	height:430px;
	text-align:center;
	background-image:url(../gfx/site/bg_home2.jpg);
}

#home3{
	position:relative;
	float:left;
	width:344px;
	height:430px;
	text-align:center;
	background-image:url(../gfx/site/bg_home3.jpg);
}

.homelink{
margin:26px 1px 0 0;
}

#centerbar{
position:relative;
float:left;
width:250px;
height:430px;
margin-left:14px;
}

#centerbar_vid{
position:relative;
float:left;
width:331px;
height:430px;
margin-left:14px;
}

#centerbar_wide{
position:relative;
float:left;
width:470px;
height:430px;
margin-left:14px;
}

#rightbar{
position:relative;
float:left;
width:445px;
height:430px;
margin-left:15px;
margin-right:5px;
color:white;
}

#rightbar_vid{
position:relative;
float:left;
width:308px;
height:416px;
line-height:16px;
margin:0 0 0 29px;
padding-top:87px;
}
#rightbar_small{
position: relative;
float:left;
width:208px;
height:416px;
line-height:16px;
margin:0 0 0 29px;
padding-top:14px;
}
#display_image {
 width: 250px;
 height: 267px;
 display: block;
}

#nieuws{
top:95px;
position:relative;
color:#626366;
line-height:16px;
height:		310px;
overflow:		auto;
padding-right:	10px;
margin-top:	10px;

}

#highlighted_images {
	height:		55px;
}

#projecten{
top:15px;
position:relative;
color:#626366;
line-height:16px;
margin-top: 6px;
height:300px;
}

#projecten h2 object {
	margin-top: 8px;
}

#omschrijving_vid{
	position:relative;
	width:321px;
	padding-right:10px;
	margin-right: 30px;
	height:	310px;
	overflow: auto;
	margin-top:23px;
	margin-bottom:	15px;
	float: left;
	display: block;
}
#omschrijving{
	position:relative;
	width:221px;
	padding-right:10px;
	margin-right: 30px;
	height:	310px;
	overflow: auto;
	margin-top:17px;
	margin-bottom:	15px;
	float: left;
	display: block;
}

#display_vid{
	width: 333px;
	border-top: 14px solid white;
	border-right: 14px solid white;
	border-bottom: 10px solid white;
}
#projecten_onder{
	margin-left:-500px;
	margin-top: 203px;
	width:220px;
	position:relative;
	color:#626366;
	line-height:16px;
	float: left;
	display: block;
}


#vakantie {
	position:absolute;
	padding:0 5px 25px 5px;
	bottom:0;
	
}


/* Primary navigation
----------------------------------------------- */
#nav{
position:relative;
float:left;
width:250px;
height:405px;
padding-top:25px;
/*padding-left:35px;*/
}

#nav2{
position: absolute;
top:380px;
left:0;
}

#nav2center{
position:absolute;
top:405px;
left:0;
}