@CHARSET "utf-8";


* {
	margin:0;
	padding:0;
}
HTML, BODY {
	width:100%;
	height:100%;
}
BODY {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	background-color:#58585a;	
	color:#fff;

}

A {
	color:#F4EC08;
	text-decoration:underline;	
}

A:HOVER {
	color:#F4EC08;
	font-style:italic;
	
}

A.active {
	color:#F4EC08;
	font-weight:bold;
}


P {
	margin-bottom:10px;
}


h2 {
	font-size:16px;		
	margin-bottom:11px;
	margin-top:2px;
	
}

IMG {
	border : none;
	
}

/* ALGEMENE CLASSES */
.clear {
	clear:both;
}



/* CONTAINER */
#container {
	position: relative;
	width:940px;
	height:100%;
	min-height:100%;
	margin:0px auto 0 auto;
	background-color:#231f20;
	background-image:url('../img/bg.gif');
	background-repeat:no-repeat;
	background-position:-28px 176px;
}


HTML > BODY #container {
	height:auto;
}


/* HEADER */
#header {
	position:relative;
	height:152px;
	border-bottom:4px solid #58585a;
	border-top:10px solid #58585a;
	background-image:url('../img/header.jpg');
	background-repeat:no-repeat;

}

#logo {
	background-image:url(../img/logo.gif);
	background-position:0 -13px;
	display:block;
	float:left;
	height:140px;
	margin-left:458px;
	text-indent:-99999px;
	width:129px;
}

#languageMenu {
	float:right;
	list-style-type:none;
	margin:14px 28px
}

#languageMenu li {
	float:left;
}

#languageMenu li A {
	text-indent:-99999px;
	height: 20px;
	width:20px;
	display:block;
	background-image:url(../img/flags.gif);
	background-position:0 0;	
	background-repeat:no-repeat;
	outline:none;
	margin-left:5px;
}

#languageMenu li A.nl_active {
	background-position:0 -20px;	 
}

#languageMenu li A.en {
	background-position: -20px 0px;
}

#languageMenu li A.en_active {
	background-position:-20px -20px;	 
}

#languageMenu li A.de {
	background-position: -40px 0px;
}

#languageMenu li A.de_active {
	background-position:-40px -20px;	 
}

#topMenu  {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	
	margin-left:33px;
	margin-top:122px;

}

#topMenu  LI{
	float:left;
}

#topMenu  LI A{
	display:block;
	padding:0px 17px 0px 0px;
	text-decoration:none;	
	outline:none;	
	color:#FFFFFF;
}
#topMenu  LI A:hover{
	font-style:normal;
	color:#F4EC08;
}
#headtext {
	position: absolute;
	top: 101px;
	left: 770px;
	width: 165px;
	height: 45px;
	font-size: 11px;
	line-height: 12px;
}
#headtext p {
	margin: 0;
}	
	
/* ADDRESS */

#address {
	position: absolute;
	/*bottom: 10px;*/
	left: 34px;
	/*margin-top:50px;
	margin-left:6px;*/
}

/* SLIDE BOX */

#slideInBox {
	overflow:hidden;
	position:absolute;
	top:300px;
	width:755px;
	width:55px;	
	z-index:999999;
}


#slideInBox .label A {
	display:block;
	height:270px;
	width:55px;
	background-color:#007D3D;
	background-image:url('../img/slideBoxBtn.gif');
	background-repeat:no-repeat;
	outline:none;
	
}

#slideInBox .label {
	float:left;	
	
}

#slideInBox.closed .label A {	
	 background-position:-55px 50%;	
} 

#slideInBox.open .label A {	
	 background-position:0px 50%;	 
} 

#slideInBoxContent {  
	background-color:#007D3D;
	background-image:url(../img/bg_slider.gif);
	background-repeat:no-repeat;
	color:#58585A;
	height:270px;
	left:-552px;
	overflow:hidden;
	position:relative;
	width:605px;
}


#slideInBoxContent .content {  
	float:left;
	height:212px;
	margin-right:189px;
	overflow:hidden;
	padding:15px 0 0 50px;
	width:311px;
		
}


#slideInBoxContent .content UL{  
	list-style:none;
	height:34px;
}

#slideInBoxContent .content UL LI{  
	float:left
}


#slideInBoxContent .content UL LI A{  
	display:block;
	padding-left:15px;
	text-decoration:none;
}

#slideInBoxContent .content UL LI A:HOVER{  
	text-decoration:underline;
}

#slideInBoxContent .content UL LI A.first{  
	padding-left:0px;
}




/* MENUS */

ul.menu, ul.menu ul  {
	 list-style:none;
	 margin-top:6px;
}

ul.menu ul {
	margin: 4px 0px 4px 22px;
}

ul.menu li {
	margin: 0;
}

ul.menu A {
	display:block;
	padding:0 5px;
	text-decoration:none;
	/*color:#fff;*/
	width:111px;
	color:#FFFFFF;
}

ul.menu A:HOVER {
	/*background-color:#333333;*/
	color:#F4EC08;
	font-style:normal;
}

ul.menu A.active, ul.menu ul A.active  {
	/*background-color:#4c4d4f;*/
	font-weight:bold;
}

/* COLUMS */

#column1, #column2, #column3,  #column4{
	float:left;	
	padding:8px 10px;
}


#column1 {
	width:125px;
	margin-left:76px;	
}

#column2 {
	width:210px;
	margin-left:18px;
}

#column3 {
	width:483px;	
}

#column3 UL {
	margin-bottom:12px;
	margin-left:22px;
	list-style : disc;
}

#column3 .text {
	text-align:justify;	
	
}

ul#subMenu A {
	width:190px;
}

ul#subMenu #subSubMenu A {
	width:169px;
}


/* DEFAULT PAGE */

#defaultPage #pageTopImage {
	width:125px;
	float:left;	
	margin:2px 10px 7px 0
}

#polaroid, .polaroid {
	float:right;	
	margin-left:10px;
	width:262px;
	height:299px;
}
.polaroid {
	height: 272px;
}

div#newsImageHolder {
	clear: both;
	float:right;
	width:110px;
	margin-top:10px;	
}



/* HOME */

#imageSlider {	
	/*height:336px;
	margin:4px 0 10px 70px;	*/
}

#imageSlider div {
	position:absolute;
}
/* NEWS PAGE */

#newsPage #mainNewsImage {
	width:336px;
	margin-bottom: 10px;	
	margin-top:4px;
}

#newsPage #newsContent {
	width:251px; 
	
}


#newsPage .newsImageNormal {
	margin-right:10px;
}

#newsPage .newsImage  {
	float:left;
	height:105px;
	margin-bottom:10px;
	width:105px;
}



/* PROJECTEN PAGE  */

#productImageHolder DIV 
{
	width : 105px;
	height : 105px;
	float:left;
	margin-bottom: 10px;
}

#productImageHolder .normal
{
	
	margin-right:10px;

}
 
#productImageHolder .lastInRow
{
	margin-right:0px;
}

#productMoreLink {
	margin-bottom:10px;
	display:block;
}

#productPhotoLink {
	margin-top:10px;
	display:block;
}
 
/* SHOWCASES */

#showcaseHolder {
	margin:4px 0px 10px 9px;
	width:139px;
	font-size: 11px;
}


#showcaseHolder .showcase .overlay, #showcaseHolder .showcase .thumb {
	width:139px;
	height:88px;
	
}

#showcaseHolder .showcase {
	position:relative;
	height:88px;
	margin-bottom:10px;
	cursor:pointer;
}

#showcaseHolder .showcase .overlay {
	position:absolute;	
	top:63px;
	height:25px;
	background-color:#fff;
	opacity:0;	
}

#showcaseHolder .showcase .overlay TABLE{
	width:139px;
	height:25px;
	cursor:pointer;
}

#showcaseHolder .showcase .overlay TABLE TD{
	vertical-align:middle;
	text-align:center;	
}


#showcaseHolder .showcase A {
	display:block;	
	width:139px;
	height:88px;
	font-size:11px;
	color:#000;	
	font-weight:bold;
	text-decoration:none;
}

/* VACATURES */

#jobContactForm {
	 margin-top:10px;
}

#jobContactForm  #errors{
	padding-bottom:10px;
}

#jobContactForm FORM {
	 margin-top:10px;
}

#jobContactForm FORM LABEL {
	display:block;
	width:66px;
	font-weight:bold;
	font-size:11px;
}

#jobContactForm FORM INPUT, #jobContactForm FORM SELECT,  #jobContactForm FORM textarea {
	width: 200px;
	border:2px solid #2E7035;
	margin:2px 5px;
	height:20px;
	padding:2px;
}

#jobContactForm FORM SELECT  {
	width:80px;	
	height:26px;
}

#jobContactForm FORM textarea  {
	width:272px;
	height:200px;
	margin-left:0px;	
}

#jobContactForm .fake_file_input{
	width:88px;	
}

#jobContactForm FORM .btn {
	background-color:#347936;
	color:#FFFFFF;
	height:25px;
	margin-left:0;
	width:100px;
	font-size:11px;
	cursor:pointer;
	margin-top:10px;
}

#jobContactForm FORM #cv_bladeren {
	margin-top:2px;	
}

/* EMPlOYEE */

#employeesPage .photo {
	float:left;
	width:100px;
	margin-right:10px;	
	margin-top:4px;
}

#employeesPage .data {
	float:left;	
}

/* EMPLOYEES OVERZICHT */

#departmentFormHolder {
	margin:10px 0;	
}

#departmentFormHolder SELECT {
	margin:2px 5px;
	background-color:#231F20;
	border:2px solid #2E7035;
	color:#FFFFFF;
	width:158px;
	height:28px;
	padding:2px;
}


#employeesOverview INPUT   {
	width: 150px;
	border:2px solid #2E7035;
	margin:2px 5px;
	height:20px;
	padding:2px;
}

#employeesOverview  .btn {
	background-color:#347936;
	color:#FFFFFF;
	cursor:pointer;
	font-size:11px;
	height:25px;
	margin-left:0;
	margin-top:2px;
	width:66px;
}

#employeesOverview LABEL {
	width:100px;
	display:block;
	
}

#employeesOverview .employee {
	padding-bottom:20px;

}

#employeesOverview .employee h3 {
	font-size:14px;
	margin:0px;
	padding:0px;
}

#employeesOverview .employee .left, #employeesOverview .employee .right {
	float:left;
}

#employeesOverview .employee .left {
	width:236px;	
}

#employeesOverview .employee .left .label {
	width:85px;
	display:block;
	float:left;
}

/* GALLERY */

#galleryImageHolder DIV 
{
	width : 105px;
	height : 105px;
	float:left;
	margin-bottom: 10px;
}

#galleryImageHolder .normal
{
	
	margin-right:10px;

}
 
#galleryImageHolder .lastInRow
{
	margin-right:0px;
}