/* SUB UMBRA - 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: 38px; margin-left: 25px; }
.menu a { display: block; height: 38px; overflow: hidden; line-height: 300px; float: left; border-right: 1px solid #666; }
.menu a.home { width: 80px; background: url('../images/menu/home.gif'); border-left: 1px solid #666; }
.menu a.organisatie { width: 144px; background: url('../images/menu/organisatie.gif'); }
.menu a.bestuur { width: 110px; background: url('../images/menu/bestuur.gif'); }
.menu a.activiteiten { width: 144px; background: url('../images/menu/activiteiten.gif'); }
.menu a.fotoboek { width: 122px; background: url('../images/menu/fotoboek.gif'); }
.menu a.contact { width: 110px; background: url('../images/menu/contact.gif'); }
.menu a.links { width: 82px; background: url('../images/menu/links.gif'); }
.menu a.leden { width: 86px; background: url('../images/menu/leden.gif'); }
.menu a.actief { background-position: 0 114px; }
.menu a.pressed { background-position: 0 38px; }
.menu a.mouseover { background-position: 0 76px; }

#logo { display: block; width: 70px; height: 85px; float: right; margin: 8px 50px 0px 0px; background: url('../images/sulogo.png'); overflow: hidden; line-height: 300px; }

.submenu { height: 25px; margin: 62px 0px 0px 26px; }
.submenu a { display: block; height: 25px; overflow: hidden; line-height: 330px; float: left; }
.submenu a.concert { width: 181px; background: url('../images/submenu/concert.png') #1a171b; margin-right: 42px; }
.submenu a.darfo { width: 181px; background: url('../images/submenu/darfo.png') #1a171b; margin-right: 42px; }
.submenu a.lidworden { width: 181px; background: url('../images/submenu/lidworden.png') #1a171b; margin-right: 42px; }
.submenu a.meimarkt{ width: 184px; background: url('../images/submenu/meimarkt.png') #1a171b;  margin-right: 42px;}
.submenu a.kaartenvariete{ width: 181px; background: url('../images/submenu/kaartenvariete.png') #1a171b; margin-right: 42px; }
.submenu a.variete{ width: 184px; background: url('../images/submenu/varieteconcert.png') #1a171b; margin-right: 42px; }
.submenu a.datumvariete{ width: 181px; background: url('../images/submenu/datumvariete.png') #1a171b; margin-right: 42px; }
.submenu a:hover { background-color: #5b595b; }
.submenu a.actief { background-color: #009ee0; }
.submenu a.actief:hover { background-color: #009ee0; }

// nieuwe, zonder plaatjes
.submenu2 { height: 25px; margin: 62px 0px 0px 10px;}
.submenu2 a { display: block; height: 25px; float: left; text-decoration: none; color: black; text-align: center; text-transform: uppercase; font-family: Verdana, sans-serif; font-weight: bold; line-height: 1em; font-size: 12px;}
.submenu2 a:hover { color: #696969; background-color:#f3f3f3;}
.subsub {float:left; width: 210px; margin: 0 15px 0 15px;}

#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: 39px 0px 0px 17px; }
.contentmenu a { display: block; height: 11px; margin-bottom: 32px; overflow: hidden; line-height: 300px; }
.contentmenu a.ontstaan { background: url('../images/content/menu/ontstaan.png') #1a171b; }
.contentmenu a.nieuws { background: url('../images/content/menu/nieuws.png') #1a171b; }
.contentmenu a.agenda { background: url('../images/content/menu/agenda.png') #1a171b; }
.contentmenu a.gastenboek { background: url('../images/content/menu/gastenboek.png') #1a171b; }
.contentmenu a.harmonieorkest { background: url('../images/content/menu/harmonieorkest.png') #1a171b; }
.contentmenu a.supercussion { background: url('../images/content/menu/supercussion.png') #1a171b; }
.contentmenu a.leerlingenorkest { background: url('../images/content/menu/leerlingenorkest.png') #1a171b; }
.contentmenu a.beginnersorkest { background: url('../images/content/menu/beginnersorkest.png') #1a171b; }
.contentmenu a.leerlingen { background: url('../images/content/menu/leerlingen.png') #1a171b; }
.contentmenu a.subtiel { background: url('../images/content/menu/subtiel.png') #1a171b; }
.contentmenu a.kienen { background: url('../images/content/menu/kienen.png') #1a171b; }
.contentmenu a.oudpapier { background: url('../images/content/menu/oudpapier.png') #1a171b; }
.contentmenu a.meimarkt { background: url('../images/content/menu/meimarkt.png') #1a171b; }
.contentmenu a.publicatiebord { background: url('../images/content/menu/publicatiebord.png') #1a171b; }
.contentmenu a.lidworden { background: url('../images/content/menu/lidworden.png') #1a171b; }
.contentmenu a.clubvan100 { background: url('../images/content/menu/clubvan100.png') #1a171b; }
.contentmenu a.vrienden { background: url('../images/content/menu/vrienden.png') #1a171b; }
.contentmenu a.kaarten{ background: url('../images/content/menu/kaarten.png') #1a171b; }
.contentmenu a:hover { background-color: #5b595b; }
.contentmenu a.actief { background-color: #4f77ff; }
.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; }

#publicatiebord { float: right; width: 229px; height: 88px; margin: 11px 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'); }
#publicatiebord.input, #collegatippen .input { float: left; width: 153px; height: 21px; margin: 52px 0px 0px 16px; background: url('../images/content/input.gif'); }
#publicatiebord .input input, #collegatippen .input input { font: 11px Verdana, sans-serif; color: #505050; border: none; background-color: #ffffff; margin: 3px 0 0 6px; }
#publicatiebord .submit, #collegatippen .submit { float: left; width: 46px; height: 21px; margin-top: 52px; }

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

#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; }

#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'); }

.guestbookheader {
background-color:#4f88ff;
color:#ffffff;
font-weight: bold;
}
.guestbook{
background-color: #f3f3f3;
pdding 0px 0px 10px 10px;
}

select {
font-size: 11px;
font-family: Verdana;
}