/*** 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;
}
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: 186px;
}
#header img {
 float: left;
 width: 345px;
 height: 178px;
}

/*** 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.oplossingen a {
 background: url(images/oplossingen_bt.gif) no-repeat;
}
#menu ul li.oplossingen {
}
#menu ul li.organisatie a {
 background: url(images/organisatie_bt.gif) no-repeat;
}
#menu ul li.cases a {
 background: url(images/cases_bt.gif) no-repeat;
 }
#menu ul li.partners a {
 background: url(images/partners_bt.gif) no-repeat;
}
#menu ul li.contact a {
 background: url(images/contact_bt.gif) no-repeat;
}
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: 177px;
 width: 919px;
 position: absolute;
 z-index: 5;
 opacity: 0.75;
 margin-top: -2px;
 padding-top: 30px;
 filter: alpha(opacity=75);

} 
#menu ul li.oplossingen ul.on {
 margin-left: -153px;
}
#menu ul li.oplossingen ul.on li {
 padding-left: 174px;
}
#menu ul li.organisatie ul.on {
 margin-left: -307px;
}
#menu ul li.organisatie ul.on li {
 padding-left: 331px;
}
#menu ul li.cases ul.on {
 margin-left: -461px;
}
#menu ul li.cases ul.on li {
 padding-left: 484px;
}
#menu ul li.partners ul.on {
 margin-left: -615px;
}
#menu ul li.partners ul.on li {
 padding-left: 632px;
}
#menu ul li.contact ul.on {
 margin-left: -769px;
}
#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: 30px;
}
#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: 918px;
 height: 265px;
 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: 876px;
 border: 1px solid #e6e6e6;
 padding: 20px;
}
/*** INTER ***/
#inter {
 clear: both;
 width: 918px;
 padding-bottom: 20px;
 margin-top: 15px;
}
#inter .left {
 width: 425px;
 padding: 10px 10px 0px 0px;
 float: left;
}
#inter .right {
 width: 425px;
 padding: 10px 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;
}

/*** 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: 193px; 
  padding: 0; 
  margin: 0; 
  float: left;
  overflow: hidden;
} 
#top .slideshow img { 
  background-color: #eee; 
  width: 152px; 
  height: 193px; 
  top: 0; 
  left: 0;
}
#top .variable {
  width:920px;
}
* html #top {
  width: 919px
}

/*** Quotes ***/
#quotes .quote {
   margin-left: 200px;
   width: 370px; 
   height: 186px; 
   display: none;
}
#quotes .quote p {
   margin-top: 63px;
   margin-bottom: 20px;
   color: #e2007a;
}
#quotes .quote strong {
}