/* IN GEBRUIK */ /* BASICS */ BODY { COLOR: black; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 12px; } TD { COLOR: #000000; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 12px; } UL { Margin-left: 16px; margin-bottom:0px; margin-top:0px; } OL { Margin-left: 23px; margin-bottom:0px; margin-top:0px; } a:link { COLOR: #386C84; Text-decoration: none; } a:visited { COLOR: #386C84; Text-decoration: none; } a:hover { COLOR: #386C84; Text-decoration: underline; } /* MENU */ .devidermenu { background-color: #E9E9E9; margin-top: 13px; margin-bottom: 13px; } .menu { margin-top: 9px; } .menuselected { COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: bold; LINE-HEIGHT: 17px; Text-decoration: none; margin-top: 9px; } a.menuselected:link { COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: bold; LINE-HEIGHT: 17px; Text-decoration: none; margin-top: 9px; } a.menuselected:visited { COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: bold; LINE-HEIGHT: 17px; Text-decoration: none; margin-top: 9px; } a.menuselected:hover { COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: bold; LINE-HEIGHT: 17px; Text-decoration: none; margin-top: 9px; } a.menulink:link { COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: normal; LINE-HEIGHT: 17px; Text-decoration: none; } a.menulink:visited { COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: normal; LINE-HEIGHT: 17px; Text-decoration: none; } a.menulink:hover { COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10pt; FONT-WEIGHT: bold; LINE-HEIGHT: 17px; Text-decoration: none; } /* SUB MENU */ .submenu { margin-top: 9px; } .submenuselected { COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: bold; LINE-HEIGHT: 15px; padding-left: 13px; margin-top: 9px; Text-decoration: none; background-image: url(../images/pijltje_submenu.gif); } a.submenuselected:link { COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: bold; LINE-HEIGHT: 15px; padding-left: 13px; margin-top: 9px; Text-decoration: none; background-image: url(../images/pijltje_submenu.gif); } a.submenuselected:visited { COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: bold; LINE-HEIGHT: 15px; padding-left: 13px; margin-top: 9px; Text-decoration: none; background-image: url(../images/pijltje_submenu.gif); } a.submenuselected:hover { COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: bold; LINE-HEIGHT: 15px; padding-left: 13px; margin-top: 9px; Text-decoration: none; background-image: url(../images/pijltje_submenu.gif); } a.submenulink:link { padding-left: 13px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: normal; LINE-HEIGHT: 15px; Text-decoration: none; } a.submenulink:visited { padding-left: 13px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: normal; LINE-HEIGHT: 15px; Text-decoration: none; } a.submenulink:hover { padding-left: 13px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: bold; LINE-HEIGHT: 15px; Text-decoration: none; background-image: url(../images/pijltje_submenu.gif); } /* CONTENT */ .devider { background-color: #E9E9E9; margin-top: 11px; margin-bottom: 22px; } .breadcrumb { COLOR: #8F8F8F; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 7pt; } .klantlogin { COLOR: #8F8F8F; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 7pt; margin-bottom: 2px; } .datum { COLOR: #8F8F8F; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 7pt; width: 55px; } .agendaitem { COLOR: #8F8F8F; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 7pt; } .datum_agenda { COLOR: #8F8F8F; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 7pt; } .balk { background-color: #386C84; COLOR: #FFFFDD; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10pt; margin-top: 4px; } .kop { COLOR: #5589A1; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 16px; FONT-WEIGHT: bold; } .item_title { COLOR: #5589A1; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 15px; FONT-WEIGHT: bold; } .title { FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 15px; LINE-HEIGHT: 30px; FONT-WEIGHT: bold; margin-top: 10px; } .subtitle { FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 13px; LINE-HEIGHT: 17px; FONT-WEIGHT: bold; margin-top: 10px; } .header { FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 12px; LINE-HEIGHT: 17px; FONT-WEIGHT: bold; margin-top: 10px; } .tekst { FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 12px; LINE-HEIGHT: 17px; margin-top: 10px; } .mededelingtitle{ FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 15px; LINE-HEIGHT: 17px; FONT-WEIGHT: bold; } .newstitle { FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 12px; LINE-HEIGHT: 17px; FONT-WEIGHT: bold; } /* ZIE OOK */ .zieook { padding-left: 14px; COLOR: #386C84; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; LINE-HEIGHT: 13px; margin-top: 12px; background-image: url(../images/pijltje_zieook.gif); } a.zieooklink:link { COLOR: #386C84; Text-decoration: none; } a.zieooklink:visited { COLOR: #386C84; Text-decoration: none; } a.zieooklink:hover { COLOR: #386C84; Text-decoration: underline; } /* LEES VERDER */ .leesverder { COLOR: #386C84; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; LINE-HEIGHT: 13px; margin-top: 6px; width: 100%; align: right; } a.leesverderlink:link { COLOR: #386C84; Text-decoration: none; } a.leesverderlink:visited { COLOR: #386C84; Text-decoration: none; } a.leesverderlink:hover { COLOR: #386C84; Text-decoration: underline; } /* LEES VERDER */ .beheerlink { COLOR: #386C84; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; LINE-HEIGHT: 13px; margin-top: 0px; align: right; } a.beheerlink:link { COLOR: #386C84; Text-decoration: none; } a.beheerlink:visited { COLOR: #386C84; Text-decoration: none; } a.beheerlink:hover { COLOR: #386C84; Text-decoration: underline; } /* VISUALS */ .contentvisual { border-color: #386C84; } .contactvisual { background-color: #E9E9E9; margin-top: 4px; margin-right: 10px; margin-bottom: 13px; border-color: #386C84; } /* FORMULIEREN */ .input_contact { COLOR: #000000; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; margin-top: 2px; padding-left: 3px; padding-left: 3px; BORDER: #D1D1D1 1px solid; WIDTH: 220px; HEIGHT: 17px; BACKGROUND-COLOR: #ffffff; } .input_foto { COLOR: #000000; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; margin-top: 2px; padding-left: 3px; padding-left: 3px; BORDER: #D1D1D1 1px solid; WIDTH: 300px; HEIGHT: 17px; BACKGROUND-COLOR: #ffffff; } .input_contactpc { COLOR: #000000; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; margin-top: 2px; padding-left: 3px; padding-left: 3px; BORDER: #D1D1D1 1px solid; WIDTH: 50px; HEIGHT: 17px; BACKGROUND-COLOR: #ffffff; } .input_contactpc2 { COLOR: #000000; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; margin-top: 2px; padding-left: 3px; padding-left: 3px; BORDER: #D1D1D1 1px solid; WIDTH: 164px; HEIGHT: 17px; BACKGROUND-COLOR: #ffffff; } .input_contact_bericht { COLOR: #000000; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; margin-top: 2px; padding-left: 3px; padding-left: 3px; BORDER: #D1D1D1 1px solid; WIDTH: 220px; HEIGHT: 120px; BACKGROUND-COLOR: #ffffff; } .input_ad_bericht { COLOR: #000000; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; margin-top: 2px; padding-left: 3px; padding-left: 3px; BORDER: #D1D1D1 1px solid; WIDTH: 300px; HEIGHT: 120px; BACKGROUND-COLOR: #ffffff; } .input_klantlogin { COLOR: #000000; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; padding-left: 3px; padding-left: 3px; BORDER: #D1D1D1 1px solid; WIDTH: 90%; HEIGHT: 17px; BACKGROUND-COLOR: #ffffff; } .input_text { COLOR: #000000; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 12px; padding-left: 3px; padding-left: 3px; BORDER: #386C84 1px solid; WIDTH: 100%; HEIGHT: 19px; BACKGROUND-COLOR: #ffffff; } .input_textarea { COLOR: #000000; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 12px; padding-left: 3px; padding-left: 3px; BORDER: #386C84 1px solid; WIDTH: 100%; HEIGHT: 75px; BACKGROUND-COLOR: #ffffff; } /* AGENDA */ .agenda_dagen { COLOR: #8F8F8F; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 9px; text-align: left; BORDER: 0px; background-color: #ffffff; } .agenda_weekend { COLOR: #8F8F8F; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 9px; text-align: right; BORDER: #8F8F8F 1px solid; background-color: #BEBEBE; padding-right: 1px; } .agenda_week { COLOR: #8F8F8F; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 9px; text-align: right; BORDER: #8F8F8F 1px solid; background-color: #E9E9E9; padding-right: 1px; } .agenda_vandaagweek { COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 9px; text-align: right; BORDER: #8F8F8F 1px solid; background-color: #386C84; padding-right: 1px; } .agenda_vandaagevent{ COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 9px; text-align: right; BORDER: #CC0033 1px solid; background-color: #386C84; padding-right: 1px; } .agenda_vandaagend { COLOR: #8F8F8F; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 9px; text-align: right; BORDER: #CC0033 1px solid; background-color: #BEBEBE; padding-right: 1px; } .agenda_leeg { COLOR: #8F8F8F; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 9px; text-align: right; BORDER: #8F8F8F 1px solid; background-color: #ffffff; padding-right: 1px; } .agenda_event { COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 9px; text-align: right; BORDER: #8F8F8F 1px solid; background-color: #CC0033; padding-right: 1px; } a.agenda:link { COLOR: #ffffff; Text-decoration: none;} a.agenda:visited { COLOR: #ffffff; Text-decoration: none;} a.agenda:hover { COLOR: #8F8F8F; Text-decoration: none;} .agenda_datum { COLOR: #8F8F8F; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 7pt; margin-top: 12px; } .agenda_item { COLOR: #386C84; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; LINE-HEIGHT: 13px; } a.agenda_itemlink:link { COLOR: #386C84; Text-decoration: none; } a.agenda_itemlink:visited { COLOR: #386C84; Text-decoration: none; } a.agenda_itemlink:hover { COLOR: #386C84; Text-decoration: underline; } .agendaverder { COLOR: #386C84; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; } a.agendaverderlink:link { COLOR: #386C84; Text-decoration: none; } a.agendaverderlink:visited { COLOR: #386C84; Text-decoration: none; } a.agendaverderlink:hover { COLOR: #386C84; Text-decoration: underline; } /* BEHEER */ .devider_beheer { background:url(../beheer/images/stippellijn_hor.gif) #fff; margin-top: 8px; margin-bottom: 16px; } .wiewaar { COLOR: #999; FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 10px; } .input_beheer { WIDTH: 100%; } .input_beheer_b { WIDTH: 437px; } /* ||||||| -- TABLE -- ||||||| */ table.sortable {margin:0 20px 1.5em 20px; padding:0; border-spacing:0; border:none; border-collapse:collapse;} table.sortable th, table.sortable td {text-align:left; padding:1px 5px 1px 5px; border-right:1px solid #fff; font-size:12px;} table.sortable td {text-align:left; padding:3px 15px 3px 5px; font-size:12px;} table.sortable td.line_right {text-align:right; padding:1px 8px 1px 5px;} table.sortable td.middle {text-align:center; padding:1px 8px 1px 5px;} table.sortable th {color:#fff; background-color:#c5dbe5;} #midden table.sortable a {text-decoration:underline; } #midden table.sortable a:hover {text-decoration:none; } #midden table.sortable tr th a {color:#fff; text-decoration:none;} #midden table.sortable tr th a:hover {color:#fff; text-decoration:underline;} table.sortable tr.odd td {background-color:#fff;} table.sortable tr.even td {background-color:#eeeeee;} table.sortable tr.sortbottom td {border-width:1px 0px 1px 0px; background-color:#ccc; font-weight:bold;} table.sortable th#foto {width:60px;} table.sortable th#title {width:50px;} table.sortable th#prijs {width:75px;} table.sortable th#datum {width:75px;} table.sortable th#gezien {width:50px;} table.sortable th#locatie {width:50px;} table.sortable tr.sortbottom td {border-bottom:1px solid #386c84; height:8px; background:none;} /* ||||||| -- EINDE TABLE -- ||||||| */