/* 
 * Reisboekhandel Evenaar
 * Author: Vierkante Meter | Communicatie & ontwerp
 * Version: 1
 * Date: 01/06/2010
 */

/* Algemeen */
	* {
		margin: 0;
		padding: 0;
	}
	html { 
		font-size: 0.8em;
	} 	
	body { 
		font-family: "Trebuchet MS", Times;
		color : #1E1E1E;
		background: #FFF url('../images/achtergrond.jpg') repeat left top;
	}	
	h1 {
		font-size: 1.8em;
		color: #E13B37; /* oranje */	
		margin-bottom: 1em;
	}
	h2 {
		font-size: 1.2em;
		color: #24776D; /* groen */
		margin-bottom: 0.6em;
	}	
	h3 {
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 0.4em;
	}	
	p {
		margin-bottom: 1em;
		line-height: 1.7em;
	}
	
	a {
		color: #A91C19;
	}
	
	a:hover {
		color: #E13B37;
	}
	
	a img {
		border: 0;
	}	
	
	hr {
		border: 0;
		height: 1px;
		color: #CCC;
		background-color: #CCC;
		margin: 35px 0px;
	}
	#content ul {
		margin-left: 25px;
	}
	

/* Algemene stijlen */
	.belangrijk {
		font-size: 120%;
	}
	.clear {
		clear: both;
	}
	.citaat {
		display: block;
		padding-left: 20px;
		padding-top: 10px;
		font-style: italic;
	}
	.nadruk {
	color: #E13B37;
	font-weight: bold;
	}

/* Wrapper */
	#wrapper {
		width: 955px;
		margin: 50px auto;
		height: 100%;
		padding-top: 32px;
	}

/* innerwrapper */
	#innerwrapper {
		background: url('../images/kaft-bg.png') repeat-y center top;
		height: 100%;
		padding-bottom: 20px;
	}

/* Header */
	#header {
		position: absolute;
		z-index: 0;
		top: 45px;
		width: 955px;
		margin-left:-478px; /* nodig voor ie7 */
		left: 50%; /* nodig voor ie7 */
		height: 37px; 
		background: url('../images/kaft-bovenkant.png') no-repeat center top;
	}
	
	#bovenkant_bladzijden {
		position: absolute;
		z-index: 1;
		top: 60px;
		width: 955px;
		height: 23px;
		margin-left:-478px; /* nodig voor ie7 */
		left: 50%; /* nodig voor ie7 */
		background: url('../images/bladzijden_bovenkant.png' ) no-repeat top center;
	}
	
/* Content */
	#contentwrapper {
		margin-left: 60px;
		width: 850px;
		min-height: 560px;
	}

	.tpl_aanbod #contentwrapper, .tpl_boekstip #contentwrapper {
		min-height: 650px;
	}

	.tpl_nieuws #contentwrapper {
		min-height: 695px;
	}

	.tpl_landstip #contentwrapper {
		min-height: 580px;
	}

	.tpl_recensies #contentwrapper, .tpl_recensie_lezen #contentwrapper {
		min-height: 690px;
	}


	.tpl_reisverhalen #contentwrapper, .tpl_reisverhaal_lezen #contentwrapper {
		min-height: 590px;
	}




	#primaire-content {
		margin-top: 10px;
		float: left;
		width: 400px;
	}
	
	#primaire-content img {
		background-color: white;
		border: 1px solid #E2DBD3;
		margin: 3px;
		padding: 4px;
	}
	#primaire-content .links_uitlijnen { 
		float: left;
		margin-right: 15px; 
	}
	#primaire-content .rechts_uitlijnen {
		float: right;
		margin-left: 15px;
	}
	
	#secundaire-content {
		float: right;
		width: 400px;
	}
	
/* Menu, bevat hoofd en submenu */
	#menu a {
		text-decoration: none;
		color: #1E1E1E;
	}

/* Hoofdmenu = niveau 1*/
	#hoofdmenu {
		position: absolute;
		top: 20px; 
		width: 955px;
		padding-left: 40px;
		margin-left:-477px; /* nodig voor ie7 */
		left: 50%; /* nodig voor ie7 */
	}
	#hoofdmenu a {
		text-decoration: none;
		color: #000;
	}
	#hoofdmenu li {
		z-index: -1;
		line-height: 40px;
		height: 40px;
		float: left;
		list-style-type: none;
		width: 130px; 
		text-align: center;
		margin-top: 10px;
	}
	.hoofdmenu2, .hoofdmenu12, .hoofdmenu18 {
		background: url('../images/tabs.png' ) no-repeat top left;
		margin: 6px 0px 0px 0px;
	}
	.hoofdmenu7, .hoofdmenu9, .hoofdmenu23 {
		background: url('../images/tabs.png' ) no-repeat 0 -70px;
		margin: 6px 0px 0px 0px;
	}
	.hoofdmenu9 {
		margin-left: 95px;
	}
	#hoofdmenu li.active {
		height: 50px;
		line-height: 50px;
		margin-top: 0;
		margin-right: 0px;
		background: url('../images/tabs.png' ) no-repeat 0 -140px;
	}
	#hoofdmenu li:hover, #hoofdmenu li.active:hover {
		text-decoration: underline;
	}

/* Submenu = niveau 2*/
	#submenu {
		position: absolute;
		top: 60px;
		
		left: 50%; /* nodig voor ie7 */
		z-index: 10;
		width: 186px;
		height: 191px;
		padding: 55px 0 0 30px; 
		background: url('../images/submenu-bg.png' ) no-repeat 0 0;
	}
	#submenu li {
		list-style-type: disc;
		margin: 0px 0px;
		line-height: 20px;
	}
	#submenu li a {
		color: #000;
		text-decoration: none;
	}
	#submenu li a:hover {
		text-decoration: underline;
	}
	#submenu li.active a {
		font-weight: bold;
		text-decoration: underline;
	}

/* Nieuws */
	#nieuws li {
		list-style-type: none;
		margin-bottom: 20px;
	}
	#nieuws h3 {
		font-size: 1em;
	}
	#nieuws a {
		color: #3B3B3B;
		text-decoration: none;
	}
	#nieuws a:hover {
		text-decoration: underline;
	}
	.news_date {
		color: #828282;
		font-size: 0.85em;
	}
	#nieuws p {
		margin: 2px 0px 0px 0px;
	}

/* Nieuwsoverzicht home */
	#nieuwsoverzicht-home {
		float:left;
	}

	#nieuwsoverzicht-home ul {
		padding-left: 17px;
	}

/* Boeken met stip home */
	#boeken-met-stip-home {
		margin-top: 300px;

	}

	.boek-stip-home {
		width: 200px;
		float: left;
		padding-bottom: 20px;
		height: 100px;
		font-size: 0.9em;
	}
	
	.boek-stip-home img {
		height: 100px;
		float: left;
	}
	
	.boek-stip-home p {
		float: left;
		padding-left: 8px;
		padding-top: 10px;
		width: 110px;
	}
	
	.boek-stip-home .auteur {
		font-style: italic;
		margin: 0;
		padding-top: 0;
	}

	.boek-stip-home .titel {
		margin: 0;
		padding-bottom: 0;
	}

/* Boeken met stip nieuws */
	#boeken-met-stip-nieuws {
		margin-top: 730px;

	}



/* Boeken met stip */

.boeken-met-stip {
		list-style-type: none;
		margin-left: 0;
}
	.boek-stip {
		width: 350px;
		float: left;
		margin-bottom: 20px;
	}
	
	.boek-stip img {
		height: 120px;
		float: left;
	}
	
	.boek-stip p {
		float: left;
		padding-left: 8px;
		padding-top: 5px;
		width: 240px;
	}
	
	.boek-stip .auteur {
		font-style: italic;
		margin: 0;
		padding-top: 0;
	}

	.boek-stip .titel {
		margin: 0;
		padding-bottom: 0;
		font-weight: bold;
	}


/* Ingezonden recensies */

.ul_lijst {
	margin-left: 30px;
}

/* Afbeelding rechterkant voor Evenaar home template */

	#evenaar-logo {
		position: absolute;
		top: 46px;
		left: 50%; /* nodig voor ie7 */
		width: 245px;
		height: 71px;
		padding: 0 0 0 0;
		margin-left: 200px;
	}

	#interieur-1 {
		position: absolute;
		top: 163px;
		left: 50%; /* nodig voor ie7 */
		width: 210px;
		height: 127px;
		padding: 0 0 0 0;
		margin-left: 206px;
	}

	#interieur-2 {
		position: absolute;
		top: 173px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 60px;
	}

	#interieur-3 {
		position: absolute;
		top: 570px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 100px;
	}
	
	#interieur-4 {
		position: absolute;
		top: 200px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 100px;
	}

	#interieur-5 {
		position: absolute;
		top: 500px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 60px;
	}

	#interieur-6 {
		position: absolute;
		top: 250px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 100px;
	}

	#landkaart-aanbod {
		position: absolute;
		top: 400px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 270px;
	}

	#kamelen {
		position: absolute;
		top: 390px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 60px;
	}

	#zonnetje2-nieuws {
		position: absolute;
		top: 500px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 380px;
	}

	#onvergetelijke-reis {
		position: absolute;
		top: 430px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 200px;
	}

	#boekenstapel-reisverhalen {
		position: absolute;
		top: 200px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 295px;
	}

	#boekenstapel-recensies {
		position: absolute;
		top: 190px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 295px;
	}

	#landkaart-landstip {
		position: absolute;
		top: 270px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 90px;
	}

	#chinese-karakters-reisverhaal {
		position: absolute;
		top: 560px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 70px;
	}

	#chinese-karakters-landstip {
		position: absolute;
		top: 200px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 370px;
	}

	#land-schijnwerpers {
		position: absolute;
		top: 380px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 70px;
	}

	#bezoek-onze-winkel {
		position: absolute;
		top: 290px;
		left: 50%; /* nodig voor ie7 */
		width: 280px;
		height: 29px;
		padding: 0 0 0 0;
		margin-left: 156px;
	}

	#ook-voor-iedereen {
		position: absolute;
		top: 290px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 97px;
	}

	#zonnetje {
		position: absolute;
		top: 260px;
		left: 50%; /* nodig voor ie7 */
		width: 39px;
		height: 53px;
		padding: 0 0 0 0;
		margin-left: 55px;
	}

	#koffertjes {
		position: absolute;
		top: 300px;
		left: 50%; /* nodig voor ie7 */
		width: 88px;
		height: 90px;
		padding: 0 0 0 0;
		margin-left: 354px;
	}

	#wereldbol {
		position: absolute;
		top: 470px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 130px;
	}

	#alle-windstreken {
		position: absolute;
		top: 470px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 80px;
	}



	#kom-snel-eens-langs {
		position: absolute;
		top: 400px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 70px;
	}
	
	#standbeeld {
		position: absolute;
		top: 460px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 70px;
	}

	#olifanten {
		position: absolute;
		top: 550px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 120px;
	}

	#recensie-potlood {
		position: absolute;
		top: 255px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 70px;
	}
	
	#reisverhaal-potlood {
		position: absolute;
		top: 470px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 140px;
	}
	
	#lampion {
		position: absolute;
		top: 265px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 70px;
	}
	
	#markt {
		position: absolute;
		top: 400px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 60px;
	}
	
	#schrijf-een-recensie {
		position: absolute;
		top: 470px;
		left: 50%; /* nodig voor ie7 */
		padding: 0 0 0 0;
		margin-left: 60px;
	}

/* Footer */
	#footer {
		padding: 4px 0 0 0;
		height: 35px;
		clear: both;
		background: url('../images/kaft-onderkant.png' ) no-repeat top center;
	}
	#footer h2 {
		color: #3B3B3B;
	}
	
/* Credits */
	#credits {
		float: right;
		width: 180px;
	}
	
	#vierkante-meter {
		width: 180px;
		font-size: 11px;
		text-align:right;
		margin-top: 60px;
	}
		
	#vierkante-meter a{
		color: #666;
		text-decoration: none;
	}
	
	#vierkante-meter a:hover{
		color: #333;
		text-decoration: underline;
	}
	
/* Breadcrumbs */
#breadcrumbs {
	margin-bottom: 10px;
}