/* Copyright TvTWeb - www.tvtweb.nl */ /*=== HTML Elements =====================================================================================================================================================*/ body {margin:0px; padding:0px; color:#333333; font-family:Arial; font-size:12px;} html {width:100%;} h1 {padding:0px 0px 10px 0px; margin:0px; font-family: 'MankSansMedium', arial; font-size:28px; font-weight:normal;} h2 {padding:0px; margin:0px; color:#333333; font-size:12px;} @font-face { /* This declaration targets Internet Explorer */ font-family: 'MankSansMedium'; src: url('../fonts/manksans-medium-webfont.eot'); } @font-face { /* This declaration targets everything else */ font-family: 'MankSansMedium'; src: url(//:) format('no404'), url('../fonts/manksans-medium-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*=== TvTWeb FrameWork Parts ==============================================================================================================================================*/ /* partContentText */ div.partContentText {} div.partContentText p {padding:0px 0px 15px 0px; margin:0px; line-height:19px; color:#333333;} div.partContentText p a:link {color: #333333; text-decoration:underline;} div.partContentText p a:visited {color: #333333; text-decoration:underline;} div.partContentText p a:active {color: #333333; text-decoration:underline;} div.partContentText p a:hover {color: #000000; text-decoration:underline;} div.partContentText ul {padding:0px 0px 15px 0px;margin:0px 0px 0px 15px;list-style-type:disc; line-height:19px;} div.partContentText ul li {} div.partContentText ol {padding:0px 0px 15px 0px;margin:0px 0px 0px 25px;list-style-type:decimal; line-height:19px;} div.partContentText ol li {} /* partContentFileImageAdmin */ div.partContentFileImageAdmin {padding:0px 0px 0px 0px; margin:0px;} div.partContentFileImageAdmin img {border:solid 1px #cccccc;} div.partContentFileImageAdmin a:hover img {border:solid 1px #cccccc;} /* partContentFileAdmin */ a.partContentFileAdmin {padding:0px 0px 0px 0px; margin:0px; display:block;} a:link.partContentFileAdmin {color: #888888 ;text-decoration:none;} a:visited.partContentFileAdmin {color: #888888 ;text-decoration:none;} a:active.partContentFileAdmin {color: #888888 ;text-decoration:none;} a:hover.partContentFileAdmin {color: #000000;text-decoration:none;} /* partFooter */ div#partFooter {margin:0px auto; padding:0px 0px 0px 0px; height:30px;} div#partFooter ul {padding:0px; margin:0px; list-style-type:none;} div#partFooter ul li {color:red; float:left; border-left: solid 1px #000000; padding:0px 10px 0px 10px;} div#partFooter ul li#partFooterCopyright {border-left:none;} div#partFooter ul li a:link {color:red; text-decoration:none;} div#partFooter ul li a:visited {color:red; text-decoration:none;} div#partFooter ul li a:active {color:red; text-decoration:none;} div#partFooter ul li a:hover {color:#000000; text-decoration:none;} /*=== Custom code ===============================================================================================================================================================*/ div#content-wrapper {} div#topContainer {height:59px;} div#top {height:59px; width:1004px; margin:0px auto;} a#logo {margin:15px 0px 0px 30px; padding:0px 0px 0px 42px; height:39px; width:292px; float:left; font-family: 'MankSansMedium'; font-size:0px; text-transform:uppercase; color:white; letter-spacing:1px; text-align:left; outline:0;} a#logo:link {color:#ffffff; text-decoration:none;} a#logo:visited {color:#ffffff; text-decoration:none;} a#logo:active {color:#ffffff; text-decoration:none;} a#logo:hover {color:#ffffff; text-decoration:none;} div#mainContainer {padding:48px 0px 0px 0px; background:url(../images/style/mainShadow.png) repeat-x;} /* height should be dynamic based on the screen resolution minus top */ div#main {width:974px; margin:0px auto; padding:30px 0px 0px 30px; background:#ffffff url(../images/style/mainBackground.png) no-repeat center 0px;} div#left {float:left; width:335px; text-align:left; padding:0px 0px 20px 0px;} div#left a:link {color:#333333; text-decoration:none;} div#left a:visited {color:#333333; text-decoration:none;} div#left a:active {color:#333333; text-decoration:none;} div#left a:hover {color:#1051A2; text-decoration:underline;} div#left a#services:link, div#left a#services:visited, div#left a#services:active, div#left a#portfolio:link, div#left a#portfolio:visited, div#left a#portfolio:active, div#left a#mensen:link, div#left a#mensen:visited, div#left a#mensen:active {color:#ffffff; text-decoration:none;} div#breadCrumb ul {padding:11px 0px 0px 5px; margin:0px; list-style:none; height:31px;} div#breadCrumb ul li {padding:0px 7px 0px 13px; margin:0px; float:left;} div#breadCrumb ul li.first {background-image:none;} div#breadCrumb ul li.selected {text-decoration:underline;} div#breadCrumb ul li a {color:#333333; outline:0;} div#breadCrumb ul li a:link {color:#333333; text-decoration:none;} div#breadCrumb ul li a:visited {color:#333333; text-decoration:none;} div#breadCrumb ul li a:active {color:#333333; text-decoration:none;} div#breadCrumb ul li a:hover {text-decoration:underline;} /* Home page */ a#services {width:190px; height:80px; display:block; padding:10px 10px 10px 130px; background:url(../images/style/services-portfolio-mensen.jpg) no-repeat 0px 0px; margin-bottom:5px; line-height:19px; outline:0;} a#services:hover {background-position:0px -100px; color:#ffffff; text-decoration:none;} a#portfolio {width:190px; height:80px; display:block; padding:10px 10px 10px 130px; background:url(../images/style/services-portfolio-mensen.jpg) no-repeat 0px -200px; margin-bottom:5px; line-height:19px; outline:0;} a#portfolio:hover {background-position:0px -300px; color:#ffffff; text-decoration:none;} a#mensen {width:190px; height:80px; display:block; padding:10px 10px 10px 130px; background:url(../images/style/services-portfolio-mensen.jpg) no-repeat 0px -400px; margin-bottom:5px; line-height:19px; outline:0;} a#mensen:hover {background-position:0px -500px; color:#ffffff; text-decoration:none;} /* PMC matrix */ div#pmcmatrix {width:315px; height:310px; background:url(../images/style/pmcmatrix.jpg) no-repeat; padding:20px 0px 0px 20px;} a.bedrijf {float:left; width:100px; height:100px; margin:0px 5px 5px 0px; display:block; outline:0;} a#selectedBedrijf {background-color:#009999; filter:alpha(opacity=70); opacity: 0.7;} a.bedrijf:hover {background-color:#009999; filter:alpha(opacity=70); opacity: 0.7;} a.onderwijs {float:left; width:100px; height:100px; margin:0px 5px 5px 0px; display:block; outline:0;} a#selectedOnderwijs {background-color:#bed730; filter:alpha(opacity=70); opacity: 0.7;} a.onderwijs:hover {background-color:#bed730; filter:alpha(opacity=70); opacity: 0.7;} a.overheid {float:left; width:100px; height:100px; margin:0px 5px 5px 0px; display:block; outline:0;} a#selectedOverheid {background-color:#603895; filter:alpha(opacity=70); opacity: 0.7;} a.overheid:hover {background-color:#603895; filter:alpha(opacity=70); opacity: 0.7;} /* Center */ div#center {float:left; width:307px; text-align:left; margin-left:15px; padding:7px 0px 10px 0px;} /* Right */ div#right {float:left; width:277px; text-align:left; margin-left:20px; padding:7px 0px 10px 0px;} div#right div.partContentFileImageAdmin {float:left; width:60px; height:60px; border:1px solid #c5c4c4; padding:0px 0px 0px 0px;} div#right div.partContentFileImageAdmin a {outline:0;} div#right div.partContentFileImageAdmin img {border:none;} div#right div.thumbItemTitle {float:left; padding:4px 0px 0px 10px; width:205px;} div#right div.thumbItemTitle a.more {color:#888888;} div#right div.thumbItemTitle span.title {color:#333333; display:block; font-weight:bold; padding:0px 0px 0px 0px;} div#right div.thumbItemTitle span.title a {outline:0;} div#right div.thumbItemTitle span.title a:link {color:#333333; text-decoration:none;} div#right div.thumbItemTitle span.title a:visited {color:#333333; text-decoration:none;} div#right div.thumbItemTitle span.title a:active {color:#333333; text-decoration:none;} div#right div.thumbItemTitle span.title a:hover {color:#000000; text-decoration:none;} div#right div.thumbItemTitle span.date {color:#888888; display:block;} div#right div.thumbFooter {clear:both; height:10px;} div#right a.archiveButton {height:16px; width:195px; padding:11px 0px 0px 72px; display:block; margin:0px 0px 20px 0px; border-top:1px solid #c5c4c4; background:url(../images/style/archiveMore.gif) no-repeat 0px 10px; outline:0;} div#right a.archiveButton:link {color:#1051a2; text-decoration:none;} div#right a.archiveButton:visited {color:#1051a2; text-decoration:none;} div#right a.archiveButton:active {color:#1051a2; text-decoration:none;} div#right a.archiveButton:hover {color:#333333; text-decoration:none;} /* Footer */ div#socialMedia {clear:both; border-top:1px solid #333333; width:944px; padding:0px 0px 15px 0px;} div#socialMedia div.partContentFileImageGallery {padding:10px 0px 0px 0px; margin:0px;} div#socialMedia div.partContentFileImageGallery a {width:36px; height:36px; float:left; display:block; padding:0px 5px 0px 0px; outline:0;} div#socialMedia div.partContentFileImageGallery a img {border:none;} div#socialMedia div.partContentFileImageGallery img {border:none;} div#socialMedia div.partContentFileImageGallery a:hover img {border:none;} div#socialMedia div.partContentFileImageGallery div.partContentFileImageGalleryFooter {clear:both; height:10px;} /* Mensen & Impressies */ div#fullView {text-align:left; padding:0px 0px 0px 0px;} div.persoon {float:left; width:176px; padding:0px 16px 16px 0px;} div.persoon h2 {padding:0px 0px 10px 0px; margin:0px; font-family: 'MankSansMedium'; font-size:17px; font-weight:bold; color:#999999;} div.personBox {width:174px; border:1px solid #c7c7c7; padding:0px 0px 10px 0px; min-height:720px;} div.personBox div.partContentFileImageAdmin {width:174px; height:174px; border:none; padding:0px 0px 0px 0px;} div.personBox div.partContentFileImageAdmin img {border:none;} div.personBox div.partContentText p {padding:15px 10px 0px 10px; margin:0px; line-height:19px;} div.personBox div.partContentText p a {outline:0;} div.personBox div.partContentText p a:link {color: #1051a2; text-decoration:underline;} div.personBox div.partContentText p a:visited {color: #1051a2; text-decoration:underline;} div.personBox div.partContentText p a:active {color: #1051a2; text-decoration:underline;} div.personBox div.partContentText p a:hover {color: #000000; text-decoration:underline;} div.persoonFooter {clear:both; height:4px;} div#fullView div.partContentFileImageGallery {padding:10px 0px 0px 0px; margin:0px;} div#fullView div.partContentFileImageGallery a.thickbox {width:176px; height:133px; float:left; display:block; padding:0px 16px 16px 0px; outline:0;} div#fullView div.partContentFileImageGallery a.thickbox img {border:1px solid #c7c7c7;} div#fullView div.partContentFileImageGallery img {border:1px solid #c7c7c7;} div#fullView div.partContentFileImageGallery a:hover.thickbox img {border:1px solid #0e4488;} div#fullView div.partContentFileImageGallery img:hover {filter:alpha(opacity=60); opacity: 0.6;} div#fullView div.partContentFileImageGallery div.partContentFileImageGalleryFooter {clear:both; height:4px;} /* Nieuwsbrief & Contact */ div#largeRight {width:589px; float:left; padding:0px 0px 20px 20px;} div#largeRight span {color:#888888; font-weight:bold; line-height:19px;} /* MailChimp */ .display_archive {font-family: arial,verdana; font-size: 12px; padding:34px 0px 0px 0px; color:#1051a2; font-weight:bold;} .display_archive a {font-weight:normal; outline:0;} .display_archive a:link {color: #333333; text-decoration:none;} .display_archive a:visited {color: #333333; text-decoration:none;} .display_archive a:active {color: #333333; text-decoration:none;} .display_archive a:hover {color: #000000; text-decoration:underline;} .campaign {line-height: 125%; margin: 5px;} /* Actualiteiten lijst */ div#left div.thumbItem {} div#left div.thumbItem#selected {background:url(../images/style/archiveBackground.gif) no-repeat right 0px;} div#left div.partContentFileImageAdmin {float:left; width:36px; height:36px; border:1px solid #c5c4c4; padding:0px 0px 0px 0px;} div#left div.partContentFileImageAdmin a {outline:0;} div#left div.partContentFileImageAdmin img {border:none;} div#left div.thumbItemTitle {float:left; padding:0px 0px 0px 10px; width:286px;} div#left div.thumbItemTitle span.title {color:#333333; display:block; font-weight:bold; padding:4px 0px 0px 0px;} div#left div.thumbItemTitle span.title {outline:0;} div#left div.thumbItemTitle span.title a:link {color:#333333; text-decoration:none;} div#left div.thumbItemTitle span.title a:visited {color:#333333; text-decoration:none;} div#left div.thumbItemTitle span.title a:active {color:#333333; text-decoration:none;} div#left div.thumbItemTitle span.title a:hover {color:#000000; text-decoration:none;} div#left div.thumbItemTitle span.date {color:#888888; display:block;} div#left div.thumbFooter {clear:both; height:10px;} div#archive {} div#archive h1 {color:#1051a2; padding-bottom:25px;} div#archive div.thumbItem {width:318px; float:left; padding:0px 0px 0px 0px; height:77px;} div#archive div.partContentFileImageAdmin {float:left; width:60px; height:60px; border:1px solid #c5c4c4; padding:0px 0px 0px 0px;} div#archive div.partContentFileImageAdmin img {border:none;} div#archive div.thumbItemTitle {float:left; padding:0px 0px 0px 10px; width:230px;} div#archive div.thumbItemTitle span.title {color:#333333; display:block; font-weight:bold; padding:4px 0px 0px 0px; outline:0;} div#archive div.thumbItemTitle span.title a {outline:0;} div#archive div.thumbItemTitle span.title a:link {color:#333333; text-decoration:none;} div#archive div.thumbItemTitle span.title a:visited {color:#333333; text-decoration:none;} div#archive div.thumbItemTitle span.title a:active {color:#333333; text-decoration:none;} div#archive div.thumbItemTitle span.title a:hover {color:#000000; text-decoration:none;} div#archive div.thumbItemTitle span.date {color:#888888; display:block;} div#archive div.thumbFooter {clear:both; height:3px; font-size:1px;} /* Various colours */ /* Blue */ h1.blue {color:#1051a2;} .topContainerblue {background-color:#1051a3; border-bottom:1px solid #18478d;} div#navigationblue ul.partNavigation li.selected {background:#1f407c;} div#navigationblue ul.partNavigation li:hover {background:#1f407c;} div#top .logoblue {background:url(../images/style/eb-mangement-logo.png) no-repeat 0px 0px;} div#breadCrumb ul.blue li {background:url(../images/style/blueArrow.gif) no-repeat 0px 4px;} div#breadCrumb ul.blue a:hover {color:#1051a2;} /* Green */ h1.green {color:#abc138;} .topContainergreen {background-color:#bed730; border-bottom:1px solid #abc138;} div#navigationgreen ul.partNavigation li.selected {background:#abc138;} div#navigationgreen ul.partNavigation li:hover {background:#abc138;} div#top .logogreen {background:url(../images/style/eb-mangement-logo.png) no-repeat 0px 0px;} div#breadCrumb ul.green li {background:url(../images/style/greenArrow.gif) no-repeat 0px 4px;} div#breadCrumb ul.green a:hover {color:#abc138;} /* Turqoise */ h1.turqoise {color:#007c7c;} .topContainerturqoise {background-color:#009999; border-bottom:1px solid #007c7c;} div#navigationturqoise ul.partNavigation li.selected {background:#007c7c;} div#navigationturqoise ul.partNavigation li:hover {background:#007c7c;} div#top .logoturqoise {background:url(../images/style/eb-mangement-logo.png) no-repeat 0px 0px;} div#breadCrumb ul.turqoise li {background:url(../images/style/turqoiseArrow.gif) no-repeat 0px 4px;} div#breadCrumb ul.turqoise a:hover {color:#007c7c;} /* Purple - Overheid */ h1.purple {color:#603895;} .topContainerpurple {background-color:#603895; border-bottom:1px solid #4b2b76;} div#navigationpurple ul.partNavigation li.selected {background:#4b2b76;} div#navigationpurple ul.partNavigation li:hover {background:#4b2b76;} div#top .logopurple {background:url(../images/style/eb-mangement-logo.png) no-repeat 0px 0px;} div#breadCrumb ul.purple li {background:url(../images/style/purpleArrow.gif) no-repeat 0px 4px;} div#breadCrumb ul.purple a:hover {color:#4b2b76;}