/*** met het tonen van team pagina alt ***/
body {
 background: #ffffff;
 margin: 0;
 font-family: verdana;
 color: #000000;
 font-size: 11px;  
}
div, img, h1, h2, h3, ul, li {
 float: left;
 margin: 0;
 padding: 0;
list-style-type:none;
}
h1,
span.hidden {
 display: none;
}
h2 {
 color: #e2007a;
 font-weight: bold;
 font-size: 24px;
 width: 100%;
}
h3 {
 color: #666666;
 font-style: italic;
 font-size: 18px; 
 font-weight: bold;
 width: 100%;
}
img {
 border: none;
}
#center {
 display: block;
 margin: auto;
 width: 920px;
 float: none;
}
#total {
 height: auto !important;
 margin: auto;
 min-height: 100%;
 text-align: left;
 width: 920px;
}

/*** HEADER ***/
#header {
 width: 920px;
 height: 106px;
}
#header img {
 float: left;
 width: 208px;
 height: 100px;
}

/*** MENU ***/
#menu {
 width: 928px;
 height: 33px;
 margin-bottom: 10px;
}
#menu ul {
 list-style: none;
 height: 33px;
}
#menu ul li {
 float: left;
 width:150px;
 padding: 0px 4px 0px 0px;
}
#menu ul li a {
 height: 33px;
 display: block;
}
#menu ul li.home a {
 background: url(images/home_bt.gif) no-repeat;
}
#menu ul li.weblog a {
 background: url(images/weblog_bt.gif) no-repeat;
}
#menu ul li.organisatie a {
 background: url(images/organisatie_bt.gif) no-repeat;
}
#menu ul li.portfolio a {
 background: url(images/portfolio_bt.gif) no-repeat;
 }
#menu ul li.klanten a {
 background: url(images/klanten_bt.gif) no-repeat;
}
#menu ul li.contact a {
 background: url(images/contact_bt.gif) no-repeat;
}
#menu ul li a span {
  display:none;
}
body.home ul li.nieuws,
body.oplossingen ul li.nieuws,
body.organisatie ul li.nieuws,
body.cases ul li.nieuws,
body.partners ul li.nieuws,
body.conatct ul li.nieuws,
body.algemeen ul li.nieuws {
 display: none;
}
/*** SUBMENU ***/
#menu ul li ul {
 display: none;
 list-style: disc;
}
#menu ul li ul.on {
 display: block;
 background: #e3007a;
 background-repeat: no-repeat;
 height: 102px;
 width: 920px;
 position: absolute;
 z-index: 5;
 opacity: 0.75;
 margin-top: -2px;
 padding-top: 30px;
 filter: alpha(opacity=75);

}
#menu ul li.home ul.on li {
 padding-left: 20px;
}
#menu ul li.weblog ul.on {
 margin-left: -154px;
}
#menu ul li.weblog ul.on li {
 padding-left: 174px;
}
#menu ul li.organisatie ul.on {
 margin-left: -308px;
}
#menu ul li.organisatie ul.on li {
 padding-left: 331px;
}
#menu ul li.portfolio ul.on {
 margin-left: -462px;
}
#menu ul li.portfolio ul.on li {
 padding-left: 484px;
}
#menu ul li.klanten ul.on {
 margin-left: -616px;
}
#menu ul li.klanten ul.on li {
 padding-left: 632px;
}
#menu ul li.contact ul.on {
 margin-left: -770px;
}
#menu ul li.contact ul.on li {
 padding-left: 782px;
 width: 130px;

}
#menu ul li ul.on li {
 font-size: 12px;
 clear: both;
 display: block;
 font-weight: bold;
 height: 15px;
}
#menu ul li ul.on li a {
 text-decoration: none;
 color: #ffffff;
 opacity: 1;
 background-image: none;
 display: block;
}

/*** TOP ***/
#top {
 position: relative;
 z-index: -5;
 width: 920px;
 height: 120px;
 background-color: #cb0075;
}
#top p {
 margin-top:0;
}
#top p img {
 float: none;
}
#top p span.intro {
 color: #ffffff;
 font-size: 22px;
 font-weight: bold;
 display: block;
 margin: -50px 0px 0px 12px;
}
#container {
 width: 878px;
 border: 1px solid #e6e6e6;
 padding: 20px;
}
/*** INTER ***/
#inter {
 clear: both;
 width: 877px;
 padding-bottom: 20px;
 margin-top: 15px;
}
#inter .left {
 width: 425px;
 padding: 0px 0px 0px 0px;
 float: left;
}
#inter .right {
 width: 425px;
 padding: 0px 0px 0px 0px;
 float: right;
}
div.bottom {
 height: 100%;
 width: 100%;
}
span.interesse {
 margin-top: 10px;
 display: block;
 background: url(images/interesse_bg.gif) no-repeat;
 width: 919px;
 height: 35px;
 padding: 10px 0px 0px 20px;
 font-size: 12px;
 font-weight: bold;
}
span.interesse a {
 text-decoration: none;
 color: #e2007a;
}
#inter div.bottom ul {
 list-style: none;
 display: block;
 width: 930px;
}
#inter a, #inter a:visited, #inter a:active {
color:#E2007A;
text-decoration:none;
}
#inter a:hover {
  text-decoration:underline;
}
div.bottom ul li.projecten {
 padding-right: 8px;
}
div.bottom ul li {
 padding-right: 11px;
}
ul li.projecten a {
 background: url(images/recente_projecten.gif) no-repeat;
 width: 224px;
 height: 124px;
 display: block;
}
ul li.laatste_nieuws a {
 background: url(images/laateste_nieuws.gif) no-repeat;
 width: 224px;
 height: 124px;
 display: block;
}
/*** BLOG ***/
div#comment {
  clear:left;
}
/*** FOOTER ***/
#footer {
 width: 100%;
 font-size: 10px;
 border-top: 1px solid #f5bfdc;
}
#footer ul.footer_items {
 padding: 15px 0px 20px 15px;
 width: 920px;
 list-style: none;
}
#footer ul.footer_items li {
 font-weight: bold;
 border-right: 1px solid #f5bfdc;
 padding: 0px 0px 0px 5px;
 width: 170px;
}
#footer ul.footer_items li ul {
 display: block;
 padding: 0;
 border: none;
 width: none;
 min-height: 130px;
}
#footer ul.footer_items li ul li {
  display: inline;
  clear: both;
  font-weight: normal;
  border: none;
  padding: 0;
  text-indent: -9px;
  margin-left: 9px;
  float: left;
 width: 160px;
}
#footer ul.footer_items li.vijfde {
 border-right: none;
}
#footer ul.footer_items li,
#footer ul.footer_items li a {
  color:#333;
  text-decoration:none;
}
#footer ul.footer_items li ul li,
#footer ul.footer_items li ul li a {
  color:#8D8C8C;
  text-decoration:none;
}

#inter a,#inter a:visited,#inter a:active {
  color:#E2007A;
  text-decoration:none;
}

#inter a:hover {
  text-decoration:underline;
}
#footer ul.footer_items li a:hover {
  color:#E2007A;
}
#footer p {
 color: #8d8c8c;
 display: block;
 width: 100%;
 float: left;
 text-align: center;
}
#footer ul.voorwaarden {
 color: #8d8c8c;
 float: right;
 margin-top: -22px;
 #margin-top: -12px;
}
#footer ul.voorwaarden li {
 border: none;
 padding-left: 5px;
 list-style-type: none;
}
#footer ul.voorwaarden li a {
 color: #8d8c8c;
 text-decoration:none;
}

/*** RUBRIEK TEAM ***/
div.foto_js {
 width: 100%;
}
div.foto_js ul {
 list-style: none;
 padding: 5px;
}
div.foto_js ul li {
 /*background: url(images/foto_bg.gif) no-repeat;*/
 padding-right: 5px;
}
div.foto_js ul li a img {
 float: left;
 display: block;
 border: 1px solid #E6E6E6;
}
div.foto_js ul li.foto_alt {
 background: #e3007a;
 width:850px;
 height: 60px;
 clear: both;
 margin: 15px 0px 15px 0px;
 font-size:14px;
 color:#fff;
}
div.foto_js ul li.foto_alt img {
 position: relative;
 top: -10px;
}
div.foto_js ul li.foto_alt img.pijl_boven {
  position: relative;
}
div.foto_js ul li.foto_alt img.pijl_beneden {
 position: relatieve;
 top: 59px;
}
div.foto_js ul li.foto_alt div.alt {
 padding: 12px 0px 0px 8px;
 position: relative;
}
div.foto_js ul li.foto_alt div.alt strong {
 float: left;
}
div.foto_js ul li.foto_alt div.alt div {
 float: left;
 clear: both;
}
p.rood {
 color:#e2007a;
}
div.right table {
 margin-top: 11px;
}
div.right caption {
 display: none;
}

/*** RUBRIEK OPLOSSINGEN ***/
body.oplossingen table tr td p {
 margin-top:0;
}
/*** RUBRIEK REFERENTIES ***/

ul.accordion li {
 padding: 0px 0px 10px 3px;
 background: url(images/ref_bg.gif) repeat-x;
 cursor: pointer;
 width: 385px;
}
ul.accordion li span {
 padding-top: 8px;
}
ul.accordion li strong {
 color: #fff;
}
/*div#acoordion {
 padding: 10px 0px 0px 10px;
}
div#acoordion img {
 border: 1px solid #ccc; 
 padding: 3px;
 margin: 5px 0px 10px 0px;
 #margin-bottom: 10px;
}
div#acoordion ul {
 list-style: none;
 color: #ffffff;
 font-size: 14px;
 font-weight: bold;
}
div#acoordion ul li {
 display: block;
 clear: both;
 padding: 0;
 width: 360px;
 height: 100%;
 cursor: pointer;
 background: url(images/ref_bg.gif) no-repeat;
 padding: 3px 0px 0px 10px;
}*/

/*** Widget ***/
div.right div.twtr-hd {
 float: none;
}
.twtr-widget h3 {
 float: none;
}
div.right div.twtr-tweets {
 width: 100%;
}
div.twtr-tweet-wrap {
 width: 100%;
}
div.right div.twtr-ft {
 clear: left;
 width: 100%;
}
div.right div.twtr-tweet {
 float: none;
}

/*** Kleuren 
  3 Elementen:
  - div.class om in drop list van editor te veschijnen   
  - .omschrijvingClass, omschrijving van de class welke zal verschijnen in de droplijst
  - .class opdat de class ook aan andere elementen kan worden toegekend: P, TD, SPAN &c. 
***/
div.color01, .rood, .color01 {
 color:#e2007a;
}
div.color02, .roze, .color02 {
 color:#e2007a;
}
/*** TABELLEN OPMAAK ***/
html #inter table {
  float:left;
}
html table caption {
  display:none;
}
/***Opmaak header cell ***/
td.header01, .headerRoze {
  background-color:#e2007a;
  color:#FFFFFF;
}
html #inter table td a {
  color:#8D8C8C;
  text-decoration:none;
}

html #inter table td a:hover {
  color:#E2007A;
}

/*** Document opmaak ***/
body.home, .headerCindy {
}
body.klanten, .headerMilan {
}

/*** Header slideshow ***/
#top .slideshow { 
  width: 152px; 
  height: 120px; 
  padding: 0; 
  margin: 0; 
  float: left;
  overflow: hidden;
} 
#top .slideshow img { 
  background-color: #eee; 
  width: 152px; 
  height: 120px; 
  top: 0; 
  left: 0;
}
#top .variable {
  width:920px;
}
* html #top {
  width: 100px
}

/*** Quotes ***/
#quotes .quote {
   margin-left: 200px;
   width: 500px; 
   height: 95px; 
   display: none;
}
#quotes .quote p {
   margin-top: 15px;
   margin-bottom: 5px;
   color: #e2007a;
}
#quotes .quote strong {
}

.bloglijst{
margin:0px;
padding:0px;
}

.blogitem{
height:12px;
width:450px;
}

.blogsdatum{
width:100px;
float:left;
font-weight:bold;
}

#homepagebloglist{
float:left;
margin-bottom:20px;
}

#homepagebloglist a{
font-weight:bold;
}

#moa{
float:left;
}

.left{
width:425px;
}

ul.lijst{
width:425px;
}

li.lijst{
width:425px;
}



/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: block;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}

/* Full URL */
.gs-webResult.gs-result .gs-visibleUrl-short {
  display: none;
}
.gs-webResult.gs-result .gs-visibleUrl-long {
  display: block;
}




.gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #ffffff;
    background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #E2007A;
  }
  input.gsc-search-button {
    border-color: #E2007A;
    background-color: #ffffff;
margin-left:2px !important;

  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E2007A;
    background-color: #ffffff;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #E2007A;
    border-left-color: #E2007A;
    border-right-color: #E2007A;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E2007A;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #E2007A;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #E2007A;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #E2007A;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #E2007A;
  }
  .gsc-cursor-page {
    color: #E2007A;
  }
  a.gsc-trailing-more-results:link {
    color: #E2007A;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #666666;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #666666;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult.gs-result .gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #E2007A;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #E2007A;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #0000CC;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #008000;
  }
  .gsc-input input.gsc-input {
    background: none repeat scroll 0% 0% white !important;
  }

div#cse{
width:323px;
position:relative;
z-index:5;
left:400px;
top:62px;
}

.gs-snippet{
padding:5px;
margin:5px;
border:1px solid #E2007A !important;
background-color:#FFF !important;
width:268px;
}

div.left li{
list-style-type:disc;
float:none;
margin-left:25px;
width:400px;
margin-bottom:1px;
}

div.left li.lijst{
list-style-type:none;
}