img {border:0}
form, p {margin:0; padding:0}
a {text-decoration:none; color:#000000}
a:hover {text-decoration:underline}
.clrn {font-size:1px; line-height:1px; height:1px; overflow:hidden; clear:both}
img.eLink {vertical-align:1px}
/* top banner on */
.tpBanner {padding:2px 8px; border-bottom:1px solid #ECECEC; border-top:1px solid #ECECEC; clear:both}
/* top banner off */

p.clickpath img {vertical-align:2px; margin:0 5px}
p.clickpath a, p.clickpath i {font-weight:normal; font-size:11px; color:#666666; font-style:normal; padding:0; margin:0}
.ttSeacrh p.clickpath {padding:5px 12px}

/* styles for the star rater on */  
.rating {list-style:none; margin:0px; padding:2px 0 3px 0; width:85px; height:15px; float:left; position:relative; background:url(../images/bg-star-rating.gif) top left no-repeat}
.rating li {padding:0px; margin:0px; height:15px; width:16px; float:left}
.rating li a {display:block; width:16px; height:15px; line-height:17px; text-decoration:none; text-indent:-9000px; z-index:20; position:absolute; padding:0; overflow:hidden}
.rating li a:hover {background:url(../images/star-rating.gif) left top; z-index:2; left:0; border:none}
.rating a.one-star {left:0}
.rating a.one-star:hover {width:16px}
.rating a.two-stars {left:16px}
.rating a.two-stars:hover {width:32px}
.rating a.three-stars {left:32px}
.rating a.three-stars:hover {width:48px}
.rating a.four-stars {left:48px}  
.rating a.four-stars:hover {width:64px}
.rating a.five-stars {left:64px}
.rating a.five-stars:hover {width:80px}
.rating li.current-rating {background:url(../images/star-rating.gif) left top; position:absolute; height:15px; display:block; text-indent:-9000px; z-index:1; left:0}
/* styles for the star rater off */ 
/* two column list on */
.listSml {margin:0; padding:5px 0 5px 10px; line-height:20px; float:left; width:280px}
.listSml dt {color:#FF6600; font-size:13px; font-weight:bold}
.listSml dt a {color:#FF6600}
.listSml dt img {margin:0 0 0 5px}
.listSml dd {margin:0; padding:0 0 0 10px; background:url(../images/list-arrow-red.gif) no-repeat 2px 7px}
/* two column list off */

.aThemeBNews {float:left; width:580px; margin:0 0 5px 0; background:url(../images/bg-left-block.gif) repeat-y}
.aThemeBNews .aThemeTitle {height:31px; background:#fff url(../images/bg-left-top-block.gif) no-repeat bottom left}
.aThemeBNews .aThemeTitle p {padding:5px 0 0 10px; color:#656565; font-size:13px; font-weight:bold; float:left}
.aThemeBNews .aThemeTitle span {float:right; padding:5px 0 0 0}
.aThemeBNews .aThemeTitle span a, .aThemeBNews .aThemeTitle span a:hover {margin:0 3px 0 10px; text-decoration:none; font-size:10px}
.aThemeBNews .aThemeTitle span a.nrm {font-weight:normal; margin:0 3px 0 0}
.aThemeBNews .aThemeTitle span img {vertical-align:-4px; margin-right:5px}
.aThemeBNews .itBig {background:url(../images/bg-big-item.gif) right top no-repeat; margin-top:-4px; float:left; width:580px}

.aThemeBNews .itLeft {float:left; width:289px}
.aThemeBNews .itLeft .cntImg {padding:5px 6px 0 6px}
.aThemeBNews .itLeft .cnt {padding:5px 5px 5px 9px; line-height:20px; font-size:13px}
.aThemeBNews .itLeft h5 {margin:0; padding:0; font-size:16px; line-height:normal}

.aThemeBNews .itRight {float:right; width:289px}
.aThemeBNews .itRight .cnt {line-height:20px; padding:8px 10px 10px 15px; margin:0 2px 0 0; font-size:13px; background:url(../images/sep-big-left-item.gif) repeat-x bottom}
.aThemeBNews .itRight h6 {font-size:13px; margin:0; padding:0}
.aThemeBNews .itRight .lastItem {background:none}
/* four items block on */
.aThemeFrNrm, .aThemeFrBgr {float:left; height:1%; width:580px; margin:0 0 5px 0; clear:both; background:url(../images/bg-left-block.gif) repeat-y}
.aThemeFrNrm .btm, .aThemeFrBgr .btm, .aThemeBNews .btm, .aThemeBNews .btmN, .aThemeScrNrm .btm, .itRSSList .btm {height:6px; line-height:6px; font-size:6px; overflow:hidden; clear:both; background:url(../images/bg-left-bottom-block.gif) no-repeat}
.aThemeFrBgr {background-color:#F9F9F9}
.aThemeFrNrm .aThemeTitle, .aThemeFrBgr .aThemeTitle {padding:5px 8px; background:url(../images/bg-title-left.png) no-repeat}
.aThemeFrNrm .aThemeTitle p, .aThemeFrBgr .aThemeTitle p {padding:0; font-size:18px; color:#000000}
.aThemeFrNrm .itContent, .aThemeFrBgr .itContent {width:141px; float:left; padding:5px 2px; font-size:11px}
.aThemeFrNrm .cntImg, .aThemeFrBgr .cntImg {padding:0 5px 0 4px}
.aThemeFrNrm .cnt, .aThemeFrBgr .cnt {padding:0 5px 0 7px; line-height:18px}
.aThemeFrNrm h6, .aThemeFrBgr h6 {font-size:13px; margin:0; padding:3px 0 0 0}
/* four items block off */
/* theme red title on */
.aThemeRTtl {margin:0 0 5px 0; width:369px; background:url(../images/bg-right-block.gif) repeat-y}
.aThemeRTtl .aThemeTitle {background:url(../images/bg-title-red.png) no-repeat top left; height:35px}
.aThemeRTtl .aThemeTitle p {padding:6px 5px 0 10px; font-size:12px; font-weight:bold; color:#FFFFFF; float:left}
.aThemeRTtl .aThemeTitle span.rLink {float:right; font-size:11px; padding:7px 5px}
.aThemeRTtl .aThemeTitle a {color:#fff}
.aThemeRTtl .btm, .aThemeSTtl .btm {height:6px; line-height:6px; font-size:6px; overflow:hidden; clear:both; background:url(../images/bg-right-bottom-block.gif) no-repeat}
.aThemeRTtl .itContent {padding:5px 10px 12px 10px}
.aThemeRTtl .cntImg {float:right; padding:0 0 0 5px}
.aThemeRTtl .cnt {line-height:18px}
.aThemeRTtl .cnt h3, .aThemeRTtl .cnt h3 a {font-size:12px; margin:0; padding:0; color:#ff6600}
.aThemeRTtl .cnt a.bLink {color:#ff6600; font-weight:bold}
/* theme red title off */
/* theme scroll on */
.aThemeSTtl {margin:0 0 5px 0; width:369px; background:url(../images/bg-right-block.gif) repeat-y}
.aThemeSTtl .aThemeTitle {background:url(../images/bg-title-red-n.png) no-repeat top left; height:29px}
.aThemeSTtl .aThemeTitle p {padding:6px 5px 0 10px; font-size:12px; font-weight:bold; color:#FFFFFF; float:left; width:120px}
.aThemeSTtl .aThemeTitle span.rLink {float:right; font-size:11px; padding:7px 5px 0 5px}
.aThemeSTtl .aThemeTitle a {color:#fff}
/* theme scroll off */
/* scroll style on */
.scrBtns {float:left; padding:5px 0 0 0}
.scrBtns img {vertical-align:middle; margin:0 1px 0 2px}
.scrBtns .disabled {filter:Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7}
.srcContent {width:366px; overflow:hidden; position:relative; margin:0 2px}
.srcContentSm {width:366px; overflow:hidden; position:relative; margin:0 2px}
.srcContent ul, .srcContentSm ul {width:366px; margin:0 0 0 -1px; padding:0; list-style:none; float:left}

.srcContent li {margin:0; padding:10px 5px 0 5px; float:left; width:112px}
.srcContentSm li {margin:0; padding:10px 5px 0 5px; float:left; width:112px}
.srcContent li span, .srcContentSm li span {padding:5px 0; display:block}
/* scroll style off */
/* content item on */
.itContentT {line-height:18px; padding:5px}
.itContentT p {padding:2px 5px}
.itContentT a {color:#ff6600; font-weight:bold}
/* content item off */
/* def list style on */
ul.listNrm {margin:0; padding:0; list-style:none; line-height:20px}
ul.listNrm li {margin:0; padding:0 0 0 8px; background:url(../images/list-arrow-red.gif) no-repeat 0 8px; clear:both}
ul.listNrm li span.info {color:#9B9B9B; font-size:11px}
ul.listNrm li span.date {color:#9B9B9B; font-size:11px; float:left; width:38px}
ul.twoColums {margin:0; padding:0 0 0 5px; list-style:none; line-height:19px; width:275px; float:left}
ul.twoColums li {margin:0; padding:0 0 0 8px; background:url(../images/list-arrow-red.gif) no-repeat 0 7px}
/* def list style off */
/* tabs style on */
#tLinkTabs, #tBeerTabs {margin:0; padding:2px 0 0; list-style:none; background:url(../images/bg-title-red-n.png) no-repeat top left; height:34px; overflow:hidden; font-size:13px}
#tLinkTabs li, #tBeerTabs li {float:left; padding:4px 0 6px 0; margin:0 0 0 -1px; font-weight:bold; color:#fff; background:url(../images/bg-link-tabs-sep.gif) no-repeat left top; cursor:pointer; text-align:center; width:100px; overflow:hidden; white-space:nowrap}
#tLinkTabs li:hover, #tBeerTabs li:hover {text-decoration:underline; background:url(../images/bg-link-tabs-sep.gif) no-repeat left top}
#tLinkTabs li.active, #tLinkTabs li.active:hover, #tBeerTabs li.active, #tBeerTabs li.active:hover {color:#000; background:url(../images/bg-link-tabs-act.png) no-repeat top center; padding:5px 0 0 0; text-decoration:none; height:30px}
#tLinkTabs li.activeL, #tLinkTabs li.activeL:hover, #tBeerTabs li.activeL, #tBeerTabs li.activeL:hover {background:url(../images/bg-link-tabs-act.png) no-repeat top left}
#tLinkTabs li.activeC, #tLinkTabs li.activeC:hover, #tBeerTabs li.activeC, #tBeerTabs li.activeC:hover {background:url(../images/bg-link-tabs-act.png) no-repeat top center}
#tLinkTabs li.activeR, #tLinkTabs li.activeR:hover, #tBeerTabs li.activeR, #tBeerTabs li.activeR:hover {background:url(../images/bg-link-tabs-act.png) no-repeat top right}

#tLinkTabs li.active span, #tLinkTabs li.active:hover span, #tBeerTabs li.active span, #tBeerTabs li.active:hover span {background:url(../images/arrow-tabs.png) bottom center no-repeat; padding:0 0 11px 0; display:block}
/* tabs style off */
/* right banner on */
.aThemeBanner {background:#F5F5F5; margin:0 0 5px 0; padding:3px 0 6px 0; width:369px}
.aThemeBanner .aThemeTitle {color:#989898; font-size:10px; text-align:center}
.aThemeBanner .itContent {padding:2px 17px 0 17px}
.itBnContent {border:1px solid #C8C8C8; background:#fff; margin:5px 17px 0 17px}
.itBnContent a {padding:0 8px; display:block; font-size:11px; font-family:"Trebuchet MS", Tahoma, Arial; color:#656565}
.itBnContent a:hover {text-decoration:none}
.itBnContent span {font-weight:bold; padding:0 7px 0 12px}
.itBnContent img {vertical-align:-9px}
.itBnSquare {text-align:center; padding:8px 8px 0 8px}
.itBnSquare span {padding:0 4px}
/* right banner off */
/* poll on */
.itPoll {padding:5px 10px 12px 10px; line-height:20px}
.itPoll h6 {font-size:12px; margin:0; padding:2px 0; font-weight:normal}
.itPoll input {vertical-align:-3px}
.itPoll label {padding:0 0 0 5px}
.itPoll p.btn {padding:5px 0 0 0}
.itPoll p.btn span {float:right; padding:2px 0 0 0}
.itPoll p.btn span a {color:#ff6600; font-size:11px; font-weight:bold}
.itPoll img {vertical-align:middle}
.itPoll dl {margin:0; padding:3px 0 0 0; font-size:11px}
.itPoll dt {margin:0; padding:0 0 0 2px; width:320px}
.itPoll dt span {display:block; background:url(../images/bg-poll-result.png) no-repeat; height:10px}
.itPoll dd {margin:0; padding:0 0 3px 0}
/* poll off */
/* newsletter on */
.itLetter {padding:5px 10px}
.itLetter p {padding:0 0 5px 0}
.itLetter input {border:1px solid #CDCDCD; background:#fff url(../images/bg-search.png) repeat-x top; width:225px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#646464; padding:4px 5px; margin:0 3px 0 0}
.itLetter input.sbm, .itNewsBrief input.sbm {border:0; width:80px; background:url(../images/btn-aanmelden.png) no-repeat; font-size:13px; font-family:"Trebuchet MS", Tahoma, Arial; font-weight:bold; color:#fff; padding:1px 0}
.itLetter p.small a {color:#ff6600}
.itLetter p.small span {padding:0 6px}
/* newsletter off */
/* tabs tips on */
.listBeer {margin:0; padding:5px 4px; list-style-position:inside; color:#ff6600; font-weight:bold}
.listBeer ol {margin:0 0 -1px 0; padding:0; background:#fff; border-top:1px solid #E7E7E7; position:relative}
.listBeer li {margin:0; padding:0; border-bottom:1px solid #E7E7E7}
.listBeer li span {padding:0 3px 0 8px}
.listBeer ol li {padding:0 0 0 18px}
.listAgn {margin:0; padding:3px 5px; list-style:none; font-weight:bold}
.listAgn li {margin:0; padding:0 5px 0 14px; border-bottom:1px solid #E7E7E7; background:url(../images/list-arrow-red.gif) no-repeat 5px 7px}
.listBeer li.lastItem, .listAgn li.lastItem {border:0}
.listBeer li a, .listAgn li a {color:#000000}

.listBeer li a:hover, .listAgn li a:hover, .listAgn li.active a {color:#FF6600; text-decoration:none}
.listBeer li.active {background:#ECECEC}
.listBeer li a span {color:#999999; font-size:11px; font-weight:normal; padding:0}

.listCover {margin:0; padding:3px 5px; list-style:none; font-weight:bold}
.listCover li {margin:0; border-bottom:1px solid #E7E7E7; padding:0 5px 0 14px; background:url(../images/list-arrow-red.gif) no-repeat 5px 7px}
.listCover li.lastItem {border:0}
.listCover li a {color:#000000}
/*.listCover li:hover, .listCover li.active {background-color:#F7EDD3; color:#000}*/
.listCover li a:hover, .listCover li.active a {color:#ff6600; text-decoration:none}
.listCover li span {color:#9B9B9B; font-size:11px; font-weight:normal}
/* tabs tips off */


/* fix for news-overview on */
.itContentOverview {float:left; width:580px}

.itContentOverview .itContent {float:left; width:580px; padding:0 0 10px 0}
.itContentOverview .itContent .cnt {padding:0 5px 5px 11px; line-height:20px; font-size:13px}
.itContentOverview .itContent .cnt span {color:#9A9A9A; font-weight:normal; font-size:12px}
.itContentOverview .itContent h5 {margin:0; padding:0 0 5px 0; color:#999999; font-size:14px}
.itContentOverview .itContent h1 {margin:0; padding:0 0 3px 0; font-size:24px; line-height:normal}

.itContentOverview .cntImg {padding:8px 14px 0 10px; float:right}

.itContentList {border-top:1px solid #E0E0E0; width:580px; float:left}
.itContentList div {border-bottom:1px solid #E0E0E0; font-size:12px; padding:8px 12px 9px 10px; line-height:20px}
.itContentList div h2 {font-size:13px; padding:0; margin:0}
.itContentList div h2 span {color:#666666; font-size:11px; font-weight:normal}
.itContentList div p {padding:0; margin:0; font-size:13px}
.itContentList div p.itDate {color:#999999; font-weight:bold; padding:0; font-size:11px; line-height:16px}

.itVakkList {padding:10px 0 0 0; width:580px; float:left; background:url(../images/bg-left-top-block-b.gif) no-repeat left top}
.itVakkList .itContent {width:285px; float:left; padding:10px 0; line-height:20px}
.itVakkList .itCol {width:285px; float:left}
.itVakkList .cntImg {padding:0 3px 0 11px; float:left}
.itVakkList .cnt {padding:0 0 0 4px; display:table; height:1%}
.itVakkList .cnt ul.vList {margin:0; padding:0; list-style:none}
.itVakkList .cnt ul.vList li {background:url(../images/list-arrow-red.gif) no-repeat 1px 7px; padding:0 0 0 8px}
.itVakkList h6 {font-size:13px; margin:0; padding:0; color:#ff6600}
.itVakkList h6 a {color:#ff6600}
.itVakkList h6 a img {margin-left:4px}
.itVakkList h6 span {padding:0 0 0 5px; font-weight:normal; color:#a2987d; font-size:11px}
.itVakkList .moreTopics {padding:5px 5px 0 11px; clear:both; float:left; width:561px; line-height:18px}
.itVakkList .moreTopics h1 {margin:0; padding:0; font-size:13px}
.itVakkList .moreTopics ul {padding:5px 0; margin:0 0 0 -2px; color:#ff6600; list-style:none; font-size:13px; float:left}
.itVakkList .moreTopics ul li {float:left; font-weight:bold; padding:1px 2px; white-space:nowrap}
.itVakkList .moreTopics ul li a {color:#ff6600}
  .itVakkList .rating {margin:0 0 0 -4px; padding:2px 0 3px 0; background:url(../images/bg-star-rating-transparent.gif) 0px 2px no-repeat}
  .itVakkList .itContent .cnt .react {padding:0 0 3px 0; float:left; font-size:11px}
  .itVakkList .itContent .cnt .react a {color:#a2987d}

.itContentList .listScroller {font-weight:bold; margin:0 auto; padding:5px 0; border:0; width:250px}
.lfContainerS .listScroller {font-weight:bold; margin:0 auto; padding:5px 0; border:0; width:230px}
.listScroller .sepScroller {overflow:hidden; padding:0; border:0}
.itContentList .listScroller a {padding:0 7px 0 6px}
.itContentList .sepScroller a, .aThemeBNews .itContentList .sepScroller span {padding:0 7px 0 6px; border-left:1px solid #B5B5B5; margin-left:-1px}
.lfContainerS .sepScroller span, .lfContainerS .sepScroller a {padding:0 7px 0 6px; border-left:1px solid #B5B5B5; margin-left:-1px; font-size:11px; line-height:12px}
.itContentList .listScroller a, .lfContainerS .listScroller a {color:#FF6600}
/* fix for news-overview off */
/* news details on */
.itCntDetails {float:left; width:580px; padding:0}
.itCntDetails .btm {background-color:#F2F2F2}
.itCntDetails .tpInfo {border-bottom:1px solid #E5E5E5; padding:5px 10px}
.itCntDetails h1, .itTopComment h1 {font-size:24px; margin:0; padding:0 0 5px 0}
.itCntDetails .tpInfo div, div.voteResult {font-size:11px; color:#999999; height:20px}
.itCntDetails .tpInfo div a, div.voteResult a {color:#999999}
.itCntDetails .tpInfo span, div.voteResult span {float:left; padding:0 5px 0 0}
.itCntDetails .tpInfo span.react, div.voteResult span.react {float:left; padding:0 0 0 20px}
.itCntDetails .tpInfo .rating, div.voteResult .rating {background-image:url(../images/bg-star-rating-transparent.gif); padding:0}
.itCntDetails .tpInfo a img, .itCntDetails .btmInfo a img, div.voteResult a img, , div.voteResult .btmInfo a img {vertical-align:-2px}
div.voteResult span {padding-bottom: 5px;}

.itCntDetails .mdlInfo, .itCntDetails .mdlInfoImg {line-height:20px; padding:10px 10px 0 10px; font-size:13px}
.itCntDetails .header {font-weight:bold; padding:0 0 10px 0}
.itCntDetails .mdlInfo p {padding:0 0 15px 0}
.itCntDetails .mdlInfoImg p, .itTopComment p {padding:0 0 10px 0}
.itCntDetails .mdlInfo p a, .itCntDetails .mdlInfoImg p a, .itTopComment p a, .itCntDetails .mdlInfo li a {color:#FF6600; font-weight:bold}
/* style details on */
.itCntDetails .mdlInfo ul {margin:0; padding:0 0 15px 0; list-style:none}
.itCntDetails .mdlInfo ul li {background:url(../images/list-icon-det.gif) no-repeat 0 9px; margin:0; padding:1px 0 1px 10px}
.itCntDetails .mdlInfo ol {margin:0; padding:0 0 15px 0; list-style:none}
.itCntDetails .mdlInfo ol ol {padding:0 0 0 14px}
.itCntDetails .mdlInfo ol span {font-weight:bold; padding:0 2px 0 0}
.itCntDetails .mdlInfo table {margin:0 0 15px 0; width:100%}
.itCntDetails .mdlInfo th {background:#E5E5E5; color:#666666; padding:0 5px; border-left:1px solid #D8D6D3}
.itCntDetails .mdlInfo td {padding:0 5px; border-left:1px solid #D8D6D3}
.itCntDetails .mdlInfo tr.odd td {background:#F5F5F5}
.itCntDetails .mdlInfo th.frsIt, .itCntDetails .mdlInfo td.frsIt {border:0}
/* style details off */
.itCntDetails .mdlInfoImg p a {font-size:12px}
.itCntDetails p.small {font-size:11px; color:#666666}
.itCntDetails p.small a {font-size:11px; font-weight:normal}
.itCntDetails .mdlInfo h4, .itCntDetails .mdlInfoImg h4 {padding:0; margin:0; font-size:13px}

.itCntDetails .btmInfo {background:#F2F2F2; color:#666666; padding:10px; height:18px; margin:0 2px; font-size:11px}
.itCntDetails .btmInfo span {padding:3px 0 0 0}
.itCntDetails .counter {width:140px; float:left}
.itCntDetails .labl {width:120px; float:left; font-weight:bold}
.itCntDetails .popup {float:right; width:200px}
.itCntDetails .popup a {margin-right:15px; font-weight:bold; color:#ff6600}

.smViewImg {float:left; width:185px; margin:3px 10px 5px 0; background:#F4F4F4 url(../images/bg-small-scroll-bottom.gif) no-repeat left bottom}
.smViewImg .cnt {background:#D4D2D2 url(../images/bg-small-scroll-top.gif) top left no-repeat; text-align:center; padding:10px 0 0 0; position:relative}
.smViewImg .scroll {background:#D4D2D2; padding:3px; color:#666666; font-size:12px; text-align:center}
.smViewImg .scroll span {padding:0 3px}
.smViewImg .scroll img {vertical-align:-5px}
.smViewImg .scroll i {font-style:normal}
.smViewImg dl {margin:0; padding:5px 5px 10px 5px; line-height:20px; font-size:12px}
.smViewImg dt {margin:0; padding:0; font-weight:bold}
.smViewImg dd {margin:0; padding:0 0 0 10px; background:url(../images/list-arrow-red.gif) no-repeat 2px 7px}

.itNewsBrief {line-height:20px; padding:10px; font-size:13px}
.itNewsBrief .cnt {padding:15px 0 0 0; clear:both; height:1%}
.itNewsBrief table {margin:10px 0 0 0}
.itNewsBrief td {vertical-align:top; padding:3px 3px 3px 0}
.itNewsBrief td.text {width:135px}
.itNewsBrief td.nd {padding:3px 8px}
.itNewsBrief td input.rd {float:left; height:16px; margin-top:4px}
.itNewsBrief td label {float:left; padding:0 20px 0 3px}
.itNewsBrief input.txt, .itNewsBrief textarea {border:1px solid #C7C7C7; background:#fff url(../images/bg-search.png) repeat-x top; width:275px; font-family:"Trebuchet MS", Tahoma, Arial; font-size:13px; color:#000; padding:2px 3px}
.itNewsBrief select {border:1px solid #C7C7C7; background:#fff url(../images/bg-search.png) repeat-x top; width:283px; height:21px; font-family:"Trebuchet MS", Tahoma, Arial; font-size:13px; color:#000}
.itNewsBrief .checkB {float:left; height:16px; margin-top:4px; clear:both}
.itNewsBrief .checkL {display:block; display /* */ : /* */ table; height:1%; padding:1px 10px 0 3px}
/* news details on */

/* news comment on */
.itCntComment {background:#F2F2F2 url(../images/bg-art-comment.gif) repeat-y; float:left; width:580px}
.itCntComment .btm {background-image:url(../images/bg-art-comment-bottom.gif)}
.itCntComment .itBlock {padding:6px 20px 0 12px; line-height:20px; background:url(../images/bg-art-comment-top.gif) no-repeat top left}
.itCntComment .itContent {background:url(../images/bg-top-comments.gif) top left no-repeat; padding:5px 0 0 0; margin:5px 0 0 0; clear:both}
.itCntComment .cnt {background:#fff url(../images/bg-comments.gif) repeat-y; padding:3px 8px; font-size:13px}
.itCntComment .btnRound {background:url(../images/bg-bottom-comments.gif) bottom left no-repeat; line-height:5px; font-size:5px; overflow:hidden}
.itCntComment .ttl {padding:10px 0 3px 8px; height:23px}
.itCntComment h4 {font-size:18px; margin:0; padding:0; font-weight:normal; line-height:23px; float:left}
.itCntComment h5 {margin:0; padding:0; font-size:13px}
/* add style for list comments on */
.bigComment {background:#F2F2F2 url('../images/bg-left-block.gif') repeat-y; }
.bigComment .itBlock {background:none; padding:0 20px 0 12px}
.bigComment .btm {background-image:url(../images/bg-left-bottom-block.gif)}
/* add style for list comments off */

.itCntComment h5 span {color:#999999; font-weight:normal}
.itCntComment .cnt a {font-size:11px; color:#ff6600}
.itCntComment .labl {width:120px; float:left; font-weight:bold; color:#666666; font-size:11px}
.itCntComment .linksR {padding:5px 0 0 0; height:23px; line-height:normal}
.itCntComment .linksR a {float:right; font-weight:bold; margin:4px 0 0 0; color:#ff6600}
.itCntComment .linksL {padding:5px 0 0 0; height:23px; line-height:normal}
.itCntComment .linksL a {float:left; font-weight:bold; margin:4px 0 0 0; color:#ff6600}
.itCntComment .btmRating {height:20px; padding:5px 0 5px 150px}
.itCntComment input.btn {background:url(../images/btn-comment.gif) no-repeat; border:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-family:"Trebuchet MS", Tahoma, Arial; color:#fff; font-weight:bold; width:162px; padding:1px 0; float:left}
.itCntComment .linksL input.btn, .itCntComment .ttl  input.btn {float:right}

.linksL .listScroller {float:right; width:230px; padding:4px 0 0 0; font-weight:bold; overflow:hidden}
.linksL .listScroller span, .linksL .listScroller a {padding:0 7px 0 6px; border-left:1px solid #B5B5B5; margin-left:-1px; float:none}

.itTopComment {float:left; width:580px}
.itTopComment .tpInfo {padding:5px 10px}
.itTopComment .tpInfo p {padding:0}

.itPostComment {float:left; width:580px; padding:10px 0 0 0; background:url(../images/bg-left-top-block-b.gif) no-repeat left top}
.itPostComment .itBlock {padding:10px 10px 0 10px; line-height:20px; font-size:13px}
.itPostComment h4 {font-size:18px; font-weight:normal; margin:0; padding:0 0 10px 0}
.itPostComment td {vertical-align:top; padding:3px}
.itPostComment td.text {width:200px}
.itPostComment input.txt, .itPostComment textarea {border:1px solid #CDCDCD; background:#fff url(../images/bg-search.png) repeat-x top; width:330px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; padding:4px 5px}
.itPostComment .code {float:left}
.itPostComment input.check {height:16px; float:left; margin-top:4px}
.itPostComment label {float:left; padding:1px 20px 0 3px; color:#58585A}
.itPostComment input.smtxt {border:1px solid #CDCDCD; background:#fff url(../images/bg-search.png) repeat-x top; width:220px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999; padding:4px 5px; float:right}
.itPostComment input.btn {background:url(../images/btn-comment.gif) no-repeat; border:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-family:"Trebuchet MS", Tahoma, Arial; color:#fff; font-weight:bold; width:162px; padding:1px 0; float:right}
/* news comment off */

.itTopicOverview, .itRSSOverview {float:left; width:580px}
.itTopicOverview .itContent, .itRSSOverview .itContent {float:left; background:none; border:0; width:580px; font-size:13px}
.itTopicOverview .itContent .cnt, .itRSSOverview .itContent .cnt {padding:0 10px 5px 10px; line-height:20px}
.itTopicOverview .itContent .cnt p a, .itRSSOverview .itContent .cnt p a {color:#FF6600; font-weight:bold}
.itTopicOverview .itContent h1, .itRSSOverview .itContent h1 {margin:0; padding:5px 5px 5px 10px; font-size:24px; line-height:normal}
.itRSSOverview .itContent p {padding:0 0 15px 0}
.itRSSOverview .itContent h6 {font-size:13px; margin:0; padding:0}
.itTopicOverview .itContent h1 span {display:none}
.itTopicOverview .cntImg {float:left; padding:10px 10px 0 5px}

.itRSSOverview dl {padding:0 10px; margin:0; float:left}
.itRSSOverview dl img {vertical-align:middle}
.itRSSOverview dd.lnk a {color:#FF6600; font-weight:bold; background:url(../images/icon-small-rss.gif) 0 4px no-repeat; padding:0 0 0 18px}
.itRSSOverview dt, .itRSSOverview dd {float:left; padding:9px 10px 8px 0; margin:0; width:91px; height:18px; border-top:2px solid #F2F2F2}
.itRSSOverview dt {font-weight:bold; width:125px; padding:9px 0 8px 15px}
.itRSSOverview dd.lnk {width:315px; padding-right:0}

.itTwoStor {width:285px; float:left}
.itTwoStor .cntImg {padding:5px 3px 0 6px; float:left}
.itTwoStor .cnt {padding:0 2px 0 4px; line-height:18px; display:table; height:1%}

.aThemeScrNrm, .aThemeScrMag {float:left; width:580px}
.aThemeScrNrm {background:url(../images/bg-left-block.gif) repeat-y; margin:0 0 5px 0}
.aThemeScrMag {margin-top:-11px; background:#F1EFEF url(../images/bg-left-block.gif) repeat-y; position:relative}
.aThemeScrMag table {width:576px; float:left}
.aThemeScrMag .btm {height:6px; line-height:6px; font-size:6px; margin-top:-9px; position:relative; padding-bottom:10px; overflow:hidden; clear:both; background:url(../images/bg-left-bottom-block-m.gif) no-repeat; z-index:1}
.aScrollTitle {background:url(../images/bg-title-left.png) no-repeat; padding:2px 8px; height:26px}
.aScrollTitle p {float:left; padding:2px 0; font-size:18px; width:255px}
.aScrollTitle span.rLink {float:right; padding:5px 3px 0 0}
.srcSmallCont {height:75px; margin:0 2px; width:576px; overflow:hidden; position:relative; z-index:20}
.srcBigCont {height:175px; margin:0 2px; width:576px; overflow:hidden; position:relative; z-index:20}
.srcBigCont .itBlock {width:576px; float:left}
.aThemeScrMag .srcBigCont {height:215px}

.srcSmallCont .itContent {height:75px; padding:8px; float:left; line-height:16px}
.srcBigCont .itContent {width:138px; padding:5px 0 5px 5px; float:left; line-height:16px}
.srcBigCont .cnt {padding:4px 0 0 2px}
.srcBigCont h6 {margin:0; padding:0; font-size:13px}

/* video list on */
.itVideoOverview {background-color:#FCF6EA; border:2px solid #F7EED4; float:left; width:585px; padding:0 0 10px 0}

.itVideoOverview .itContent {float:left; background:none; border:0; width:585px}
.itVideoOverview .itContent .cnt {padding:15px 5px 5px 10px; line-height:18px; display:table; height:1%}
.itVideoOverview .itContent .cnt span {color:#666666; font-size:11px; font-weight:normal}
.itVideoOverview .itContent h1 {margin:0; padding:0 0 3px 0; font-size:18px; line-height:normal}
.itVideoOverview .itContent h1 span {padding:0 0 0 5px; font-weight:normal; color:#a2987d}
.itVideoOverview .cntImg {padding:16px 6px 0 14px; float:left}
.itVideoOverview .cnt p a {color:#ed1820; font-weight:bold}
  .itVideoOverview .rating {margin:0 0 0 -4px; padding:0 0 3px 0; background:url(../images/bg-star-rating-transparent.gif) 1px 0 no-repeat}
.itVideoOverview .itContent .cnt .react {padding:0 0 3px 0; float:left}
.itVideoOverview .itContent .cnt .react a {color:#a2987d}

.itVideoL {}
.itVideoL .itContent {border-bottom:1px solid #E9E5DB; padding:5px 12px}
.itVideoL .cntImg {float:left; padding:0 10px 0 0}
.aThemeRTtl .itVideoL .cnt {line-height:16px}
.itVideoL h6 {font-size:12px; margin:0; padding:0}
.itVideoL h6 a {color:#FF6600}
.itVideoL p a, .itVideoL h6 span {font-size:11px; color:#000; font-weight:normal}
/* video list off */

.itTopicOverview ul.twoColums li {padding:0 0 10px 0; background:none; font-size:14px; line-height:20px}
.itTopicOverview ul.twoColums li a {font-weight:bold; color:#ff6600}
.itTopicOverview ul.twoColums li span {margin:0; padding:0 0 0 13px; background:url(../images/list-arrow-sitemap.gif) no-repeat 5px 8px; text-transform:none; font-size:13px; display:block}
.itTopicOverview ul.twoColums li span a {font-weight:normal; color:#000}

.aThemeFrBgr table, .aThemeScrMag table {border:0; border-collapse:collapse}
.aThemeFrBgr table tr {border-bottom:2px solid #FFFFFF}
.aThemeFrBgr table tr td, .aThemeScrMag table tr td {text-align:center; width:25%; padding:5px 0; vertical-align:top}
.aThemeFrBgr table tr td a, .aThemeScrMag table tr td a {display:block; padding:3px 0; font-size:12px; font-weight:bold; color:#000000}
h4.coverTtl {font-size:18px; margin:0; padding:5px 8px 10px 8px; font-weight:normal; background:#fff url(../images/bg-left-top-block.gif) no-repeat bottom left; clear:both}
.aThemeScrMag table tr td.active, .aThemeScrMag table tr td:hover {background:#fff url(../images/bg-mag-act.png) bottom no-repeat; padding-bottom:14px}
.aThemeScrMag table tr td.active a {color:#000000}

/* search page on */
.ttSearch {float:left; width:955px; position:relative; margin-bottom:-11px}
.ttSearch ul {margin:0; padding:0; font-size:13px}
.ttSearch li {list-style:none; margin:3px 3px 0 0; padding:0 0 11px 0; float:left; background:url(../images/bg-search-left.png) no-repeat left top}
.ttSearch li a {float:left; padding:4px 15px 4px 15px; color:#fff; font-weight:bold; height:16px; overflow:hidden; background:url(../images/bg-search-right.png) no-repeat right top}
.ttSearch li a:hover {text-decoration:none}
.ttSearch li.active {background:url(../images/bg-search-active.gif) center top no-repeat; margin:0 3px 0 0}
.ttSearch li.active span {background:url(../images/bg-search-left-active.gif) no-repeat; float:left}
.ttSearch li.active em {float:left; padding:4px 15px 4px 15px; font-weight:bold; font-style:normal; background:url(../images/bg-search-right-active.gif) no-repeat right top; cursor:default; color:#000; height:18px; white-space:nowrap; padding-top:6px}
.ttSearch li.active em span {float:none; height:auto; background:none}

.cntt {clear:both; min-height:20px; padding:3px 15px 4px 0; letter-spacing:0; background:url(../images/bg-cloud-search.gif) no-repeat}
.cntt .tgCloud {display:table; height:1%; height/**/ /**/: /**/auto; min-height:1px; padding:3px 5px}
.cntt .tgCloud ul {padding:0; margin:0; list-style:none; font-size:13px}
.cntt .tgCloud ul li {padding:5px 0 3px 8px; margin:0; float:left; white-space:nowrap}
.cntt .tgCloud ul li.tgCloudCaption {font-weight:bold; height:auto}
.cntt .tgCloud ul li a {padding:1px 0}
p.sortMode {text-align:right; padding:10px 15px 10px 0; font-size:11px; font-weight:bold}
p.sortMode a {color:#ff6600}

.lfContainerS {width:765px; float:left; padding:0 0 15px 0}
.lfContainerS h1 {margin:-24px 0 0 0; padding:0 0 0 12px; font-size:12px; position:relative; font-family:Arial, Helvetica, sans-serif}
.lfContainerS h1 span {font-weight:normal}
.lfContainerS .itContainer {padding:8px 0 8px 12px; line-height:19px; clear:both; font-size:13px}
.lfContainerS h5 {margin:0; padding:0 0 0 14px; font-size:13px; background:url(../images/list-arrow-search.gif) 0 7px no-repeat}
.lfContainerS h5 a {color:#ff6600}
.lfContainerS .cnt {padding:0 0 0 14px}
.lfContainerS p span {font-weight:bold}
.lfContainerS .itContainer p.link, .lfContainerS .itContainer p.link a {color:#858585; font-size:11px}

.addsGoogleIn {border:1px solid #BEBEBE; line-height:16px; font-size:11px; float:right; width:756px; margin:5px 0}
.addsGoogleIn .addsItem {padding:8px 0 4px 18px; float:left; width:358px}
.addsGoogleIn h6 {font-size:12px; margin:0; padding:0}
.addsGoogleIn h6 a, .addsGoogleIn .addsInfo a {text-decoration:underline}
.addsGoogleIn p a {color:#666666}
.addsGoogleIn p.link a {font-size:10px}
.addsGoogleIn .addsInfo {padding:0 0 8px 18px}

.rtContainerS {width:159px; float:right; padding:0 9px 0 0}
.rtContainerS .addsGoogleIn {width:157px}
.rtContainerS .addsGoogleIn .addsItem {width:auto; padding:8px 8px 5px 13px}
/* search page off */

/* foto player on */
div.horizontal {padding-bottom:8px}
div.horizontal td {white-space:nowrap}
div.horizontal td div.pageNumber {padding:0; width:100px; font-weight:bold; color:#666666; line-height:normal}
div.horizontal th {font-weight:normal; text-align:left}
div.horizontal th div {margin:0 0 10px 0; text-align:center; float:none}
div.horizontal th div img {display:none}
div.horizontal th div span {display:block}
div.horizontal .hold {position:relative; width:249px; height:22px; overflow:hidden; z-index:100; float:left}
div.horizontal .hold .scrollbar-window {width:249px; height:22px; clip:rect(0px,249px,22px,0px); position:absolute; left:0px; top:0px; overflow:hidden; z-index:1}
div.horizontal .hold .scrollbar-window .layer {position:absolute; visibility:hidden; left:0px; top:0px; z-index:1}

#imgContainer {text-align:center}
#imgContainer img {margin-left:auto; margin-right:auto}
#pageNumber2 {text-align:left}
/* table containing images. adjust according to your images' sizes and numbers */
div.horizontal .hold .scrollbar-window .layer {white-space:nowrap; padding:2px 0 0 0; line-height:normal}
div.horizontal .hold .scrollbar-window .layer a {padding:0; display:block; float:left; text-align:center; color:#ff6600; font-weight:bold}
div.horizontal .hold .scrollbar-window .layer a:hover {text-decoration:none}
div.horizontal .hold .scrollbar-window .layer span {background:#ffffff; border:solid 1px #E0E0E0; display:block; float:left; cursor:pointer; padding:0 5px}
div.horizontal .hold .scrollbar-window .layer span span {display:none}
div.horizontal .hold .scrollbar-window .layer a:hover span, div.horizontal .hold .scrollbar-window .layer a.active span {border:1px solid #E0E0E0; background:#F5F5F5; color:#000000}
div.horizontal .hold .scrollbar-window .layer a:hover img, div.horizontal .hold .scrollbar-window .layer a.active img {filter:Alpha(opacity=100); -moz-opacity:1; opacity:1}
div.horizontal .scrollbar-arrow-left, div.horizontal .scrollbar-arrow-right {float:left}
div.horizontal .scrollbar-arrow-left a, div.horizontal .scrollbar-arrow-right a {padding:2px 0 0 0; float:left; display:block; text-decoration:none}
div.horizontal .scrollbar-arrow-left a.disabled,
div.horizontal .scrollbar-arrow-right a.disabled {filter:Alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}

#thumbnail {position:absolute; display:none; z-index:100; width:88px; height:69px; background-image:url(../images/videoplayer-hint-bg.png); background-repeat:no-repeat; background-position:bottom right}
#thumbnail img {margin:14px 0 0 1px}

/* print popup on */
body.pPopup {background:#fff; font-family:"Trebuchet MS", Tahoma, Arial; font-size:13px; color:#000000; margin:0; padding:0}
body.pPopup img {vertical-align:top}
body.pPopup .glbCont {width:525px; margin:0 auto}
.hdrPrint {background:#FFFFFF url(../images/bg-header.gif) repeat-x top; height:85px}
.hdrPrint img {padding:0 0 0 10px}
body.pPopup .cntBtn {padding:7px 5px; clear:both}
body.pPopup .itCntDetails {width:525px; padding-bottom:0; margin:0; background:url(../images/bg-print.gif) repeat-y}
body.pPopup .itCntDetails .mdlInfo {background:url(../images/bg-top-print.gif) no-repeat top left; padding:10px 15px 0 15px}
body.pPopup .itCntDetails h1 {font-size:22px; padding:5px 0 15px 0}
body.pPopup .itCntDetails a, body.pPopup .itCntDetails p.small {color:#000000}
body.pPopup .itCntDetails .btm {height:6px; line-height:6px; font-size:6px; overflow:hidden; clear:both; background:url(../images/bg-bottom-print.gif) no-repeat}
/* print popup off */
