/*	scherm.css | Reis om de Wereld
**	Lodewijk Schutte | Low
**	v1.4 | 20100204
**	---------------------------------------------------------------------- */


/*	Global reset, gebaseerd op http://meyerweb.com/eric/tools/css/reset/
**	---------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/*	Body
**	---------------------------------------------------------------------- */

body {
	background:#fff;
	color:#000;
	font:11px tahoma,sans-serif;
}

#top {
	margin:100px auto;
	width:900px;
	position:relative;
}

/*	Default links
**	---------------------------------------------------------------------- */

a 		{color:#2D5169}
a:hover	{color:#3E7291}

/*	Header
**	---------------------------------------------------------------------- */

#header {
	margin:0 0 15px;
	height:150px;
	overflow:hidden;
}

#header #title a {
	display:block;
	width:590px;
	height:150px;
	background:url(../images/bg-header.jpg) no-repeat;
	text-indent:-9999em;
	outline:0;
}

/*	Header ads
**	---------------------------------------------------------------------- */

#headerlinks {
	margin-bottom:15px;
	background:url(../images/bg-dot.png) 0 0 repeat-x;
}

#headerlinks ul li {
	background:url(../images/bg-dot.png) 0 100% repeat-x;
	padding:4px 0 5px;
}

#headerlinks ul li strong {
	color:#c03;
}

#headerlinks ul ul {
	display:inline;
}

#headerlinks ul li li {
	background:url(../images/bg-arrows.png) 0 50% no-repeat;
	display:inline;
	padding:0 0 0 15px;
	margin-left:15px;
}

#headerlinks ul li li a {
	color:#333;
	text-decoration:none;
}

#headerlinks ul li li a:hover {
	text-decoration:underline;
}

#headerlinks ul li li.more a, #headerlinks ul li li a.more {
	color:#3E7291;
	text-decoration:underline;
	text-transform:lowercase;
}

#headerlinks ul li li.more a:hover, #headerlinks ul li li a.more:hover {
	text-decoration:none;
}

/*	Content layout
**	---------------------------------------------------------------------- */

#content {
	overflow:hidden;
}

#main {
	float:left;
	width:700px;
	margin-left:200px;
}

	#primary {
		float:left;
		width:390px;
	}
	
	#secondary {
		float:right;
		width:300px;
	}

	.wide #primary {
		width:700px;
	}
	
	.wide #secondary {
		display:none;
	}

#aside {
	float:left;
	width:190px;
	margin-left:-900px;
}



/*	Items in #primary
**	---------------------------------------------------------------------- */

#primary {
	color:#555;
}


#content p, #content ul, #content ol, #content dl,
#content table, #content blockquote, #content pre {
	margin-bottom:1.35em;
}

#primary.single {
	font-family:verdana,sans-serif;
	line-height:1.545;
}

#primary.single h1, #primary.items h1, #primary .heading p, .wide #primary h1 {
	font-size:1.182em;
	font-weight:bold;
	line-height:1;
	border-bottom:2px groove #000;
	padding:30px 0 15px;
	margin-bottom:15px;
}

#primary .heading h1 {
	font-size:1.091em;
	line-height:normal;
	border:none;
	padding:0;
}

#primary.single h2 {
	font-weight:bold;
}

#primary.single p.intro, #primary .intro p {
	color:#B9720E;
	font-weight:bold;
}

#primary.single ul {
	list-style:disc outside;
	margin-left:1.5em
}

#primary.single ol {
	list-style:decimal outside;
	margin-left:1.5em;
}

#primary ul.alpha {
	list-style:none;
	margin-left:0;
}


#primary .meta {
	margin-bottom:5px;
	font-weight:bold;
}

#primary .meta .author {
	border-bottom:1px dotted #999;
}

img.flag, img.teaser, #primary img.right {
	background:#fff;
	float:right;
	border:1px solid;
	margin:0 0 0 10px;
}

#primary span.image {
	text-align:center;
	display:block;
}

#primary span.image img {
	background:#fff;
	border:1px solid;
}

#primary span.image em {
	display:block;
}

#primary span.image.left {
	float:left;
	margin:0 10px 0 0;
}

#primary span.image.right {
	float:right;
	margin:0 0 10px 0;
}

#primary span.image.center {
	margin:10px auto;
}

#primary #spotlight {
	background:#ded;
	padding:1.35em 10px;
	margin:0 0 1.35em -10px;
	width:390px;
}

#primary #spotlight h2 {
	color:#687201;
	font-size:1.091em;
	line-height:normal;
	margin-bottom:1em;
}

#primary #spotlight p {
	margin-bottom:0;
}


/* Colors */

.reisverhalen h2, .verhalen h2, .reisverhalen .heading h1 {color:#687201}
.vrijwilligerswerk h2, .vrijwilligers h2, .vrijwilligerswerk .heading h1, #aside .item h3, .wereld #secondary h2 {color:#117744}
.wereldreizigers h2, .wereldreizigers .heading h1 {color:#CC0033}
.reisboeken h2, .boeken h2, .reisboeken .heading h1 {color:#774444}
.links h2, .links .heading h1, .reisorganisaties h2 {color:#CC0033}


#primary .headless {
	background:#eee;
	float:left;
	width:170px;
	margin-bottom:10px;
	padding:10px;
}

#primary .item1 {
	background:#fff;
	width:390px;
	padding:0;
}

#primary .item2, #primary .item4,
#primary .item6, #primary .item8 {
	margin-right:10px;
}

/*	Items in #secondary
**	---------------------------------------------------------------------- */

#secondary .item {
	border:1px solid #aaa;
	padding:14px;
	color:#555;
}

#secondary .item h2 {
	background:#626262 url(../images/bg-item-gray.png) repeat-x;
	color:#fff;
	line-height:1;
	padding:11px 15px 10px;
	margin:-15px 0 15px -15px;
	width:270px;
}

#secondary .item.headless {
	background:url(../images/bg-item-gray.png) 0 0 repeat-x;
	padding-top:46px;
	margin-top:-1px;
}

#secondary .item.borderless {
	background:none;
	border:none;
	padding:0;
	margin:15px 0;
}

#secondary .item h3 {
	color:#B9720E;
}

#secondary .item p {
	margin-bottom:1.35em;
}

#secondary .item p:last-child {
	margin-bottom:0;
}

#secondary .item a.more {
	display:block;
	padding-left:10px;
	background:url(../images/bg-raquo.png) 0 65% no-repeat;
}

/* sub menu */
#secondary .nav {
	padding:3px;
}

#secondary .nav h2 {
	width:300px;
	margin:-4px 0 0 -4px;
	text-indent:-9999em;
}

#secondary .nav ul {
	background:url(../images/bg-dot.png) 0 0 repeat-x;
	margin:15px 0 12px;
}

#secondary .nav li {
	background:url(../images/bg-dot.png) 0 100% repeat-x;
}

#secondary .nav a {
	background:url(../images/bg-arrows.png) 7px 50% no-repeat;
	color:#333;
	text-decoration:none;
	display:block;
	padding:3px 0 3px 25px;
}

#secondary .nav a:hover {
	text-decoration:underline;
}

#secondary .nav .active a {
	font-weight:bold;
}

#secondary .feed {
	margin-bottom:1.5em;
}

/*	Promotion
**	---------------------------------------------------------------------- */

#promotion {
	clear:both;
	background:#eee;
	padding:15px 10px;
	margin-left:-10px;
	border-top:15px solid #fff;
	color:#555;
}

#promotion li {
	overflow:hidden;
}

#promotion li a {
	font-weight:bold;
	color:#687201;
}

#promotion li a:hover {
	text-decoration:none;
}

#promotion li a img {
	float:right;
	margin:0 5px 0 10px;
}

/*	Items in #aside
**	---------------------------------------------------------------------- */

#aside .item {
	border:1px solid #aaa;
	padding:14px;
	overflow:hidden;
}

#aside .item h2 {
	background:#2d5169 url(../images/bg-item-blue.png) repeat-x;
	color:#fff;
	line-height:1;
	padding:11px 15px 10px;
	margin:-15px 0 15px -15px;
	width:160px;
}

#aside .item.headless {
	background:url(../images/bg-item-blue.png) 0 0 repeat-x;
	padding-top:46px;
	margin-top:-1px;
}

/* Main menu */
#aside .nav {
	padding:3px;
}

#aside .nav h2 {
	margin:-4px 0 0 -4px;
	text-indent:-9999em;
}

#aside .nav ul {
	margin-bottom:0;
}

#aside .nav li {
	background:#ddd url(../images/bg-nav-arrows.png) 7px 50% no-repeat;
	margin-top:3px;
}

#aside .nav a {
	background:#eee;
	color:#555;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:3px 0 3px 14px;
	margin-left:22px;
}

#aside .nav a:hover, #aside .nav .active a {
	background:#ddd;
	color:#2d5169;
}

/* Search */

#aside .search {
	border:none;
	padding:0;
	margin:15px 0 30px;
}

#aside .search fieldset {
	margin-bottom:15px;
}

#aside .search input.text {
	width:120px;
}

#aside .search input.submit {
	color:#555;
}


#aside .search legend {
	font-weight:bold;
	color:#000;
	margin:0 0 3px 0;
	font-size:10px;
}

/*	Maps
**	---------------------------------------------------------------------- */

.js-on #continents {
	background:none no-repeat;
	position:relative;
}

.js-on #continents a {
	position:absolute;
	text-decoration:none;
	color:#000;
	text-align:center;
	white-space:nowrap;
}

.home.js-on #continents a {
	/*font-family:'arial narrow', tahoma, sans-serif;*/
}

.js-on #continents a:hover, .js-on #continents a:active, .js-on #continents a:focus {
	border:1px solid #000;
	margin:-1px 0 0 -1px;
	background:rgba(255,255,255,0.4);
	z-index:10;
	/*font-weight:bold;*/
}

.js-on .map {
	width:390px;
	height:390px;
	overflow:hidden;
}

#countries li {
	font:1em/1.545 verdana, sans-serif;
	display:inline;
	margin-right:.5em;
}

#countries a {
	text-decoration:none;
}

#countries a:hover {
	text-decoration:underline;
}

#countries a span {
	color:#444;
}

#countries a:hover span {
	text-decoration:none;
}

#continent-map {
	position:relative;
	z-index:2;
}

.js-on #continent-map a {
	position:absolute;
	overflow:hidden;
	text-indent:-9999em;
	z-index:5;
}

.js-on #continent-map a:hover, .js-on #continent-map a:active, .js-on #continent-map a:focus, .js-on #continent-map a.hover {
	border:1px solid #000;
	margin:-1px 0 0 -1px;
	z-index:10;
}

/*	Comments
**	---------------------------------------------------------------------- */
#comments {
	border-top:1px solid #999;
	padding-top:1em;
}

#comments h2{
	font-size:1.091em;
	line-height:normal;
	margin-bottom:1em;
}

#primary #comments ol {
	list-style:none;
	margin:0;
}

#primary #comments .meta  {
	font-weight:normal;
	font-style:italic;
}

#commentform {
	border-top:1px solid #999;
	padding-top:1em;
}

#commentform h2{
	font-size:1.091em;
	line-height:normal;
	margin-bottom:1em;
}

#commentform label {
	display:block;
	cursor:pointer;
}

#commentform input, #commentform textarea, #commentform .options {
	margin-bottom:1em;
}

#commentform textarea {
	width:99%;
	height:10em;
}

#commentform .options label {
	display:inline;
}

#commentform .options input {
	margin-bottom:0;
}


/*	Footer
**	---------------------------------------------------------------------- */

#footer {
	clear:both;
	color:#ccc;
	background:#147;
	padding:15px 10px;
	margin:15px 0 25px;
}

#footer .copy {
	float:left;
	width:190px;
}

#footer a {
	color:#ccc;
	font-weight:bold;
	text-decoration:none;
	margin:0 5px;
}

#footer a:hover {
	color:#fff;
	text-decoration:underline;
}

/*	Misc ads
**	---------------------------------------------------------------------- */

#topads {
	/*background:pink;*/
	position:absolute;
	top:-80px;
	left:9px;
	width:790px;
	height:60px;
	overflow:hidden;
}


#headerad {
	position:absolute;
	top:0;
	right:0;
	width:190px;
	height:150px;
}


/*	Stats
**	---------------------------------------------------------------------- */

#stats {
	position:fixed;
	top:0;
	left:0;
	font:11px/normal consolas;
	padding:0 2px;
}