@charset "utf-8";
/* ===========================================================================================================
Datum: 22.01.2008
Autor: Werner
Thema: Gestaltung der Hauptseite
Datei: Index.css

Aufbau:	1. allgemeine Styles
		2. Styles für Layoutbereiche
		3. sonstige Styles
====================================Stylesheet der Eintrittsseite=============================================== */








/*====================================allgemeine Styles================*/
	body { 
	background-color: #4B5057;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	}

	h1 { font-size: 150%; }
	h2 { font-size: 130%; }
	

	#wrapper {
	background-color: #c5f7f0;
	width: 850px;
	/*height: 1000px;*/
	margin: 10px auto;
	}
	
	
	#inhaltsbereich {border-top: 1px solid #4b5057;}
	
	
	
	a {text-decoration: none;}
	a:link { color: 4b5057;}
		
	
	
	
/*====================================Ende allgemeine Styles==============================*/	




/*===========================Styles für Layoutbereiche================*/
	#augenleiste {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
	}
	/*----------------------------------------------------------------------*/	
	#hauptnavi {
	font-size: 15px;
	background-image: url(../Bilder/Index/Farbverlauf-b_g-horizontal1.jpg);
	padding-top: 20px;
	}
	
	#hauptnavi ul {
	text-align: right;
	margin-top: 20px;
	margin-bottom: 0px;
	}
	
	#hauptnavi li {
	display: inline;
	background-color: #ff9933;
	margin: 0px 10px 0px 10px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	}
		
	
	#startbereich #navi01 span,
	#bilderbereich #navi02 span,
	#videobereich #navi03 span,
	#reiseberichtebereich #navi04 span,
	#fuerslebenbereich #navi05 span,
	#kontaktbereich #navi06 span {
	background-color: #c5f7f5;
	color: black;
	border-bottom: 1px solid;
	border-bottom-color: #c5f7f5;
	}
	
	#hauptnavi a:hover,
	#hauptnavi a:focus {
	background-color: #c5f7f5;
	color: black;
	border-bottom: 1px solid;
	border-bottom-color: #c5f7f5;
	}
/*----------------------------------------------------------------------*/	
	
	#nebennavi {
	width: 150px;
	height: 250px;
	float: left;
	background-image: url(../Bilder/Index/Farbverlauf-b_g-vertikal1.jpg);
	}
	
	#bilderschlauchboottipps #wrapper #nebennavi {
	height: 292px;
	background-image:url(../Bilder/Index/Farbverlauf-b_g-vertikal292.jpg)
	}
	
	#bilderbereich #wrapper #nebennavi {
	height: 500px;
	background-image: url(../Bilder/Index/Farbverlauf-b_g-vertikal500.jpg);
	}
		
	/*----------------------------------------------------------------------*/			
	#inhaltsbereich {
	margin-left: 150px;
	padding: 15px;
	}
	
	#bootsfahrt1, #bootsfahrt2, #bootsfahrt3, #bootsfahrt4, #bootsfahrt5, #bootsfahrt6, #bootsfahrt7, #bootsfahrt8, 					#bootsfahrt9, #bootsfahrt10, #bootsfahrt11, #bootsfahrt12, #bootsfahrt13, #bootsfahrt14, #bootsfahrt15, #bootsfahrt16	{
	margin: 5px;
	}
	
	#anlage1, #anlage2, #anlage3, #anlage4, #anlage5, #anlage6, #anlage7, #anlage8 {
	margin: 5px;
	}
	#anlage7 {
	padding-left: 150px;
	padding-bottom: 15px;
	}
	
	#ceccina1, #ceccina2, #ceccina3 {
	margin: 5px;
	}
	
	#siena1, #siena2, #siena3, #siena4, #siena5, #siena7, #siena8, #siena9, #siena10 {
	margin: 5px;
	}
	
	#voltera1, #voltera2, #voltera3, #voltera6, #voltera7, #voltera8, #voltera9, #voltera10, #voltera11 {
	margin: 5px;
	}
	#voltera4, #voltera5 {
	margin-left:77px;
	}
	
	#bolgheri1, #bolgheri2, #bolgheri4 {
	margin: 5px;
	margin-top: 5px;
	}
	#bolgheri3, #bolgheri5 {
	margin-left: 77px;
	}
	#bolgheri6{ margin-left: 120px; }
	#bolgheri7 { margin-left: 80px; }
	
	#hall01, #hall02, #hall03, #hall04, #hall05, #hall06, #hall07, #hall08, #hall09, #hall12, #hall13,					#hall14, #hall15, #hall16, #hall17, #hall18, #hall19, #hall20, #hall21, #hall22 {
	margin: 5px;
	}
	
	#hall10, #hall11 {
	margin-left: 77px;
	}
	
	#hall23 { margin-left: 230px; }
	
	
	#klamm01, #klamm02, #klamm03, #klamm04, #klamm05, #klamm06, #klamm07, #klamm08, #klamm11, #klamm14, #klamm15, #klamm18,  #klamm19, #klamm20, #klamm21, #klamm22, #klamm27, #klamm28, #klamm29, #klamm30, #klamm31, #klamm32, #klamm33, #klamm34, #klamm35, #klamm36, #klamm37, #klamm38, #klamm39, #klamm40, #klamm41, #klamm42, #klamm43 {
	margin: 5px;
	}
	
	#klamm12, #klamm13, #klamm23, #klamm24, #klamm30, #klamm35 {
	margin-left: 77px;
	}
	
	#klamm01, #klamm05, #klamm10, #klamm17, #klamm26, #klamm19, #klamm39 { margin-left: 120px; }
	#klamm04, #klamm06, #klamm09, #klamm16, #klamm25, #klamm21 { margin-left: 80px; }
	
		
	#reiseberichtebereich #wrapper #inhaltsbereich p {
	font-size: 1.2em;
	line-height: 1,4em;
	}
	
	#reiseberichtebereich #wrapper #inhaltsbereich #hallstatt_but2006 {
	float: left;
	margin-top: 15px;
	margin-left: 100px;
	}
	
	#reiseberichtebereich #wrapper #inhaltsbereich #toskana_but2007 {
	float: right;
	margin-top: 15px;
	margin-right: 100px;
	}
		
	#bilderbereich #wrapper #inhaltsbereich #hallstatt_but2006 {
	float: left;
	margin-top: 15px;
	margin-left: 100px;
	}
	
	#bilderbereich #wrapper #inhaltsbereich #schlauchboot_but2007 {
	float: right;
	margin-right: 100px;
	}
	
	#bilderbereich #wrapper #inhaltsbereich #toskana_but2007 {
	float: left;
	margin-top: 20px;
	margin-left: 100px;
	}
	
	#bilderbereich #wrapper #inhaltsbereich #partnachklamm_but2007 {
	float: right;
	margin-top: 21px;
	margin-right: 103px;
	}
	
	#videobereich #wrapper #inhaltsbereich #hubschrauber_but {
	float: left;
	margin-top: 15px;
	margin-left: 100px;
	}
/*====================================Ende Styles für Layoutbereiche======================*/	



/*===========================Styles für Sonstiges================*/

	form {
	background-color: #9ac4c4;
	color: black;
	width: 500px;
	border: 1px solid black;
	padding: 10px;
	}

	#vorname {
	display: block;
	width: 250px;
	}
	
	#nachname {
	display: block;
	width: 250px;
	}
	
	#email {
	display: block;
	width: 250px;
	}
	
	#meinung {
	display: block;
	width: 250px;
	}




/*====================================Ende Styles für Sonstiges======================*/


	
.kursiv {
	font-style: italic;
}