ÿþ@font-face {

    font-family: 'ZurichRegular';

    src: url('fonts/zurche-webfont.eot');

    src: url('fonts/zurche-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/zurche-webfont.woff') format('woff'),

         url('fonts/zurche-webfont.ttf') format('truetype'),

         url('fonts/zurche-webfont.svg#ZurichRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'ZurichBlack';

    src: url('fonts/zurchke-webfont.eot');

    src: url('fonts/zurchke-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/zurchke-webfont.woff') format('woff'),

         url('fonts/zurchke-webfont.ttf') format('truetype'),

         url('fonts/zurchke-webfont.svg#ZurichBlack') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'MyriadProLight';

    src: url('fonts/myriadpro-light-webfont.eot');

    src: url('fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/myriadpro-light-webfont.woff') format('woff'),

         url('fonts/myriadpro-light-webfont.ttf') format('truetype'),

         url('fonts/myriadpro-light-webfont.svg#MyriadProLight') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'MyriadProRegular';

    src: url('fonts/myriadpro-webfont.eot');

    src: url('fonts/myriadpro-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/myriadpro-webfont.woff') format('woff'),

         url('fonts/myriadpro-webfont.ttf') format('truetype'),

         url('fonts/myriadpro-webfont.svg#MyriadProRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'MyriadProBold';

    src: url('fonts/myriadpro-bold-webfont.eot');

    src: url('fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/myriadpro-bold-webfont.woff') format('woff'),

         url('fonts/myriadpro-bold-webfont.ttf') format('truetype'),

         url('fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');

    font-weight: normal;

    font-style: normal;



}









a {color:#3C7BCF; text-decoration: none}

a:hover { color: #ff9c00; text-decoration: none; cursor:pointer;}



hr{border: 0; border-bottom:1px solid #ccc;}	



body {

    color: #666;

    margin: 0;

    padding: 0;

    font: 14px "Trebuchet MS";

    letter-spacing:0px;

    text-align:left;

}



blockquote{text-indent:40px;background:url(images/Quotes-open.png) top left no-repeat;min-height:70px;margin:0;padding:15px 10px 10px 5px;}

blockquote p{display:inline;padding:10px 50px 15px 10px;background:url(images/Quotes-close.png) bottom right no-repeat;min-height:50px;font:1.4em "Trebuchet MS";}

    

.main{

    width: 1000px;

    background-color: #ffffff;

}



.hoofdmain

{

    width: 1000px;

    font-size: 18px;

    font-weight: bold;

    background-color: #ffffff;

    text-align:left;

}



.hoofdtekst 

{

    font-family: "ZurichRegular";

    color: #666;

    font-size: 10pt;

    margin-bottom: 0px;

    text-align:left;

}



.hoofdtekstheader

{

    font-family: "ZurichBlack";

    color: #666;

    font-size: 10pt;

    margin-bottom: 0px;

    text-align:left;

}



.hoofdtekst3 

{

    font-family: "ZurichBlack";

    color: #666;

    font-size: 10pt;

    text-align:left;

    background: url(images/dot.png) no-repeat left center;

    margin: 0;

    padding: 0 0 0 17px;

}



.hoofdtekst4

{

    font-family: "Trebuchet MS";

    color: #777;

    font-size: 8pt;

    margin-bottom: 0px;

    text-align:left;

}



.subproducttekst 

{

    color:#FE9F09;

    font-family: "MyriadProRegular";

    font-size: 12pt;

    margin-bottom: 0;

    text-align:left;

}



.subproducttekst:hover 

{

    color:#777;

    cursor:pointer;

}

/*

.subproducttekstlinked

{

    color:#FE9F09;

    font-family: "MyriadPro-Bold";

    font-size: 10pt;

    margin-bottom: 0;

}



.subproducttekstlinked:hover 

{

    color:#777;

}*/



.imgklein

{

 margin-bottom: 5px; 

}





h1

{

    font-family: "ZurichRegular";

    color: #636363;

    font-size: 14pt;

    margin: 0 0 10px 0px;

    text-align:left;

    font-weight:bold;

}



h2

{

    font-family: "ZurichRegular";

    color: #ff9c00;

    font-size: 12pt;

    margin: 0 0 2px 0px;

    text-align:left;

    font-weight:normal;

}



h3

{

    font-family: "ZurichRegular";

    color: #c2c2c2;

    font-size: 12pt;

    margin: 0 0 2px 0px;

    text-align:left;

    font-weight:normal;

}



.nieuwsteprojectenkop

{

    font-family: "MyriadProRegular";

    color: #ffffff;

    font-weight:bold;

    font-size: 11pt;

    margin: 10px 0 2px 0px; 

    text-align:left;

}

.nieuwsteprojecten

{

    font-family: "MyriadProRegular";

    color: #ffffff;

    font-size: 11pt;

    margin: 0 0 2px 0px;   

    text-align:left;

}



.nieuwsteprojecten:hover

{

    color:#ffffff; text-decoration:none;

}



.npBack 

{

      background-color:black;

      filter:alpha(Opacity=70);

      opacity:0.7;

      color:#000;

      position:relative;

      top:270px;

      right:-30px;

      max-height:450px;

      width:390px;

      z-index:100;

      border-radius:10px;

      -moz-border-radius: 10px;

      padding: 5px 15px;

      text-align:left;

      font-family: "MyriadProRegular";

      font-size:1.2em;

      overflow:hidden;

      margin-left: 100px;

      display:none;

}







.tab

{

    margin-left: 28px;

    text-align:left;

}



  .hoofdmenu

{

    width:580px;

    height:40px;

    top:0;

    left:5px;

    padding:0 10px;

    position:relative;

    z-index:101;

    background:url('Images/HomeMenuUptop.png') no-repeat;

    color:White;

    }

.hoofdmenu .menu{

	border:none;

	border:0;

	margin:0;

	padding:1px 0;

	font: 67.5% "Trebuchet MS";

	font-size:14px;

	font-weight:normal;

	}

.hoofdmenu .menu ul{

	height:35px;

	list-style:none;

	margin:0;

	padding:0;

	}

	.hoofdmenu .menu li{

		float:left;

		padding:0px;

		display:block;

		line-height:35px;

		margin:0 2px;

		text-align:center;

		}

		.hoofdmenu .menu li:hover

		{

		    color: #ff9c00;

            cursor:pointer;

            text-decoration: none;

		}

	.hoofdmenu .menu li a{

		color:#ffffff;

		display:block;

		font-weight:normal;

		line-height:35px;

		margin:0 2px;

		padding:0 25px;

		text-align:center;

		text-decoration:none;

		}

		.hoofdmenu .menu li a:hover, .hoofdmenu .menu ul li:hover a{

            color: #ff9c00;

            cursor:pointer;

            text-decoration: none;

        }

	.hoofdmenu .menu li ul{

		background:#545454;

		display:none;

		height:auto;

		padding:5px;

		margin:0 0 0 5px;

		border:0px;

		position:absolute;

		width:200px;

		z-index:200;

		color:#ffffff;

		filter:alpha(opacity=95);

		opacity:0.95;

		}

	.hoofdmenu .menu li:hover ul{

		display:block;

		cursor:pointer;

		color:#fff;

		}

	.hoofdmenu .menu li ul li {

		background:url('images/sub_sep.gif') bottom left no-repeat;

		display:block;

		float:none;

		margin:0px;

		padding:0px;

		width:auto;

		color:#fff;

		}

	.hoofdmenu .menu li:hover li a{

		background:none;

		color:#fff;

		}

	.hoofdmenu .menu li ul a{

		display:block;

		height:35px;

		font-size:12px;

		font-style:normal;

		color:#fff;

		margin:0px;

		padding:0px 10px 0px 15px;

		text-align:left;

		}

		.hoofdmenu .menu li ul a:hover, .hoofdmenu .menu li ul li:hover a{

            color: #ff9c00;

            cursor:pointer;

            text-decoration: none;

        }

	.hoofdmenu .menu p{

		clear:left;

		}



.submit    { border-color:#5A5A5A #5A5A5A #5A5A5A #5A5A5A;

             border-width:1 1 1 1;

             background:#037a00;

             color:#ffffff;

             font-family: verdana;

             font-size:12px;

             font-weight:bolder;

             height:22;

             padding: 4px 4px 4px 4px;

             cursor:pointer;

            }

    

.input       { color: #515151; font-family: verdana;

                font-weight:normal; font-size: 11px; background-color: #F7F7F7;

                border: 1px solid #ccc;

              }      



.button 

{

    border:1px solid #767776;

    border-radius:5px;

    background-color:#767776;

    color:#ffffff;

    padding:5px;

}

.button:hover

{

    cursor:pointer;

}

  

  .BigImage 

  {

      background-image:url('Images/frontlogo.png'); 

      width:1000px; 

      height:570px; 

      position:absolute; 

      background-repeat:no-repeat;

      z-index:1;

  }

  

    .BigImageFrame 

  {

      background-image:url('Images/BigImageFrame.png');

      width:1000px;

      height:570px;

      background-repeat:no-repeat;

      z-index:2;

  }

  

  .infoOnImage 

  {

      background-color:white;

      filter:alpha(Opacity=50);

      opacity:0.5;

      color:#333;

      position:relative;

      right:270px;

      top:40px;

      height:450px;

      width:400px;

      z-index:100;

      border-radius:10px;

      -moz-border-radius: 10px;

      padding: 20px 10px;

      text-align:left;

      font-family: "MyriadProLight";

      font-weight: bold;

  }   

  

  .achtergrond

  {

      background: url('images/achtergrond.jpg'); 

      background-repeat:no-repeat;

      width:600px;

      height:638px;

      z-index:1;

      position:relative;

      vertical-align:top;

  }       

  .achtergrondborder

  {

      background: url('images/achtergrond_rounded.png');

      background-repeat:no-repeat;

      width:600px;

      height:638px;

      z-index:4;

      bottom:0;

      position:absolute;

  }  

  

  .modalback

  {

      background-color:#000000;

      filter:alpa(opacity=60);

      opacity:0.6;

  }

  

  .popupclose 

  {

      position:relative;

      bottom:390px;

      left:640px;

  }

  

  .productsmenu 

  {

      background-color:#f0f0f0;

      border-radius:15px;

      padding:10px 20px 10px 50px;

      min-width:200px;

  }

  

    .subproductsmenu 

  {

      background-color:#f0f0f0;

      border-radius:15px;

      padding:10px 10px 10px 20px;

      margin-left:50px;

      min-width:200px;

  }

  

  .peopleimages

  {

      width:80px;

      margin-bottom:5px;

  }

  

  .divInfo

  {

      color:#666;

      font: 12px "ZurichRegular"

  }