#top_title, #bottom {
	margin: 0 0 0px 1px;
	padding: 0px;
	text-align: left;
	background-color: #989898;
}

#top_title {
	height: 82px;
}

#bottom {
	height: 37px;
	margin: 0px 0 0px 1px;
}

#bottom_1, #bottom_2, #bottom_3 {
	float: left;
	height: 37px;
	width: 239px;
	margin: 0px 0 0px 0px;
	padding: 0px;
}

#bottom_2, #bottom_3 {
	margin: 0px 0 0px 1px;
}

/* ... Text unterhalb der Bildergalerie, Reiseberichte, .reisen_text_allg_last wird teilweise mehrfach verwendet (id muss fortlaufend durch eine Klasse ersetzt werden) */
#reisen_text, #reisen_text_allg, #reisen_text_allg_last,  .reisen_text_allg_last  {
	margin: 0px 0 0px 1px;
	padding: 0px;
	background-color: #dedede;
	border-bottom: 1px solid  #989898;
}

#reisen_text_allg_last , .reisen_text_allg_last  {
	border-bottom: none;
}

/* ... Textbereich im section-Div-Kontainer (id muss fortlaufend durch eine Klasse ersetzt werden) */
#reisen_text_lead, .reisen_text_lead {
	float: left;
	height: 239px;
	width: 480px;
	margin: 0px 0 0px 0px;
	padding: 0px;
	border-bottom: 0px solid  #989898;
	background-color: #dedede;
}

/* ... Videos Tour 2009  */
#video {
	height: 360px;
	width: 500px;
	margin: 0px 0 0px 120px;
	padding: 10px 0 10px 0px;
	border-bottom: 0px solid  #989898;
	background-color: #dedede;
}

/* ... Div-Kontainer ueber gesamten Hauptbereich mit Bilder und Text, #section_last wird teilweise in einem Dokument mehrfach verwendet  (id muss fortlaufend durch eine Klasse ersetzt werden) */
#section, #section_last, .section,  .section_last {
	height: 239px;
	margin: 0px 0 0px 1px;
	padding: 0px;
	border-bottom: 1px solid #989898;
	background-color: #989898;
}

 #section_last, .section_last  {
	border-bottom: none;
}

/* ... Galeriebilder innerhalb .section, und .section_last  (id muss fortlaufend durch Klasse ersetzt werden)*/
#pic_1_1, #pic_2_1, #pic_3_1, .pic_1_1, .pic_2_1, .pic_3_1 {
	float: left;
	height: 239px;
	width: 239px;
	margin: 0px 0 0px 0px;
	padding: 0px;
	background-color: #3B3B3B;
}

#pic_2_1, #pic_3_1,  .pic_2_1, .pic_3_1 {
	margin: 0px 0 0px 1px;
}

/* ... Bilder rechts neben dem einleitenden Text in der Uebersicht  (id muss fortlaufend durch Klasse ersetzt werden)*/
#pic_3, .pic_3 {
	float: left;
	height: 239px;
	width: 239px;
	margin: 0px 0 0px 0px;
	padding: 0px;
	background-color: #3B3B3B;
}


/* ... Bilder im Hauptbereich */
img.pic_thumb_basic {
	position: absolute;
	width: 220px;
	height: 147px;
	border: none;
	margin: 46px 0 0px 9px;
	padding: 0px;
}

/* ... Bilder rechts neben dem einleitenden Text in der Uebersicht als NEW gekennzteichnet */
img.pic_thumb_NEW {
	position: absolute;
	width: 239px;
	height: 239px;
	border: none;
	margin: 0px 0 0px 0px;
	padding: 0px;
	z-index: 1;
}

img.pic_thumb_height {
	position: absolute;
	width: 147px;
	height: 220px;
	border: none;
	margin: 9px 0 0 46px;
	padding: 0px;
}

/* ... Flyer der Diashow VeloBaltica 2004 in Schaffhausen */
img.flyer_diashow {
	width: 700px;
	border: none;
	margin: 10px 0 0 10px;
	padding: 0px;
}


/* ... Hover-Effekt mit wechselnden Bildern */
a:link, a:visited, a.h4:link, a.h4:visited {
	display: block;
	text-decoration: none;
	color: #383C40;
}

a:link, a:visited, a.h4_link:link, a.h4_link:visited {
	display: inline;
	color:  #dedede;
}

a.h4_link:link, a.h4_link:visited {
	color: #D2691E;
}

a:hover, a:active, a.h4:hover, a.h4:active, a.h4_link:hover, a.h4_link:active {
	display: block;
	text-decoration: none;
	letter-spacing: 2px;
	color: #D2691E;
}

a:hover, a:active {
	display: inline;
	letter-spacing: 2px;
}

a.h4_link:hover, a.h4_link:active {
	display: inline;
	letter-spacing: 1px;
}

/* ... pirobox_gall wurde zum testen auf  http://www.natureview.ch/reisen.php?page=tour090601test verwendet*/
a.pic:link, a.pic:visited, a.pirobox_gall:link, a.pirobox_gall:visited {
	height: 239px;
	border: none;
	display: block;
	text-decoration: none;
	background: url(../img_home/2009.11.13_Pic_Background.jpg) no-repeat top left;
}

a.pic:hover, a.pic:active, a.pirobox_gall:hover, a.pirobox_gall:active {
	display: block;
	text-decoration: none;
	background: url(../img_home/2009.11.13_Pic_BackgroundOrange.jpg) no-repeat top left;
}

/* ... Hover-Effekt im Bottom-Bereich */
a.zurueck, a.index, a.seiten, a.seiten_first, a.seiten_aktiv, a.seiten_aktiv_first, a.weiter {	
	font: normal 14px/37px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-align: justify;
	display: block;
	padding: 0 16px 0 16px;
	text-decoration: none;
	color:  #dedede;
}

a.zurueck {	
	padding: 0 0px 0 175px;
}

a.index {	
	padding: 0 0px 0 85px;
}

a.seiten, a.seiten_first, a.seiten_aktiv, a.seiten_aktiv_first {
	display: inline;
	text-decoration: underline;
	padding: 0 1px 0 1px;
	border: none;
}

a.seiten_first, a.seiten_aktiv_first {
	padding: 0 1px 0 60px;
}

a.seiten_aktiv, a.seiten_aktiv_first {
	text-decoration: none;
	color:  #D2691E;
}

a.zurueck:hover, a.index:hover, a.seiten:hover, a.seiten_first:hover, a.seiten_aktiv:hover, a.weiter:hover {
	font: normal 14px/37px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	color: #D2691E;
}


/* ... Schriften */
h1 {
	font: normal 30px Arial, Helvetica, sans-serif;
	margin: 0px 0 0 0px;
	padding: 0px 0 0 0px;
	color: black;
}


/* ... Logo-Schriftzug www.natureview.ch gehoert in alle css-dateien mit header */
h1.logo {
	text-align: right;
	letter-spacing: 4px;
	margin: 0px 0px 0px 0px;	
	padding: 20px 20px 0px 0px;	
	color: #dedede;
}

/* ... Links im Hauptbereich und bei Routen */
h1.link {
	font: 20px/35px Arial, Helvetica, sans-serif; 
	text-align: left;
	letter-spacing: 2px;
	color: #dedede;
	margin: 0px 0px 0px 0px;	
	padding: 90px 0px 0px 20px;	
}

h1.top_title {
	font: 20px/35px Arial, Helvetica, sans-serif; 
	text-align: center;
	letter-spacing: 2px;
	margin: 0px 0px 0px 0px;	
	padding: 41px 0px 0px 0px;	
	color: #dedede;
}

h3 {
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin: 0px 0 0 0px;
	padding: 0px 0px 0px 0px;
	color: #272727;
}

/* ... Informationen und Zitate auf der Eingangsseite */
h3.zitat {
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 90px 30px 0px 20px;
}

h4, h4.date, h4.geplant, h4.route, h4.route_2  {
	font: normal 13px/20px Arial, Helvetica, sans-serif;
	text-align: justify;
	letter-spacing: 0px;
	padding: 9px 9px 9px 9px;
	margin: 0px 0 0 0px;
	color: #383C40;
}

h4.date {
	font: bold 13px/20px Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 9px 9px 0px 9px
}

/* ... Farbe geplante Route auf Karte Easybiker */
h4.geplant {
	padding:  0px 9px 9px 9px;
	margin: -9px 0 0 0px;
	color: #E600E6;
}

/* ... Farbe der Route ROT */
h4.route {
	padding:  0px 9px 9px 9px;
	margin: -9px 0 0 0px;
	color: #fb1402;
}

/* ... Farbe der Route BLAU */
h4.route_2 {
	padding:  0px 9px 9px 9px;
	margin: -9px 0 0 0px;
	color: #1f02fb;
}

/* ... Farbe der Strecken mit Oev (Bahn, Faehre) GELB*/
h4.route_oev {
	padding:  0px 9px 9px 9px;
	margin: -9px 0 0 0px;
	color: #ffff00;
}

/* ... Bei Routen Wien Tatra fuer Links zu den Reiseberichten */
h4.hinweis, h4.hinweis_right {
	font: bold 13px/20px Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	margin: 0px 0 0 0px;
	padding:0px 9px 0px 9px;
	color: #383C40;
}

h4.hinweis_right {
	text-align: right;
}


h4.top_zurueck  {
	font: normal 13px Arial, Helvetica, sans-serif;
	text-align: right;
	letter-spacing: 1px;
	padding: 0px 0px 0px 9px;
	margin: 0px 0 0 0px;
	color: #dedede;
}