/*
Stylesheet for Triomf productions Utrecht
developed by digizaal webdev for:
eighties-verantwoord.nl
puppyclub.de
nineties-now.nl
retrodeluxe.nl
*/
/* =0 Reset */
/* =1 Global */
body{margin:0;padding:0;font:11px arial,Helvetica,sans-serif;overflow:auto}
a.minibutton{padding:0 3px 0 3px;background:transparent !important;color:#000000 !important;font:12px "Trebuchet MS","Trebuchet MS",arial,helvetica;text-align:center;text-decoration:none}
a.minibutton:active,a.minibuttonactive{padding:0 3px 0 3px;background:transparent !important;color:#B5111C !important;font:bold 12px "Trebuchet MS","Trebuchet MS",arial,helvetica;text-align:center;text-decoration:none}
div.agendacontent{height:315px;overflow:auto}
div.feestheader{margin-left:10px;margin-right:10px;height:310px;overflow:auto;text-align:left}
div.fotoheader{margin-left:10px;margin-right:10px;overflow:auto;text-align:left}
h2{margin-left:10px}
div.message{background:#FFFFFF;color:#000000;font:bold 11px arial,sans-serif;height:auto;max-width:400px}
html,body{height:100%}
input,textarea,select{border-style:solid;border-width:1px;color:#000000;background:#FFFFFF;font:11px Verdana,arial,sans-serif;width:170px;height:auto}
input.inv{width:100%}
label{float:left;font-family:arial,sans-serif;width:8em}
p.content{font:10pt arial,sans-serif}
span.feestheader{background:#FFFFFF;font:bold 18px arial,sans-serif;text-transform:uppercase}
table.content{border:0;padding:0px;border-collapse:separate;background:white center;font:12px arial,sans-serif;width:570px;height:338px;border-spacing:10px}
table.newsheader{color:#FFFFFF}
td.bottomlogos{background:#FFFFFF;height:25px;text-align:center}
td.newsitem{background:#FFFFFF;color:#000000;font:normal 12px arial,sans-serif;text-align:left;vertical-align:top}
td.newspicture{border:0;background:#FFFFFF}
.alert{color:#FF0000;font:bold 12px arial,sans-serif;text-decoration:blink}
.code{border:#000000 1px dotted;margin:5px 0px 5px 0px;padding:5px;background:#FFFFFF;font:x-small Courier,sans-serif}
.content p{margin-top:0px}
.form_entry{padding-left:1em;margin:3px;display:block;font-size:0.9em}
.persfotos div{height:318px;overflow:hidden}
.persfotos div p{margin-bottom:3px;margin-top:3px}
.projectlist{padding:5px;width:190px;overflow:auto;overflow-x:hidden;vertical-align:top}
.projectlist a,
.projectlist a:visited{display:block;font:bold 12px arial,sans-serif;text-decoration:none;text-transform:uppercase}
.projectlist a.current{background:#FFFFFF}
.scrollable{margin-top:15px;margin-left:2px;margin-right:5px;overflow-x:hidden;overflow:auto;height:278px}
.thumbholder{padding-left:10px;background:transparent url(/images/thumbholder.png) no-repeat;height:308px;overflow:hidden}
.thumbitem{float:left;margin:0 4px 4px 0;width:72px;height:50px;overflow:hidden;text-align:center;vertical-align:middle}
.thumbitem img{border:none}
.verborgen{visibility:hidden}
.verzoekjes *{font:normal 11px arial,sans-serif}
.zichtbaar{visibility:visible}
#browser{border:none;background:#FFFFFF;color:#1D458B;font:normal normal 12px "Trebuchet MS","Trebuchet MS",arial,helvetica;/*position:absolute;right:20px;*/ z-index:13}
#buttonarea{padding:0 10px 0 10px;background:transparent;height:20px}
#buttonbar td,#buttonbar img{vertical-align:top}
#contentarea{padding:12px;background:transparent}
#headerarea{padding:0px;background:transparent}
#openbtn,#selectbar,#vardumptbl{z-index:101}
#site{table-layout:fixed;width:700px;height:600px}
a img.minifoto,td.minifoto{border:0px;height:52px;width:75px}
.projectlist  a:hover{background:white}
.projectlist a:active,.projectlist a.current{color:$get[steunkleur] !important;background:$get[hoofdkleur]}
table.projectpics td{color:white;background:$get[steunkleur];font:10px arial,sans-serif;height:57px;width:75px;text-align:center}
td.persfotos{color:$get[hoofdkleur];background:$get[steunkleur];font:bold 12px arial,sans-serif;text-align:center}
a.button{padding:0 5px 0 5px;color:White;background:$get[hoofdkleur];font:small-caps 11px/23px "arial Black",sans-serif;white-space:nowrap;text-decoration:none;text-align:center}
a.button:active,a.button:hover,a.buttonactive{padding:0 5px 0 5px;color:$get[hoofdkleur];background:White;font:small-caps 11px/23px "arial Black",sans-serif;white-space:nowrap;text-decoration:none;text-align:center}
table.newsheader td.headertext{padding-left:2px;padding-bottom:2px;color:white;background:$get[hoofdkleur];font:normal 600 12px arial,sans-serif;text-align:left;text-transform:uppercase;letter-spacing:1px}
table.newsitem{border:2px solid $get[hoofdkleur];table-layout:fixed;background:$get[hoofdkleur];width:550px;height:100px}
p.projectheader{padding-left:2px;margin-bottom:0px;color:$get[hoofdkleur];background:White;font:bold 18px arial,sans-serif;text-transform:uppercase}
.fotoheader,
.feestheader{color:$get[steunkleur]}
span.fototext{background:transparent;color:$get[steunkleur];font:12px arial,sans-serif !important}
table.agendaitem{border:2px solid;table-layout:fixed;width:550px;height:56px}
table.loadingwindow{border:thin solid $get[hoofdkleur];padding:0.5em 20px;background:White;font:normal bold 12px arial,Helvetica,sans-serif;position:relative;z-index:inherit;text-align:center;text-decoration:none;text-transform:capitalize}
table.newsheader td.headerdate{padding-right:4px;color:white;font:normal 600 11px arial,sans-serif;text-align:right;text-transform:uppercase}
td.agendadatum{color:White;font:bold 12px arial,sans-serif;text-transform:uppercase;text-align:center}
td.contact{border:none;background:White;vertical-align:top}
td.contact a,td.contact p{padding:2px;font:12px arial,sans-serif;text-transform:uppercase;text-decoration:none}
td.footertext{color:$get[steunkleur];background:White;font:normal 10px arial,sans-serif;cursor:pointer;height:21px;text-align:center;vertical-align:middle}
.pagetitle{background:transparent;font:bold 16px arial,sans-serif}
td.footertext a{color:$get[steunkleur];font:normal 10px arial,sans-serif;text-transform:uppercase;text-decoration:none}
td.footertext a:hover{color:$get[steunkleur];font:bold 10px arial,sans-serif;text-transform:uppercase;text-decoration:underline}
td.newstext div{background:white;font:normal normal 600 11px arial,sans-serif;overflow:auto}
td.newstext img{border:2px solid}
td.header{padding-left:2px;padding-right:2px;font:bold 14px arial,sans-serif;text-transform:uppercase}
td.links a,td.links p{margin-top:8px;font:13px arial,sans-serif;text-transform:uppercase;text-decoration:none}
td.links a:hover{margin-top:8px;font:bold 13px arial,sans-serif;text-transform:uppercase;text-decoration:none}
.projectpics{border:1px solid}