body, p, td, th, input, textarea { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #C4C1BC }
body { background-color: black }
a { color: #FFB833; text-decoration: none }
a:hover { text-decoration: underline }
input, textarea { background-color: #261308 !important; border: 1px solid #7B5434; scrollbar-base-color: #381B09; scrollbar-arrow-color: #684225 }
a img { border: 0 }

#container { width: 100%;height: 100% }
#background { background-color: #351E0D;background-image: url(../images/background.jpg);background-repeat: no-repeat;width: 1000px;height: 700px }
#background td { vertical-align: top }
#menu { position: absolute;top: 50px;left: 200px;width: 800px }
#menu .item, #menu .selectedItem { padding-left: 10px;padding-right: 10px;display: inline;font-size: 14px;font-weight: bold }
#menu .selectedItem { color: white }

.trans-bg { background: url('../images/bg.png'); }

#homepage { position: absolute; top: 90px; left: 230px; width: 350px; text-align: center; padding: 10px; }
#homepage p { font-size: 14px; font-weight: bold; color: white }
#homepage .hl1 { font-style: italic; color: #FFB833 }
#homepage .hl2 { font-style: italic; color: #E8250A }
.twtr-widget { width: 250px; left: 700px; top: 150px }

#bandleden { position: relative; top: 100px; left: 210px; width: 500px; padding: 10px; text-align: center}
#bandleden table td { text-align: center; font-size: 12px; }

#nieuws { position: relative;top: 160px;left: 230px;width: 320px;font-size: 13px }
#nieuws .titel { color: white;font-size: 18px;padding-top: 15px }
#nieuws .datum { font-family: Georgia;color: #E8250A;font-size: 18px;margin-top: -6px;margin-left: 10px;margin-bottom: 5px;font-style: italic }

#agenda { position: relative; top: 160px; left: 230px; width: 400px; height: 400px; overflow: auto; font-size: 13px; padding-left: 10px; }
#agenda .titel { color: white;font-size: 18px;padding-top: 15px }
#agenda .datum { font-family: Georgia;color: #E8250A;font-size: 18px;margin-top: -6px;margin-left: 10px;margin-bottom: 5px;font-style: italic }
#agenda .hl { display: inline;color: white }

#audio { position: relative;top: 100px;left: 250px;width: 320px;text-align: center }
#repertoire { position: relative;top: 180px;left: 200px;width: 500px;height: 400px;overflow: auto;font-size: 10px }

#gastenboekNieuwBericht { position: relative;top: 170px;left: 230px;width: 320px;font-size: 14px }
#gastenboekNieuwBericht .kopje { margin-top: 10px }
#gastenboekNieuwBericht .submit { margin-top: 15px;color: #FFB833 }
#gastenboekNieuwBericht input, #gastenboekNieuwBericht textarea { font-size: 14px;overflow: auto }
#gastenboekNieuwBericht #errors { background-color: #FFB833;color: black;padding: 3px }

#gastenboek { position: relative;top: 100px;left: 230px;width: 500px;font-size: 14px }
#gastenboek #berichten { width: 400px;height: 400px;overflow: auto; padding: 10px; }
#gastenboek .naam, #gastenboek .naam a { color: white;font-size: 16px }
#gastenboek .tijd { font-family: Georgia;color: #E8250A;font-size: 16px;margin-top: -6px;margin-left: 10px;margin-bottom: 5px;font-style: italic }
#gastenboek .berichtTekst { padding-bottom: 20px }

#fotos { position: relative; top: 90px; left: 220px; width: 400px; text-align: center; }
#fotos a img { border: 2px solid #7B5434 }

#contact { position: relative; top: 150px; left: 250px; width: 320px; text-align: center }
#contact p { font-size: 16px; font-weight: bold; color: white }

#stageplan { position: relative; top: 100px; left: 210px;width: 300px; padding: 10px; }