/*
Theme Name: DeLaatsteMeter
Theme URI: http://www.delaatstemeter.nl/
Description: Custom theme for DeLaatsteMeter.nl developed by Super Interactive (http://www.superinteractive.com). 
Author: Bastiaan van Dreunen <bastiaan@superinteractive.com>
Version: 1.0
*/

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,ol,ul,li,fieldset,form,legend,button,table,img { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }

/* Basics */
body { font-family: Arial, sans-serif; font-size: 12px; color: #222; background-color: #fff; line-height: 14px; }
a { color: #ae7d30; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Page */
#page { width: 1002px; margin: 0 auto; padding: 0 0 20px 0; overflow: hidden; clear: both; background: #fff; }
#logo { display: none; } 

/* MSN Toolbar */
#toolbar { background: url(images/toolbar-bg.png) repeat-x; height: 29px; width: 100%; clear: both; }
#toolbar #toolbar-utilities { width: 50%; float: left; }

#toolbar li,
#toolbar li a { display: inline-block; line-height: 28px; float: left; font-size: 11px; font-weight: bold; }
		 
#toolbar-utilities #toolbar-utilities-login { background: url(images/msn-icon.png) no-repeat 8px 5px; }
#toolbar-utilities #toolbar-utilities-login a { padding: 0 10px 0 30px; }
		
#toolbar-utilities #toolbar-utilities-loggedin { padding: 0 10px 0 30px; background: url(images/icons/msn-icon.png) no-repeat 8px 5px; font-weight: normal; }

#toolbar li { display: block; list-style: none; float: left; color: #fff; background: url(images/toolbar-divider.png) no-repeat 0 0; }
#toolbar a { color: #fff; padding: 0 10px; margin: 0 0 0 2px; }
#toolbar a:hover { background: url(images/toolbar-bg.png) repeat-x 0 -29px; text-decoration: none; }

#toolbar #toolbar-links { width: 430px; float: right; }
#toolbar-utilities #toolbar-utilities-teaser a {   }
#toolbar-utilities #toolbar-utilities-teaser a:hover {  }

#toolbar #toolbar-links a { text-indent: -10000px; }
#toolbar #toolbar-links-intro { background: none; font-weight: normal; padding: 0 10px 0 0; }
#toolbar #toolbar-links-linkedin { background: url(http://cdn.managementsite.nl/backgrounds/toolbar-bg.png) no-repeat 0 -58px; width: 81px;  }
#toolbar #toolbar-links-linkedin a { width: 61px; }
#toolbar #toolbar-links-twitter { background: url(http://cdn.managementsite.nl/backgrounds/toolbar-bg.png) no-repeat 0 -87px; width: 84px;  }
#toolbar #toolbar-links-twitter a { width: 64px; }
#toolbar #toolbar-links-rss { background: url(http://cdn.managementsite.nl/backgrounds/toolbar-bg.png) no-repeat 0 -116px; width: 79px;  }
#toolbar #toolbar-links-rss a { width: 56px; }
#toolbar-utilities #toolbar-utilities-teaser a {   }
#toolbar-utilities #toolbar-utilities-teaser a:hover {  }


/* Page header */
#page-header { height: 139px; background: url(images/header.png); margin: 0 0 33px 0; }
#page-header h1,
#page-title { width: 260px; height: 100px; background: url(images/logo-delaatstemeter.jpg) no-repeat 2px 0; float: left; }
#page-header h1 a,
#page-title a { display: block; width: 258px; height: 100px; text-indent: -10000px; }
#page-header a { font-size: 15px; font-family: Arial, serif; color: #222; text-decoration: none;  }
#page-header a:hover { color: #ae7d30; }
#tagline { display: none; }
#leaderboard { float: right; margin: 10px 0 0 0; }
#leaderboard { float: left; width: 728px; height: 90px; margin: 10px auto 0 auto; }

/* Navigation */
#navigation { clear: left; width: 796px; overflow: hidden; float: left; margin: 8px 0 0 0; line-height: 16px; }
#navigation li { display: block; float: left; text-align: center; }
#navigation li a { color: #ae7d30; display: block; height: 23px; padding: 8px 0 0 0; } 
#navigation li.current a { color: #333; }
#navigation-home,
#navigation-home a { width: 83px; }
#navigation-column,
#navigation-column a { width: 125px; }
#navigation-archief,
#navigation-archief a { width: 128px; }
#navigation-contact,
#navigation-contact a { width: 95px; }
#navigation-jobs,
#navigation-jobs a { width: 109px; } 

/* Main content column */
#page-main { width: 652px; float: left; }
#page-content { width: 652px; float: left; }
.index #page-content { width: 427px; }
#main-text { padding: 10px 0 0 0; }

/* Image captions */
.wp-caption { background: #f7f7f7; line-height: 18px; margin-bottom: 20px; max-width: 419px !important; padding: 4px; }
.wp-caption img { margin: 5px 5px 0; }
#main-text p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; font-family: Georgia, serif; font-style: italic; }

.category-header { font-size: 18px; color: #ae7d30; font-family: Arial, serif; font-weight: normal; margin: 0 0 20px 0; padding: 0 0 15px 0; border-bottom: solid 1px #EFF0F6; }

/* Author Info */
.author-info { border-bottom: solid 1px #e1e1e1; float: left; width: 100%; margin: 0 0 20px 0; }
.author-info h1 { font-size: 26px; color: #ae7d30; line-height: 32px; margin: 0 0 15px 0; }
.author-info .thumbnail { float: right; margin: 0 0 10px 10px; }
.author-info p { margin: 0 0 20px 0; font-size: 14px; line-height: 18px; }

#listing .author-header { font-size: 15px; font-weight: bold; margin: 0 0 20px 0; }

/* Article */
.subtitle { font-weight: bold; font-size: 13px; line-height: 17px; }
.meta { font-size: 11px; color: #888; margin: 0 0 10px 0; line-height: 17px;  }
.meta span { padding: 0 10px 0 0; }
.meta a { color: #6f7267; text-decoration: underline; }
.meta a:hover { color: #ae7d30; text-decoration: underline; }
.meta .separator { background: url(images/sprite.png) no-repeat 100% -460px; }
.meta .author { font-weight: bold; }
.excerpt { margin: 10px 0 0 0; }
.excerpt p { margin: 0 0 20px 0; }
.more { background: url(images/sprite.png) no-repeat -240px -227px; padding: 0 0 0 10px; }
.more a { font-weight: bold; }

ul.share-tools,
#main-text ul.share-tools { padding: 20px 0 10px 0; margin: 0; width: 100%; clear: both; }
ul.share-tools li,
#main-text ul.share-tools li { float: left; display: block; width: 103px; background: none; padding: 0; }

/* Article header */
#article-header { border-bottom: solid 1px #EFF0F6; }
#article-header h1 { font-size: 26px; text-transform: uppercase; font-weight: normal; font-family: 'Trebuchet MS', serif; color: #ae7d30; line-height: 32px; margin: 0 0 5px 0;  }
#article-header .subtitle { font-size: 14px; margin: 5px 0 10px 0; }

/* Main text */
#main-text { font-size: 14px; line-height: 20px; }
#main-text p { margin: 0 0 20px 0; }
#main-text h2 { margin: 10px 0 10px 0; font-size: 18px; font-family: 'Trebuchet MS', serif; color: #666; }
#main-text ul,
#main-text ol { padding: 0 0 20px 20px; }
#main-text .thumbnail { background: url(images/sprite.png) no-repeat; padding: 4px 4px 7px 4px; margin: 0 0 4px 0; }

.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }

/* Headline */
#headline { padding: 0 0 20px 0; margin: 0 0 25px 0; border-bottom: solid 1px #e7e7e3; }
#headline h2 { font-family: 'Trebuchet MS', serif; font-weight: normal; text-transform: uppercase; font-size: 22px; margin: 0 0 5px 0; line-height: 26px; }
#headline h2 a { color: #ae7d30; }
#headline .thumbnail { background: url(images/sprite.png) no-repeat; padding: 4px 4px 7px 4px; margin: 10px 0 4px 0; }
#headline .thumbnail img { width: 419px; height: 215px; }
#headline .excerpt { font-size: 14px; line-height: 20px; }

/* Comments */
#article-comments { float: left; margin: 20px 0 10px 0; width: 100%; color: #666; }
#article-comments p { margin: 0 0 15px 0; }
#article-comments .comment { background: #f8f8f8; border: solid 1px #EFF0F6; padding: 6px 12px; margin: 0 0 6px 0; }
#article-comments .comment-content { font-size: 12px; }
#article-comments .comment-content p { margin: 0 0 11px 0; line-height: 19px; }
#article-comments .meta { width: 100%; float: none; padding: 6px 0 6px 0; margin: 0; color: #666; font-weight: bold; }
#article-comments .author { font-size: 14px;  line-height: 19px; }
#article-comments .author a { color: #ae7d30; }
#article-comments .date { float: right; padding: 0; }
#article-comments .edit { float: right; padding: 0 0 0 10px; }
 
#comment-form { margin: 10px 0 0 0; float: left; border-top: solid 1px #EFF0F6; clear: both; }
#main-text #comment-form ul.comment-info { padding: 0; }
#comment-form .comment-info li { background: url(images/sprite.png) no-repeat -240px -227px; padding: 0 0 10px 13px; line-height: 16px; font-size: 12px; list-style: none; }
#comment-form .inline-title { text-transform: none; font-family: Arial, sans-serif; font-size: 15px; margin: 0 0 9px 0; }
#comment-form p { font-size: 11px; }
#comment-form .comment-form-element { clear: left; float: left; padding: 0 0 9px 0; width: 100%; }	
#comment-form label { display: block; width: 56px; float: left; font-weight: bold; font-size: 11px; }
#comment-form input.text-box { width: 250px; padding: 2px; font-family: Arial, sans-serif; font-size: 13px; color: #333; }
#comment-form textarea { color: #033265; width: 519px; height: 200px; padding: 4px; font-size: 12px; font-family: Arial, sans-serif; /*background: url(http://cdn.managementsite.nl/backgrounds/comment-text.png) no-repeat */; border: solid 1px #e0e0e0; float: left; }
#comment-form #comment-notify { padding: 0 0 0 58px; }
#comment-form #comment-notify label { width: auto; font-weight: normal; line-height: 23px; font-size: 11px; }
#comment-form #comment-notify input { float: left; }
#comment-form .button { width: 150px; float: right; margin: 0 67px 0 0; }

/* Listing */
#listing {}
.article-preview { clear: both; margin: 0 0 20px 0; float: left; width: 427px; border-bottom: solid 1px #e7e7e3; }
#listing h2 { font-family: 'Trebuchet MS', serif; font-size: 20px; margin: 0 0 10px 0; line-height: 22px; font-weight: normal; text-transform: uppercase; }
#listing h2 a { color: #ae7d30;  }
#listing .subtitle { margin: 0 0 10px 0; }
#listing .thumbnail { background: url(images/sprite.png) no-repeat 0 -226px; padding: 4px 4px 7px 4px; margin: 3px 0 4px 10px; float: right; }
#listing .thumbnail img { width: 231px; height: 132px; }
#listing .excerpt { font-size: 13px; line-height: 18px; margin: 0 0 30px 0; }

/* Pagination */
.pagination { font-size: 12px; color: #666; margin: 20px 0 0 0; float: left; width: 100%; }
.pagination li { display: block; float: left; margin: 0 4px 0 0; }
.pagination li a,
.pagination li span { display: block; float: left; padding: 2px 6px; }
.pagination li a:hover { background: #f1f1f1; text-decoration: none; }
.pagination .current span { background: #ae7d30; color: #fff; }

/* Piekenpijp */
#page-meta { width: 212px; float: right; margin: 10px 0 13px 13px; }
.index #page-meta { float: left; margin: 0 0 13px 13px; }

/* Meta box */
.meta-box { }
.meta-box-title { background: url(images/sprite.png) no-repeat 0 -810px; padding: 7px 12px 6px 12px; }
.meta-box-title h2 { color: #ae7d30; font-family: 'Trebuchet MS', serif; font-size: 14px; font-weight: bold; }
.meta-box-content { background: #f9f2e8; font-size: 11px; }
.meta-box-content-section { border-bottom: solid 2px #fff; padding: 10px 12px; }
.meta-box-content-section-last { border: none; }

/* Meta box advertorial book */
.meta-box-advertorial-book .meta-box-content { padding: 11px; width: 190px; }
.meta-box-advertorial-course .meta-box-content { padding: 11px; width: 190px; }

.advertorial { clear: both; float: left; background: #f9f2e8; margin: 0 !important; }
.advertorial .box-content { padding: 11px; width: 190px; }
.advertorial .box-header { display: none; }
.events { float: left; }


/* Article tools */
.article-tools { overflow: hidden; background: #f9f2e8; width: 188px; padding: 10px 12px; clear: both; margin: 0 0 10px 0; }
.article-tools div { float: left; padding: 0 20px 0 20px; height: 16px; }
.article-tools .sendafriend { background: url(images/sprite.png) no-repeat -411px -510px; }
.article-tools .print { background: url(images/sprite.png) no-repeat -411px -536px; }

/* Related posts */
.related-posts {}
.related-posts ul { list-style: none; }
.related-posts li { background: url(images/sprite.png) no-repeat -240px -228px; padding: 0 0 10px 13px; font-size: 12px; line-height: 16px; color: #999; }

/* Recent comments */
.recent-comments {}
.recent-comment .author { color: #888; font-size: 10px; }
.recent-comment .author a { color: #666; text-decoration: underline; }
.recent-comment .author a:hover { color: #ae7d30; }
.recent-comment .date { color: #888; font-size: 10px; }
.recent-comment p { margin: 4px 0; }
.recent-comments-post { font-size: 10px; font-weight: bold; } 

/* Events */
.event { padding: 10px 12px; }
.event h3 { margin: 3px 0; }
.event h3 a { font-size: 14px; }
.event .event-type { font-size: 11px; }
.event .event-meta { font-size: 11px; color: #888; line-height: 14px; padding: 0 0 6px 0; }
.event-premium .event-meta { font-weight: bold; padding: 0 0 6px 20px; background: url(images/sprite.png) no-repeat -412px -484px; }

.event-basic { clear: both; }

.event ul { padding: 0; list-style: none; }
.event li { list-style: none; padding: 0 0 10px 20px; background: url(images/sprite.png) no-repeat 0 -484px; line-height: 16px; }
.event li a { font-weight: bold; font-size: 12px; }
.event li .event-meta { font-size: 11px; }
.event p { font-size: 11px; margin: 0 0 6px 0 !important; line-height: 15px; }
.event .button { margin: 0 auto 10px auto; } 
.event .add-event { font-size: 10px; text-align: center; color: #999; }
.event .add-event { text-align: left; }
.event .add-event a { color: #999; text-decoration: underline;}
.event .add-event a:hover { color: #ae7d30; }

.event .event-meta { font-size: 11px; color: #888; }
.event .apply-teaser { padding: 9px 0 0 0; margin: 9px 0 0 0; border-top: dotted 1px #dedede; }
.event .apply-teaser a { font-size: 11px; background: none; font-weight: normal; color: #999; }

/* Jobs */
.jobs {}
.jobs .meta-box-content-section { font-size: 12px; }
.job-company { color: #666; }
.jobs .more { font-size: 11px; line-height: 19px; }
.jobs .more a { color: #666; text-decoration: underline; }

/* Sidebar */
#page-secondary { float: left; width: 337px; margin: 0 0 0 13px; }
.box { position: relative; z-index: 0; margin: 0 0 20px 0; }
.box h2 { padding: 2px 23px 0 15px; height: 25px; float: left; line-height: 25px; font-family: 'Trebuchet MS', serif; font-size: 14px; font-weight: normal; color: #ae7d30; position: relative; z-index: 2; background: url(images/sprite.png) no-repeat 100% -370px; border-left: solid 1px #d6d6d6; top: 0; left: 0; }
.box-content { width: 100%; float: left; clear: both; border-top: solid 1px #d8d8d8; top: -1px; left: 0; position: relative; z-index: 1; padding: 13px 0 0 0; }

/* Tab box */
.tab-box { width: 100%; float: left; }
.tabs { list-style: none; clear: both; width: 100%; float: left; position: relative; z-index: 0; height: 27px; border-bottom: solid 1px #d8d8d8; margin: 0 0 18px 0; }
/* .tabs li { display: inline-block; #display: inline; padding: 2px 24px 0 15px; float: left; height: 25px; line-height: 25px; background-image: url(images/sprite.png); background-repeat: no-repeat; background-position: 100% -397px; margin: 0 0 0 -5px; position: relative; z-index: 1; } */
.tabs li { display: inline-block; #display: inline; padding: 2px 24px 0 34px; float: left; height: 25px; line-height: 25px; background-image: url(images/sprite.png); background-repeat: no-repeat; background-position: 100% -397px; margin: 0 0 0 -20px; position: relative; z-index: 1; } 
.tabs li a { font-family: 'Trebuchet MS', serif; font-size: 15px; color: #999;  }
.tabs li.first { margin: 0 1px 0 0; padding: 2px 33px 0 16px; }
.tabs li.selected { padding: 2px 15px 0 15px; background-position: 100% -370px; z-index: 2; border-left: solid 1px #d8d8d8; border-bottom: solid 1px #fff; }
.tabs li.selected a { color: #ae7d30; padding: 0; }
.tab-content { clear: both; width: 100%; float: left; display: none; }
.tab-content-current { display: block; }

/* Twitter widget */
.twitter { margin: 0 0 20px 0; float: left; width: 100%; }
.twitter .twtr-widget { width: 100%; }
.twitter #twtr-widget-1 h3,
.twitter #twtr-widget-1 h4 { font-family: Arial, serif !important; font-weight: normal; color: #ae7d30 !important; }

/* Categories tab */
#tab-categories-content {}
#tab-categories-content ul { float: left; width: 158px; margin: 0 10px 0 0; padding: 15px 0 0 0; list-style: none; }
#tab-categories-content li { background: url(images/sprite.png) no-repeat -240px -228px; padding: 0 0 10px 13px; line-height: 16px; color: #999; font-size: 11px; }
#tab-categories-content a { font-weight: bold; font-size: 13px; }

/* Tagcloud tab */
#tab-subjects-content {}
#tab-subjects-content .tagcloud { padding: 10px 10px; line-height: 24px; }

/* Search */
#search { width: 100%; float: left; padding: 0 0 0 0; }
#search button { display: block; float: left; width: 31px; height: 28px; background-image: url(images/sprite.png); background-repeat: no-repeat; background-position: -297px -428px; text-indent: -10000px; cursor: pointer; }
#search button:hover { display: block; float: left; width: 31px; height: 28px; background-position: -328px -428px; }
#search-box { color: #888; background: url(images/sprite.png) no-repeat 0 -428px; height: 14px; width: 280px; border: 0; padding: 8px 8px 6px 8px; float: left; font-size: 12px; font-family: Arial, sans-serif; line-height: 12px;  }
#search-box.standby { font-weight: normal; color: #999; font-size: 11px; }

/* About box */
.about { font-size: 12px; margin: 15px 0 20px 0; float: left; color: #666; width: 100%; border-bottom: solid 1px #e7e7e3; }
.about p { margin: 0 0 15px 0; line-height: 17px; }
.about .more { background: url(images/sprite.png) no-repeat -240px -228px; margin: 0 0 20px 0; }
.about h3 { margin: 0 0 10px 0; font-size: 16px; font-family: 'Trebuchet MS', serif; color: #666; font-weight: normal; float: left; }
.editor-list { border-bottom: solid 1px #E7E7E3; float: left; width: 100%; margin: 0 0 10px 0; }
.about .editor { float: left; width: 100%; padding: 0 0 20px 90px; }
.about .author { float: left; width: 100%; padding: 0 0 20px 56px; }
.about .editor-thumbnail { margin: 0 0 0 -90px; float: left; width: 80px; height: 80px; }
.about .author-thumbnail { margin: 0 0 0 -56px; float: left; width: 46px; height: 46px; }
.about .editor-thumbnail img { width: 80px; height: 80px; }
.about .author-thumbnail img { width: 46px; height: 46px; }
.about .author-details { float: left; }

/* Network box */
.network {}
.network ul { float: left; width: 100%; list-style: none; margin: 15px 0 0 0; }
.partner { background-image: url(images/partner-logos.gif); background-repeat: no-repeat; background-position: 0 0; padding: 0 0 0 35px; margin: 0 0 13px 0; }
.network a { font-size: 13px; }
.network span { font-size: 11px; color: #999; }

/* Most read/commented box */
.popular {}
.tab-content ul { list-style: none; }
.tab-content li { background: url(images/sprite.png) no-repeat -240px -229px; padding: 0 0 10px 13px; }

/* Partner logos */
.partner-ms { background-position: 0 2px; }
.partner-mp { background-position: 0 -98px; }
.partner-ogm { background-position: 0 -196px; }
.partner-rta { background-position: 0 -294px; }
.partner-ss { background-position: 0 -392px; }
.partner-zg { background-position: 0 -490px; }
.partner-jb { background-position: 0 -588px; }
.partner-io { background-position: 0 -686px; }
.partner-gok { background-position: 0 -783px; }
.partner-dlm { background-position: 0 -882px; }
.partner-1mm { background-position: 0 -980px; }
.partner-pp { background-position: 0 -1078px; }
.partner-zbm { background-position: 0 -1176px; }
.partner-mscom { background-position: 0 -1274px; }
.partner-ed { background-position: 0 -1372px; }
.partner-eb { background-position: 0 -1472px; }
.partner-pm { background-position: 0 -1573px; }

.partner-large-ms { background-position: 0 2px; }
.partner-large-mp { background-position: 0 -98px; }
.partner-large-ogm { background-position: 0 -196px; }
.partner-large-rta { background-position: 0 -294px; }
.partner-large-ss { background-position: 0 -392px; }
.partner-large-zg { background-position: 0 -490px; }
.partner-large-jb { background-position: 0 -588px; }
.partner-large-io { background-position: 0 -686px; }
.partner-large-gok { background-position: 0 -783px; }
.partner-large-dlm { background-position: 0 -882px; }
.partner-large-1mm { background-position: 0 -980px; }
.partner-large-pp { background-position: 0 -1078px; }
.partner-large-zbm { background-position: 0 -1176px; }
.partner-large-mscom { background-position: 0 -1274px; }
.partner-large-ed { background-position: 0 -1372px; }
.partner-large-eb { background-position: 0 -1472px; }
.partner-large-pm { background-position: 0 -1573px; }


/* Buttons */
.button { background-image: url(images/sprite.png); background-repeat: no-repeat; background-position: 0 -618px; display: block; height: 24px; border: 0; }

.primary-button { background-position: 0 -618px; }

.button input,
.button a { background: none; border: 0; height: 24px; background-image: url(images/sprite.png); background-repeat: no-repeat; background-position: 100% -666px; display: block; line-height: 24px; font-family: 'Trebuchet MS', sans-serif; font-size: 13px; color: #333; text-align: center; width: 100%; cursor: pointer; text-decoration: none; }

.primary-button a,
.primary-button input { background-position: 100% -666px; color: #333; }

.button:hover { background-position: 0 -642px; }

.primary-button:hover { background-position: 0 -642px; }

.button:hover a,
.button:hover input { background-position: 100% -690px; } 

.primary-button:hover a,
.primary-button:hover input { background-position: 100% -690px; }

/* Contact form */
#contact-form { width: 100%; margin: 10px 0; }
#contact-form fieldset { border:0; }
#contact-form legend { font-weight: bold; }
#contact-form h3 { margin: 0 0 7px 0; }
#spam-trap { display: none;  }
#contact-form .form-element { clear: both; margin: 0 0 6px 0; overflow: hidden; }
#contact-form label { display: block; width: 75px; float: left; font-size: 12px; padding: 2px 0 0 0; }
#contact-form .text-box { border: solid 1px #d7d7d7; padding: 2px; float: left; display: block; color: #343434; font-family: Arial, sans-serif; font-size: 12px; } 
#contact-form input { width: 215px; }
#contact-form textarea { height: 230px; width: 347px; }
#contact-form #contact-form-submit { margin: 0 0 0 75px; width: 100px; }
.error-message { padding: 4px 8px; background: #FFEBE8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 10px 0; }

/* MSN footer */
#msn-footer { width: 1002px; margin: 0 auto; background: #fff; clear: both; border-top: solid 1px #EFF0F6; padding: 0 20px; }
#msn-footer-content { width: 100%; padding: 80px 0 27px 0; overflow: hidden; }
#msn-footer-title { font-size: 14px; font-family: "Trebuchet MS", sans-serif; text-transform: uppercase; color: #033265; font-weight: bold; display: inline; }
#msn-footer-content p { display: inline; font-size: 11px; padding: 0 0 0 15px; }

#msn-partners { margin: 20px 0 0 0; }
#msn-partners .msn-partners-section { float: left; }
#msn-partners .first { width: 367px; }
#msn-partners .second { width: 383px; }
#msn-partners .third { width: 220px; }
#msn-partners .msn-partner { padding: 0 6px 16px 30px; background-image: url(images/partner-logos.gif); background-repeat: no-repeat; }
#msn-partners .current {  }
#msn-partners a { display: block; font-weight: bold; color: #0f83eb; padding: 0 0 2px 0; height: 14px; font-size: 12px; }
#msn-partners .msn-partner span { font-size: 11px; padding: 0; }

#msn-copy { width: 100%;  float: left; padding: 28px 0 0 0; margin: 8px auto 0 auto; color: #6f7267; font-size: 11px; font-weight: bold; }
#msn-copy a { color: #6f7267; padding: 0 8px 0 4px; }
#msn-copy a.first { padding: 0 8px 0 0; }
#msn-copy span { color: #6f7267; }
#msn-copy a { text-decoration: underline;}
#msn-copy a:hover { color: #0f83eb; }
#msn-copy a.last { background: none; }

#site-credits { margin: 26px 0 0 0; float: left; clear: left; width: 100%; }

#site-credits a { background-image: url(http://cdn.managementsite.nl/icons/credits-logos3.png); background-repeat: no-repeat; padding: 2px 0 0 27px; color: #6f7267; font-size: 11px; height: 14px; display: inline-block; }
#site-credits span { color: #6f7267; font-size: 11px; display: inline-block; }
#site-credits a:hover { color: #0f83eb; }
#site-credits a.last { }

#site-credits a#managementsite { background-image: url(images/partner-logos.png); background-repeat: no-repeat; padding: 2px 0 0 19px; }
#site-credits a#cyso { background-position: 8px -32px; }
#site-credits a#true { background-position: 8px -32px; }
#site-credits a#lineworks { background-position: 8px 0; padding: 2px 0 0 26px; }
#site-credits a#searchresult { background-position: 8px -64px; padding: 2px 0 0 26px; }
#site-credits a#measuremail { background-position: 8px -48px; padding: 2px 0 0 26px; }
#site-credits a#superinteractive { background-position: 0 -16px; padding: 2px 0 0 19px;  }
#site-credits a#shutterstock { background-position: 8px -80px; padding: 2px 0 0 26px; }

/* Send a friend form */
.overlay { position: fixed; background: url(images/overlay.png); height: 100%; width: 100%; top: 0; left: 0; z-index: 5; }
.overlay h2 { font-size: 18px; line-height: 22px; color: #ae7d30; padding: 0 8px 11px 0; width: 400px; float: left; }
.overlay #overlay-container { padding: 20px 20px; width: 920px;  margin: 30px 0 0 -480px; left: 50%; top: 0; position: relative; background: #fff; -moz-border-radius: 5px; }
#instrument-overlay iframe { width: 900px; height: 480px; border: solid 1px #f1f1f1; padding: 12px; }
.overlay #overlay-close { float: right; }
#saf-overlay { display: none; }
#saf-msg { clear: both; width: 100%; color: #b00; }
#saf-msg strong { color: #0b0; }
#saf-form { clear: both; padding: 22px 0 0 0; width: 100%; overflow: hidden; }
#saf-form .form-element { width: 100%; overflow: hidden; padding: 0 0 8px 0; }
#saf-form label { width: 145px; display: block; float: left; line-height: 20px; }
#saf-form input { width: 242px; }
#saf-preview-header { font-size: 14px; width: 100%; padding: 22px 0 8px 0; margin: 11px 0 0 0; }
#saf-preview { padding: 10px; background: #f0f0f0; clear: both; }
#saf-form #saf-submit { clear: both; padding: 11px 0 0 0; margin: 22px 0 0 0; background: url(images/backgrounds/page-section-divider.png) repeat-x; width: 100%; overflow: hidden; }
#saf-form #saf-buttons { width: 256px; float: right; }
#saf-form #saf-submit #saf-cancel { display: block; width: 100px; text-align: center; float: left; padding: 3px 0 0 0; }
#saf-form #saf-submit #saf-send { width: 130px; float: right; }
#saf-form #saf-submit #saf-send input { width: 130px; }