@font-face {
    font-family: 'SansCulottesRegular';
    src: url('/template/fonts/sansc___-webfont.eot');
    src: url('/template/fonts/sansc___-webfont.eot?#iefix') format('eot'),
         url('/template/fonts/sansc___-webfont.woff') format('woff'),
         url('/template/fonts/sansc___-webfont.ttf') format('truetype'),
         url('/template/fonts/sansc___-webfont.svg#webfontnwDMa94j') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Sans'), local('DroidSans'), url('http://themes.googleusercontent.com/font?kit=s-BiyweUPV0v-yRb-cjciL3hpw3pgy2gAi-Ip7WPMi0') format('woff');
}

/* BODY */

body{ font-family: arial, serif; font-size:12px; font-family: 'Droid Sans', sans-serif;}
a{ text-decoration: none; color:#00609B;}
a:hover{ color:#2B2B2B;}

/* HEADERS en PARAGRAFEN */

h1					{font-size:40px; color:#565656; line-height: 65px; 	font-family: 'SansCulottesRegular', sans-serif; margin: 10px 0px 10px 0px;}
h3					{font-size:20px; color:#565656; line-height: 150%; 	font-family: 'SansCulottesRegular', sans-serif; margin-bottom: 10px; }
h4					{line-height: 200%; font-size: 14px; color: #3F3F3F;}
p					{line-height: 200%; font-size: 15px; color: #3F3F3F;}
.clear				{clear:both; width: 100%; height: 1px;}
.adress {line-height: 130%;  font-size: 15px; color: #3F3F3F;}
/* HEADER */

#header 			{width: 100%; height: 145px;}
#header_content		{width: 980px; height: 155px; margin: 0 auto;}

#logo				{width: 155px; height: 110px; background-image: url(/template/img/logo_ewi.jpg); background-repeat: no-repeat; float: left; margin-top:15px;}


#nav				{min-width: 650px; float: right; margin-top: 70px; }
#nav ul				{float: right; padding: 0px;}
#nav li 			{ float: left; } 
#nav li	a			{display: inline-block; font-size: 15px;  padding:5px; float: left; text-decoration: none; margin-left: 10px; color: #3F3F3F;}
#nav li a:hover		{background-color: #00609B; color: #fff; }
#nav li.here a		{background-color: #00609B; color: #fff; }

#slider				{width: 100%; height: 155px; background-color: #d5d5d5;}
#slider_content		{width: 980px;height: 155px; background-color: #ccc; margin: 0 auto;}
#header_foto		{width: 980px;height: 155px; background-color: #ccc; margin: 0 auto;}

#container			{width: 980px; margin: 0 auto; padding-bottom: 20px;}
#content			{width: 580px; margin-top: 20px;}

/* RECHTER KOLOM */

#right_column		{width: 355px; float: right;}

#foto				{width: 335px; height: 265px; padding:10px; background-color: #d5d5d5;}
#info				{width: 335px; height: 80px; padding: 10px; background-color: #d5d5d5; margin-top: 20px; line-height: 150%;}
#contact_button		{padding: 10px; background-color: #00609B; color: #fff; float: right; width: 100px; text-align: center; margin-top: 20px;}
#contact_button:hover {background-color: #0C415B; color:#fff; }


/* HIGHLIGHTS */

.highlight			{width: 335px; padding: 10px; height: 115px; background-color: #d5d5d5; margin-top: 20px;}
.highlight_foto		{width: 130px; height: 95px; float: left;}
.highlight_tekst	{width: 180px; margin-left: 140px;}
.highlight p		{font-size: 11px; line-height: 140%;}
.highlight h4		{line-height: 120%; margin-bottom: 5px;}
.highlight a		{font-size: 11px; color: #00609B; line-height: 200%;}
.link				{margin-top: 10px;}


/* CONTACT FORMULIER */

#contact_form{  width: 295px; float: right;padding: 30px; background:#d5d5d5; margin-top: 20px;}
form input{ width:270px; border-radius: 5px;   -moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:  0px 0px 3px #999; box-shadow: 0px 0px 3px #999;  color: #666;}
form .textarea{ width:270px; height:100px;border-radius: 5px;  -moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:  0px 0px 3px #999; box-shadow: 0px 0px 3px #999; color: #666;}
form label{ font-size: 11px; line-height:20px;}
form input, form .textarea{ border:solid 1px #cccccc;  padding: 5px 3px ; font-family: Arial; font-size:11px; border-radius: 5px;}
form .row{margin-bottom:6px;}
form .button {display: block; background-color: #00609B; color: #fff; margin-top:10px; padding: 5px; border: 0px; border-radius: 5px; float: right; -moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:  0px 0px 3px #999; box-shadow: 0px 0px 3px #999;}

#google-map{ font-size:12px; line-height:14px; margin:20px 0 0 0; width:580px; height:500px; border: 1px dashed #C0C0C0;}
.infowindow{ font-size:11px; color:#000; line-height:12px!important;} 

/* PROJECTEN OVERVIEW */

#project_container			{width: 100%; background-color: #d5d5d5; height: 205px; padding-top:20px; margin-top: 10px; clear: both;}
#project_container_content	{width: 980px; margin: 0 auto;}
#project_container_content ul {width: 980px;}
#project_container_content .list {width: 190px; padding: 10px 10px 10px 10px; float: left; background-color: #fff; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; box-shadow: 0px 0px 5px #999; margin-right: 46px;}
#project_container_content .last {float: right; width: 190px; padding: 10px 10px 10px 10px;  background-color: #fff; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; box-shadow: 0px 0px 5px #999;}

#project_container_content li p {clear: both; font-size: 11px; color: #034066;}
.spacer_40		{float: left; height: 1px; width: 46px;}


/* CTA's */

.call-to-action{ width:100%; overflow:hidden; margin-top: 30px;}
.call-to-action a.cta-contact{ float:left; }

a.cta-contact{ background-image:url(/template/img/cta_contact.png); background-repeat:no-repeat; width:124px; height:24px; display: block; background-position: 0 0; text-indent: -9999em; }
a:hover.cta-contact{  background-position: 0 -25px; }



/********************************************************************************************************
 * Footer
********************************************************************************************************/
.footer {width: 980px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}