@charset "utf-8";
/* CSS Document */

/* RESET */
html,body,div,span,applet,object,h1,h2,h3,p,a,em,font,img,strong,sub,sup,b,u,i,center,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,hr,dd,dt,dl 
									{ margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:inherit; font-weight: inherit; }
div									{ position:relative; }
a img								{ border: none; }
input								{ outline:none; border:none; }

/* MAIN */

a:link								{ color:#333333; text-decoration:none; }
a:visited							{ color:#333333; text-decoration:none; }
a:hover								{ color:#333333; text-decoration:none; }
a:active							{ color:#333333; text-decoration:none; }

body 								{ line-height:1.5em; font-family:Arial, sans-serif; color:#333333; font-size:0.75em;  background-position: center; background-repeat: repeat-y;   }
html, body 							{ height:100%; width:100%; }
.cleardiv 							{ clear:both; height:0px; visibility: hidden; }
h1									{ font-size:1em; font-weight:bold; margin:0px 0px 15px 0px; }
h2									{ font-size:1em; font-weight:bold; margin:10px 0px 15px 0px; }
.hr									{ display:block; clear:both; border:none; background-color:#eeeeee; height:1px; width:inherit; line-height:0px; font-size:0px; }
strong, .bold						{ font-weight:bold; }
.leftimage							{ margin-right:15px; margin-left:10px; }

/* MAIN STYLE ELEMENTS */
#wrapper { margin:auto; width:920px; }

#wrapper #topnavigation { width:inherit; height:55px;  padding:70px 0px 0px 0px; }
#wrapper #topnavigation #logo {  float:left; background: url(../images/iesys-logo.png) no-repeat; height:100px; width:183px; margin-top: -50px;}
#wrapper #topnavigation #logo:hover { cursor:pointer; }
#wrapper #topnavigation #navigation { float:right; height:44px; }
#wrapper #topnavigation #navigation li { list-style:none; height:inherit; width:130px; float:left; border-left:1px solid #cccccc; padding:0px 0px 0px 6px; }
#wrapper #topnavigation #navigation li a { font-weight:bold; }
#wrapper #topnavigation #navigation li:hover { cursor:pointer; border-left:1px solid #01a0c8; }
#wrapper #topnavigation #navigation li .nav-onderschrift { display:block; padding:6px 0px 0px 0px; color:#bcb5b5; text-transform: lowercase; }
#wrapper #topnavigation #navigation .nav-active { border-left:1px solid #01a0c8; }

#footer { width:inherit; height:40px; padding:25px 0px 0px 0px; color:#666666; border-top:1px solid #e3e3e3; margin:30px 0px 0px 0px; }
#footer #left { float:left; }
#footer #right { float:right;  }

/* homepage */
#wrapper #home-header { height:auto; margin-top:18px; }
#wrapper #home-header #headerimage { height:300px; width:920px; background-image: url(../images/header_home-v1.jpg); position:relative; }
#wrapper #home-header #headercontrols { border:1px solid #eeeeee; height:21px; background-image: url(../images/verbergen-bg.png); background-position: right; background-repeat: no-repeat; }

#wrapper #home-blok1 { width:inherit; height:160px; margin-top:30px; border-bottom:1px solid #e3e3e3; }
#wrapper #home-blok1 #over-ons-header { width:141px; height:21px; background-image: url(../images/textheader_over-ons.png); margin:0px 0px 20px 0px; }


#wrapper #home-blok2 { width:inherit; margin-top:30px; height:175px; border-bottom:1px solid #e3e3e3;  }
#wrapper #home-blok2 #home-contact { height:145px; width:210px; border-right:1px solid #e3e3e3; float:left; }
#wrapper #home-blok2 #home-contact #contact-header { width:123px; height:25px; background-image: url(../images/textheader_contact.png); margin:0px 0px 20px 0px;  }
#wrapper #home-blok2 #home-contact div img { float:left; margin:3px 0px 0px 0px; }
#wrapper #home-blok2 #home-contact #telefoon { margin:0px 0px 30px 0px; }

#wrapper #home-blok2 #home-diensten { width:660px; height:145px; float:left; margin-left:48px; }
#wrapper #home-blok2 #home-diensten #diensten-header { width:141px; height:29px; background-image: url(../images/textheader_diensten.png); margin:0px 0px 16px 0px;  }
#wrapper #home-blok2 #home-diensten ul { float:left; width:205px; color:#666666; margin:0px 0px 0px 0px;  }
#wrapper #home-blok2 #home-diensten ul li { padding:0px 0px 0px 15px; line-height:21px; list-style:none; background-image: url(../images/ul-dot.png); background-position:0px 5px; background-repeat:no-repeat;  }

#wrapper #home-blok3 { width:inherit; margin:30px 0px 0px 0px; height:245px; }
#wrapper #home-blok3 #recent-header { width:196px; height:29px; background-image: url(../images/textheader_recent-werk.png); margin:0px 0px 30px 0px; }
#wrapper #home-blok3 #recent-image { float:left; border:1px solid #e3e3e3; }
#wrapper #home-blok3 #recent-image img { margin:2px; display:block; }
#wrapper #home-blok3 #recent-content { float:left; padding:15px 0px 0px 18px; width:500px; height:168px; border-top:1px solid #e3e3e3; color:#666666; }
#wrapper #home-blok3 #recent-content #recent-leesmeer { position:absolute; bottom:-4px; left:18px; font-weight:bold; color:#666666; }

/* diensten */
#wrapper #diensten-header2 { width:inherit; height:58px; border-bottom:1px solid #e3e3e3; }
#wrapper #diensten-header2 #header { width:141px; height:29px; background-image: url(../images/textheader_diensten.png); margin:20px 0px 0px 0px; }
#wrapper .diensten-blok { height:475px; width:254px; padding:20px 20px 20px 20px; background-color: #f8f8f8; margin:30px 18px 0px 0px; float:left; line-height:22px; text-align:justify; }
#wrapper .last { margin-right:0px; }
#wrapper .diensten-blok .image { border:1px solid #e3e3e3; padding:4px;  }
#wrapper .diensten-blok .image img { display:block;  }
#wrapper .diensten-blok .header  { height:70px; border-bottom:1px solid #e3e3e3; margin:0px 0px 11px 0px; }
#wrapper .diensten-blok .header img { display:block; margin:15px 0px 0px 0px; }

/* portfolio */
#wrapper #portfolio-header { width:inherit; height:58px; border-bottom:1px solid #e3e3e3; }
#wrapper #portfolio-header #header { width:145px; height:35px; background-image: url(../images/textheader_portfolio.png); margin:20px 0px 0px 0px; }
#wrapper #projectenheader { width:910px; background-color:#01a0c8; line-height:23px; border:1px solid #eeeeee; margin:30px 0px 0px 0px; padding:0px 0px 0px 8px; color:#fff; font-weight:bold; background-image: url(../images/portfolio/projecten-balk-bg.png); background-position: right; background-repeat: no-repeat; }

#myAccordion { width:918px; margin-left:1px; }
#myAccordion dt { line-height:23px; border-bottom:1px solid #eeeeee; padding:0 8px; color:#666666; }
#myAccordion dd { overflow:hidden;  }
#myAccordion dd img { margin-top:10px; }
#myAccordion dd { border-bottom:1px solid #01a0c8; }
#myAccordion dt.myAccordionHover { background-color:#eeeeee; cursor:pointer; }
#myAccordion dt.myAccordionActive { border:none; font-weight:bold; color:#01a0c8; }

/* overons */

#wrapper #overons-header1 { height:auto; margin-top:18px; }
#wrapper #overons-header1 #headerimage { height:300px; width:920px; background-image: url(../images/header_overons-v1.jpg); }
#wrapper #overons-header1 #headercontrols { border:1px solid #eeeeee; height:21px; background-image: url(../images/verbergen-bg.png); background-position: right; background-repeat: no-repeat; }

#wrapper #overons-header2 { width:inherit; height:40px;  }
#wrapper #overons-header2 #header { width:141px; height:21px; background-image: url(../images/textheader_over-ons.png); margin:40px 0px 10px 0px; }
#wrapper #overons-content { height:400px; }

/* contact */
#wrapper #contact-header2 { width:inherit; height:58px; border-bottom:1px solid #e3e3e3; margin:0px 0px 30px 0px; }
#wrapper #contact-header2 #header { width:123px; height:25px; background-image: url(../images/textheader_contact.png); margin:20px 0px 0px 0px; }
#wrapper #googlemap { padding:4px; float:left; border:1px solid #e3e3e3; margin:0px 30px 0px 0px; }
#wrapper #googlemap #map { width: 350px; height:350px; margin:0px 0px 0px 0px; }
#wrapper #rightblok { float:left; width:500px; }
#wrapper #rightblok div img { float:left; margin:3px 0px 0px 0px; }
#wrapper #rightblok div { margin:0px 0px 30px 0px;  }
	
.text { font-size:20px; font-family:Arial; color:#666; line-height:25px; }