/************************************************************************************************/
/*template*/
/************************************************************************************************/
body{margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
img{border:0px;}
ul, h1, h2, h3{margin:0;padding:0;}
div.clear{clear:both; font-size:0px;}

  

/************************************************************************************************/
/*advertisement*/
/************************************************************************************************/
#advertisement{position:absolute; top:0; right:0; width:100%; min-height:100%; height:100%; z-index:6000;text-align:center;margin-top:50px;}


/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{background:url(../images/background.png) repeat-y; margin:0px auto 15px auto; padding:0px 10px 0px 10px; width:990px; position:relative;}
#container .container_top{background:url(../images/top.png) no-repeat; width:1010px; height:12px; position:absolute; top:0; left:0; z-index:1;}
#container .container_bottom{background:url(../images/bottom02.png) no-repeat;background-position: 0 -20px;width:1010px; height:40px; position:absolute; left:0; z-index:1;}
#container .footer{padding:7px 0px 0px 0px; color:#fff; font-size:13px;font-weight:bold;text-align:center;width:800px;margin-left:220px;}

/************************************************************************************************/
/*top*/
/************************************************************************************************/
#top{background:url(../images/gradient_top.png) repeat-x; margin-bottom:1px; position:relative; z-index:2;}
#top .image{background:url(../images/header.jpg) no-repeat bottom; height:200px;}
#top h1{background:url(../images/logo.jpg) no-repeat; width:182px; height:81px; text-indent:-6000px; position:absolute; top:17px; left:0;cursor:pointer}

#top ul.header{list-style:none; position:absolute; top:0px; left:185px;}
#top ul.header li {float:left;}

/*languages*/
#top .languages ul{list-style:none; position:absolute; top:8px; right:5px;}
#top .languages ul li{float:left; margin-right:4px;}
#top .languages ul li a{display:block; height:16px; text-indent:-6000px;}
#top .languages ul li.en a{background:url(../images/english.png) no-repeat; width:29px;}
#top .languages ul li.de a{background:url(../images/deutsch.png) no-repeat; width:29px;}
#top .languages ul li.nl a{background:url(../images/nederlands.png) no-repeat; width:30px;}

/*menu*/
#top .menu ul{list-style:none; position:absolute; top:39px; right:10px;}
#top .menu ul li{float:left; margin-right:10px;}
#top .menu ul li a{display:block; height:29px; text-indent:-6000px;}
#top .menu ul li.m1 a{background:url(../images/b_bedrijfsinformatie_de.png) no-repeat; width:75px;}
#top .menu ul li.m1 a:hover{background:url(../images/bo_bedrijfsinformatie_de.png) no-repeat;}
#top .menu ul li.m2 a{background:url(../images/b_links.png) no-repeat; width:41px;}
#top .menu ul li.m2 a:hover{background:url(../images/bo_links.png) no-repeat;}
#top .menu ul li.m3 a{background:url(../images/b_home.png) no-repeat; width:46px;}
#top .menu ul li.m3 a:hover{background:url(../images/bo_home.png) no-repeat;}
#top .menu ul li.m4 a{background:url(../images/b_contact_de.png) no-repeat; width:64px;}
#top .menu ul li.m4 a:hover{background:url(../images/bo_contact_de.png) no-repeat;}


/************************************************************************************************/
/*middle*/
/************************************************************************************************/
#middle{background:url(../images/background_faux_wide.png) repeat-y; height:100%; position:relative; z-index:2;}


/************************************************************************************************/
/*left*/
/************************************************************************************************/
#left{float:left; width:224px;}
#left h2{background:url(../images/actueel-aanbod_de.png) no-repeat; width:226px; height:33px; text-indent:-6000px;}
#left h3{margin-left:8px;font-size:14px;font-family:arial;}

#left ul{padding:0px 0px 14px 0px; list-style:none;}
#left ul li#s{border-bottom:1px solid #e7e7e7; padding:3px 0px 3px 17px;}
#left ul li#s2{padding:0px 0px 0px 25px;}
#left ul li.last{border-bottom:0px;}
#left ul li a{color:#ed1c24; font-size:14px; font-weight:bold; text-decoration:none;}
#left ul li a:hover{color:#231f20; text-decoration:underline;}
#left ul li ul{padding:0px;display:none;}
#left ul li ul li{border-bottom:0px;padding:0px 0px 0px 10px;} 
#left ul li ul li a{font-weight:normal;}

#left .buttons{}
#left .buttons a{display:block; margin:0px auto 5px auto; width:190px; height:34px; text-indent:-6000px;}
#left .buttons a.search{background:url(../images/you_search_de.png) no-repeat;}
#left .buttons a.products{background:url(../images/your_product_de.png) no-repeat;}


/************************************************************************************************/
/*right*/
/************************************************************************************************/
#right{float:left; padding:0px 0px 0px 1px; width:763px;}
#right #bar{background:url(../images/strokes.png) repeat-x; padding:8px 4px 8px 4px; color:#ed1c24; font-size:13px; font-weight: bold; text-align:right; text-decoration:none; height:17px;}

/*left*/
#right .left{float:left; padding:10px 0px 0px 33px; width:729px;}
#right .left p{padding:0px 67px 10px 0px;}

/*top*/
#right .left .info{padding:10px 67px 20px 0px;}
#right .left .linktree{color:#ed1c24;}
#right .left .linktree a{color:#ed1c24; font-weight:bold;}
#right .left .options{margin-top:22px;}
#right .left .options span{padding-right:15px; font-weight:bold;}

/*box*/
#right .left .box{float:left; background:url(../images/box_center.png) repeat-y; margin:0px 10px 0px 0px; width:225px; }
#right .left .box_last{float:left; background:url(../images/box_center.png) repeat-y; margin:0px 0px 0px 0px; width:225px; }
#right .left .box h3{background:url(../images/box_top.png) no-repeat; padding:6px 0px 5px 8px; color:#ed1c24; font-weight:normal; width:100%; font-size:12px;}
#right .left .box_last h3{background:url(../images/box_top.png) no-repeat; padding:6px 0px 5px 8px; color:#ed1c24; font-weight:normal; width:100%; font-size:12px;}
#right .left .box .bottom{background:url(../images/box_bottom.png) no-repeat; height:8px;}
#right .left .box_last .bottom{background:url(../images/box_bottom.png) no-repeat; height:8px;}
#right .left .box img{margin:10px auto -7px 22px;border:1px solid black;}
#right .left .box_last img{margin:10px auto -7px 22px;border:1px solid black;}
#right .left .box .alink{margin:0px 0px 8px 88px;color: black; font-family:Arial; font-size: 12px; font-weight:bold;}
#right .left .box_last .alink{margin:0px 0px 8px 108px;color: black; font-family:Arial; font-size: 12px; font-weight:bold;}

#right .left .box.big{float:left; background:url(../images/box_big_center.png) repeat-y; width:471px;}
#right .left .box.big h3{background:url(../images/box_big_top.png) no-repeat;}
#right .left .box.big .bottom{background:url(../images/box_big_bottom.png) no-repeat;}
#right .left .box.big table{border-collapse:collapse;}
#right .left .box.big td{font-size:13px;}
#right .left .box.big #alink{/*background:url(../images/watch_video.png) no-repeat; */margin:12px 0px 0px 25px; width:107px; height:33px;color: black; font-family:Arial; font-size: 12px; font-weight:bold;}
#right .left .box.big #youtubelink{background:url(../images/youtube.jpg) no-repeat;padding-left:45px;margin:12px 0px 0px 25px; width:107px; height:33px;color: black; font-family:Arial; font-size: 12px; font-weight:bold;}
#right .left .box.big #contactlink{background:url(../images/mail-icon01.png) no-repeat;padding-left:45px;margin:12px 0px 0px 25px; width:107px; height:33px;color: black; font-family:Arial; font-size: 12px; font-weight:bold;}
#right .left .box.big #pdflink{background:url(../images/pdf-download-icon01.png) no-repeat;padding-left:45px; margin:12px 0px 0px 25px; width:107px; height:33px;color: black; font-family:Arial; font-size: 12px; font-weight:bold;}

/*general*/
#right .left .box.big .general{padding:22px 0px 0px 25px;}
#right .left .box.big .general td.title{font-weight:bold; width:75px;}

/*details*/
#right .left .box.big .details{padding:22px 0px 0px 25px;}
/*#right .left .box.big .details td.title{width:130px;}*/

/*images*/
#right .left .box.big .images{float:right; padding:10px; width:180px;}
#right .left .box.big .images img{float:none; display:inline; margin:0px 23px 13px 0px;border:1px solid black;}

/*right*/
#right .right{float:right; margin-left:-11px; width:0px;}
#right .map{background:url(../images/map.png) no-repeat; height:229px;margin-left:1px}

/*newsletter*/
#right .newsletter{border-top:2px solid #fff; border-right:1px solid #fff; border-bottom:2px solid #fff; padding:11px 0px 11px 14px;}
#right .newsletter h3{font-size:16px; margin-bottom:10px;}
#right .newsletter span{display:block; padding:2px 1px 2px 1px; color:#706e6e; font-size:14px;}
#right .newsletter input{border:1px solid #000000; padding:4px; width:156px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#right .newsletter input.button{border:0px solid #000000; padding:12px 0px 0px 154px; width:auto;background:none;}





.button{
  background: #ed1c24;
  border:     1px solid black;
  height:     20px;
  font-weight: bold;
  color:      white;
}

.input{
  border:     1px solid black;
  height:     16px;
}
.input_file{
  border:     1px solid black;
}

.titel{
  color:       #ed1c24;
  font-family: arial;
  font-size:   14px;
  font-weight: bold;
}
#template {
 border:       1px solid;
}

.text_field{
  border:     1px solid black;
  height:     20px;
  width:      300px;
}

.text_field_error{
  border:     1px solid red;
  background: #FFCCCC;
  height:     16px;
  width:      300px;
}
.textarea_field{
  border:     1px solid black;
  height:     90px;
  width:      300px;
}

.text_field_products{
  border:     1px solid black;
  height:     16px;
  width:      200px;
}

.text_field_products_error{
  border:     1px solid red;
  background: #FFCCCC;
  height:     16px;
  width:      200px;
}
.textarea_field_products{
  border:     1px solid black;
  height:     90px;
  width:      200px;
}