/* KOFFIE & BUBBELS - DEFAULT STYLESHEET */

* { outline: none; }

body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: url('../images/menu/bg.gif') repeat-x #f3f3f3;
  overflow: -moz-scrollbars-vertical;
  font: 11px Verdana, sans-serif;
  line-height: 18px;
  color: #505050;
}

img { border: 0; }
form { margin: 0; padding: 0; }
.clear { clear: both; }

a { color: #666; text-decoration: underline; }
a:hover { text-decoration: underline; }

p { margin: 0; padding: 0; }
ul { margin: 0px; padding-left: 20px; list-style: disc; }
ol { margin: 0px; padding-left: 19px; }

.pagination_top { width: 418px; text-align: center; margin: 16px 0; }
.pagination_bottom { width: 418px; text-align: center; margin-top: 26px; }
.paginationimg { margin: 0 18px; }

#container { width: 920px; margin: 0 auto; }

.menu { height: 39px; margin-left: 25px; }
.menu a { display: block; height: 39px; overflow: hidden; line-height: 300px; float: left; border-right: 1px solid #666; }
.menu a.home { width: 59px; background: url('../images/menu/home.gif'); border-left: 1px solid #666; }
.menu a.diensten { width: 88px; background: url('../images/menu/diensten.gif'); }
.menu a.werkvormen { width: 123px; background: url('../images/menu/werkvormen.gif'); }
.menu a.kennisbank { width: 109px; background: url('../images/menu/kennisbank.gif'); }
.menu a.koffieenbubbels { width: 159px; background: url('../images/menu/koffieenbubbels.gif'); }
.menu a.nieuws { width: 89px; background: url('/images/menu/nieuws.gif'); }
.menu a.contact { width: 89px; background: url('/images/menu/contact.gif'); }
.menu a.actief { background-position: 0 117px; }
.menu a.pressed { background-position: 0 39px; }
.menu a.mouseover { background-position: 0 78px; }

#logo { display: block; width: 115px; height: 67px; float: right; margin: 23px 25px 0px 0px; background: url('../images/logo.gif'); overflow: hidden; line-height: 300px; }

.submenu { height: 25px; margin: 62px 0px 0px 26px; }
.submenu a { display: block; height: 25px; overflow: hidden; line-height: 300px; float: left; }
.submenu a.ypindienst { width: 181px; background: url('../images/submenu/yp.png') #1a171b; margin-right: 42px; }
.submenu a.geenypindienst { width: 181px; background: url('../images/submenu/geenyp.png') #1a171b; margin-right: 42px; }
.submenu a.generatieleren { width: 184px; background: url('../images/submenu/interessegeneratieleren.png') #1a171b; }
.submenu a:hover { background-color: #5b595b; }
.submenu a.actief { background-color: #009ee0; }
.submenu a.actief:hover { background-color: #009ee0; }

#flash_home { width: 892px; height: 401px; margin: 17px 0px 0px 15px; background: url('../images/flashhome.jpg'); }
#flash_header { width: 892px; height: 150px; margin: 20px 0px 0px 15px; }

.contentmenu { float: left; width: 141px; margin: 40px 0px 0px 17px; }
.contentmenu a { display: block; height: 8px; margin-bottom: 32px; overflow: hidden; line-height: 300px; clear:both; }

.contentmenu a.leerganggeneratieleren { height: 24px; background: url('../images/content/menu/leerganggeneratieleren.png') #1a171b; }
.contentmenu a.generatiecoaching { background: url('../images/content/menu/generatiecoaching.png') #1a171b; }
.contentmenu a.maatwerk { background: url('../images/content/menu/maatwerk.png') #1a171b; }
.contentmenu a.workshop_generatieleren { background: url('../images/content/menu/workshop_generatieleren.png') #1a171b; height:20px; margin-left:0; margin-top:0; }
.contentmenu a.workshop_pragmatisch_innoveren { background: url('../images/content/menu/workshop_pragmatisch_innoveren.png') #1a171b; height:20px; margin-left:0; margin-top:0; }
.contentmenu a.outdoor { background: url('../images/content/menu/outdoor.png') #1a171b; }
.contentmenu a.indoor { background: url('../images/content/menu/indoor.png') #1a171b; }
.contentmenu a.speciaal { background: url('../images/content/menu/speciaal.png') #1a171b; }
.contentmenu a.workshop_generatieleren { background: url('../images/content/menu/workshop_generatieleren.png') #1a171b; }
.contentmenu a.workshop_pragmatisch_innoveren { background: url('../images/content/menu/workshop_pragmatisch_innoveren.png') #1a171b; }
.contentmenu a.teamtrainingen { background: url('../images/content/menu/teamtrainingen.png') #1a171b; }
.contentmenu a.instrumenten { background: url('../images/content/menu/instrumenten.png') #1a171b; }
.contentmenu a.boeken { background: url('../images/content/menu/boeken.png') #1a171b; }
.contentmenu a.artikelen { background: url('../images/content/menu/artikelen.png') #1a171b; }
.contentmenu a.links { background: url('../images/content/menu/links.png') #1a171b; }
.contentmenu a.media { background: url('../images/content/menu/media.png') #1a171b; }
.contentmenu a.watdoenwe { background: url('../images/content/menu/watdoenwe.png') #1a171b; }
.contentmenu a.nieuws { background: url('../images/content/menu/nieuws.png') #1a171b; }
.contentmenu a.ontstaan { background: url('../images/content/menu/ontstaan.png') #1a171b; }
.contentmenu a.team { background: url('../images/content/menu/team.png') #1a171b; }
.contentmenu a.klanten { background: url('../images/content/menu/klanten.png') #1a171b; }
.contentmenu a.intuitief_innoveren { background: url('../images/content/menu/intuitief_innoveren.png') #1a171b; position:relative; right:16px; height:10px; margin-top:0;  }
.contentmenu a.intergeneratief_innoveren { background: url('../images/content/menu/intergeneratief_innoveren.png') #1a171b; height:20px; }
.contentmenu a.vacatures { background: url('../images/content/menu/vacatures.png') #1a171b; }
.contentmenu a.werkwijze { background: url('../images/content/menu/werkwijze.png') #1a171b; }
.contentmenu a.aandeslag { background: url('../images/content/menu/aandeslag.png') #1a171b; }
.contentmenu a.winst { background: url('../images/content/menu/winst.png') #1a171b; }
.contentmenu a.kennismakingsworkshop { height: 23px; background: url('../images/content/menu/kennismakingsworkshop.png') #1a171b; }
.contentmenu a.quickscan { background: url('../images/content/menu/quickscan.png') #1a171b; }
.contentmenu a.generatiespiegel { background: url('../images/content/menu/generatiespiegel.png') #1a171b; }
.contentmenu a.wiezijnwe { background: url('../images/content/menu/wiezijnwe.png') #1a171b; }
.contentmenu a.netwerkpartners { background: url('../images/content/menu/netwerkpartners.png') #1a171b; }
.contentmenu a.testimonials { background: url('../images/content/menu/testimonials.png') #1a171b; }
.contentmenu a.formulier { background: url('../images/content/menu/formulier.png') #1a171b; }
.contentmenu a.gegevens { background: url('../images/content/menu/gegevens.png') #1a171b; }

.contentmenu a:hover { background-color: #5b595b; }
.contentmenu a.actief { background-color: #009ee0; }
.contentmenu a.actief:hover { background-color: #009ee0; }

#content { float: left; width: 491px; margin: 10px 0px 0px 18px; }
#content_top { width: 491px; height: 14px; background: url('../images/content/top.gif'); }
#content_repeat { min-height: 300px; padding: 22px 35px 20px 35px; width: 421px; background: url('../images/content/repeat.gif') repeat-y; }
#content_bottom { width: 491px; height: 16px; background: url('../images/content/bottom.gif'); }
#content_repeat .header { height: 19px; margin: 0 0 25px 1px; }

#basic .titel { width: 420px; font: bold 14px Arial, sans-serif; color: #1a171b; }
#basic .titel2 { width: 420px; font: bold 14px Arial, sans-serif; color: #009ee0; }
#basic .titel_xl { width: 420px; font: bold 18px Arial, sans-serif; color: #1a171b; }
#basic .titel_xl2 { width: 420px; font: bold 18px Arial, sans-serif; color: #009ee0; }
#basic textarea { resize: none; font: 12px Verdana, sans-serif; line-height: 18px; color: #505050; padding: 2px 3px; border: 1px solid #ccc; }
#basic input { font: 12px Verdana, sans-serif; color: #505050; padding: 3px 4px; border: 1px solid #ccc; }
#basic input:focus, #basic textarea:focus { border: 1px solid #888; }
#basic .verplicht { font-size: 11px; font-style: italic; color: #888888; }

#nieuwsbrief { float: right; width: 229px; height: 88px; margin: 11px 17px 10px 0px; background: url('../images/content/nieuwsbrief.gif'); }
#vraag { float: right; width: 229px; height: 88px; margin: 0 17px 10px 0px; background: url('../images/content/vraag.gif'); }
#collegatippen { clear: right; float: right; width: 229px; height: 88px; margin-right: 17px; background: url('../images/content/collegatippen.gif'); }
#vraag .input, #collegatippen .input { float: left; width: 153px; height: 21px; margin: 52px 0px 0px 16px; background: url('../images/content/input.gif'); }
#nieuwsbrief .input { float: left; width: 153px; height: 21px; margin: 52px 0px 0px 16px; background: url('../images/content/input_groen.gif'); }
#vraag .input input, #collegatippen .input input, #nieuwsbrief .input input { font: 11px Verdana, sans-serif; color: #505050; border: none; background-color: #ffffff; margin: 3px 0 0 6px; }
#nieuwsbrief .submit, #vraag .submit, #collegatippen .submit { float: left; width: 46px; height: 21px; margin-top: 52px; }


#testimonial_rechts { float: right; width: 229px; margin: 17px 17px 0 0; }
#testimonial_rechts .top { height: 12px; background: url('../images/testimonial/top.gif'); }
#testimonial_rechts .repeat { padding: 0 14px 0 14px; height: auto; background: url('../images/testimonial/repeat.gif'); }
#testimonial_rechts .bottom { height: 13px; background: url('../images/testimonial/bottom.gif'); }
#testimonial_rechts .titel { font: bold 12px Arial, sans-serif; line-height: 17px; color: #1a171b; text-transform: uppercase; }
#testimonial_rechts .subtitel { padding-bottom: 8px; font: bold 10px Arial, sans-serif; line-height: 17px; text-transform: uppercase; color: #009ee0; }
#testimonial_rechts .bull { color: #bbbbbb; }
#testimonial_rechts .functie { color: #666666; }
#testimonial_rechts .txt { padding-left: 1px; font: 11px Arial, sans-serif; font-style: italic; line-height: 17px; color: #505050; }
#testimonial_rechts .button { width: 111px; height: 17px; margin-top: 12px; }

#teamoverzicht { padding-top: 5px; }
#teamoverzicht .avatar { display: block; float: left; width: 134px; height: 134px; margin-bottom: 8px; padding: 4px 0 0 4px; background: url('/images/content/avatarbg.gif'); }

#klanten { padding-top: 5px; }
#klanten .avatar { display: block; float: left; width: 134px; height: 134px; margin-bottom: 8px; padding: 4px 0 0 4px; background: url('/images/content/avatarbg.gif'); }

#teamlid { padding-top: 5px; }
#teamlid .nav { float: right; margin-top: -48px; }
#teamlid .avatar { display: block; float: left; width: 134px; height: 134px; margin-bottom: 8px; padding: 4px 0 0 4px; background: url('/images/content/avatarbg.gif'); }
#teamlid .naam { float: left; width: 272px; height: 18px; margin-left: 8px; font: bold 14px Arial, sans-serif; line-height: 18px; color: #1a171b; text-transform: uppercase; }
#teamlid .functie { float: left; width: 272px; height: 30px; margin-left: 8px; font: bold 11px Arial, sans-serif; line-height: 18px; color: #009ee0; text-transform: uppercase; }
#teamlid .buttons { float: left; margin-left: 8px; } 
#teamlid .buttons img { margin-bottom: 5px; }
#teamlid .titel { width: 420px; height: 20px; font: bold 14px Arial, sans-serif; color: #1a171b; padding-bottom: 6px; }
#teamlid .text { clear: both; padding-top: 14px; }

#kennisbank .nav { float: right; margin-top: -43px; }
#kennisbank .avatar { display: block; float: left; width: 134px; height: 134px; margin-bottom: 8px; padding: 4px 0 0 4px; background: url('/images/content/avatarbg.gif'); }
#kennisbank .info { float: left; width: 272px; margin-left: 8px; }
#kennisbank .titel { float: left; width: 272px; font: bold 14px Arial, sans-serif; line-height: 17px; color: #1a171b; text-transform: uppercase; }
#kennisbank .subtitel { float: left; padding-top: 2px; padding-bottom: 6px; width: 272px; height: 11px; font: bold 11px Arial, sans-serif; line-height: 17px; color: #009ee0; text-transform: uppercase; }
#kennisbank .beschrijving { width: 272px; }
#kennisbank .texttitel { width: 420px; height: 20px; font: bold 14px Arial, sans-serif; color: #1a171b; padding-bottom: 6px; }
#kennisbank .text { clear: both; padding-top: 14px; }
#kennisbank .linktitel { width: 420px; height: 20px; font: bold 14px Arial, sans-serif; color: #009ee0; padding-bottom: 6px; }
#kennisbank .link a { text-decoration: underline; font-weight: bold; }
#kennisbank .link .omschrijving { padding-bottom: 10px; }
#kennisbank .buttons, #artikelen .buttons { float: left; margin: 6px 0 0 0; }
#kennisbank .filetype, #artikelen .filetype { float: left; margin: 8px 0 0 6px; font: bold 10px Arial, sans-serif; width: 60px; color: #000000; }
#kennisbank .stroke, #artikelen .stroke { clear: both; width: 420px; height: 14px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
#kennisbank .youtubespacer { height: 14px; }
#artikelen .titel { float: left; width: 420px; font: bold 14px Arial, sans-serif; line-height: 17px; color: #1a171b; text-transform: uppercase; }
#artikelen .subtitel { float: left; padding-top: 2px; padding-bottom: 6px; width: 420px; height: 11px; font: bold 11px Arial, sans-serif; line-height: 17px; color: #009ee0; text-transform: uppercase; }

#nieuws { margin-top:110px; }
#nieuws .nav { float: right; margin-right:8px; }
#nieuws .newsbg { display: block; float: left; width: 134px; height: 69px; margin-bottom: 8px; padding: 4px 0 0 4px; background: url('/images/content/newsbg.gif'); }
#nieuws .info { float: left; width: 272px; margin-left: 8px; }
#nieuws .titel { float: left; width: 272px; font: bold 14px Arial, sans-serif; line-height: 17px; color: #1a171b; text-transform: uppercase; }
#nieuws.nieuwsitem .titel { font: bold 20px Arial, sans-serif; text-transform:none; width:400px; margin-bottom:26px; margin-top:30px; }
body.nieuws-overzicht #content_repeat .header { padding-bottom:15px;  }
#nieuws.nieuwsitem .nieuwswrap { background: url('/images/content/nieuwsborder.gif'); padding:5px; margin-left:-8px; width:400px; height:200px; clear:both;  }
#nieuws .datum { float: left; padding-top: 2px; padding-bottom: 6px; width: 272px; height: 11px; font: bold 11px Arial, sans-serif; line-height: 17px; color: #009ee0; }
#nieuws.nieuwsitem .datum { font-size:12px; }
#nieuws .beschrijving { width: 272px; }
#nieuws .text { clear: both; padding-top: 14px; }
#nieuws .linktitel { width: 420px; height: 20px; font: bold 14px Arial, sans-serif; color: #009ee0; padding-bottom: 6px; }
#nieuws .link a { text-decoration: underline; font-weight: bold; }
#nieuws .link .omschrijving { padding-bottom: 10px; }
#nieuws .buttons, #artikelen .buttons { float: left; margin: 6px 0 0 0; }
#nieuws .filetype, #artikelen .filetype { float: left; margin: 8px 0 0 6px; font: bold 10px Arial, sans-serif; width: 60px; color: #000000; }
#nieuws .stroke, #artikelen .stroke { clear: both; width: 420px; height: 14px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
#nieuws .youtubespacer { height: 14px; }


#werkvormen .stroke, #instrumenten .stroke { clear: both; width: 420px; height: 14px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
#instrumenten .titel { float: left; width: 420px; font: bold 14px Arial, sans-serif; line-height: 17px; color: #1a171b; text-transform: uppercase; }
#instrumenten .subtitel { float: left; padding-top: 2px; padding-bottom: 6px; width: 420px; height: 11px; font: bold 11px Arial, sans-serif; line-height: 17px; color: #009ee0; text-transform: uppercase; }
#werkvormen .buttons, #instrumenten .buttons { float: left; margin: 6px 0 0 0; }
#werkvormen .filetype, #instrumenten .filetype { float: left; margin: 8px 0 0 6px; font: bold 10px Arial, sans-serif; width: 60px; color: #000000; }
#werkvormen .greepwerkvormen, #instrumenten .greepwerkvormen { margin-bottom: 24px; }
#werkvormen .avatar { display: block; float: left; width: 134px; height: 134px; margin-bottom: 8px; padding: 4px 0 0 4px; background: url('/images/content/avatarbg.gif'); }
#werkvormen .info { float: left; width: 272px; margin-left: 8px; }
#werkvormen .titel { float: left; width: 272px; font: bold 14px Arial, sans-serif; line-height: 17px; color: #1a171b; text-transform: uppercase; }
#werkvormen .subtitel { float: left; padding-top: 2px; padding-bottom: 6px; width: 272px; height: 11px; font: bold 11px Arial, sans-serif; line-height: 17px; color: #009ee0; text-transform: uppercase; }
#werkvormen .beschrijving { width: 272px; }

#testimonials .avatar { display: block; float: left; width: 116px; height: 116px; margin-right: 19px; padding: 4px 0 0 4px; background: url('/images/content/testimonialbg.gif'); }
#testimonials .stroke { clear: both; width: 420px; height: 14px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
#testimonials .titel { float: left; width: 420px; font: bold 14px Arial, sans-serif; line-height: 17px; color: #1a171b; text-transform: uppercase; }
#testimonials .subtitel { float: left; padding-top: 2px; padding-bottom: 10px; width: 420px; font: bold 11px Arial, sans-serif; line-height: 17px; text-transform: uppercase; color: #009ee0; }
#testimonials .bull { color: #bbbbbb; }
#testimonials .functie { color: #666666; }
#testimonials .website { font-style: normal; }
#testimonials .info { float: left; width: 272px; }
#testimonials .info .titel { width: 272px; }
#testimonials .info .subtitel { width: 272px; }
#testimonials .testimonial { font-style: italic; }

.footer { height: 20px; clear: both; float: right; margin: 6px 25px 0px 0px; }
.contentfooter { height: 20px; float: right; margin: 6px 263px 0px 0px; }
.clearbottom { clear: both; height: 30px; }
.footer a, .contentfooter a { display: block; height: 20px; overflow: hidden; line-height: 300px; float: left; }
.footer a.email, .contentfooter a.email { width: 125px; background: url('../images/footer/email.gif'); }
.footer div.telefoon, .contentfooter div.telefoon { width: 143px; height: 20px; background: url('../images/footer/telefoon.gif'); overflow: hidden; line-height: 300px; float: left; }
.footer a.w, .contentfooter a.w { width: 19px; background: url('../images/footer/w.gif'); }