/* CSS-Datei für alle Browser außer IE6 + IE7 */

html {height: 100%; }

#header, #main, #page {clear:both;}

body
	{
	background-color: #ffcc66;
	font-family: Verdana;
	width: 960px;
	padding: 0;
	margin:0;
	text-align: left;
	}
	
	li  {line-height: 2.5em;}
	
	#page_margins /*Dieses DIV legt die Abstände der kompletten Seite zu den Rändern fest*/
		{
		position: relative;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 0px;
		}
		
		#page/*Dieses DIV legt die Größe der Seite fest*/
			{
			position: relative;
			background-color: #ffffcc;
			width: 885px;
			min-height: 623px;
			padding-left: 15px;
			padding-right: 20px;
			padding-top: 0px;
			padding-bottom: 0px;
			margin: 0px;
			background-image: url(Bilder/background.jpg);
			background-repeat: no-repeat;
			background-position: 72% 100%;	
			}
			
				#header /*Dieses DIV umschließt das Karawanenlogo, die 3 aneinandergereihten Bilder, die 2 horizontalen orangenen Linien und die Topnavigation*/
				{
				width: 885px;
				height: 110px;
				margin: 0px;
				padding: 0px;
				}
				
					#karawanelogo/*Karawanenlogo oben links.*/
					{
						position: relative;
						top: 10px;
						left:10px;
						float: left;
						margin: 0px;
						padding: 0px;
					}
					
						#navibilder/*DIV um die drei Bilder im Header, und die beiden orangenen Linien*/
						{
						float: left;
						height: 80px;
						width: 560px;
						position: relative;
						top: 0px;
						left: 45px;
						margin: 0px;
						padding: 0px;
						}
					
							#border-header/*Untere orangene Linie*/
							{

							position: relative;
							left: 0px;
							top: 21px;
							margin-left: -25px;
							z-index: 10;
							}
					
							#border2-header/*Obere orangene Linie*/
							{
							position: relative;
							top: 32px;
							margin-right: -148px;
							z-index: 0;
							float: right;
							}
					
							#navibild1/*Das linke der 3 Bilder im Header*/
							{
							position: relative;
							top: 46px;
							left:2px;
							float: left;
							}
					
							#navibild2/*Das mittlere der 3 Bilder im Header*/
							{
							position: relative;
							top: 46px;
							left: 2px;
							float: left;
							}
					
							#navibild3/*Das rechte der 3 Bilder im Header*/
							{
							position: relative;
							top: 46px;
							left: 1px;
							z-index: 5;
							float: left;
							}
					
					#navigationspfad /*CSS-Einstellungen für den Navigationspfad*/
					{
					height: 25px;
					width: 720px;
					position: relative;
					bottom: -20px;
					left: 46px;
					margin: 0px;
					padding: 0px;
					text-align: left;
					font-family: Verdana;
					font-size: 8px;
					color: black;
					font-weight: bold;
					}
					
					#topnav/*DIV für die Navigation oben rechts im Header*/
					{
					position: relative;
					top: 12px;
					right: 30px;
					float:right;
					margin: 0px;
					padding: 0px;
					}
					
						#topnavul/*Listeneinstellungen für die Topnavigation*/
						{
						margin: 0px;
						padding: 0px;
						text-align: left;
						list-style: none;
						display: inline;
						}
					
					#topnavli/*Einstellungen für die einzelnen Listenpunkte der Topnavigation*/
					{
					display: inline;
					list-style: none;
					margin-left: 15px;
					}
					
					#topnava/*Einstellungen für die Links der Topnavigation*/
					{
					text-decoration: none;
					font-family: Verdana;
					font-size: 9px;
					color: black;
					}

					
				#spacer/*Platzhalter zwischen Header und Inhalt*/
				{
				height: 30px;
				margin: 0px;
				padding: 0px;
				}

				#main/*Dieses DIV umschließt die 3 Spalten für den Inhalt: col1=linke Spalte (Navigation und Banner) , col2=mittlere Spalte (Text) , col3=rechte Spalte (Bilder)  */
				{
				position: relative;
				top: 0px;
				left: 0px;
				width: 885px;
				margin: 0px;
				padding: 0px;
				}
					
					#col1/*DIV für linke Spalte*/
					{
					float: left;
					width: 20%;
					margin: 0px;
					padding: 0px;
					z-index: 20;
					display: inline;
					height: 100%;

					}
					
						#mainnav/*Dieses DIV umschließt die Hauptnavigation und die Banner*/
						{
						
						}
						
							#nav/*Liste für die Hauptnavigation*/
							{
							margin: 0px;
							padding: 0px;
							text-align: left;
							list-style: none;
							text-decoration: none;
							font-family: Verdana;
							font-size: 10px;
							}
						
								#link/*Einstellungen für die Links der Hauptnavigation*/
								{
								margin: 0px;
								padding: 0px;
								text-align: left;
								text-decoration: none;
								font-family: Verdana;
								font-size: 10px;
								text-align: left;
								color: black;
								}
						
								#linkaktiv/*macht den aktiven Menüpunkt fett*/
								{
								margin: 0px;
								padding: 0px;
								text-align: left;
								text-decoration: none;
								font-family: Verdana;
								font-weight: bold;
								font-size: 10px;
								text-align: left;
								color: black;
								}
						
						
								#border1/*linke vertikale schwarze Linie*/
								{
								position: relative;
								float: right;
								margin-top: -140px;
								margin-bottom: -140px;
								margin-right: 3px;
								}
					
								#border2/*rechte vertikale schwarze Linie*/
								{
								position: relative;
								float: right;
								margin-bottom: -115px;
								margin-top: -115px;
								margin-right: 19px;
								}
						
					
								#banner/*DIV für die Banner*/
								{
							
								}
					
					#col2/*DIV für mittlere Spalte*/
					{
					width: 48%;
					margin-left: 0px;
					margin-bottom: 0px;
					padding: 0px;
					padding-top: 40px;
					padding-left: 15px;
					z-index: 20;
					float: left;
					display: inline;
					height: 100%;
					}
						
						#headline_grafik/*Bild für die große Überschrift über dem Text*/
						{

						}
						
						#text/*DIV für den Text in der mittleren Spalte*/
						{
						font-family: Verdana;
						font-size: 11px;
						text-align: left;
						width: 400px;
						}
						
						.ptext/*Zieht den Text unter der Textborder nach oben, damit der Abstand nicht zu groß ist*/
						{
						position: relative;
						margin-top: 0px;
						}
						
						.textborder /*Bild für den orangenen Strich unter den Überschriften*/
						{
						position: relative;
						top: -7px;
						margin: 0px;
						padding: 0px;
						border: 0px;
						clear: both;
						}
						
					#col3/*DIV für rechte Spalte*/
					{
					float: right;
					width: 30%;
					margin: 0px;
					padding: 0px;
					z-index: 20;
					display: inline;
					height: 100%;
					}
					
					.clear 
					{
					clear: left;
					height: 0;
					margin: 0;
					padding: 0;
					font-size: 0;
					}
						
					#col3ebene2/*DIV für rechte Spalte nur in der Ebene 2*/
					{
					position: relative;
					top: 80px;
					float: right;
					width: 30%;
					margin: 0px;
					padding: 0px;
					z-index: 20;
					display: inline;
					}
						
						#foto3_ebene1/*oberes Bild in der rechten Spalte*/
						{
						position: relative;
						right: 0px;
						top: 10px;
						float: right;
						margin-bottom: 40px;
						}
						
						#foto2_ebene1/*mittleres Bild in der rechten Spalte*/
						{
						position: relative;
						right: 0px;
						float: right;
						margin-bottom: 30px;
						}
						
						#foto1_ebene1/*unteres Bild in der rechten Spalte*/
						{
						position: relative;
						right: 0px;
						float: right;
						}
					
						#foto_ebene2/*Bild in der rechten Spalte der Ebene 2*/
						{
						position: relative;
						top: 0px;
						right: 0px;
						float: right;
						}
						
		#spacer_bottom
		{
		width: 900px;
		height: 20px;
		}