@import url(menu.css);
@import url(block_style.css);
@import url(scrollbar.css);

/* ---------------------------------------- Default tags ---------------------------------------- */
HTML { height: 100%; margin-bottom: 1px; }
body { height: 100%; padding: 0; margin: 0; background-image: url(../images/bg.jpg); }
body, td { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
input, select, textarea { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #1c4d8e; }
td { vertical-align: top; }
form { display: inline; }
H1 { margin: 5px 0 10px; padding: 0 12px; color: #3066ae; font-size: 14px; font-family: Georgia, "Times New Roman", serif; font-weight: bold; }
H1 SPAN { color: #000; }
H2 { margin: 0; padding: 0 0 15px 0; color: #3066ae; font-size: 13px; font-family: Georgia, "Times New Roman", serif; font-weight: bold; }
H3 { margin: 0; padding: 0; color: #fff; font-size: 13px; font-family: Georgia, "Times New Roman", serif; font-weight: bold; }
H4 { margin: 0 0 10px 0; padding: 0; color: #3066ae; font-size: 12px; font-weight: bold; }
H4 A { color: #3066ae; }
IMG { border: none; }
P { margin: 10px 0; }
A { color: #000; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }

/* ---------------------------------------- Main tags ---------------------------------------- */
.wrapper	{ width: 993px; margin: 0 auto; }

.header { width: 993px; background: url(../images/header/header.png) no-repeat left top; font-size: 14px; font-family: Georgia, "Times New Roman", serif; }
.header .headercontainer { position: relative; height: 35px; background: url(../images/header/header_default.jpg) no-repeat 677px 30px; padding: 178px 36px 0 80px; }
.header H2 { position: absolute; top: 60px; left: 76px; width: 506px; margin: 0; padding: 0; }
.header H2 A { display: block; height: 99px; text-indent: -5000px; }
.header .copyright { position: relative; float: left; margin-top: 8px; color: #5c82a9; font-size: 12px; font-weight: bold; }
.header .copyright A { color: #5c82a9; }
.header .copyright span { margin: 0 13px; }
.header .copyright span.shadow { position: absolute; top: -1px; left: -1px; color: #fff; margin: 0; }
.header .copyright span.shadow A { color: #fff; }

.footer { width: 993px; height: 75px; background: url(../images/footer.png) no-repeat left top; text-align: center; padding-top: 15px; }
.footer span { margin: 0 20px; color: #fff; font-size: 14px; font-family: Georgia, "Times New Roman", serif; }
.footer a { position: relative; color: #fff; }
.footer a img { vertical-align: middle; }
.footer p { margin: 0; padding-top: 30px; }
.footer p a { color: #000; }

#columnLeft { float: left; width: 709px; }
#columnRight { float: right; width: 202px; }

.container	{ width: 920px; background-image: url(../images/mainshadow.png); background-repeat: repeat-y; padding: 0 36px 0 37px; }
.userContent{ width: 913px; background-color: #FFFFFF; padding: 10px 3px 10px 4px; border-bottom: 6px solid #000; overflow: hidden; }
.contentPad { padding: 5px 12px 10px; }


/* ---------------------------------------- Header zoek ---------------------------------------- */
.zoekBlk { position: relative; float: right; width: 315px; }
.zoekBlk DIV { height: 34px; background: url(../images/header/zoek_bg.png) no-repeat left top; }
.zoekBlk form { position: absolute; top: 8px; left: 45px; }
.zoekBlk label { float: left; color: #fff; }
.zoekBlk input { float: left; width: 175px; margin: 0 5px; }
.zoekBlk input.btn { margin: -7px 0 0 0; font-size: 22px; }
/*
.googleSearch	{ background: #fff url(../images/google_custom_search_watermark.gif) no-repeat left center; }
.googleSearchNone	{ background: #fff; }
*/

/* ---------------------------------------- Normal, Good, Bad News ---------------------------------------- */
TD.nNews { width: 353px; background: url(../images/border/normalNews_bg.gif) repeat-y left top; }
TD.gNews { width: 177px; background: url(../images/border/goodNews_bg.gif) repeat-y left top; }
TD.bNews { width: 177px; background: url(../images/border/badNews_bg.gif) repeat-y left top; }
TD.nNews .newsCnt { padding: 0 3px; }
TD.gNews .newsCnt, TD.bNews .newsCnt { padding: 3px 10px; }
TD.gNews IMG, TD.bNews IMG { float: left; width: 54px; height: 54px; background: url(../images/border/imgbrd.gif) no-repeat left top; margin: 0 10px 5px 0; padding: 3px; }

/* ---------------------------------------- News links ---------------------------------------- */
#laatsteNieuws div, #randomNieuws div, #positiefNieuws div, #negatiefNieuws div { position: relative; }
#positiefNieuws, #negatiefNieuws { padding: 0 3px; }
#laatsteNieuws A, #randomNieuws A, #positiefNieuws A, #negatiefNieuws A { display: block; width: 100%; padding: 2px 0 3px 0; text-decoration: none; border-bottom: 1px solid #dddfe2; }
#laatsteNieuws A, #randomNieuws A { background-image: url(../images/icolnk.gif); background-repeat: no-repeat; background-position: -20px 0; }
#laatsteNieuws A B, #randomNieuws A B, #positiefNieuws A B, #negatiefNieuws A B { display: block; padding-right: 5px; font-weight: normal; }
#laatsteNieuws A B, #randomNieuws A B { padding-left: 22px; }
#positiefNieuws A B, #negatiefNieuws A B { padding-left: 5px; }
#laatsteNieuws A:hover, #randomNieuws A:hover, #positiefNieuws A:hover, #negatiefNieuws A:hover { background-color: #dddfe2; background-position: 6px -17px; }
#laatsteNieuws A:hover B, #randomNieuws A:hover B { padding-left: 27px; }
#laatsteNieuws SPAN, #randomNieuws SPAN, #positiefNieuws SPAN, #negatiefNieuws SPAN { display: none; position: absolute; width: 70%; background-color: #ecedef; padding: 6px 8px; border: 1px solid #dddfe2; border-bottom: none; overflow: hidden; z-index: 80; }

/* ---------------------------------------- Favorites block ---------------------------------------- */
UL#favoritList { width: 100%; margin: 0; padding: 0 0 5px; list-style: none; overflow: hidden; }
UL#favoritList LI { float: left; width: 100%; padding: 1px 0; cursor: default; }
UL#favoritList LI.nofavorites { font-style: italic; text-align: center; }
UL#favoritList LI:hover, UL#favoritList LI.hover { background-color: #ecedef; }
UL#favoritList LI:hover.nofavorites { background: none; }
UL#favoritList LI:hover A.btnDel, UL#favoritList LI.hover A.btnDel { background-position: center -10px; }
UL#favoritList SPAN.lnkPageTitle { float: left; width: 165px; margin-left: 4px; }
UL#favoritList A { text-decoration: none; }
UL#favoritList A.btnDel { float: right; width: 16px; height: 10px; background-image: url(../images/btn_delete.gif); background-repeat: no-repeat; background-position: center 0; margin: 2px 4px 0 0; font-size: 0; text-indent: -5000px; }
UL#favoritList A:hover.btnDel { background-position: center -20px !important; }
UL#favoritList A SPAN { margin-right: 2px; color: #a0a5ac; }

.lnkAddPage { padding: 2px 6px 0; border-top: 1px dashed #000; }
.lnkAddPage A { font-weight: bold; text-decoration: none; line-height: 14px; }
.lnkAddPage SPAN { float: left; margin-right: 4px; color: #28a601; font-size: 18px; }
.lnkAddPage A:hover { color: #28a601; }

/* ---------------------------------------- "Powered by" and "Advertenties" block ---------------------------------------- */
.poweredbyBlk { text-align: center; padding-top: 2px; }
.poweredbyBlk A { margin: 1px; }
.poweredbyBlk IMG { width: 50px; height: 50px; border: 1px solid #ecedef; }
.poweredbyBlk A:hover IMG { border-color: #47aacd; }

.advertentiesBlk { text-align: center; padding-top: 2px; }
.advertentiesBlk IMG { width: 120px; margin: 1px; border: 1px solid #ecedef; }
.advertentiesBlk A:hover IMG { border-color: #47aacd; }

/* ---------------------------------------- "ABC" block ---------------------------------------- */
#scrollContainer { width: 181px; height: 160px; }
#scrollBar { height: 160px; }

.abcBlk A { display: block; width: 181px; text-decoration: none; overflow: hidden; }
.abcBlk A.lightBg { }
.abcBlk A.darkBg { background-color: #f5f6f7; }
.abcBlk A SPAN.subcat, .abcBlk A SPAN.blogcat { width: 84px; padding: 1px 3px; cursor: pointer; }
.abcBlk A SPAN.subcat { float: left; }
.abcBlk A SPAN.blogcat { float: right; color: #707070; }
.abcBlk A:hover { background-color: #dddfe2 !important; }

/* ---------------------------------------- Buttons ---------------------------------------- */
input.btn { width: auto !important; background: none; padding: 0; color: #fff; font-size: 13px; font-family: Georgia, "Times New Roman", serif; font-weight: bold; border: none; cursor: pointer; }

/* ---------------------------------------- Popup window ---------------------------------------- */
#popupWindow { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 90; }
#pagebg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.40; z-index: 100; }
#popupBlk { visibility: hidden; }
#popupContainer { position: relative; width: 657px; margin: 0 auto; padding-right: 15px; z-index: 110; }
#popupHeader { position: relative; height: 34px; background: url(../images/popup/popup_header.png) no-repeat left top; padding: 30px 54px 0; color: #476a8f; font-size: 22px; font-family: Georgia, "Times New Roman", serif; font-weight: bold; }
#popupHeader SPAN.popupTitle { position: absolute; top: 29px; left: 53px; color: #fff; }
.popupFooter { height: 25px; background: url(../images/popup/popup_footer.png) no-repeat left top; }
.popupContent { height: 100%; background: url(../images/popup/popup_bg.png) repeat-y left top; padding: 30px 45px 20px; }
.popupContent IFRAME { width: 100%; margin: 0; padding: 0; }
#popupContainer A.btnClose { position: absolute; top: 40px; right: 0; width: 29px; height: 72px; background-image: url(../images/popup/btn_close.png); background-repeat: no-repeat; background-position: 0 0; font-size: 0; text-indent: -5000px; cursor: pointer; z-index: 120; }
#popupContainer A:hover.btnClose { background-position: -29px 0; }

/* ---------------------------------------- Table News ---------------------------------------- */
TABLE#tblNews { width: 100%; border-collapse: collapse; }
TABLE#tblNews TD { width: 174px; background: url(../images/dotted_verLine.gif) repeat-y right top; padding-right: 2px; vertical-align: top; }
TABLE#tblNews IMG { float: left; width: 54px; height: 54px; background: url(../images/border/imgbrd.gif) no-repeat left top; margin: 0 10px 5px 0; padding: 3px; }
TABLE#tblNews TR.firstRow .newsBlk { background: none !important; }
TABLE#tblNews TD.lastCell { width: 176px; background: none; padding-right: 0; }
TABLE#tblNews TD.lastCell .linksListBg, TABLE#tblNews TD.lastCell .linksList { width: 164px !important; }

.newsBlk { position: relative; background: url(../images/dotted_horLine.gif) repeat-x left top; padding: 6px; }
.linksListBg { position: absolute; top: 2px; left: 6px; width: 162px; height: 0; background: url(../images/linksList_bg.png); z-index: 10; }
.linksList { position: absolute; left: 6px; bottom: 6px; width: 162px; background-color: #f4f4f4; border-bottom: 1px solid #989898; z-index: 20; }
.linksList A.linksTitle { display: block; background-image: url(../images/referencesTitle_bg.gif); background-repeat: repeat-x; padding: 0 7px; line-height: 16px; text-decoration: none; }
.linksList A.linksTitle SPAN { display: block; height: 16px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; cursor: pointer; }
.linksList UL { margin: 0; padding: 5px 5px 8px; list-style: none; }
.linksList LI { background: url(../images/mark.gif) no-repeat left 6px; margin-bottom: 1px; padding-left: 8px; }
.linksList LI A { color: #3066ae; }

.newsBlk.showLinks .linksListBg { visibility: visible; }
.newsBlk.showLinks A.linksTitle { background-position: 0 -16px; color: #000; }
.newsBlk.showLinks A.linksTitle SPAN { background-position: right -16px; }
.newsBlk.showLinks UL { display: block; }

.newsBlk.hideLinks .linksListBg { visibility: hidden; }
.newsBlk.hideLinks A.linksTitle { background-position: 0 0;  color: #434343; }
.newsBlk.hideLinks A.linksTitle SPAN { background-position: right 0; }
.newsBlk.hideLinks A:hover.linksTitle { background-position: 0 -16px; color: #000; }
.newsBlk.hideLinks UL { display: none; }

/* ---------------------------------------- Table RSS ---------------------------------------- */
TABLE.tblRSS { width: 100%; border-collapse: collapse; border: 1px solid #fff; }
TABLE.tblRSS TH { width: 100%; padding: 3px 8px; font-weight: normal; text-align: left; border: 1px dashed #989898; }
TABLE.tblRSS TD { padding: 3px 5px; border: 1px dashed #989898; }

/* ---------------------------------------- Other classes ---------------------------------------- */
.show { display: block !important; }
.hide { display: none !important; }

.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }
.vAlignB TD { vertical-align: bottom !important; }

.smalltitle { display: block; padding: 0 0 5px 5px; font-weight: bold; }
.google_adsense { text-align: center !important; margin: 3px 0 5px;}

.padr { border-right: 2px solid #fff; }
.padl { border-left: 2px solid #fff; }

.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }