/* bodyfont en scrollbar */
HTML { height: 100%; }
BODY { font-family: Arial, Helvetica, sans-serif, Verdana, Geneva ; font-size: 12px; scrollbar-arrow-color:#888888; scrollbar-track-color:#C6C7C6; scrollbar-base-color:#DEDEDE; scrollbar-shadow-color:#9C9C9C; scrollbar-face-color:#E6E6E6; scrollbar-highlight-color:#FFFFFF; scrollbar-darkshadow-color:#C6C7C6; scrollbar-3dlight-color:#9C9C9C; height: 100%; }
P, TD { font-family: Arial, Helvetica, sans-serif, Verdana, Geneva ; font-size: 12px; }
/* kleuren */
.bl { color: #046DE2; } /* blauw */
.or { color: #FF8A00; } /* oranje */
.gr { color: #92C120; } /* groen */
.db { color: #003876; } /* donkerblauw */
.lb { color: #BFD3F3; } /* lichtblauw */
.ro { color: #FF0000; } /* rood */
.wi { color: #FFFFFF; } /* wit */
#header {
position: relative;
}
/* transparante Word-nu-lid button */
#buttonIE { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/v2/joinnow.png'); background-repeat:no-repeat; position: absolute; z-index: 3; width: 121px; height: 121px; top: 92px; cursor: pointer; }
#buttonFF { background: url(images/v2/joinnow.png) no-repeat; position: absolute; z-index: 3; width: 121px; height: 121px; top: 92px; cursor: pointer; }
/* tekst */
.normal { font-size: 12px; line-height: 17px; color: #000000; font-weight: normal; }
.bold { font-size: 12px; line-height: 17px; color: #000000; font-weight: bold; }
.plain { font-size: 12px; line-height: 100%; color: #000000; font-weight: normal; }
.medium { font-size: 11px; line-height: 13px; color: #000000; font-weight: normal; }
.small { font-size: 10px; line-height: 12px; color: #000000; font-weight: normal; }
.bl_title { font-size: 16px; line-height: 16px; color: #046DE2; font-weight: bold; }
.or_title { font-size: 16px; line-height: 16px; color: #FF8A00; font-weight: bold; }
.gr_title { font-size: 16px; line-height: 16px; color: #92C120; font-weight: bold; }
.ro_title { font-size: 16px; line-height: 16px; color: #FF0000; font-weight: bold; }
.db_title { font-size: 16px; line-height: 16px; color: #003876; font-weight: bold; }
.zw_title { font-size: 16px; line-height: 16px; color: #000000; font-weight: bold; }
.wi_title { font-size: 16px; line-height: 16px; color: #FFFFFF; font-weight: bold; }
.kader_title { font-size: 14px; color: #FFFFFF; font-weight: bold; padding-top: 1px; }
.kader { font-size: 11px; line-height: 13px; color: #000000; font-weight: normal; }
.subtitle { font-size: 12px; line-height: 14px; color: #000565; font-weight: bold; }
.footer { font-size: 11px; color: #FFFFFF; font-weight: normal; }
.note, .comment { font-size: 11px; line-height: 14px; color: #575757; font-weight: normal; }
.homestats { font-size: 11px; line-height: 13px; color: #864800; font-weight: normal; }
.topmenu { font-family: verdana, geneva, tahoma, arial, helvetica; font-size: 11px; font-weight: bold; }
/* uitlijning */
.right {
float: right;
display: inline;
margin: 0 0 1em 1em;
}
.left {
float: left;
display: inline;
margin: 0 1em 1em 0;
}
.center {
text-align: center;
}
.clearBoth {
clear: both;
height: 0;
line-height: 0%;
font-size: 0;
display: block;
visibility: hidden;
}
/* links */
a { color: #000565; text-decoration: underline; }
a:hover { color: #F67710; text-decoration: underline; }
a.footer:link, a.footer:active, a.footer:visited { color: #FFFFFF; font-weight: normal; text-decoration: underline; }
a.footer:hover { color: #3D5407; font-weight: normal; text-decoration: underline; }
a.topmenu:link, a.topmenu:active, a.topmenu:visited { color: #002D6A; text-decoration: none; }
a.topmenu:hover { color: #FF8A00; text-decoration: none; }
a.homestats:link, a.homestats:active, a.homestats:visited { color: #864800; text-decoration: underline; }
a.homestats:hover { color: #000000; text-decoration: underline; }
a.kader_title:link, a.kader_title:active, a.kader_title:visited { color: #FFFFFF; text-decoration: none; }
a.kader_title:hover { color: #FFFFFF; text-decoration: underline; }
a.onlineleden:link, a.onlineleden:active, a.onlineleden:visited { font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.onlineleden:hover { font-size: 13px; color: #FFFF00; font-weight: bold; text-decoration: none; }
a.bl:link, a.bl:active, a.bl:visited { color: #046DE2; text-decoration: underline; }
a.bl:hover { color: #001E7D; text-decoration: underline; }
a.or:link, a.or:active, a.or:visited { color: #FF8A00; text-decoration: underline; }
a.or:hover { color: #AB5D00; text-decoration: underline; }
a.gr:link, a.gr:active, a.gr:visited { color: #92C120; text-decoration: underline; }
a.gr:hover { color: #386B00; text-decoration: underline; }
a.ro:link, a.ro:active, a.ro:visited { color: #FF0000; text-decoration: underline; }
a.ro:hover { color: #861214; text-decoration: underline; }
a.db:link, a.db:active, a.db:visited { color: #000565; text-decoration: underline; }
a.db:hover { color: #F67710; text-decoration: underline; }
a.wi:link, a.wi:active, a.wi:visited, a.wi:hover { color: #FFFFFF; text-decoration: underline; }
a.zw:link, a.zw:active, a.zw:visited, a.zw:hover { color: #000000; text-decoration: underline; }
a.wi_title:link, a.wi_title:active, a.wi_title:visited { color: #FFFFFF; text-decoration: none; }
a.wi_title:hover { color: #FFFFFF; text-decoration: underline; }
a.list:link, a.list:active, a.list:visited { color: #000000; text-decoration: none; }
a.list:hover { color: #FF8A00; text-decoration: underline; }
a.newlist_bl:link, a.newlist_bl:active, a.newlist_bl:visited { color: #000000; text-decoration: none; border-bottom: 1px solid #046DE2; }
a.newlist_bl:hover { color: #046DE2; text-decoration: none; border-bottom: 1px solid #046DE2; }
a.list_bl:link, a.list_bl:active, a.list_bl:visited { color: #000000; text-decoration: none; }
a.list_bl:hover { color: #046DE2; text-decoration: none; }
a.newlist_gr:link, a.newlist_gr:active, a.newlist_gr:visited { color: #000000; text-decoration: none; border-bottom: 1px solid #92C120; }
a.newlist_gr:hover { color: #92C120; text-decoration: none; border-bottom: 1px solid #92C120; }
a.list_gr:link, a.list_gr:active, a.list_gr:visited { color: #000000; text-decoration: none; }
a.list_gr:hover { color: #92C120; text-decoration: none; }
a.newlist_or:link, a.newlist_or:active, a.newlist_or:visited { color: #000000; text-decoration: none; border-bottom: 1px solid #FF8A00; }
a.newlist_or:hover { color: #FF8A00; text-decoration: none; border-bottom: 1px solid #FF8A00; }
a.list_or:link, a.list_or:active, a.list_or:visited { color: #000000; text-decoration: none; }
a.list_or:hover { color: #FF8A00; text-decoration: none; }
a.list_ro:link, a.newlist_ro:active, a.newlist_ro:visited { color: #000000; text-decoration: none; }
a.list_ro:hover { color: #FF0000; text-decoration: none; }
a.newlist_ro:link, a.list_ro:active, a.list_ro:visited { color: #000000; text-decoration: none; border-bottom: 1px solid #FF0000; }
a.newlist_ro:hover { color: #FF0000; text-decoration: none; border-bottom: 1px solid #FF8A00; }
.notifier { border: 2px solid black;
margin: 0px;
padding: 2px;
text-align: center center;
background-color: #bfcfef;
color: #000000;
font-family: verdana;
font-size: 9px}
/* mail */
.mailtitle { font-size: 11px; color: #932F00; line-height: 12px; font-weight: bold; }
a.mailtitle:link, a.mailtitle:active, a.mailtitle:visited { color: #932F00; text-decoration: none; }
a.mailtitle:hover { color: #FF8A00; text-decoration: underline; }
.mail { font-size: 11px; color: #000000; line-height: 12px; font-weight: normal; padding-right: 3px; }
a.mail:link, a.mail:active, a.mail:visited { color: #000000; text-decoration: none; }
a.mail:hover { color: #FF8A00; text-decoration: underline; }
.grey { color: #666666; }
.blockquote { font-size: 11px; color: #959595; border-left: 2px dotted #C5C5C5; padding-left: 15px; margin-left: 5px;}
/* zoekresultaat */
.zoektitle { font-size: 11px; color: #932F00; line-height: 12px; font-weight: bold; }
a.zoektitle:link, a.zoektitle:active, a.zoektitle:visited { color: #932F00; text-decoration: none; }
a.zoektitle:hover { color: #FF8A00; text-decoration: underline; }
.zoek { font-size: 11px; color: #000000; line-height: 12px; font-weight: normal; }
a.zoek:link, a.zoek:active, a.zoek:visited { color: #000000; text-decoration: none; }
a.zoek:hover { color: #FF8A00; text-decoration: underline; }
.zoek_hid { font-size: 11px; color: #B3B3B3; line-height: 12px; font-weight: normal; }
a.zoek_hid:link, a.zoek_hid:active, a.zoek_hid:visited { color: #B3B3B3; text-decoration: none; }
a.zoek_hid:hover { color: #B3B3B3; text-decoration: underline; }
/* Login scherm */
.bl_login { font-size: 11px; line-height: 13px; color: #FFFFFF; font-weight: normal; }
a.bl_login:link, a.bl_login:active, a.bl_login:visited { color: #FFFFFF; text-decoration: underline; }
a.bl_login:hover { color: #003876; text-decoration: underline; }
.gr_login { font-size: 11px; line-height: 14px; color: #1E2A00; font-weight: normal; }
.login_footer { font-size: 11px; color: #FFFFFF; font-weight: bold; }
a.login_footer:link, a.login_footer:active, a.login_footer:visited { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
a.login_footer:hover { color: #003876; font-weight: bold; text-decoration: underline; }
.login_nieuweleden { font-size: 11px; line-height: 12px; color: #000000; }
.login_leeftijd { color: #3D5407; }
a.login_nieuweleden:link, a.login_nieuweleden:active, a.login_nieuweleden:visited { color: #000000; text-decoration: none; }
a.login_nieuweleden:hover { color: #000000; text-decoration: underline; }
.bl_loginfield { border: 1px solid #046DE2; font-size: 12px; font-weight: normal; color: #000000; background-color: #E5F0FC; padding-left: 2px; padding-right: 4px; }
.or_loginselect { font-size: 12px; font-weight: normal; color: #000000; background-color: #FFF3E5; }
/* Tabellen blauw, groen, oranje */
.wi_clear { font-size: 11px; color: #000000; font-weight: normal; background-color: #FFFFFF; }
.wi_block { font-size: 11px; color: #000000; font-weight: normal; border: 1px solid #FFFFFF; background-color: #FFFFFF; }
.wi_block_text { font-size: 12px; color: #000000; font-weight: normal; line-height: 17px; vertical-align: middle; border: 1px solid #FFFFFF; background-color: #FFFFFF; padding: 7px; }
.bl_clear { font-size: 11px; color: #001E7D; font-weight: normal; background-color: #FFFFFF; }
.bl_block { font-size: 11px; color: #000000; font-weight: normal; border: 1px solid #BFD3F3; background-color: #F3F8FF; }
.bl_block_text { font-size: 12px; color: #000000; font-weight: normal; line-height: 17px; vertical-align: middle; border: 1px solid #BFD3F3; background-color: #F3F8FF; padding: 7px; }
.gr_clear { font-size: 11px; color: #386B00; font-weight: normal; background-color: #FFFFFF; }
.gr_block { font-size: 11px; color: #000000; font-weight: normal; border: 1px solid #E3F9A5; background-color: #FCFFF2; }
.gr_block_text { font-size: 12px; color: #000000; font-weight: normal; line-height: 17px; vertical-align: middle; border: 1px solid #E3F9A5; background-color: #FCFFF2; padding: 7px; }
.or_clear { font-size: 11px; color: #AB5D00; font-weight: normal; background-color: #FFFFFF; }
.or_block { font-size: 11px; color: #000000; font-weight: normal; border: 1px solid #FFD6A6; background-color: #FEF6ED; }
.or_block_text { font-size: 12px; color: #000000; font-weight: normal; line-height: 17px; vertical-align: middle; border: 1px solid #FFD6A6; background-color: #FEF6ED; padding: 7px; }
.ro_clear { font-size: 11px; color: #861214; font-weight: normal; background-color: #FFFFFF; }
.ro_block { font-size: 11px; color: #000000; font-weight: normal; border: 1px solid #FFA6A6; background-color: #FFEBEB; }
.ro_block_text { font-size: 12px; color: #000000; font-weight: normal; line-height: 17px; vertical-align: middle; border: 1px solid #FFA6A6; background-color: #FFEBEB; padding: 7px; }
.or_clear_profiel { font-size: 11px; color: #AB5D00; font-weight: normal; background-color: #FFFFFF; padding: 2px; padding-top: 12px; }
/* lists */
ul { list-style-type: square; list-style-image: url(../images/interface/bullet.gif); margin-left: 0px; margin-top: 6px; margin-bottom: 12px; padding-left: 20px; }
li { color: #000000; margin-bottom: 8px; }
ul.or { list-style-type: square; list-style-image: url(../images/interface/bullet_or.gif); margin-left: 0px; margin-top: 6px; margin-bottom: 12px; padding-left: 20px; }
ul.gr { list-style-type: square; list-style-image: url(../images/interface/bullet_gr.gif); margin-left: 0px; margin-top: 6px; margin-bottom: 12px; padding-left: 20px; }
ul.bl { list-style-type: square; list-style-image: url(../images/interface/bullet_bl.gif); margin-left: 0px; margin-top: 6px; margin-bottom: 12px; padding-left: 20px; }
/* ruler */
hr { border: solid 1px #FFFFFF; height: 1px; text-align: left; }
/* border */
.border { border: solid 1px #000000; }
/* forms */
form { font-family: Arial, Helvetica, sans-serif, Verdana, Geneva ; margin: 0px; }
.loginfield { border: 1px solid #222222; font-size: 10px; font-weight: normal; color: #727276; background-color: #EBEBF3; padding-left: 2px; padding-right: 4px; font-family: Arial, Helvetica, Verdana, Geneva; }
.button { border: 1px solid #000000; font-size: 13px; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif, Verdana, Geneva ; }
.textfield { border: 1px solid #7B9EBD; font-size: 13px; font-weight: normal; color: #000000; background-color: #FFFFFF; padding-left: 2px; padding-right: 0px; font-family: Arial, Helvetica, sans-serif, Verdana, Geneva; }
.ro_textfield { border: 1px solid #FFA6A6; font-size: 13px; font-weight: normal; color: #000000; background-color: #FFFFFF; padding-left: 2px; padding-right: 0px; font-family: Arial, Helvetica, sans-serif, Verdana, Geneva; }
.or_textfield { border: 1px solid #FFD6A6; font-size: 13px; font-weight: normal; color: #000000; background-color: #FFFFFF; padding-left: 2px; padding-right: 0px; font-family: Arial, Helvetica, sans-serif, Verdana, Geneva; }
.textarea { border: 1px solid #7B9EBD; font-size: 13px; font-weight: normal; color: #000000; background-color: #FFFFFF; padding-left: 4px; padding-right: 5px; font-family: Arial, Helvetica, sans-serif, Verdana, Geneva; scrollbar-arrow-color: #000565; scrollbar-base-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; }
select { color: #000000; font-size: 13px; }
#topmenu {
position: absolute;
/*z-index: 2;*/
margin-left: 3px;
top: 6px;
}
#divPageBlur {
background-color:#ffffff;
filter:alpha(opacity=80);
opacity: 0.8;
position:absolute;
top:0px;
left:0px;
width:100%;
display:none;
}
.divAlert {
display:none;
padding: 20px;
width:300px;
background-color: red;
border: 2px solid #ffffff;
position: absolute;
top: 0px;
left: 0px;
}
.headerAlert {
padding: 20px;
background-color: #ffff66;
border-bottom: 2px solid #ffffff;
}
/* testimonials */
#testimonials blockquote {
padding: 7px 10px;
background: #f3f8ff;
border: 1px solid #bfd3f3;
font-style: italic;
}
#friendList .message {
font-size: 11px;
font-weight: normal;
color: #7899C2;
}
.friendContainer {
width: 139px; height: 25px;
overflow: hidden;
clear: both;
}
.friendContainer a {
float: left; display: inline;
font-size: 11px;
line-height: 21px;
font-weight: normal;
padding: 4px 0 4px 28px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: left center;
text-decoration: none;
}
#friendList .friendContainer a.friendChat {
background: url(../images/interface/butt_friendlist_chat.gif) no-repeat 3px 10px;
width: 14px; height: 25px;
padding: 0;
}
#friendList a.tmFriend, a.tvFriend {
color: #003876;
/*font-weight: bold;*/
}
#friendList a.fmFriend, a.fvFriend {
color: #7899C2;
}
#friendList .tmFriend {
background-image: url('../images/interface/icon_male19_vriend.gif');
}
#friendList .tvFriend {
background-image: url('../images/interface/icon_female19_vriend.gif');
}
#friendList .fmFriend {
background-image: url('../images/interface/icon_male19_vriend_hid.gif');
}
#friendList .fvFriend {
background-image: url('../images/interface/icon_female19_vriend_hid.gif');
}
#friendList a.tmFriend:hover, #friendList a.tvFriend:hover {
color: #003876;
text-decoration: underline;
}
#friendList a.fmFriend:hover, #friendList a.fvFriend:hover {
color: #7899C2;
text-decoration: underline;
}
/* begin pay page */
.payItem {
behavior: url(styles/hover.htc);
}
#payContainerBca, #payContainerLain, #payContainerCc {
width: 577px;
padding: 10px;
margin: 0 auto;
}
.payTabInactive {
cursor: pointer;
}
.payTabBca, .payTabLain, .payTabCc, .payTabBcaActive, .payTabLainActive, .payTabCcActive {
width: 173px;
padding: 4px;
border-width: 2px 2px 0 2px;
border-style: solid;
}
.payTabBca, .payTabBcaActive {
float: left;
_display: inline; /* IE6 fix */
}
.payTabCc, .payTabCcActive {
float: right;
_display: inline; /* IE6 fix */
}
.payTabBca {
margin: 6px 0 0 5px;
}
.payTabLain {
margin: 6px auto 0 auto;
*margin: 16px auto 0 auto; /* IE6 and IE7 fix */
}
.payTabCc {
margin: 6px 5px 0 0;
}
.payTabBcaActive {
margin: 0 0 0 5px;
}
.payTabLainActive {
margin: 0 auto;
}
.payTabCcActive {
margin: 0 5px 0 0;
}
.payTabBca, .payTabBcaActive, .payContentContainerBca {
background-color: #F3F8FF;
border-color: #046DE2;
}
.payTabCc, .payTabCcActive, .payContentContainerCc {
background-color: #FEF6ED;
border-color: #FF8A00;
}
.payTabLain, .payTabLainActive, .payContentContainerLain {
background-color: #FCFFF2;
border-color: #92C120;
}
.payTabTxtBca, .payTabTxtLain, .payTabTxtCc {
font-size: 15px;
font-weight: bold;
line-height: 34px;
text-align: center;
}
.payTabTxtBca a, .payTabTxtLain a, .payTabTxtCc a {
font-weight: normal;
line-height: 28px;
}
.payTabTxtBca, .payTabTxtBca a {
color: #0060bf;
}
.payTabTxtBca a:hover, .payTabTxtBca:hover a, .payTabTxtBca.hover a, .payContentContainerBca a, .payContentContainerBca .payNote {
color: #002040;
}
.payTabTxtLain, .payTabTxtLain a {
color: #669933;
}
.payTabTxtLain a:hover, .payTabTxtLain:hover a, .payTabTxtLain.hover a, .payContentContainerLain a, .payContentContainerLain .payNote {
color: #3b591d;
}
.payTabTxtCc, .payTabTxtCc a {
color: #cc6600;
}
.payTabTxtCc a:hover, .payTabTxtCc:hover a, .payTabTxtCc.hover a, .payContentContainerCc a, .payContentContainerCc .payNote {
color: #804000;
}
.payContentContainerCc a:hover, .payContentContainerLain a:hover, .payContentContainerBca a:hover {
color: #000000;
}
.payContentContainerBca, .payContentContainerLain, .payContentContainerCc {
padding: 10px;
margin: 0;
border-width: 0 2px 2px 2px;
border-style: solid;
background-repeat: no-repeat;
background-position: top center;
}
.payContentContainerBca {
background-image: url('../images/interface/paytablinebca.gif');
}
.payContentContainerBca hr, .payContentContainerLain hr, .payContentContainerCc hr {
height: 2px;
border: 0px;
}
.payContentContainerBca hr {
color: #BFD3F3;
background-color: #BFD3F3;
}
.payContentContainerLain hr {
color: #E3F9A5;
background-color: #E3F9A5;
}
.payContentContainerCc hr {
color: #FFD6A6;
background-color: #FFD6A6;
}
.payItem {
padding: 10px 130px 10px 10px;
background-repeat: no-repeat;
background-position: 429px center;
cursor: pointer;
}
.payContentContainerBca .payItem {
background-image: url('../images/interface/paybuttbca.gif');
}
.payContentContainerLain .payItem {
background-image: url('../images/interface/paybuttlain.gif');
}
.payContentContainerCc .payItem {
background-image: url('../images/interface/paybuttcc.gif');
}
.payContentContainerBca .payItem:hover, .payContentContainerBca .payItem.hover {
background-color: #BFD3F3;
background-image: url('../images/interface/paybuttbca_on.gif');
}
.payContentContainerLain .payItem:hover, .payContentContainerLain .payItem.hover {
background-color: #E3F9A5;
background-image: url('../images/interface/paybuttlain_on.gif');
}
.payContentContainerCc .payItem:hover, .payContentContainerCc .payItem.hover {
background-color: #FFD6A6;
background-image: url('../images/interface/paybuttcc_on.gif');
}
.payItem:hover .payItemTitle, .payItem.hover .payItemTitle {
text-decoration: underline;
}
.payItemTitle {
font-weight: bold;
padding: 0 0 5px 0;
}
.payContentContainerLain {
background-image: url('../images/interface/paytablinelain.gif');
}
.payContentContainerCc {
background-image: url('../images/interface/paytablinecc.gif');
}
.payClear {
clear: both;
}
.payHidden {
visibility: hidden; display: none;
}
.payVisible {
visibility: visible; display: block;
}
.payBankName {
text-align: center;
margin: 8px 0 4px 0;
}
.payBankName input {
width: 200px;
}
.payBankName input.alert {
border: 2px solid red;
}
.payNote {
margin: 0px;
font-size: 10px;
text-align: center;
}
.payFaqList ul {
list-style-image:none;
list-style-type:square;
margin-bottom:12px;
margin-left:0;
margin-top:6px;
padding-left:20px;
}
.payFaqQuestion {
font-weight: bold;
margin: 20px 0 0 0;
}
.payFaqAnswer {
margin: 5px 20px;
}
.payAlertBox {
width: 547px;
margin: 0 15px;
padding: 10px;
background-color: #ff0000;
color: #ffffff;
}
.paySoftAlertBox {
width: 567px;
margin: 0 5px;
padding: 10px;
}
/* end pay page */
/* image preloader */
#preloader {
position:absolute;
top: -1000px;
left: -1000px;
height: 900px;
width: 900px;
overflow: hidden;
}