HTML{margin:0;padding:0;}
A{ color:#000; text-decoration: none; }
img{border:0;}
BODY{ font-family: 'PT Sans', arial, serif; margin:0;padding:0; background: url(/img/body_background.png) repeat-x; }
@font-face {
font-family: 'LightFont';
src: url('/fonts/futuralt-light-webfont.eot');
src: url('/fonts/futuralt-light-webfont.eot?iefix') format('eot'),
url('/fonts/futuralt-light-webfont.ttf') format('truetype'),
url('/fonts/futuralt-light-webfont.svg#webfontresSSa0u') format('svg');
font-weight: normal;
font-style: normal;
}
/********************/
/* GENERAL */
/********************/
/* container */
#container { margin:0 auto 0 auto;padding:0;width:960px; }
#header { background: #60c6d0; height: 108px; width: 960px; display: block; float: left;}
#header #logo { width: 151px; float: left; padding: 10px 0px 10px 20px; }
#header #banner_leaderboard { width: 728px; float: right; padding: 10px; }
#menu { background: black; width: 960px; display: block; float: left; height: 35px; margin-bottom: 0px;}
#menu ul { display: block; float: left; padding: 0; margin: 0; height: 35px; width: 580px; }
#menu ul li { display: block; float: left; padding: 0 20px 2px 20px; margin: 10px 0 0 0; border-right: solid 1px white; }
#menu ul li a { color: white; font-size: 13px; display: block; font-family: LightFont; letter-spacing: 1px; }
#menu ul li a:hover { text-decoration:line-through; }
#menu ul li.last {border-right: solid 0px black; }
#newsletter { width: 214px; font-weight: normal; font-size: 15px; float: left; margin: 6px 0 0px 0; color: white; display: block; }
#newsletter input, #search form { display: inline; padding: 0 4px; margin: 0; }
#newsletter #name { background: white; color: black; width: 52px; font-size: 9px; line-height: 18px; border: 0; height: 18px; }
#newsletter #email { background: white; color: black; width: 92px; font-size: 9px; line-height: 18px; border: 0; height: 18px; }
#newsletter #newsletter-submit{ background: black; border: 0; margin: 0 0 0 0; padding: 0 0px; font-size: 12px; line-height: 18px; width: 40px; color: white; font-weight: bold; }
#newsletter #button-newsletter-submit{ background: #60c6d0; border: 0; margin: 2px 0 0 0; padding: 1px 8px; font-size: 12px; width: 40px; color: white; font-weight: bold; }
#search { width: 160px; font-weight: normal; font-size: 15px; float: left; margin: 6px 0 0px 0; color: white; display: block; }
#search input, #search form { display: inline; padding: 0 4px; margin: 0; }
#search #keyword { background: white; border: 0; color: black; margin: 0; width: 92px; font-size: 9px; line-height: 18px; height: 18px; }
#search #search-submit{ background: white; border: 0; margin: 0 0 0 0; padding: 0 0px; font-size: 12px; line-height: 18px; width: 40px; color: black; font-weight: bold; }
#search #button-search-submit{ background: #60c6d0; border: 0; margin: 2px 0 0 0; padding: 1px 8px; font-size: 12px; line-height: 18px; width: 40px; color: white; font-weight: bold; }
/********************/
/* Homepage */
/********************/
h2 { letter-spacing: 1px; font-family: LightFont; background: url(/img/headliine_background_dot.png) repeat-x 0 0; display: block; float: left; border-bottom: solid 1px black; font-size: 13px; line-height: 16px; padding: 5px 0 4px 0; }
.h2 { letter-spacing: 1px; font-family: LightFont; background: url(/img/headliine_background_dot.png) repeat-x 0 0; display: block; float: left; border-bottom: solid 1px black; font-size: 13px; line-height: 16px; padding: 5px 0 4px 0; }
#latest_articles { position: relative; overflow: hidden; width: 940px; display: block; float: left; margin: 16px 0 10px 10px; padding: 0 0 10px 0; border-bottom: solid 2px black;}
#latest_articles h2, #latest_articles .h2 { width: 940px; margin: 0 0 10px 0; }
#latest_articles .article { position: relative; overflow: hidden; width: 222px; height: 260px; display: block; float: left; margin: 0 6px 0 0; padding: 0 8px 0 0; background: url(/img/headliine_background_dot_ve.png) repeat-y top right;}
#latest_articles .article .visual { width: 222px; display: block; float: left; height: 176px; }
#latest_articles .article .hidden_visual { width: 222px; display: block; float: left; height: 176px; opacity: .0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: .0; -moz-opacity: .0; }
#latest_articles .article h3 { border-bottom: solid 1px #7f7f7f; font-family: 'PT Sans Narrow', arial, serif; letter-spacing: 1px; font-size: 24px; line-height: 25px; margin: 4px 0 2px 0; width: 222px; display: block; float: left;}
#latest_articles .article .extra{ font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: #60c6d0; line-height: 14px; font-weight: bold; margin: 0 0; width: 222px; display: block; }
#latest_articles .article .extra strong{color: black;}
#latest_articles .article p { display:block; font-family: 'PT Sans', arial, serif; padding: 10px 0 10px 0; color: #58595B; font-size: 11px; line-height: 18px; opacity: .0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: .0; -moz-opacity: .0;}
#latest_articles .last { margin: 0 0 0 0; padding: 0 0 0 0; background: none;}
#latest_articles .article .holder { position: absolute; width: 222px; display: block; top: 0; left: 0; }
/*
#latest_articles .article:hover .visual { top: -146px; position: absolute; }
#latest_articles .article:hover p { display: block; }
#latest_articles .article:hover .hidden_visual { display: block; }
#latest_articles .article:hover h3 { display: block; margin: 34px 0 2px 0;}
*/
/*#latest_articles .hover .visual { top: -146px; position: absolute; }
#latest_articles .hover p { display: block; }
#latest_articles .hover .hidden_visual { display: block; }
*/
#latest_blogs { width: 408px; display: block; float: left; margin: 4px 0 0px 10px; padding: 0 0 10px 0;}
#latest_blogs h2, #latest_blogs .h2 { width: 408px; margin: 0 0 10px 0; }
#latest_blogs .article { width: 408px; height: 110px; display: block; float: left; margin: 0 6px 0px 0; padding: 6px 8px 6px 0; }
#latest_blogs .article:hover { background: #dbecef; }
#latest_blogs .article .visual { width: 200px; display: block; float: left; height: 110px; }
#latest_blogs .article .text { width: 200px; display: block; float: left; height: 110px; margin: 0 0 0 8px; }
#latest_blogs .article h3 { background: #dbecef; font-family: 'PT Sans Narrow', arial, serif; letter-spacing: 1px; font-size: 18px; line-height: 19px; height: 19px; margin: 0px 0 0px 0; padding: 4px 0 2px 0; width: 200px; display: block; float: left;}
#latest_blogs .article .extra{ background: #dbecef; font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: #60c6d0; line-height: 15px; height: 26px; font-weight: bold; padding: 0 0 6px 0; margin: 0 0 4px 0; width: 200px; display: block; float: left;}
#latest_blogs .article .extra strong{color: black;}
#latest_blogs .article p { font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 11px; line-height: 18px; }
#latest_blogs .article .bullit { display: none; }
#latest_blogs .article:hover .bullit{ display: inline; }
#midbar { width: 300px; display: block; float: left; margin: 4px 0px 0px 8px; padding: 0 8px 10px 8px; border-left: solid 1px black; border-right: solid 1px black;}
#midbar #banner_rectangle { display: block; float: left; width: 300px; margin: 0 0 10px 0; }
#midbar #facebook_widget { display: block; float: left; width: 300px; height: 250px; margin: 0 0 10px 0; }
/********************/
/* agenda */
/********************/
#agenda { width: 194px; display: block; float: left; margin: 4px 0 10px 10px; padding: 0px 0 10px 0; border-top: solid 0px black;}
#agenda h2 { width: 194px; margin: 0 0 10px 0;}
#agenda #agenda_menu { width: 194px; position: relative; z-index: 999; }
#agenda #agenda_menu a { font-family: 'PT Sans Narrow', arial, serif; margin: 0 0 0 8px; padding: 4px 4px 0px 4px; border: solid 1px white; font-weight: bold; display: block; float: left;}
#agenda #agenda_menu a.active { background: #dbecef; color: #60c6d0; padding: 4px; border: solid 1px #959697; border-bottom: solid 0px;}
#agenda .agenda { width: 184px; height: 420px; clear: both; background: #dbecef; padding: 4px; border: solid 1px #959697; top: -1px; position: relative; }
#agenda .agenda h3 { font-family: 'PT Sans Narrow', arial, serif; padding: 2px; font-size: 11px; width: 180px; color: white; background: black; display: block; }
#agenda .agenda p { font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 11px; line-height: 18px; }
#agenda .agenda a { display: block; margin: 6px 0 8px 0; width: 184px; }
#agenda .agenda a strong{ width: 176px; font-weight: bold; color: black; }
#agenda .agenda a:hover h3 { background: #60c6d0; }
#agenda #agenda_cultuur_overview { display: block; }
#twitter_follow_us { margin: 10px 0 0px 0; padding: 0; float: left; display: block;}
/********************/
/* best off */
/********************/
#best_off_articles { width: 940px; display: block; float: left; margin: 10px 0 10px 10px; padding: 10px 0 10px 0; border-top: solid 2px black;}
#best_off_articles h2, #best_off_articles .h2 { width: 940px; margin: 0 0 10px 0;}
#best_off_articles .article { overflow: hidden; position: relative; width: 159px; height: 160px; display: block; float: left; margin: 0 0px 0 0; padding: 0 0px 0 0px; background: url(/img/headliine_background_dot_ve.png) repeat-y top right;}
#best_off_articles .article .visual { width: 144px; display: block; float: left; height: 100px; }
#best_off_articles .article .hidden_visual { width: 144px; display: block; float: left; height: 100px; opacity: .0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: .0; -moz-opacity: .0;}
#best_off_articles .article h3 { font-family: 'PT Sans Narrow', arial, serif; letter-spacing: 1px; font-size: 18px; line-height: 19px; margin: 4px 0 2px 0; width: 144px; display: block; float: left;}
#best_off_articles .article h3 strong { background: #dbecef; }
#best_off_articles .article .extra { font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: #60c6d0; line-height: 12px; font-weight: bold; margin: 0 0; width: 144px; display: block; }
#best_off_articles .article .extra strong{color: black;}
#best_off_articles .article p { display:block; padding: 10px 0 10px 0; padding: font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 11px; line-height: 18px; opacity: .0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: .0; -moz-opacity: .0; }
#best_off_articles .bullit { display: none; }
#best_off_articles .article .holder { position: absolute; width: 144px; display: block; top: 0; left: 0; padding: 0 8px 0 6px;}
#best_off_articles .last { background: none; width: 152px;}
#best_off_articles .first { width: 152px;}
#best_off_articles .first .holder { padding: 0 8px 0 0px;}
#best_off_articles .last .holder { padding: 0 0px 0 6px;}
#best_off_articles .hover { background-color: #dbecef; }
#best_off_articles .hover .bullit{ display: inline; }
/*
#best_off_articles .last:hover { margin: 0 0 0 0; padding: 0 0 0 6px; background: #dbecef;}
#best_off_articles .first:hover { margin: 0 0 0 0; padding: 0 8px 0 0; background: #dbecef url(/img/headliine_background_dot_ve.png) repeat-y top right;}
#best_off_articles .article:hover { background: #dbecef url(/img/headliine_background_dot_ve.png) repeat-y top right; }
#best_off_articles .article:hover .visual { width: 144px; display: block; float: left; height: 20px; }
#best_off_articles .article:hover p { display:block; padding: 10px 0 0 0; padding: font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 11px; line-height: 18px;}
#best_off_articles .article:hover .bullit{ display: inline; }
#best_off_articles .last:hover { margin: 0 0 0 0; padding: 0 0 0 6px; background: #dbecef;}
#best_off_articles .first:hover { margin: 0 0 0 0; padding: 0 8px 0 0; background: #dbecef url(/img/headliine_background_dot_ve.png) repeat-y top right;}
*/
/********************/
/* Article */
/********************/
#article { width: 600px; display: block; float: left; padding: 0 10px 0 0; border-right: solid 2px #7f7f7f; margin: 16px 0 0 10px; }
#article h1 { font-family: 'PT Sans Narrow', arial, serif; color: #231F20; font-size: 36px; line-height: 37px; width: 450px; display: block; float: left; }
#article #article_navigation { width: 600px; display: block; float: left; border-bottom: solid 2px #58595B; padding: 10px 0 10px 0; }
#article #article_navigation #article_navigation_previous { font-family: 'PT Sans Narrow', arial, serif; font-size: 11px; display: block; float: left; background: url(/img/bullit_invert.png) no-repeat center left; padding: 0 0 0 14px; }
#article #article_navigation #article_navigation_next { font-family: 'PT Sans Narrow', arial, serif; font-size: 11px; display: block; float: right; background: url(/img/bullit.png) no-repeat center right; padding: 0 14px 0 0px; }
#article #article_info { border-left: solid 1px #7f7f7f; padding: 6px 0 6px 10px; margin: 6px 0; width: 110px; float: left; display: block; font-family: 'PT Sans Narrow', arial, serif; color: #58595B; font-size: 12px; line-height: 18px;}
#article #article_info a { color: #60c6d0; }
#article #content { font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 12px; line-height: 18px;}
#article #content p { text-align: justify; }
#article #content p a { font-family: 'PT Sans', arial, serif; color: black; background: #dbecef; font-size: 12px; line-height: 18px;}
#article #article_header { border-bottom: solid 2px #58595B; width: 600px; display: block; margin: 0 0 10px 0; }
#article #article_intro { clear: both; color: #231F20; font-weight: bold; margin: 0px 0 16px 0; }
#article #visual { float: right; padding: 0 0 10px 10px; }
/********************/
/* Comments */
/********************/
#comments-facebook { margin: 20px 0 20px 0; display: block; width: 600px; clear: both; }
#article #social { border-bottom: solid 2px #58595B; border-top: solid 2px #58595B; background: #dbecef; padding: 6px 0; margin: 20px 0 0 0; height: 30px; width: 600px; }
#article #social p { font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: black; line-height: 18px; display: block; float: left; height: 30px; width: 536px; padding: 0 0 0 4px; }
#article #social p a { font-weight: bold; }
#article #social_buttons { float: left; display: block; width: 40px; border-left: solid 1px #7f7f7f; padding: 6px 0 0 10px; height: 24px}
#article #social_buttons li { display: inline; }
#comments { margin: 0 0 20px 0; display: block; width: 600px; }
#comments h3 { font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; padding: 6px 0; margin: 10px 0 0 0; }
#comments h3.comments { background: url(/img/headliine_background_dot.png) repeat-x center bottom; }
#comments .comment { border-bottom: solid 1px black; display: block; padding: 16px 0; width: 600px; }
#comments .comment span { display: block; float: left; width: 150px; color: black; font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; line-height: 14px; font-weight: bold;}
#comments .comment span strong { color: #60c6d0; }
#comments .comment p { display: block; float: left; width: 450px; font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 12px; line-height: 18px; }
#form { display: block; margin: 10px 0 00px 0; }
#form fieldset { border:0; display:block; float:left; margin: 0 0; padding:0; width: 580px;}
#form p { display:block; margin:0; padding: 3px 0px; width: 550px; }
#form input { border: 0; background: #DCDDDE; border: 0; display: inline; }
#form label { background:none; display: inline; font-size:11px; }
#form textarea { border: 0; height: 100px; width: 400px; background: #DCDDDE;}
#form p.buttons input { background: #DCDDDE; color: #58595B; }
#form .warning { color:red;}
#form fieldset #recaptcha { margin:0; padding:3px 0px; width: 300px; }
/********************/
/* Archive & Articls */
/********************/
#archive #archive-controls {margin: 0 0 20px 0; display: block; }
#archive .archive-form label { display: block; }
#archive .archive-form input, select { display: inline; font-size: 12px; background: #dbecef; border: solid 1px black; padding: 3px 2px; margin: 0 10px 0 0px; }
#archive .archive-form p { display: block; float: left; font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; line-height: 22px; color: black; }
#archive .archive-form .submit { background: white; border: solid 1px black; padding-left: 6px; padding-right: 6px; }
#archive .archive-form #archive-keyword { width: 200px; }
#archive #archive-notification { clear: both; font-family: 'PT Sans', arial, serif; color: black; font-size: 11px; line-height: 18px; }
#archive { width: 600px; display: block; float: left; padding: 0 10px 0 0; border-right: solid 2px #7f7f7f; margin: 16px 0 20px 10px; }
#archive #paginate { font-weight: bold; font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: #58595B; line-height: 14px; text-align: center; width: 600px; background: url(/img/headliine_background_dot.png) repeat-x 0 0; display: block; float: left; border-bottom: solid 1px black; padding: 6px 0; margin: 0 0 0px 0; }
#archive #paginate a { font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: black; line-height: 14px; }
#archive h2 { width: 600px; margin: 0 0 10px 0;}
#archive #article_filter { width: 600px; display: block; float: left; padding: 0px 0 10px 0; border-bottom: solid 1px #7f7f7f; font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: black; line-height: 14px; height: 12px; font-weight: bold; }
#archive #article_filter a { color: black; border: solid 1px #7f7f7f; background: #dbecef; padding: 0 2px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#archive #article_filter a:hover { color: black; border: solid 1px #7f7f7f; background: #dbecef; padding: 0 2px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
#article_overview { border-top: solid 1px #7f7f7f; width: 600px; display: block; float: left; margin: 10px 0 20px 0; }
#article_overview .article { border-bottom: solid 1px #7f7f7f; width: 594px; height: 116px; display: block; overflow: hidden; float: left; margin: 0 6px 0px 0; padding: 10px 8px 10px 0; }
#article_overview .article:hover { background: #dbecef; }
#article_overview .article .visual { width: 166px; display: block; float: left; height: 116px; }
#article_overview .article .text { width: 400px; display: block; float: left; height: 110px; margin: 0 0 0 8px; }
#article_overview .article h3 { font-family: 'PT Sans Narrow', arial, serif; letter-spacing: 1px; font-size: 18px; line-height: 19px; height: 19px; margin: 0px 0 0px 0; padding: 4px 0 2px 0; width: 400px; display: block; float: left;}
#article_overview .article .extra { font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: #60c6d0; line-height: 14px; height: 12px; font-weight: bold; padding: 0 0 6px 0; margin: 0 0 15px 0; width: 400px; display: block; float: left;}
#article_overview .article .extra strong{color: black;}
#article_overview .article p { font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 11px; line-height: 18px; }
#article_overview .article .bullit { display: none; }
#article_overview .article:hover .bullit{ display: inline; }
#archive #blog_filter { width: 600px; display: block; float: left; padding: 0px 0 10px 0; border-bottom: solid 1px #7f7f7f; font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: black; line-height: 14px; height: 12px; font-weight: bold; }
#archive #blog_filter a { color: black; border: solid 1px #7f7f7f; background: #dbecef; padding: 0 2px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#archive #blog_filter a:hover { color: black; border: solid 1px #7f7f7f; background: #dbecef; padding: 0 2px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
#blog_overview { width: 600px; display: block; float: left; margin: 0 0 20px 0; }
#blog_overview .article { border-bottom: solid 4px black; width: 594px; display: block; overflow: hidden; float: left; margin: 0 6px 0px 0; padding: 2px 8px 10px 0; }
#blog_overview .article:hover { }
#blog_overview .article .text { width: 480px; display: block; float: left; margin: 0 0 0 0px; }
#blog_overview .article h3 { width: 600px; font-family: 'PT Sans Narrow', arial, serif; letter-spacing: 1px; font-size: 50px; line-height: 50px; margin: 2px 0 6px 0; padding: 0; width: 400px; display: block; float: left;}
#blog_overview .article .text p { font-family: 'PT Sans', arial, serif; text-align: justify; color: #58595B; font-size: 11px; line-height: 18px; }
#blog_overview .article .text .visual { width: 480px; display: block; margin: 0 0 6px 0; }
#blog_overview .article .info { width: 106px; display: block; float: left; margin: 0 0 0 8px; }
#blog_overview .article .info .date { font-family: 'PT Sans Narrow', arial, serif; font-size: 40px; color: black; line-height: 44px; font-weight: bold;}
#blog_overview .article .info .author { font-style: normal; display: block; padding: 6px 0; margin: 6px 0; border-top: solid 1px black; border-bottom: solid 1px black; font-family: 'PT Sans', arial, serif; font-size: 12px; color: #58595B; line-height: 14px;}
#blog_overview .article .info .author strong { color: #60c6d0;}
#blog_overview .article .info .comments { display: block; font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: black; line-height: 14px; font-weight: bold; }
#blog_overview .article .bullit { display: none; }
#blog_overview .article:hover .bullit{ display: inline; }
/********************/
/* about
/********************/
#about { width: 600px; display: block; float: left; padding: 0 10px 0 0; border-right: solid 2px #7f7f7f; margin: 16px 0 20px 10px; }
#about h2 { width: 600px; margin: 0 0 10px 0; }
#about h2.small { width: 300px; margin: 0 0 10px 0; }
#about p { font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 11px; line-height: 18px; padding: 0 0 20px 0; }
#about p strong{ color: black; }
#about #inactive_users { width: 600px; display: block; margin: 0 0 40px 0; }
#about #inactive_users ul { width: 150px; float: left; display: block; }
#about #inactive_users ul li { width: 130px; font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 11px; line-height: 18px; }
#about #inactive_users ul li a { font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 11px; line-height: 18px; }
#about #inactive_users ul li a:hover { color: black; }
/********************/
/* author
/********************/
#author { width: 600px; display: block; float: left; padding: 0 10px 0 0; border-right: solid 2px #7f7f7f; margin: 16px 0 0px 10px; }
#author h2 { width: 600px; margin: 0 0 10px 0; }
#author h2.small { width: 300px; margin: 0 0 10px 0; }
#author p { font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 11px; line-height: 18px; padding: 0 0 20px 0; }
#author p strong{ color: black; }
#author p img{ padding: 0 10px; }
#author #archive { margin: 0 0 20px 0px; }
#rightbar #active_users { width: 300px; display: block; margin: 0 0 0px 0; }
#rightbar #active_users ul { width: 150px; float: left; display: block; }
#rightbar #active_users ul li { width: 130px; }
#rightbar #active_users ul li a { font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 11px; line-height: 18px; }
#rightbar #active_users ul li a:hover { color: black; }
/********************/
/* article_rightbar */
/********************/
/* defaults */
#rightbar .article_left { width: 294px; height: 90px; display: block; overflow: hidden; float: left; margin: 0 6px 0px 0; padding: 6px 8px 6px 0; }
#rightbar .article_left:hover { background: #dbecef; }
#rightbar .article_left .visual { width: 90px; display: block; float: left; height: 90px; }
#rightbar .article_left .text { width: 196px; display: block; float: left; height: 110px; margin: 0 0 0 8px; }
#rightbar .article_left h3 { background: #dbecef; font-family: 'PT Sans Narrow', arial, serif; letter-spacing: 1px; font-size: 18px; line-height: 19px; height: 19px; margin: 0px 0 0px 0; padding: 4px 0 2px 0; width: 204px; display: block; float: left;}
#rightbar .article_left span{ background: #dbecef; font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: #60c6d0; line-height: 12px; height: 12px; font-weight: bold; padding: 0 0 6px 0; margin: 0 0 15px 0; width: 204px; display: block; float: left;}
#rightbar .article_left span strong{color: black;}
#rightbar .article_left p { font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 11px; line-height: 18px; }
#rightbar .article_left .bullit { display: none; }
#rightbar .article_left:hover .bullit{ display: inline; }
#rightbar .article_right { width: 300px; height: 90px; display: block; overflow: hidden; float: left; margin: 0 0 0px 0; padding: 6px 0px 6px 0; }
#rightbar .article_right:hover { background: #dbecef; }
#rightbar .article_right .visual { width: 90px; display: block; float: left; height: 90px; }
#rightbar .article_right .text { width: 202px; overflow: hidden; display: block; float: left; height: 110px; margin: 0 8px 0 0px; }
#rightbar .article_right h3 { background: #dbecef; font-family: 'PT Sans Narrow', arial, serif; letter-spacing: 1px; font-size: 18px; line-height: 19px; height: 19px; margin: 0px 0 0px 0; padding: 4px 0 2px 0; width: 204px; display: block; float: left;}
#rightbar .article_right span{ background: #dbecef; font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: #60c6d0; line-height: 12px; height: 12px; font-weight: bold; padding: 0 0 6px 0; margin: 0 0 15px 0; width: 204px; display: block; float: left;}
#rightbar .article_right span strong{color: black;}
#rightbar .article_right p { font-family: 'PT Sans', arial, serif; color: #58595B; font-size: 11px; line-height: 18px; }
#rightbar .article_right .bullit { display: none; }
#rightbar .article_right:hover .bullit{ display: inline; }
#rightbar h2 { width: 300px; margin: 0 0 10px 0; font-family: LightFont; font-weight: normal;}
/* uniques */
#rightbar { width: 300px; display: block; float: left; margin: 16px 0 20px 10px; padding: 0;}
#rightbar #banner_rectangle { display: block; float: left; width: 300px; margin: 20px 0 10px 0; }
#rightbar #related_articles { width: 300px; float: left; display: block; margin: 0;}
#rightbar #social { width: 300px; float: left; display: block; margin: 20px 0 0 0;}
#rightbar #social img { padding: 10px; }
#rightbar #more_from { width: 300px; float: left; display: block; margin: 10px 0 0 0;}
#rightbar #latest_articles { width: 300px; float: left; display: block; margin: 10px 0 0 0;}
#rightbar #twitterfeed { width: 300px; float: left; display: block; margin: 20px 0 10px 0;}
#rightbar #twitterfeed #twitbox { width: 300px; clear: both; display: block;}
#rightbar #twitterfeed h2 { clear: both; display: block; width: 300px; }
#rightbar #facebookfan { width: 300px; float: left; display: block; margin: 20px 0 0 0;}
/********************/
/* Footer */
/********************/
#footer-container{ background: url(/img/footer_background.png) repeat-x; width: 100%; clear: both; display: block; padding: 2px 0 0 0; margin: 10px 0 0 0; }
#footer { width: 960px; display: block; margin: 0 auto; height: 150px; }
#footer #footer_logo { width: 151px; padding: 0 0px 0 20px; float: left;}
#footer #footer-copy { width: 700px; padding: 26px 0px 0 0px; float: left; height: 20px; font-weight: bold; background: url(/img/headliine_background_dot.png) repeat-x bottom left; font-family: 'PT Sans Narrow', arial, serif; font-size: 12px; color: black;}
#footer #footer-copy em { float: right; font-style: normal; }
#footer-menu { width: 960px; display: block; float: left; height: 35px; padding: 0px 0 20px 0;}
#footer-menu ul { display: block; float: left; padding: 0; margin: 0; height: 35px; width: 580px; }
#footer-menu ul li { display: block; float: left; padding: 0 20px 2px 20px; margin: 10px 0 0 0; border-right: solid 1px white; }
#footer-menu ul li a { color: white; font-size: 13px; display: block; }
#footer-menu ul li a:hover { text-decoration:line-through; }
#footer-menu ul li.last {border-right: solid 0px black; }
#footer-newsletter { width: 214px; font-weight: normal; font-size: 15px; float: left; margin: 4px 0 0px 0; color: white; display: block; }
#footer-newsletter input, #footer-search form { display: inline; padding: 0 4px; margin: 0; }
#footer-newsletter #footer-name { background: white; color: black; width: 52px; font-size: 9px; line-height: 18px; border: 0; height: 18px; }
#footer-newsletter #footer-email { background: white; color: black; width: 92px; font-size: 9px; line-height: 18px; border: 0; height: 18px; }
#footer-newsletter #footer-newsletter-submit{ background: black; border: 0; margin: 0 0 0 0; padding: 0 0px; font-size: 12px; line-height: 18px; width: 40px; color: white; font-weight: bold; }
#footer-newsletter #footer-button-newsletter-submit{ background: #60c6d0; border: 0; margin: 2px 0 0 0; padding: 1px 8px; font-size: 12px; width: 40px; color: white; font-weight: bold; }
#footer-search { width: 160px; font-weight: normal; font-size: 15px; float: left; margin: 4px 0 0px 0; color: white; display: block; }
#footer-search input, #search form { display: inline; padding: 0 4px; margin: 0; }
#footer-search #footer-keyword { background: white; border: 0; color: black; margin: 0; width: 92px; font-size: 9px; line-height: 18px; height: 18px; }
#footer-search #footer-search-submit{ background: black; border: 0; margin: 0 0 0 0; padding: 0 0px; font-size: 12px; line-height: 18px; width: 40px; color: white; font-weight: bold; }
#footer-search #footer-button-search-submit{ background: #60c6d0; border: 0; margin: 2px 0 0 0; padding: 1px 8px; font-size: 12px; line-height: 18px; width: 40px; color: white; font-weight: bold; }
/********************/
/* Facebook */
/********************/