@import url("/data/css_stylesheets/3/3/Webring.css");


html, body		{ margin: 0; padding: 0; border: none; }
body			{ text-align: center; background: #FFF; font: 10pt/1.5em Arial, 'Myriad Pro', sans-serif; color: #666; }

#shadow			{ }


/*
 * HEADER
 */

/* header: logo & main menu */
#header			{ width: 990px; height: 100px; margin: 15px auto 0 auto; background: url("/data/static/images/mediaportal/header.png") no-repeat center bottom; text-align: left; position: relative; }
#header img		{ margin-left: 3px; }
#menu			{ position: absolute; right: 20px; top: 40px; margin: 0; padding: 0; font-size: 13pt; }
#menu li		{ list-style-type: none; float: left; margin: 0 15px; }
#menu a			{ float: left; color: #FFF; text-decoration: none; }


/*
 * SEARCH
 */

#search			{ position: absolute; top: -2px; right: 20px; margin: 0; padding: 0; }
#search #q		{ margin: 0 3px; padding: 0; height: 18px; border: 1px solid #656565; background: #FFF; width: 150px; vertical-align: middle; }
#search #type		{ margin: 0 3px; padding: 0; border: 1px solid #656565; background: #FFF; vertical-align: middle; }
#search #search-submit	{ margin: 0 0 0 3px; width: 20px; height: 20px; vertical-align: middle; }




#page			{ margin: 0 auto; width: 990px; text-align: left; }

#content		{ margin-bottom: 30px; padding: 0 5px; }
#left-column		{ float: left; width: 720px; margin: 0 0 30px 0; padding-left: 5px; }
#right-column		{ float: right; width: 250px; margin: 0 5px 30px 0; }




/*
 * GENERAL STYLES
 */

h1		{ clear: both; margin: 20px 0; font-size: 16pt; color: #006FB6; }
h2		{ clear: both; margin: 20px 0 10px 0; font-size: 13pt; color: #006FB6; }
a		{ color: #006FB6; }
img		{ border: none; }




/*
 * TAG GLOUD
 */

ul.tag-cloud			{ margin: 60px 0 10px 0; padding: 0; }
ul.tag-cloud li			{ list-style-type: none; display: inline; margin-right: 5px; }
ul.tag-cloud li.star-1		{ font-size: 7pt; line-height: 1.1em; }
ul.tag-cloud li.star-2		{ font-size: 8pt; line-height: 1.1em; }
ul.tag-cloud li.star-3		{ font-size: 10pt; line-height: 1.1em; }
ul.tag-cloud li.star-4		{ font-size: 13pt; line-height: 1.1em; }
ul.tag-cloud li.star-5		{ font-size: 16pt; line-height: 1.1em; }
ul.tag-cloud a			{ text-decoration: none; }



/*
 * SCROLLING
 */

.scroll-container			{ width: 990px; margin: 0 -5px; padding-bottom: 15px; background: url("/data/static/images/mediaportal/scroll_container_bottom.png") no-repeat center bottom; position: relative; }
.scroll-container-title			{ margin: 20px 0 0 0; padding: 0 35px; height: 44px; line-height: 44px; background: url("/data/static/images/mediaportal/scroll_container_title.png") no-repeat center bottom; }
.scroll-container-title a		{ text-decoration: none; }
.scroll-container-content		{ width: 980px; padding: 0 5px; background: #EDEDED url("/data/static/images/mediaportal/scroll_container_bg.png") repeat-y left top; }

/* add overflow: hidden to allow floats without a clearing div */
.scroll-container-content		{ overflow: hidden; }

/* DIV within the scroll content that contains all pages */
.scroll-container .pages		{ position: relative; overflow: hidden; }

/* any UL can be an page (overview-thumbnails/overview-reisverhalen) */
.scroll-container .page			{ position: absolute; top: 0; left: 980px; width: 920px; }
.scroll-container .page.current		{ position: relative; top: 0; left: 0; }

/* scroll-container buttons */
.scroll-container a.previous,
.scroll-container a.next  		{ display: none; position: absolute; width: 60px; height: 60px; text-indent: -10000px; outline: none; }
.scroll-container a.previous		{ left: -25px; background: url("/data/static/images/mediaportal/scroll_button_previous.png"); }
.scroll-container a.next		{ right: -25px; background: url("/data/static/images/mediaportal/scroll_button_next.png"); }
.scroll-container a.disabled		{ background-position: left bottom; cursor: default; }

/* smaller variant (CANNOT SCROLL!) */
#left-column .scroll-container		{ width: 730px; background-image: url("/data/static/images/mediaportal/scroll_container_small_bottom.png"); }
#left-column .scroll-container-title	{ background-image: url("/data/static/images/mediaportal/scroll_container_small_title.png"); }
#left-column .scroll-container-content	{ width: 720px; background-image: url("/data/static/images/mediaportal/scroll_container_small_bg.png"); }
#left-column .overview-thumbnails	{ padding: 5px 15px; }



/*
 * VIDEO & FOTOSERIE OVERVIEW
 */

.overview-thumbnails			{ margin: 0; padding: 5px 30px; }
.overview-thumbnails li			{ list-style-type: none; float: left; margin: 0 5px 5px 0; width: 225px; height: 110px; position: relative; }
.overview-thumbnails a			{ /*display: inline-block; width: 225px; height: 110px;*/ text-decoration: none; }
.overview-thumbnails h3			{ margin: 10px 0 0 110px; font-size: 8pt; line-height: 1.4em; color: #006FB6; }
.overview-thumbnails p.date		{ margin: 0 0 0 110px; font-size: 7pt; line-height: 1.4em; color: #006FB6; }
.overview-thumbnails p.info		{ position: absolute; left: 110px; bottom: 10px; margin: 0; font-size: 8pt; line-height: 1.4em; color: #666; } 
.overview-thumbnails p.info img		{ vertical-align: -1px; margin-right: 3px; }
/* work-around for a Firefox bug */
.overview-thumbnails li p.info a	{ color: #666; }

/* fancy thumbnail for pictures */
.thumbnail-picture			{ position: absolute; left: -6px; top: -4px; }
.thumbnail-picture			{ display: block; width: 116px; height: 117px; background: #EDEDED url("/data/static/images/mediaportal/thumbnail_picture.png"); }
.thumbnail-picture img			{ position: absolute; left: 8px; top: 12px; /* without comma's, required for IE lt 8 */ clip: rect(5px 88px 75px 8px); /* with comma's for other browsers */ clip: rect(5px,88px,75px,8px); }

/* fancy thumbnail for videos */
.thumbnail-video			{ position: absolute; left: 3px; top: 8px; }
.thumbnail-video			{ display: block; width: 99px; height: 96px; background: #EDEDED url("/data/static/images/mediaportal/thumbnail_video.png"); }
.thumbnail-video img			{ margin: 15px 0 0 7px; width: 82px; }
.thumbnail-video img			{ margin: 11px 0 0 1px; width: 94px; }



/*
 * REISVERHAAL
 */

.overview-reisverhalen			{ margin: 0; padding: 5px 30px; }
.overview-reisverhalen li		{ list-style-type: none; margin: 0 0 5px 0; padding: 0 132px 0 63px; width: 718px; height: 53px; position: relative; background: #FFF; border: 1px solid #C2C2C2; }
.overview-reisverhalen img.thumbnail	{ position: absolute; left: 0; top: 0; width: 53px; height: 53px; }
.overview-reisverhalen h3		{ margin: 5px 0 1px 0; font-size: 13pt; line-height: 24px; color: #006FB6; }
.overview-reisverhalen p.info		{ margin: 0 0 7px 0; font-size: 8pt; line-height: 16px; color: #666; }
.overview-reisverhalen p.info img	{ vertical-align: -1px; margin-right: 3px; }

.overview-reisverhalen span.date	{ display: inline-block; width: 100px; color: #006FB6; }
.overview-reisverhalen strong		{ display: inline-block; min-width: 100px; margin-right: 20px; }

.overview-reisverhalen a.button-more,
.overview-reisverhalen a.button-less,
.overview-reisverhalen a.button-read	{ display: block; width: 112px; height: 33px; position: absolute; right: 10px; top: 10px; font-weight: bold; line-height: 32px; text-decoration: none; text-indent: 10px; color: #FFF; }
.overview-reisverhalen a.button-more	{ background-image: url("/data/static/images/mediaportal/button_story_more.png"); }
.overview-reisverhalen a.button-less	{ background-image: url("/data/static/images/mediaportal/button_story_less.png"); }
.overview-reisverhalen a.button-read	{ background-image: url("/data/static/images/mediaportal/button_story_read.png"); top: 53px; }

.overview-reisverhalen p.intro		{ margin: 0 0 10px 0; min-height: 33px; }

.overview-reisverhalen p.intro,
.overview-reisverhalen a.button-less,
.overview-reisverhalen a.button-read	{ display: none; }

.overview-reisverhalen .expanded		{ height: auto; }
.overview-reisverhalen .expanded p.intro,
.overview-reisverhalen .expanded a.button-less,
.overview-reisverhalen .expanded a.button-read	{ display: block; }
.overview-reisverhalen .expanded a.button-more	{ display: none; }

.overview-reisverhalen p.intro			{ margin-bottom: 5px; }
.overview-reisverhalen p.tags			{ display: none; margin: 5px 0 5px 0; padding: 5px 0 0 20px; background: url("/data/static/images/mediaportal/tag_blue.png") no-repeat 0px 7px; border-top: 1px solid #C2C2C2; }
.overview-reisverhalen .expanded p.tags		{ display: block; }



/*
 * DETAIL PAGES
 */
 
.item				{ overflow: hidden; margin-bottom: 30px; }

.details			{ float: left; width: 210px; }
.details h3			{ margin: 10px 0 0 0; font-size: 10pt; }
.details p			{ margin: 0; }
.details img			{ margin-right: 5px; }
.details ul			{ margin: 0; padding: 0; }
.details li			{ list-style-type: none; padding-left: 21px; background: url("/data/static/images/mediaportal/tag_blue.png") no-repeat left center; }

.media				{ float: right; width: 500px; text-align: center; }
.media .intro			{ margin: 10px 0; font-weight: bold; font-style: italic; }

/* sneaky thumbnails extracted from reismee.nl */
.media h2			{ text-align: left; }
.media ul.thumbnails		{ margin: 0; padding: 0; overflow: hidden; }
.media ul.thumbnails li		{ list-style-type: none; width: 100px; height: 100px; float: left; margin: 0; text-align: center; }
.media ul.thumbnails li		{ background: url("/data/static/images/mediaportal/thumbnail_picture_single_white.png") no-repeat left top; position: relative; }
.media ul.thumbnails li img	{ position: absolute; top: 3px; left: 0; /* without comma's, required for IE lt 8 */ clip: rect(5px 88px 72px 10px); /* with comma's for other browsers */ clip: rect(5px,88px,72px,10px); }



/*
 * PROGRAM INFO BOX
 */

.program-info			{ background: #FFF; border: 1px solid #9F9F9F; margin: 0 0 7px 0; padding: 0 10px 0 146px; height: 100px; position: relative; }
.program-info img.program	{ position: absolute; left: 6px; top: 6px; }
.program-info h2		{ margin: 6px 0 !important; }
.program-info h2 a		{ color: #006FB6; text-decoration: none; }
.program-info p			{ margin: 0; }

.program-info a.button		{ position: absolute; right: 0; top: 0; width: 124px; height: 35px; padding: 0 10px; color: #FFF !important; text-decoration: none; font-weight: bold; line-height: 33px; }
.program-info a.button		{ background: #006FB6 url("/data/static/images/to-program-ta-tv.png"); }
.program-info a.button img	{ vertical-align: middle; margin-left: 5px; }



/*
 * COUNTRY SUGGEST FOR COUNTRY-TAGS.
 */

#country-suggest		{ border: 1px solid #C2C2C2; background: #FFF5C3; padding: 5px 10px; font-weight: bold; }
#country-suggest img		{ vertical-align: -1px; margin-right: 5px; }


/*
 * FOOTER
 */

#footer				{ clear: both; margin: 0 auto; width: 990px; background: #EDEDED url("/data/static/images/mediaportal/footer_top.png") no-repeat center top; text-align: left; }
#footer-inner			{ padding: 20px 0 100px 580px; background: url("/data/static/images/mediaportal/footer_bottom.png") no-repeat center bottom; }

/* add overflow: hidden to allow floats without a clearing div */
#footer-inner			{ overflow: hidden; }

#footer .footer-list		{ float: left; vertical-align: top; width: 120px; }
#footer .reismee		{ width: 145px; }
#footer .footer-list h2		{ margin: 0 0 5px 0; color: #666; }
#footer .footer-list ul		{ margin: 0; padding: 0; }
#footer .footer-list li		{ list-style-type: none; font-size: 8pt; line-height: 1.4em; }
#footer .footer-list a		{ color: #666; text-decoration: none; }
#footer .footer-list a:hover	{ text-decoration: underline; }


/*
 * SOCIAL BOOKMARKS
 */

#social-bookmarking		{ margin-top: 20px; line-height: 16px; }
#social-bookmarking span,
#social-bookmarking a		{ color: #666; }