/*
date: 06/08/2019
author: michael baechler
subject: main css style sheet for tour du monde
comments: replaced main div-tags with HTML5 section-tags
*/

body {
	width: 847px; /*04.02.2007 new overall width*/
	height: auto;
	margin: 0 auto;
	text-align: center;
	background-color: #DDD;
	font-size: 76%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

header {
	margin: 5px 0 0 0;
	padding: 0;
	width: 847px;
	height: 79px;
	background: url(../i/header3.jpg) 0 0 no-repeat;
	}

#nav {
	width: 847px;
	height: 40px;
	margin: 0;
	padding: 0 0 0 30px;
	background: url(../i/nav_bg_new.jpg) 0 0 no-repeat;
	list-style: none;
	}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 40px;
	}

#nav a {
	float: left;
	height: 40px;
	width: 120px;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border-bottom: none;
	background: #F9E9A9 url(../i/off_bg.gif) repeat-x top left;
	}

header h1 {visibility: hidden;}


#t-home a:hover {
	background: url(../i/home_on.jpg) 0 0 no-repeat;
	}
#t-itinerary a:hover {
	background: url(../i/itinerary_on.jpg) 0 0 no-repeat;
	}
#t-logbook a:hover {
	background: url(../i/logbook_on.jpg) 0 0 no-repeat;
	}
#t-pictures a:hover {
	background: url(../i/pictures_on.jpg) 0 0 no-repeat;
	}
#t-contact a:hover {
	background: url(../i/contact_on.jpg) 0 0 no-repeat;
	}

#t-home a {
	float: left;
	height: 40px;
	width: 120px;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border-bottom: none;
	background: url(../i/home_off.jpg) 0 0 no-repeat;
	}

#t-itinerary a {
	float: left;
	height: 40px;
	width: 120px;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border-bottom: none;
	background: url(../i/itinerary_off.jpg) 0 0 no-repeat;
	}

#t-logbook a {
	float: left;
	height: 40px;
	width: 120px;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border-bottom: none;
	background: url(../i/logbook_off.jpg) 0 0 no-repeat;
	}

#t-pictures a {
	float: left;
	height: 40px;
	width: 120px;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border-bottom: none;
	background: url(../i/pictures_off.jpg) 0 0 no-repeat;
	}

#t-contact a {
	float: left;
	height: 40px;
	width: 120px;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border-bottom: none;
	background: url(../i/contact_off.jpg) 0 0 no-repeat;
	}

#container {
	width: 100%;
	height: 520px;
	background: #FFF;
	padding: 0;
	margin: 0;
	color: #302d1e;
	}

#container h1.plan, #container h1.about {
	margin: 0 0 0 30px;
	padding: 0.5em 0 0.5em 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	text-align: left;
	clear: both;
	}

#container p {
	padding: 0;
	margin: 0 30px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	}

#container p.quote {
	margin: 0 0 0 30px;
	padding: 0.5em 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	text-align: left;
	color: #875;
	clear: both;
	}
	
#container p.quote span.cite {
	display: inline;
	padding: 0;
	margin-left: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	color: #875;
	}
	
/*for itinerary map*/

#container p.position {
	padding: 1em 0 1em 0;
	}
	
#container span.location {
	font-size: 1.5em;
	padding: 1em 0 1em 0;
	}	

#map {
	margin: 0;
	padding: 0;
	height: 429px;
	width: 847px;
	background: url(../i/map.gif) 0 0 no-repeat;
	padding-bottom: 20px;
	z-index: 20;
	}

/* the push pin with swiss flag is positioned on the map */
#map img {	text-align: left;
		position: relative;
		display: block;
		top: 45px;
		left: 405px;
		width: 25px;
		height: 47px;
		z-index: 40;	}

/* new for logbook */
	
iframe {
	padding: 0;
	margin: 0;
	height: 520px;
	width: 80%;
	float: left;
	border: none;
	}	
	
#log_lang {
	height: 15%;
	width: 20%;
	float:right;
	background-color: #F5F5F5;
	padding: 0;
	margin: 0;
	text-align: left;
	}
	
#log_lang a { /* language flags */
	text-decoration: none;
	}	
	
#log_lang a img { /* language flags */
	width: 30px;
	height: 20px;
	border: none;
	padding: 0;
	margin: 1em 0 0 1em;
	}	
	
#log_index {
	height: 85%;
	width: 20%;
	float:right;
	background-color: #F5F5F5;
	padding: 0;
	margin: 0;
	text-align: left;
	}
	
#log_index a {
	text-decoration: none;
	padding: 0 0 0 1em;
	color: #302d1e;
	}

/* new section for contact */
form {
	text-align: left;
	margin: 0 0 0 30px;
	}
	
textarea {
	width: 600px;
	height: 200px;
	}

/* for home picture us*/
#container img.us {
	padding: 1em 0 1em 30px;
	float: left;
	}


/* #footer {
	width: 847px;
	height: 37px;
	padding: 0;
	margin: 0 0 20px 0;
	background: #FFF url(../i/bottom_ddd_dblue.jpg) bottom left no-repeat;
	text-align: left;
	clear: both; 
	}

#footer p.copy {
	padding: 2px 0 0 30px;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #302d1e;
	} */

footer {
	width: 847px;
	height: 37px;
	padding: 0;
	margin: 0 0 20px 0;
	background: #FFF url(../i/bottom_ddd_dblue.jpg) bottom left no-repeat;
	text-align: left;
	clear: both; /* 24.01.2007 added clear both because of main picture tab */
	}

footer p.copy {
	padding: 2px 0 0 30px;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #302d1e;
	}