* { margin:0; padding:0;}
body { background:#ffffff; font-size:100%; line-height:1em; font-family:Arial; color:#ffffff; text-align:center}


/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#000000; font-size:0.9em; font-weight:normal; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
ul.list_1 {margin:0px; padding:0px; list-style:none}
ul.list_1 li { line-height:19px}
ul.list_1 li a{text-decoration:underline; color:#fff; background:url(/images/marker_list.gif) no-repeat 0 3px; padding-left:16px}
ul.list_1 li a:hover{ text-decoration:none}
ul.list_2{margin:0px; padding:0px; list-style:none}
ul.list_2 li { line-height:1.4em; background:url(/images/marker_2.gif) no-repeat 0 4px; padding-left:12px; color:#2c2c2c; font-weight:bold; margin:0 0 9px 0}
ul.list_2 li a{text-decoration:underline; color:#5f7700; display:block; margin-left:-12px; font-weight:normal}
ul.list_2 li a:hover{ text-decoration:none}

/*==========================================*/

a {text-decoration:none; color:#fff}
a:hover {text-decoration:none}

a.link {text-decoration:underline; color:#ae2d00; background:url(/images/marker_1.gif) no-repeat 0 5px; padding-left:15px; display:block; margin-top:5px}
a.link:hover {text-decoration:none}

p {margin:0 0 16px 0}
.p1 {margin:0 0 22px 0}

h3{
	font-size: 18px;
	color: #fff154;
	margin-bottom: 15px;
}

h5 {color:#fff154; font-size:1em; margin:0 0 7px 0}

.font_1 {color:#fff154}

.line_bg {background:url(/images/line_bg.gif) repeat-y right; width:100%}
.line_bg .top {background:url(/images/line_bg_top.gif) no-repeat right top}
.line_bg .bot {background:url(/images/line_bg_bot.gif) no-repeat right bottom; width:100%}

.fright {float:right}
.clear { clear:both;}

.top_bg {background:url(/images/top_bg.gif) repeat-x top #fd8900}

.bg_1 {background:url(/images/bg_1.jpg) no-repeat 0 0; margin:-3px 0 0 -4px; padding:4px 0 38px 46px}
.bg_2 {background:url(/images/bg_2.jpg) no-repeat 0 1px; margin-left:-4px; padding:0 0 0 46px}
.bg_3 {background:url(/images/bg_3.jpg) no-repeat 0 0; margin:-1px 0 0 -8px; padding:2px 0 40px 52px}
.bg_4 {background:url(/images/bg_4.jpg) no-repeat 0 1px; margin-left:-8px; padding:0 0 0 52px}


/*header*/
#header { height:112px; background:url(/images/header_bg.jpg) no-repeat 0 0}
#header img {margin-top:86px}
#header .m1 {margin-left:69px}

.logo {position:absolute; margin:0 0 0 69px}
.login { position:absolute; margin:0 0 0 787px}
.contactgegevens{ position: absolute; margin: 0 0 0 663px}

/*content*/
#content { background:url(/images/nieuw/content_bg.jpg) no-repeat 0 0 #fd8900; font-size:0.75em; line-height:1.33em;}
.title {margin-bottom:13px}
.img_left {float:left; margin:0 20px 7px 0}
.img_left2 {float:left; margin:0 20px 21px 0}
.img {margin:0 0 20px 0}

.indent_1 {padding:10px 0 0 56px;}

/*footer*/
#footer_main {width:100%; background:url(/images/footer_bg.gif) repeat-x top}
#footer { padding:21px 0 46px 0; font-size:0.75em; line-height:1.33em; color#363636}
#footer a {color:#ae2d00; text-decoration:underline}
#footer a:hover {text-decoration:none}

ul.menu {margin:0 0 5px 0; padding:0px; list-style:none}
ul.menu li { line-height:1.33em; display:inline; margin-right:16px}
ul.menu li a{text-decoration:underline; color:#000 !important; background:url(/images/line_menu.gif) no-repeat 0 3px; padding-left:20px}
ul.menu li a:hover{ text-decoration:none}
ul.menu li a.home {background:none; padding:0 0 0 20px}

/*================== index.html ==================*/
#page1 #content .col_1 .indent { padding:26px 25px 28px 75px}
#page1 #content .col_2 .indent { padding:21px 10px 25px 23px}
#page1 #content .col_3 .indent { padding:26px 85px 25px 38px; line-height:1.25em}

/*================== index-1.html ==================*/
#page2 #content .col_1 .indent { padding:26px 25px 22px 75px}
#page2 #content .col_2 .indent { padding:26px 85px 25px 38px; line-height:1.25em}

/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding:26px 25px 40px 75px}
#page3 #content .col_2 .indent { padding:26px 85px 43px 28px; line-height:1.25em}

/*================== index-3.html ==================*/
#page4 #content .col_1 .indent { padding:26px 25px 28px 75px}
#page4 #content .col_2 .indent { padding:26px 25px 25px 24px; line-height:1.25em}
#page4 #content .col_3 .indent { padding:26px 95px 25px 38px}

/*================== index-4.html ==================*/
#page5 #content .col_1 .indent { padding:26px 25px 29px 75px}
#page5 #content .col_2 .indent { padding:26px 85px 25px 38px; line-height:1.25em}

/*================== index-5.html ==================*/
#page6 #content .col_1 .indent { padding:26px 10px 38px 75px}
#page6 #content .col_2 .indent { padding:26px 60px 28px 28px; line-height:1.25em}

input {width:218px; height:18px}
.div_input {height:26px}
textarea {width:225px; height:104px; overflow:auto; margin-bottom:5px; display:block}

/*================== index-6.html ==================*/
#page7 #content .indent { padding:15px 90px 45px 75px}
#page7 #content p:first-line {color:#fff154; font-weight:bold}
#page7 #content {background:url(/images/nieuw/content_bg_2.jpg) no-repeat 0 0 #fd8900;}

/*==================block====================*/
.block_1 { background:url(/images/nieuw/block1_1_bg.jpg) no-repeat 0 0; float:left; margin:10px 0 0 0; width:215px; height:180px; cursor: hand;}
.block_1 {text-decoration:none}
.block_1 h2{margin-left: 18px;}
.block_2 { background:url(/images/nieuw/block2_1_bg.jpg) no-repeat 0 0; float:left; margin:10px 0 0 0; width:216px; height:180px; cursor: hand;}
.block_2 {text-decoration:none}
.block_2 h2{margin-left: 16px;}
.block_3 { background:url(/images/nieuw/block3_1_bg.jpg) no-repeat 0 0; float:left; margin:10px 0 0 0; width:215px; height:180px; cursor: hand;}
.block_3 {text-decoration:none}
.block_3 h2{margin-left: 20px;}
.block_4 { background:url(/images/nieuw/block4_1_bg.jpg) no-repeat 0 0; float:left; margin:10px 0 0 0; width:214px; height:180px; cursor: hand;}
.block_4 {text-decoration:none}
.block_4 h2{margin-left: 13px;}

h2{
	height: 25px;
	line-height: 24px;
	margin-top: 18px;
	font-size: 20px;
	font-weight: bold;
	color: #363636;
	text-decoration:none;
}

/*==========================================*/

/*===================MENU===================*/
#knop_home{
	position: relative;
	margin-top:86px;
	margin-left:69px;
	float: left;
	width: 120px;
	height: 26px;
	background-image: url(/images/m1.jpg);
	cursor: hand;
	text-decoration: none;
	text-align: center;
}
#knop_home:hover{
	background-image: url(/images/m1_1.jpg);
}

#knop_2{
	position: relative;
	margin-top:86px;
	float: left;
	width: 120px;
	height: 26px;
	background-image: url(/images/m2.jpg);
	cursor: hand;
	text-decoration: none;
	text-align: center;
}
#knop_2:hover{
	background-image: url(/images/m2_1.jpg);
}

#knop_3{
	position: relative;
	margin-top:86px;
	float: left;
	width: 120px;
	height: 26px;
	background-image: url(/images/m3.jpg);
	cursor: hand;
	text-decoration: none;
	text-align: center;
}
#knop_3:hover{
	background-image: url(/images/m3_1.jpg);
}

#knop_4{
	position: relative;
	margin-top:86px;
	float: left;
	width: 120px;
	height: 26px;
	background-image: url(/images/m4.jpg);
	cursor: hand;
	text-decoration: none;
	text-align: center;
}
#knop_4:hover{
	background-image: url(/images/m4_1.jpg);
}

#knop_5{
	position: relative;
	margin-top:86px;
	float: left;
	width: 120px;
	height: 26px;
	background-image: url(/images/m5.jpg);
	cursor: hand;
	text-decoration: none;
	text-align: center;
}
#knop_5:hover{
	background-image: url(/images/m5_1.jpg);
}

#knop_6{
	position: relative;
	margin-top:86px;
	float: left;
	width: 120px;
	height: 26px;
	background-image: url(/images/m6.jpg);
	cursor: hand;
	text-decoration: none;
	text-align: center;
}
#knop_6:hover{
	background-image: url(/images/m6_1.jpg);
}

#knop_7{
	position: relative;
	margin-top:86px;
	float: left;
	width: 120px;
	height: 26px;
	background-image: url(/images/m6.jpg);
	cursor: hand;
	text-decoration: none;
	text-align: center;
}
#knop_7:hover{
	background-image: url(/images/m6_1.jpg);
}

h4{
	margin-top: 5px;
	font-size: 13px;
	color: #363636;
}

/*===================MENU===================*/

/*===========Materieel fotos================*/
#materieel_container{
  height: 100%;
  border: 0px solid white;
}

#materieel_image_container{
  float: left;
  width: 446px;
  height: 323px;
  border-right: 1px solid white;
}

#materieel_thumbs_container{
  float: left;
  margin-left: 15px;
  width: 300px;
  height: 345px;
}

img.foto{
	border: 2px solid #fff154;
}

div.foto{
	width: 430px;
	height: 323px;
        text-align: center;
        overflow: hidden;
}

img.foto_thumb{
	border: 1px solid #fff154;
}

div.foto_thumb{
        float: left;
        width: 135px;
        height: 102px;
        text-align: center;
        margin-right: 8px;
        margin-bottom: 8px;
        overflow: hidden;
}


/*==========================================*/

/*===========Materieel fotos================*/
#materieel_overzicht_container{
  width: 850px;
  height: 100%;
}

#materieel_overzicht_container h1{
  margin: 10px 0 10px 0;
}

#materieel_overzicht_foto_left{
  float: left;
  margin-bottom: 10px;
  text-align: right;
  height: 254px;
  width: 420px;
  overflow: hidden;
  border: 0px solid #363636;
}

img.overzicht_foto_left{
  border: 2px solid #363636;
}

#materieel_overzicht_data_right{
  float: right;
  margin-bottom: 10px;
  text-align: left;
  height: 100px;
  width: 416px;
  overflow: hidden;
  border: 2px solid #363636;
}

#materieel_overzicht_foto_right{
  float: right;
  margin-bottom: 10px;
  text-align: left;
  height: 254px;
  width: 420px;
  border: 0px solid #fff154;
  overflow: hidden;
}

img.overzicht_foto_right{
  border: 2px solid #fff154;
}

#materieel_overzicht_data_left{
  float: left;
  margin-bottom: 10px;
  text-align: right;
  height: 100px;
  width: 416px;
  border: 2px solid #fff154;
  overflow: hidden;
}


/*==========================================*/

/*===========Project fotos================*/
#project_overzicht_container{
  width: 540px;
  height: 100%;
}

#project_overzicht_container h1{
  margin: 10px 0 10px 0;
}

#project_container{
  float: left;
  width: 255px;
  height: 231px;
  margin: 0 7px 7px 0;
  border: 1px solid #000;
  background: url(/images/backfoto.jpg);
}

#project_overzicht_foto{
  text-align: center;
  height: 177px;
  width: 255px;
  margin-top: 10px;
  overflow: hidden;
}

img.project{
  border: 1px solid #000;
}

#project_overzicht_data{
  clear: right;
  margin-bottom: 10px;
  text-align: left;
  height: 50px;
  border-top: 0px solid #fff154;
  width: 255px;
  overflow: hidden;
}

#project_overzicht_data p{
  margin-left: 11px;
  margin-top: 10px;
  color: #000;
}

#project_overzicht_data p a{
text-decoration: none;
 color: #000;
}

#max-breedte{
  width: 540px;
  height: 100%;
}

#project_foto_left{
  float: left;
  margin-bottom: 10px;
  text-align: center;
  height: 148px;
  width: 250px;
  overflow: hidden;
  border: 2px solid #fff154;
}
#project_foto_left_test{
  float: left;
  margin-bottom: 10px;
  margin-left: 5px;
  text-align: center;
  height: 250px;
  width: 250px;
  overflow: hidden;
  border: 1px solid #000;
  background: url(/images/backfoto2.jpg);
}
#project_foto_left_test p{
  color: #000;
  margin: 5px 0 0 12px;
  text-align: left;
}
#project_foto_left_test h3{
  margin: 10px 0 0 12px;
  text-align: left;
  color: #FD8900;
  font-size: 14px;
}
img.project_foto_left{
  border-left: 2px solid #fff154;
  border-right: 2px solid #fff154;
}
img.project_foto_left_test{
  margin-top: 10px;
  border: 1px solid #000;
}

#project_data_right{
  float: right;
  margin-bottom: 10px;
  text-align: left;
  height: 148px;
  width: 250px;
  overflow: hidden;
  border: 2px solid #363636;
}
/*==========================================*/

/*=============Product fotos================*/

#productfoto{
  float: left;
  width: 300px;
  height: 220px;
}

#productcontent{
  float: left;
  width: 250px;
  height: 220px;
}
/*==========================================*/