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

/* Colors 
  base text      #333
  e-dynamics red     #f43127
  e-dynamics beage  #f7f3eb
  
*/
body { margin:0; padding:0; background:#fff; }
a img { border:none; }
.hidden { display:none; }

/* ************ ICONS ************ */
span.phonenumber { padding-left:18px; background:url(../images/icon-phone.gif) no-repeat 0 50%; }
span.mobilephonenumber { padding-left:18px; background:url(../images/icon-mobilephone.gif) no-repeat 0 50%; }
span.emailaddress { padding-left:18px; background:url(../images/icon-email.gif) no-repeat 0 50%; }
span.website { padding-left:18px; background:url(../images/icon-website.gif) no-repeat 0 50%; }
span.twitter { padding-left:18px; background:url(../images/icon-twitter.gif) no-repeat 0 50%; }
span.linkedin { padding-left:18px; background:url(../images/icon-linkedin.gif) no-repeat 0 50%; }
span.portfolio { padding-left:18px; background:url(../images/icon-folder.gif) no-repeat 0 50%; }

/* ************ LAY-OUT ************ */
.pageContainer { margin:0; padding:0; position:relative; }

.pageHeader { margin:0; padding:0; height:50px; overflow:hidden; background:#8f8f8f url(../images/bg-gradient-888-999-top.gif) repeat-x 0 0; clear:both; }
.pageHeader .pageHeaderInner { margin:0 auto; padding:0; min-width:760px; max-width:940px; }

.navigationContainer { margin:0; padding:0; position:absolute; top:50px; left:0; z-index:1; width:100%; clear:both; background:#fefefe url(../images/bg-page-main-navigation.gif) repeat-x 0 0; }
.navigationContainer .navigationContainerInner { margin:0 auto; padding:0; min-width:760px; max-width:940px; }

.displayContainer { margin:0; padding:0; position:absolute; top:85px; left:0; z-index:0; width:100%; height:40px; overflow:hidden; clear:both; background:#c82820 url(../images/bg-page-display.gif) repeat-x 0 0; }
body.sysHome .displayContainer { height:205px; }
.displayContainer .displayContainerInner { margin:0 auto; padding:0; min-width:760px; max-width:940px; }

.contentContainer { margin:80px 0 0 0; padding:10px 0 0 0; clear:both; background:url(../images/bg-page-container-outer.gif) no-repeat 50% 0; }
body.sysHome .contentContainer { margin:240px 0 0 0; background:none; }
.contentContainer .contentContainerInner { margin:0 auto; padding:0; min-width:760px; max-width:940px; }

.pageBottom { margin:30px 0 0 0; padding:20px 0 0 0; clear:both; overflow:hidden; background:url(../images/bg-gradient-eee-fff-bottom.gif) no-repeat 50% 0; }
.pageBottom .pageBottomInner { margin:0 auto; padding:0; min-width:760px; max-width:940px; }

.pageFooter { margin:0; padding:0; clear:both; background:#ccc; }
.pageFooter .pageFooterInner { margin:0 auto; padding:0; min-width:760px; max-width:940px; }

/* *** multi column *** */
.columnContainer { margin:0; padding:0; width:100%; clear:both; overflow:auto; }
body.sysHome .columnContainer { margin:0; padding:0; width:100%; clear:both; overflow:visible; }
.columnContainer .column25 { margin:0; padding:0; width:25%; float:left; overflow:hidden }
.columnContainer .column33 { margin:0; padding:0; width:33.33%; float:left; overflow:hidden }
.columnContainer .column66 { margin:0; padding:0; width:66.66%; float:left; overflow:hidden }
.columnContainer .column75 { margin:0; padding:0; width:75%; float:left; overflow:hidden }

/* ************ CONTENT ************ */
/* *** pageHeader *** */
.pageHeader .pageHeaderInner { position:relative; }
/* branding */
.pageHeader .pageHeaderInner .branding { margin-left:0px; }
.pageHeader .pageHeaderInner .branding .logo a { display:block; width:150px; height:50px; overflow:hidden; background:url(../images/logo-etje-large.gif) no-repeat 0 0; text-decoration:none; }
.pageHeader .pageHeaderInner .branding .logo a span { visibility:hidden; }

/* siteSearch */
.siteSearch { margin:10px 0 0 0; padding:0; position:absolute; right:0; top:0px; }
.siteSearch .formContainer { margin:0; padding:0; width:auto; background:none; }
.siteSearch .formContainer form { margin:0; padding:0; background:none; }
.siteSearch .formContainer div { float:left; }
.siteSearch .formContainer form .formrule br { display:none; }
.siteSearch .formContainer form .formrule label { display:none; }
.siteSearch .formContainer form .formrule .styledInput { vertical-align:middle; width:150px; float:left; background:#ddd url(../images/bg-input-dark.png) no-repeat 100% 100%; }
.siteSearch .formContainer form .formrule .styledInput input { width:92.5%; background:url(../images/bg-input-dark.png) no-repeat 0 0; }
.siteSearch .formContainer form div button { margin:-4px 0 0 0; }
.siteSearch .formContainer form div button em { display:block; overflow:hidden; text-indent:999px; white-space:nowrap; height:30px; width:12px; background:url(../images/icon-search-333.gif) no-repeat 50% 50%; }
.siteSearch .formContainer form div button strong { padding:0 0 0 10px; }
.siteSearch .formContainer form div button strong span { padding:0 10px 0 0; }

/* *** navigationContainer *** */
/* main nav */
.navigationContainer .navigationContainerInner ul { display:block; margin:0 0 -13px 0; padding:0; list-style:none; clear:both; width:100%; overflow:auto; }
.navigationContainer .navigationContainerInner ul li { display:block; margin:0; padding:0; list-style:none; overflow:hidden; float:left; position:relative; }
.navigationContainer .navigationContainerInner ul li.first { margin-left:10px; }
.navigationContainer .navigationContainerInner ul li.first a { background:url(../images/bg-line-ccc-fff-vertical.gif) repeat-y 0 0; }
.navigationContainer .navigationContainerInner ul li a { display:block; margin:0; padding:0; width:100%; float:left; font-weight:bold; color:#666; text-decoration:none; line-height:35px; }
.navigationContainer .navigationContainerInner ul li a:hover { color:#000; }
.navigationContainer .navigationContainerInner ul li a span { display:block; margin:0; padding:0 10px; background:url(../images/bg-line-ccc-fff-vertical.gif) repeat-y 100% 100%; }
.navigationContainer .navigationContainerInner ul li.current a { background:#333 url(../images/bg-page-main-navigation-active-item.gif) no-repeat 0 0; color:#fff; }
.navigationContainer .navigationContainerInner ul li.current a span { background:url(../images/bg-page-main-navigation-active-item.gif) no-repeat 100% 100%; }
.navigationContainer .navigationContainerInner ul li.current span.anchor { display:block; width:100%; height:13px; float:left; background:url(../images/bg-page-main-navigation-anchor.gif) no-repeat 50% 0; }

/* *** displayContainer *** */
.displayContainer { }
.displayContainer div.background { display:none; }
.displayContainer div { color:#fff; }
.displayContainer h1 { margin:15px 15px 0 10px; font-size:1em; float:left; line-height:normal; color:#000; }
.displayContainer p { margin:15px 90px 0 10px; font-size:1em; line-height:normal; color:#000; }
.displayContainer ul { display:block; margin:10px 0 0 220px; padding:0; } 
.displayContainer ul li { list-style:none; } 

body.sysHome .displayContainer div.background { display:block; margin:0; padding:0; }
body.sysHome .displayContainer div.columnContainer { position:absolute; top:0; min-width:760px; max-width:940px; }
body.sysHome .displayContainer h1 { margin:35px 0 0 10px; font-size:3em; font-weight:normal; float:none; color:#fff; }
body.sysHome .displayContainer p { margin:0 90px 0 10px; font-size:1.8em; font-weight:normal; color:#fff; }
body.sysHome .displayContainer div.column33 { margin-left:-25px; background:url(../images/bg-page-display-factlist-left.gif) no-repeat 0 0; height:255px; }
body.sysHome .displayContainer ul { display:block; margin:2em 0 0 30px; padding:0; }
body.sysHome .displayContainer ul li { list-style:none; padding-left:20px; background:url(../images/bullet-vink.gif) no-repeat 0 50%; font-size:1.2em; }


/* *** contentContainer *** */
/* subNavigation */
.contentContainer .subNavigationContainer { margin:0 10px 0 0; padding:0 0 30px 0; min-height:480px; background:url(../images/bg-page-container-left.gif) no-repeat 100% 0; overflow:hidden; }
.contentContainer .subNavigationContainer ul { margin:10px 0 10px 10px; padding:0; list-style:none; }
.contentContainer .subNavigationContainer ul li { margin:0 10px 0 0; padding:0; list-style:none; border-bottom:1px dotted #ccc; }
.contentContainer .subNavigationContainer ul li a { display:block; margin:0; padding:8px 0; color:#999; font-weight:bold; text-decoration:none; }
.contentContainer .subNavigationContainer ul li a:hover { color:#000; text-decoration:underline; }
.contentContainer .subNavigationContainer ul li.current a { margin-right:-10px; color:#f43127; background:url(../images/bg-page-sub-navigation-active-item.gif) no-repeat 100% 50%; }

/* breadcrums */
.contentContainer .breadcrums { margin:0 20px 0 10px; padding:10px 0; }
.contentContainer .breadcrums ul { display:inline; margin:0; padding:0; list-style:none; }
.contentContainer .breadcrums ul li { display:inline; margin:0; padding:0; list-style:none; font-size:0.9em; color:#ccc; }
.contentContainer .breadcrums ul li a { color:#ccc; text-decoration:none; }
.contentContainer .breadcrums ul li a:hover { text-decoration:underline; color:#f43127; }

/* contentobject */
.contentContainer .contentobject { margin:0 20px 0 10px; padding:0; }
.contentContainer .contentobject ul { list-style:disc; margin:0 0 15px 0; padding:0 0 0 20px; }
.contentContainer .contentobject ul li {  margin:0; padding:0; line-height:1.5em; }
/* article */
.contentContainer .article { margin:0 20px 0 10px; padding:0; }
body.sysHome  .contentContainer .article { display:none; }
.contentContainer .article h1 { color:#f43127; font-weight:normal; }
.contentContainer .article h2 { color:#666; }
.contentContainer .article li,
.contentContainer .article p { width:66.66%; }
.contentContainer .article p.meta { width:auto; color:#666; }
.contentContainer .article a#svAsset { display:block; margin:10px 0; }
.contentContainer .article .headerimage { margin:0 -4px 20px -4px; padding:0 0 4px 0; position:relative; width:675px; background:url(../images/bg-page-article-image.gif) no-repeat 100% 100%; }
.contentContainer .article .headerimage .image { margin:0; padding:4px 4px 0 4px; width:100%; max-height:200px; overflow:hidden; background:url(../images/bg-page-article-image.gif) no-repeat 0 0; }
.contentContainer .article .headerimage .image img { float:left; }
.contentContainer .article .headerimage p.payofline { position:absolute; top:30px; left:20px; width:33%; margin:0; padding:0; font-size:1.5em; color:#fff; }
.contentContainer .article .summary { font-weight:bold; color:#666; }
.contentContainer .article .more { margin:-10px -10px 30px 10px; padding:20px; background:#fff url(../images/bg-page-container-more.gif) no-repeat 0 0; float:right; width:26.5%; }
.contentContainer .article .more h4 { margin:0 0 5px 0; padding:0; color:#f43127; font-size:0.9em; }
.contentContainer .article .more p { width:auto; }
.contentContainer .article .more ul { display:block; margin:0; padding:0; list-style:none; }
.contentContainer .article .more ul li { display:block; margin:0; padding:0 0 5px 0; width:auto; list-style:none; font-size:0.9em; }
.contentContainer .article .more ul li span { display:block; margin:0; padding:0 0 0 20px; }
/* VE edited width to match two thumbs next to eachother */
.contentContainer .article .images { margin:0; padding:0; overflow:auto; width:66.66%; }
.contentContainer .article .images .image { margin:-2px 10px 20px -4px; padding:0 0 4px 0; float:left; width:214px; height:auto; background:url(../images/bg-thumbnail-120.gif) no-repeat 50% 100%; }
.contentContainer .article .images .image a { display:block; margin:0; padding:4px 4px 0 4px; float:left; width:206px; max-height:154px; overflow:hidden; height:auto; background:url(../images/bg-thumbnail-120.gif) no-repeat 50% 0; }
.contentContainer .article .images .image img { float:left; width:206px;  }
/* VE edited width to match single screenshot full width in article */
.contentContainer .article .screenshot .image { margin:-2px 10px 20px -4px; padding:0 0 4px 0; float:left; width:476px; height:auto; background:url(../images/bg-thumbnail-120.gif) no-repeat 50% 100%; }
.contentContainer .article .screenshot .image a { display:block; margin:0; padding:4px 4px 0 4px; float:left; width:468px; height:auto; background:url(../images/bg-thumbnail-120.gif) no-repeat 50% 0; }
.contentContainer .article .screenshot .image img { float:left; width:468px;  }

.contentContainer .article table { margin:0; padding:0; width:100%; border:none; border-collapse:separate; }
.contentContainer .article table tr th,
.contentContainer .article table tr td { margin:0; padding:3px; background:#eee; font-size:0.95em; }
.contentContainer .article table tr th { text-align:left; }

/* GoogleMaps map */
.map iframe { border:1px solid #333; }

/* comments */
.contentContainer .comments { margin:0; padding:0; }
.contentContainer .comments .commentslist { margin:0; padding:0; width:66.66%; }
.contentContainer .comments .commentslist h2 { color:#f43127; }
.contentContainer .comments .commentslist h2 span.amount { display:inline-block; padding:5px 15px; background:url(../images/marker-comments.gif) no-repeat 0 50%; color:#333; }
.contentContainer .comments .commentslist p a.add { background:url(../images/icon-add-999.gif) no-repeat 0 50%; padding-left:18px; color:#999; text-decoration:none; }
.contentContainer .comments .commentslist p a.add:hover { text-decoration:underline; color:#f43127; }
.contentContainer .comments .commentslist ol { margin:0; padding:0; list-style:none; }
.contentContainer .comments .commentslist ol li { margin:0 0 2em 0; padding:5px 0; list-style:none; border-top:1px dotted #eee; position:relative; }
.contentContainer .comments .commentslist ol li blockquote { margin:0; padding:0; }
.contentContainer .comments .commentslist ol li cite { margin:0; padding:0; font-style:normal; font-weight:bold; }
.contentContainer .comments .commentslist ol li div.editor { position:absolute; right:0; top:0; }
.contentContainer .comments .commentslist ol li div.editor a { color:#ccc; font-size:0.8em; text-decoration:none; }

/* index */
.contentContainer .index { margin:2em 0 0 0; padding:0; }
.contentContainer .index .item { margin:0 0 1em 0; padding:0; clear:both; min-height:130px; }
.contentContainer .index .item  h2 { display:inline; }
.contentContainer .index .item  h2 a:link { color:#f43127; text-decoration:none; }
.contentContainer .index .item  h2 a:visited { color:#333; text-decoration:none; }
.contentContainer .index .item  h2 a:active { color:#333; text-decoration:underline; }
.contentContainer .index .item  h2 a:hover { color:#333; text-decoration:underline; }
.contentContainer .index .item .date { display:inline; }
.contentContainer .index .item .date span { padding:5px 10px 5px 20px; background:url(../images/marker-date.gif) no-repeat 50% 50%; font-weight:bold; }
.contentContainer .index .item .comments {  display:inline; }
.contentContainer .index .item .comments span { padding:5px 15px 5px 12px; background:url(../images/marker-comments.gif) no-repeat 50% 50%; font-weight:bold; }
.contentContainer .index .item .image { margin:-2px 10px 0 -4px; padding:4px; float:left; width:90px; height:90px; background:url(../images/bg-thumbnail.gif) no-repeat 50% 50%; }
.contentContainer .index .item .image a { display:block; overflow:hidden; width:90px; height:inherit; }
.contentContainer .index .item .image img { float:left; height:90px; }
.contentContainer .index .item .summary { margin:0; padding:0 100px 0 104px; font-weight:normal; }
.contentContainer .index .item .summary p { display:inline; }
.contentContainer .index .item .summary p.readMore a { padding-right:12px; text-transform:lowercase; background:url(../images/bullet-arrow-right.gif) no-repeat 100% 0.4em; }

.contentContainer .index .pager { margin:0 0 4em 0; padding:10px 0 5px 0; text-align:center; background:url(../images/bg-pager.gif) no-repeat 50% 0; clear:both; overflow:visible; }
.contentContainer .index .pager h2 { display:none; }
.contentContainer .index .pager ul { display:inline; margin:0 auto; padding:0; list-style:none; }
.contentContainer .index .pager ul li { display:inline; margin:0; padding:0; list-style:none; font-size:0.9em; }
.contentContainer .index .pager ul li em,
.contentContainer .index .pager ul li a { display:inline-block; margin:0; padding:0; height:1.5em; width:1.5em; line-height:1.5em; text-decoration:none; }
.contentContainer .index .pager ul li a:hover { text-decoration:underline; }
.contentContainer .index .pager ul li.prev a { margin-right:5px; padding-left:13px; width:auto; background:url(../images/bullet-arrow-left.gif) no-repeat 0 0.4em; }
.contentContainer .index .pager ul li.prev em { margin-right:5px; padding-left:13px; font-style:normal; color:#ccc; width:auto; background:url(../images/bullet-arrow-left-ccc.gif) no-repeat 0 0.4em; }
.contentContainer .index .pager ul li.next a { margin-left:5px; padding-right:13px; width:auto; background:url(../images/bullet-arrow-right.gif) no-repeat 100% 0.4em; }
.contentContainer .index .pager ul li.next em { margin-left:5px; padding-right:13px; font-style:normal; color:#ccc; width:auto; background:url(../images/bullet-arrow-right-ccc.gif) no-repeat 100% 0.4em; }
.contentContainer .index .pager ul li strong { display:inline-block; margin:0; padding:0; height:1.5em; width:1.5em; background:#f43127; color:#fff; line-height:1.5em; }

/* forms */
.formContainer { display:block; margin:0 0 0 -5px; padding:10px 0 0 0; width:685px; clear:both; background:url(../images/bg-forms.gif) no-repeat 0 0; }
.formContainer form { display:block; margin:0; padding:5px 15px 15px 15px; background:url(../images/bg-forms.gif) no-repeat 100% 100%; }
.formContainer form h3 { margin:0; padding:0; }
.formContainer form fieldset { margin:0; padding:0; border:none; }
.formContainer form fieldset legend { display:none; }
.formContainer form label { margin:0; padding:0; font-weight:bold; }
.formContainer form label ins { text-decoration:none; color:#f43127; }
.formContainer form label.inline-label { position:absolute; top:0; margin:.4em 0 0 5px; color:#999; font-weight:normal; }
.formContainer form .formrule { margin:0; padding:0 0 10px 0; clear:both; }
.formContainer form .formrule .styledInput { margin:0; padding:0; background:url(../images/bg-input.png) no-repeat 100% 100%; width:45%; clear:both; position:relative; }
.formContainer form .formrule .styledInput input { display:block; margin:0; padding:5px; background:url(../images/bg-input.png) no-repeat 0 0; border:none; width:96.5%; }
.formContainer form .formrule .styledFileInput { margin:0; padding:0; background:none; width:46%; position:relative; }
.formContainer form .formrule .styledFileInput input.file { display:block; margin:0; padding:5px; position:absolute; font-size:1.2em; }
.formContainer form .formrule .styledFileInput input.file { opacity:0; }
.formContainer form .formrule .styledFileInput .fakeFileInput { margin:0; padding:0; width:100%; clear:both; }
.formContainer form .formrule .styledFileInput .fakeFileInput .input { margin:0; padding:0; float:left; background:url(../images/bg-input.png) no-repeat 100% 100%; width:69%; }
.formContainer form .formrule .styledFileInput .fakeFileInput .input span { display:block; margin:0; padding:5px; background:url(../images/bg-input.png) no-repeat 0 0; border:none; white-space:nowrap; overflow:hidden; font-style:normal; width:96.5%; }
.formContainer form .formrule .styledFileInput .fakeFileInput .button { display:block; margin:-3px 0 0 0; padding:0 0 0 15px; width:6em; float:left; background:url(../images/button-white.gif) no-repeat 0 -62px; text-decoration:none; }
.formContainer form .formrule .styledFileInput .fakeFileInput .button span { display:block; margin:0; padding:0 15px 0 0; background:url(../images/button-white.gif) no-repeat 100% -93px; height:32px; vertical-align:middle; line-height:32px; }
.formContainer form .formrule .styledFileInput:hover .fakeFileInput .button,
.formContainer form .formrule .styledFileInput .fakeFileInput .button:hover { color:#333; background:url(../images/button-white.gif) no-repeat 0 0px; }
.formContainer form .formrule .styledFileInput:hover .fakeFileInput .button span,
.formContainer form .formrule .styledFileInput .fakeFileInput .button:hover span { background:url(../images/button-white.gif) no-repeat 100% -31px; }

.formContainer form .formrule .styledTextarea { margin:0; padding:0; background:url(../images/bg-input.png) no-repeat 100% 100%; width:66%; position:relative; }
.formContainer form .formrule .styledTextarea textarea { display:block; margin:0; padding:5px; background:url(../images/bg-input.png) no-repeat 0 0; border:none; max-height:280px; width:97.5%; }
.formContainer form div button { margin:0 0 0 -3px; padding:0; background:none; border:none; cursor:pointer; }
.formContainer form div button strong { display:block; margin:0; padding:0 0 0 20px; background:url(../images/button-white.gif) no-repeat 0 -62px; }
.formContainer form div button strong span { display:block; margin:0; padding:0 20px 0 0; background:url(../images/button-white.gif) no-repeat 100% -93px; height:31px; vertical-align:middle; line-height:32px; }
.formContainer form div button:hover strong { background:url(../images/button-white.gif) no-repeat 0 0px; }
.formContainer form div button:hover strong span { background:url(../images/button-white.gif) no-repeat 100% -31px; }
.formContainer form div button.dark strong { background:url(../images/button-darkgray.gif) no-repeat 0 0px; color:#ccc; }
.formContainer form div button.dark strong span { background:url(../images/button-darkgray.gif) no-repeat 100% -31px; }
.formContainer form div button.dark:hover strong { background:url(../images/button-darkgray.gif) no-repeat 0 -62px; color:#fff; }
.formContainer form div button.dark:hover strong span { background:url(../images/button-darkgray.gif) no-repeat 100% -93px; }

/* forms response */
.contentContainer p.success { display:block; margin:0 0 0 -5px; padding:10px 0 0 0; width:685px; background:url(../images/bg-forms.gif) no-repeat 0 0; }
.contentContainer p.success span { display:block; margin:0; padding:5px 15px 15px 15px; background:url(../images/bg-forms.gif) no-repeat 100% 100%; }

/* homepage - banner caroussel */
.caroussel { margin:0; padding:0; position:relative; }
.caroussel .data { margin:0; padding:0; height:140px; width:100%; overflow:hidden; }
.caroussel .data .window { width:1565px; overflow:visible; }
.caroussel .data .item { margin:0; padding:0; width:313px; background:url(../images/bg-caroussel-item.gif) no-repeat 0 0; float:left; }
.caroussel .data .item-inner { margin:0; padding:10px 15px; background:url(../images/bg-caroussel-item.gif) no-repeat 100% 100%; height:120px; overflow:hidden; }
.caroussel .data .item-inner h3 { margin:0; padding:0; color:#f43127; font-size:1.4em; font-weight:normal; }
.caroussel .data .item-inner p { margin:0; padding:0; font-size:1.2em; color:#666; }
.caroussel .nav { margin:0; position:absolute; top:55px; left:0; width:100%; padding:0 ; z-index:2; }
.caroussel .nav a { display:block; margin:0; padding:0; position:absolute; left:-30px; height:30px; width:30px; background:url(../images/bullet-caroussel-left.gif) no-repeat 0 0; text-decoration:none; overflow:hidden; }
.caroussel .nav a span { display:none; }
.caroussel .nav a.next { left:auto; right:-30px; background:url(../images/bullet-caroussel-right.gif) no-repeat 0 0; }

/* homepage - weblog */
body.sysHome #sysWeblog { width:66.66%; float:left; }
body.sysHome #sysWeblog h1 { margin-left:10px; color:#f43127; font-weight:normal;  }
body.sysHome #sysWeblog .item { margin-left:10px; }
body.sysHome #sysWeblog .item .image { display:none; }
body.sysHome #sysWeblog .item .summary { padding:0 100px 0 0; }

/* homepage and others - klant aan het woord */
#sysKlantenAanHetWoord { margin:2em 0 0 0; padding:0; background:#f7f3eb; width:66.66%; overflow:auto; }
body.sysHome #sysKlantenAanHetWoord { margin:2em 0 0 0.5%; padding:0; background:#f7f3eb; width:32.33%; float:left; }
#sysKlantenAanHetWoord { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#sysKlantenAanHetWoord h1 { margin:10px; color:#f43127; font-size:1.2em; font-weight:normal;  }
#sysKlantenAanHetWoord h2 { font-size:1.4em; }
#sysKlantenAanHetWoord .item { margin-left:10px; margin-right:10px; margin-bottom:30px; }
#sysKlantenAanHetWoord .item .image { margin:0 10px 0 -5px; float:left; width:70px; height:70px; }
#sysKlantenAanHetWoord .item .image a { width:inherit; height:inherit; }
#sysKlantenAanHetWoord .item .image img { width:auto; height:70px; }
#sysKlantenAanHetWoord .item .summary { padding:0 20px 0 0; }

/* homepage - newsletter */
body.sysHome .newslettersignupcontainer { margin:3em 0 3em 0.5%; padding:0; width:32.33%; float:left; }
body.sysHome .newslettersignupcontainer .formContainer { margin:0; padding:0; width:auto; background:none; }
body.sysHome .newslettersignupcontainer .formContainer form { margin:0; padding:0; width:auto; background:none; }
body.sysHome .newslettersignupcontainer .formContainer form div { float:left; }
body.sysHome .newslettersignupcontainer .formContainer form .styledInput { width:180px; float:left; }
body.sysHome .newslettersignupcontainer .formContainer form .styledInput input { width:94.5%; }
body.sysHome .newslettersignupcontainer .formContainer form div button { margin:.9em 0 0 3px; }

/* team - overview */
/* index */
.contentContainer .team { margin:2em 0 0 0; padding:0; }
.contentContainer .team .item { margin:0 20px 3em 0; padding:0; width:120px; height:160px; float:left; clear:none; }
.contentContainer .team .item  h2 { display:block; font-size:1em; }
.contentContainer .team .item  h2 a:link { color:#f43127; text-decoration:none; }
.contentContainer .team .item  h2 a:visited { color:#333; text-decoration:none; }
.contentContainer .team .item  h2 a:active { color:#333; text-decoration:underline; }
.contentContainer .team .item  h2 a:hover { color:#333; text-decoration:underline; }
.contentContainer .team .item p { margin:0; padding:0; font-size:0.9em; line-height:normal; }
.contentContainer .team .item .image { margin:-2px 10px 0 -4px; padding:4px; float:left; width:120px; height:120px; background:url(../images/bg-thumbnail-120.gif) no-repeat 50% 50%; }
.contentContainer .team .item .image a { width:120px; height:120px; }
.contentContainer .team .item .image img { float:left; width:auto; height:120px; margin:0 0 0 -240px; }

/* portfolio - overview */
body.sysPortfolio .contentContainer .index { clear:both; }
body.sysPortfolio .contentContainer .index h1 { margin:.5em 0 3em 0; padding:5px 0 0 0; border-top:1px dotted #ccc; color:#ccc; font-size:1em; }
body.sysPortfolio .contentContainer .index .item { margin:0 20px 1em 0; float:left; width:120px; height:240px; clear:none; }
body.sysPortfolio .contentContainer .index .item h2 { display:block; margin:0; padding:0; font-size:0.9em; width:120px; }
body.sysPortfolio .contentContainer .index .item p.meta { margin:0; padding:0; width:120px; font-size:0.9em; }
body.sysPortfolio .contentContainer .index .item .image { margin:-2px 10px 0 -4px; padding:4px; float:left; width:120px; height:120px; background:url(../images/bg-thumbnail-120.gif) no-repeat 50% 50%; }
body.sysPortfolio .contentContainer .index .item .image a { width:120px; height:120px; }
body.sysPortfolio .contentContainer .index .item .image img { float:left; height:120px; }

/* portfolio - detail - klant aan het woord */
.contentContainer .article .related { margin:2em 0 0 0; padding:10px 15px 30px 15px; background:#f7f3eb; width:66.66%; overflow:auto; }
.contentContainer .article .related { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.contentContainer .article .related h2 { margin:0; padding:0; color:#f43127; font-size:1.2em; font-weight:normal;  }
.contentContainer .article .related h3 { font-size:1.4em; font-weight:normal; }
.contentContainer .article .related h3 a { text-decoration:none; }
.contentContainer .article .related .item .image { margin:0 10px 0 0; float:left; width:70px; height:70px; }
.contentContainer .article .related .item .image img { width:100%; }
.contentContainer .article .related .item .summary { padding:0 20px 0 0; }
.contentContainer .article .related .item .summary p { display:inline; font-weight:normal; width:auto; color:#333; }
.contentContainer .article .related .item .summary p.readMore a { padding-right:12px; text-transform:lowercase; background:url(../images/bullet-arrow-right.gif) no-repeat 100% 0.4em; }

/* *** pageBottom *** */
.pageBottom .pageBottomInner .columnContainer div h2 { margin:0 10px 10px 10px; padding:0; color:#999; font-size:1.1em; font-weight:normal; }
.pageBottom .pageBottomInner .columnContainer div p { line-height:1.6em; }
.pageBottom .pageBottomInner .columnContainer div p,
.pageBottom .pageBottomInner .columnContainer div ul { margin:0 10px 20px 10px; padding:0; color:#999; }
.pageBottom .pageBottomInner .columnContainer div ul li { margin:0 0 0 1.2em; padding:0 0 .5em 0; color:#999; }
.pageBottom .pageBottomInner .columnContainer div ul li a { color:#999; text-decoration:none; }
.pageBottom .pageBottomInner .columnContainer div p .phonenumber { background-image:url(../images/icon-phone-999.gif); }
.pageBottom .pageBottomInner .columnContainer div p .emailaddress { background-image:url(../images/icon-email-999.gif); }

/* *** pageFooter *** */
.pageFooter .pageFooterInner { background:url(../images/logo-edynamics-small-ongray.gif) no-repeat 100% 10px; }
.pageFooter .pageFooterInner p { padding:5px 10px 30px 10px; }

/* *** fancyZoom *** */
#zoom { z-index:999; }
/* EOF */