/*The original design of this website is created by 2ydesign.nl. The code is rewritten with permission of the original designer.*/

/*Kleurgebruik website

#0c3113	Donkergroen (body)
#91a697	Lichtgroen (o.a. kleur logo in content, fontkleur link)
#0a270f Groen (infopaneeltje)
#564b47	Donkerbruin (hoofdtekst)
#9d9663	Lichtbruin (o.a. hoverkleur, lichtbruine tekst, diverse headers)
#ffffc2 Lichtgeel (tekstkleur hover, selected, visited)
#ffffff	Wit (o.a. witte vlak, fontkleur link bij hover)
*/


/*Layout algemeen*/

* {
	margin: 0;
	padding:0;
	}
	
body {
	background-color: #0c3113;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	color:#564b47;
	margin:0px;
	text-align: center;
	}

body img {
	border: none;
	}

a, a:visited {
	text-decoration: none;
	color:#91A697;
	}

a:hover {
	text-decoration: none;
	background-color:#9D9663;
	color:#ffffc2;
	}

.selected { /*Geselecteerd hoofstuk in menu's in hoofdletters*/
	color:#ffffc2;
	text-transform: uppercase;
	font-weight: bold;
	}

strong {
	color:#ffffc2;
	text-transform: uppercase;
	}


/*Layout topmenu*/

#menu {
	text-align: left;
	margin: 60px auto 0 auto;
	padding: 0px;
	width: 755px;
	height: 15px;
	}
	
#menu ul {
	margin: 0 0 0 6px;
	}
	
#menu li {
	margin:0;
	display: inline; 
	padding: 0 1.4em 0 0;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.1em;
	}


/*Layout content (witte vlak)*/
	
#content {
	text-align: left;
	vertical-align: middle;
	margin: 5px auto;
	padding: 0 0 20px 0;
	width: 755px; 
	min-height:389px;
	height: 100%;
	background-color: #ffffff;
	}

#p_content {
	clear: both;
	margin: 0 72px 0 72px;
	padding: 15px 0 50px 0;
	}

#p_content p {
	padding: 10px 0 0 0;
	font-size:1.2em;
	}


/*Logo in content*/

.logo_content {
	float: left;
	margin: 45px 0 0 0;
	clear: both;
	}


/*Layout footer*/
	
#footer {
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0 0 50px 0;
	width: 755px;
	}


/*Menu onder content in footer, voor biograpy en trekking; bij de andere pagina's lege div ivm positie logo*/

#content_menu {
	float: right;
	width: 755px;
	height: 25px;
	margin:0 0 0 0;
	}
	
#content_menu ul { 
	list-style-type: none;
	text-align:right;
	}
	
#content_menu li {
	display: inline;
	color: #91A697;
	font-size:1.1em;
	padding: 0 10px 0 10px;
	border-right: 1px solid #91A697;
	}
	
#content_menu li.design { /*Opmaak voor de design links op de index page*/
	color:#ffffff;
	text-transform:none;
	}


/*Layout voor e-mailadres en website onder logo in footer*/

.p_email a { /*Deze link heeft als enige een andere opmaak dan in de body is aangegeven, omdat de tekst wit moet zijn!!!*/
	margin: 0 0 0 6px;
	color:#ffffff;
	}
	
.p_website {
	margin: 0 0 0 6px;
	}


/*Layout index page*/

#rose {
	margin: 45px 0 0 93px;
	float: left;
	}

#enter {
	width:93px;
	margin:333px 0 0 0;
	float:right;
	}

.enter a {
	text-transform:uppercase;
	text-align:left;
	font-size: 1em;
	color:#0c3113;
	}

#enter .enter a:hover {
	text-transform:uppercase;
	text-align:left;
	font-size: 1em;
	color:#ffffff;
	background-color:#9d9663;
	}

.enter a:visited {
	text-transform:uppercase;
	text-align:left;
	font-size: 1em;
	color:#0c3113;
	}

/*Layout contact page*/

#contact {
	float: left;
	width: 200px;
	height: 125px;
	margin: 115px  0 0 125px;
	border-right: 1px solid #9d9663;
	}
	
#contact ul {
	text-align: right;
	padding: 0 20px 0 0;
	}

#contact ul li { 
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #9d9663;
	font-size: 1.1em;
	}
	
	
/*Layout links page*/

#links_a, #links_b, #links_c {
	float: left;
	width: 135px;
	height: 160px;
	margin: 125px 0 0 0;
	padding: 0 20px 0 20px;
	}

#links_b, #links_c {
	border-left: 1px solid #9d9663;
	}
	
#links_a {
	margin-left: -125px;
	}
	
#links_a h5, #links_b h5, #links_c h5 {
	margin: 0 0 5px 0;
	font-size:1.1em;
	font-weight:bold;
	color: #9d9663;
	}
	
#links_a li, #links_b li, #links_c li {
	list-style-type: none;
	font-size: 1.1em;
	padding: 2px 0 0 0;
	}
	

/*Layout exhibitions page */

#exhibitions_a, #exhibitions_b, #exhibitions_c, #exhibitions_d {
	float: left;
	height: 160px;
	margin: 125px 0 0 0;
	}

#exhibitions_a {
	margin-left: -125px;
	}

#exhibitions_c {
	border-left: 1px solid #9d9663;
	}

#exhibitions_a li, #exhibitions_c li { /*Layout 1e en 3e kolom (expositie locatie)*/
	list-style-type: none;
	font-size: 1.2em;
	color:#91A697;
	padding: 2px 10px 0 20px;
	width:120px;
	}
	
#exhibitions_b li, #exhibitions_d li { /*Layout 2e en 4e kolom (plaatsnaam)*/
	list-style-type: none;
	font-size: 1.2em;
	color:#9d9663;
	padding: 2px 0 0 0;
	width:95px;
	}


/*Layout page publications*/

#pictogram_publications {
	width:auto;
	height: 15px;
	margin:15px 0 0 0;
	padding: 0 25px 0 25px;
	text-align:center;
	}

#arrow_left_publications {
	float: left;
	border: none;
	margin:0;
	padding:0;
	}
	
#language {
	float:left;
	width:200px;
	height:15px;
	margin:0 0 0 240px;
	padding:0;
	text-align:center;
	}

#arrow_right_publications {
	float: right;
	border: none;
	margin:0;
	padding:0;
	}
	
#photo_container_publication {
	width:	705px;
	height: 305px;
	margin: 0 auto 0 auto;
	padding-top:40px;
	text-align:center;
	}

.img_publication {
	margin: 0 10px 0 10px;
	}

#p_content_publication {
	font-size: 1.2em;
	margin: 0 72px 0 72px;
	padding: 72px 0 72px 0;
	}
	
#p_content_publication p {
	padding:0 0 7px 0;
	}
	
.pub_italic {
	font-style:italic;
	}

#p_content_publication h1 {
	padding: 15px 0 10px 0;
	font-size:1.3em;
	color: #9D9663; 
	font-weight: bold;
	}

#p_content_publication h2 {
	padding:0 0 7px 0;
	font-size: 1.1em;
	color: #9D9663; 
	font-weight: bold;
	}
	

/*Layout trekking page*/

#p_content h1 { /*Hoofdkop Trekking*/
	font-size:1.5em;
	padding-top:62px;
	color:#9D9663;
	}

#p_content h2 { /*Subkop Trekking - periodeaanduiding*/
	clear:both;
	font-weight:bold;
	border-bottom:1px solid #564b47;
	padding-top:30px;
	font-size:1.3em;
	color:#9D9663;
	}
	
#p_content #photo_map { /*Opmaak voor afbeeldingen van plattegronden in trekking*/
	clear:both;
	float:right;
	padding:15px 0 10px 15px;
	width:408px;
	}

.trekking {
	clear:both;
	margin:10px auto 0 auto;
	width:611px;
	}
	
.photo/*_right*/ { /*Opmaak voor rechter afbeeldingen in trekking*/
	clear:both;
	float:right;
	margin:15px 0 10px 15px;
	width:296px;
	}

.photo_comment { /*Opmaak voor commentaar bij afbeeldingen in trekking*/
	margin-top:-10px;
	color:#9D9663;
	font-size:1em;
	font-style:italic;
	text-align:right;
	}

#p_content .italic { /*Opmaak voor lichtbruine cursieve tekst in trekking*/
	font-style:italic;
	color:#9D9663;
	}
	
#p_content .brown { /*Opmaak voor de lichtbruine tekst in biography, hoofdpagina trekking*/
	font-size:1.1em;
	color: #9D9663; 
	}