/* GENERAL */
html,body {margin:0; padding:0; background: #FFFFFF; text-align: center; font: 11px/15px Arial, Verdana,"Trebuchet MS", sans-serif;}
img {border:0;}
a {color: #007BAA; outline: 0; text-decoration: none; }
a:hover {color: #AC0E1D; text-decoration: none; font-size:12px;}
.wrapper, .middle, .footer {display: inline-block; overflow: hidden;}
.wrapper {width: 1000px; background: #FFFFFF; margin: 0px 0px 0px 0px; text-align: left;}
.headerSite {width: 986px; margin: 7px 7px 8px 7px;}
.middle {width: 986px; margin: 0px 7px 8px 7px;}
.footer {width: 986px; margin: 0px 7px 7px 7px;}
/* Header */
.topBanner, .topBannerLeft, .topBannerRight,.logoMenuSearch, .logo,
.searchbyShare, .searchby, .share, .searchInputTombol, .searchInput, .searchTombol {display: inline-block; overflow: hidden;}
.topBanner {width: 986px; margin: 0px 0px 0px 0px;}
.topBannerLeft {width: 728px; height: 90px; float: left; margin: 0px 8px 0px 0px;}
.topBannerRight {width: 250px; height: 90px; float: left; margin: 0px 0px 0px 0px;}
.logoMenuSearch {width: 986px; margin: 0px 0px 0px 0px;}
.logo {width: 345px; height: 150px; float: left; margin: 0px 0px 0px 0px;}
.menuSearch{width: 641px; height: 160px; float: left; margin: 0px 0px 0px 0px;}
.menuDD {width: 641px; height: 76px; margin: 10px 0px 0px 0px;}
.search {width: 641px; height: 69px; margin: 5px 0px 0px 0px;}
.searchbyShare {width: 641px; height: 17px; margin: 0px 0px 0px 0px;}
.searchby {width: 351px; height: 17px; float: left; margin: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #74ACAB; text-decoration: none;}
.share {width: 200px; height: 17px; float: left; margin: 0px 0px 0px 0px;}
.searchInputTombol {width: 641px; height: 28px; margin: 0px 0px 1px 0px;}
.searchSpace {width: 90px; height: 28px; float: left; margin: 0px 0px 0px 0px;}
.searchInput {width: 481px; height: 28px; float: left; margin: 0px 0px 0px 0px; background: url(../images/search_input.jpg) no-repeat top left !important;}
.searchInputText {width: 471px; height: 22px; float: left; margin: 4px 0px 2px 9px;}
.inputSearch {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #666666; height: auto;width: auto; border: 1px solid #E9CEA1; background-color: #E9CEA1;}
.searchTombol {width: 70px; height: 28px; float: left; margin: 0px 0px 0px 0px;}
/* MIDDLE Main Level 3 */
.middleLeft, .mainArticle, .mainLevel2, .mainHome, .mainPage, .sidebarRight, .menuLevel2, .mainLeft, .mainRight {display: inline-block; overflow: hidden;}
.middleLeft {width: 676px; float: left; margin: 0px 10px 0px 0px;}
.mainArticle {width: 676px; margin: 0px 0px 0px 0px;}
.mainLevel2 {width: 676px; margin: 0px 0px 10px 0px;}
.sidebarRight {width: 300px; float: left; margin: 0px 0px 0px 0px;}
.menuLevel2 {width: 676px; height: 25px; margin: 0px 0px 10px 0px; background: #E91E56; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #F68B95; text-decoration: none;}
.mainLeft {width: 455px; float: left; margin: 0px 10px 0px 0px;}
.mainRight {width: 211px; float: left; margin: 0px 0px 0px 0px;}
/* MIDDLE Main Level 3 - Artikel */
.calendar, .calendarSearch, .calendarDate, .calendarTop, .calendarRow, .calendarCols, .calendarKet {display: inline-block; overflow: hidden;}
.calendar {width: 675px; margin: 0px 1px 0px 0px;}
.calendarSearch {width: 675px; margin: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #74ACAB; text-decoration: none;}
.calendarTitle {width: 675px; margin: 0px 0px 0px 0px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 35px; font-weight: bold; font-variant: normal; color: #E5245D; text-decoration: none;}
.calendarDate {width: 675px; height: 679px; margin: 0px 0px 0px 0px; background: url(../images/calendar/image_kalender_6row_09.jpg) no-repeat top left !important;}
.calendarTop {width: 675px; height: 25px; margin: 0px 0px 0px 0px;}
.calendarRow {width: 672px; height: 99px; margin: 8px 1px 2px 2px;}
.calendarCols {width: 83px; height: 99px; margin: 0px 7px 0px 6px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #007BAA; text-decoration: none;}
.calendarCols:hover {width: 83px; height: 99px; margin: 0px 7px 0px 6px; float: left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #61A3A2; text-decoration: none;}
.calendarKet {width: 675px; margin: 20px 0px 5px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #E12361; text-decoration: none;}
.textDetil {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #0585AA; text-decoration: none;}
.textDetil:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none;}
.r {margin-left: 20px; margin-bottom: 5px; height: 20px;}
.rl {float: left; width: 40px; color:red; font-weight: bold;}
.rc {float: left; width: 10px;}
.rr {float: left; color:black; font-weight: bold;}
.textBold02 {font-family: Trebuchet MS; font-size: 15px; font-style: normal; font-weight: bold; color: #EA5990;}
.textBold03 {font-family: Verdana; font-size: 17px; font-style: normal; font-weight: bold; color: #0585AA;}
#outBoxCalender {width:680px; height:679px;padding:5px;}
.textCalendar {height: 48px; FONT-SIZE: 10px; font-weight: normal; COLOR: #007BAA; FONT-FAMILY: Verdana; TEXT-DECORATION: none; text-align:left;}
.textCalendar:hover {height: 48px; FONT-SIZE: 10px; font-weight: normal; COLOR: blue; FONT-FAMILY: Verdana; TEXT-DECORATION: none; text-align:left;}
.textCalendar:link {height: 48px; FONT-SIZE: 10px; font-weight: normal; COLOR: #007BAA; FONT-FAMILY: Verdana; TEXT-DECORATION: none; text-align:left;}
.boxDay { float: left; width: 87px; height:100px; font-family:Verdana; font-size:15px; font-weight:bold; background-color:#FFFFFF; border: 1px solid #CCCCCC; margin: 1px; padding: 2px; }
.page {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; font-variant: normal; color: #0585AA; text-decoration: none;}
.page:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; font-variant: normal; color: #619E97; text-decoration: none;}
.calendarTeks {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; float: left; color:#007BAA; font-weight: bold; text-decoration: none;}
.calendarTeks:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; float: left; color:#0585AA; font-weight: bold; text-decoration: none;}
/* Footer */
.footerHeader {display: inline-block; overflow: hidden;}
.footerHeader {width: 1000px; height: 1px; margin: 0px 0px 0px 0px;}
.footerContent {width: 1000px; margin: 0px 0px 0px 0px; text-align: center;}
/* Font Link */
.amenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #74ACAB; text-decoration: none;}
.amenu:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #999999; text-decoration: none;}
.asignup {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #FF0066; text-decoration: none;}
.asignup:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none;}
.agayagaulgosip {font: 14px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: bold; color: #C0EAE9; outline: 0; text-decoration: none;}
.agayagaulgosip:hover {font: 14px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.amore {color: #C0EAE9; outline: 0; text-decoration: none;}
.amore:hover {color: #FFFFFF; text-decoration: none;}
.aactivities {color: #6BAFB8; font-weight: bold; outline: 0; text-decoration: none;}
.aactivities:hover {color: #999999; font-weight: bold; text-decoration: none;}
.aphoto {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #0094A6; text-decoration: none;}
.aphoto:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #61A6A1; text-decoration: none;}
.aphotoNext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #0094A6; text-decoration: none;}
.aphotoNext:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-variant: normal; color: #61A6A1; text-decoration: none;}
.afooter {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #333333; text-decoration: none;}
.afooter:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-variant: normal; color: #C3E2E4; text-decoration: none;}
.amenuLevel2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #E1C99D; text-decoration: none; margin: 4px 0px 0px 0px;}
.amenuLevel2:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none; margin: 4px 0px 0px 0px;}
.amenuLevel2Sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #74ACAB; text-decoration: none; margin: 4px 0px 0px 0px;}
.amenuLevel2Sub:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; color: #9AD6D5; text-decoration: none; margin: 4px 0px 0px 0px;}
/* Font */
h1 {font: 14px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: bold; color: #C0EAE9;}
h2 {font: 13px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: bold; color: #8CDBF9;}
h4 {font: 12px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 1px 0px; padding:0; font-weight: bold; color: #AED8D6;}
h5 {font: 14pt Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: normal; color: #FD6826;}
h6 {font: 13pt Arial, Verdana, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: bold; color: #619E97;}
.textKomentar {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 2px 0px; padding:0; font-weight: bold; color: #FCD6E3;}
.textZodiak {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: normal; color: #619E97;}
.textGayaGaulGosip {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: normal; color: #FFFFFF;}
.more {font: 11px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 5px 0px; padding:0; font-weight: normal; color: #FFFFFF; text-align: right;}
.textFooter {font: 10px Verdana, Arial, "Trebuchet MS", Arial, sans-serif; margin: 0px 0px 0px 0px; padding:0; font-weight: normal; color: #000000;}
.listKonten03 {
padding-top: 1px;
padding-bottom:1px;
padding-left:5px;
padding-right:5px;
FONT-SIZE: 11px;
COLOR: #E91E56;
FONT-FAMILY: Verdana;
TEXT-DECORATION: none;
}
.listKonten03 a {
FONT-SIZE: 10px;
COLOR: #E91E56;
FONT-FAMILY: Verdana;
TEXT-DECORATION: none;
}
.listKonten03 a:hover {
FONT-SIZE: 10px;
COLOR: #E91E56;
FONT-FAMILY: Verdana;
TEXT-DECORATION: none;
}
.textSubArticleTitle {font: 13px Arial, Verdana, "Trebuchet MS", Arial, sans-serif; font-weight: bold; color: #FFFFFF; background-color:#e01f5b; padding:5px;}
.subArticle {padding-top:15px;}