@charset "utf-8";
    body  {
    	font: 12px Verdana, Arial, Helvetica, sans-serif;
    	background: #FFFFFF;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #6c3927; 
    }
	
	#header {
		width: 100%;
		height: 98px;
		background-image:url(../img/headerBG.png);
		background-repeat:repeat-x;
	}
	
	#headerImage {
		width: 247px;	
		height: 57px;
		background-image:url(../img/headerLogo.png);
		margin:  auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */	
		
	}
	
	#mainNavigation {
		width: 780px;	
		height: 40px;
		background-image:url(../img/mainNavigation.png);
		background-repeat:no-repeat;
		margin:  auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */	
		text-align: left;
		padding-left: 20px;
		color: #f29400;
		font-weight:bold;
		font-size: 18px;
	}

	#mainNavigation a
	{
		font-size:12px;
		font-weight:bold;
		margin:0px 5px 0px 5px;
		color: #fac073;
		text-decoration: none; 
	}
	#mainNavigation a:active      
	{  
		color: #f29400;
	}
	#mainNavigation a:hover      
	{   
		color: #f29400;
	}

	h1 {
		margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	}
	
	hr{
		text-decoration:none;
		color: #f29400;
		margin-top:15px;
	}
	
	a{
		text-decoration:none;
		color: #f29400;
		font-weight: bold;
	}	
	
	a:hover{
		
		color: #6c3927;
		text-decoration:none;
		font-weight: bold;
	}
	
    #container { 
	
    	width: 800px;  /* Mit dieser Breite wird ein Container erstellt, der in ein 800 Pixel breites Browserfenster passt, sofern für den Text die Standardschriftgröße des Browsers übernommen wird. */
    	background: #FFF;
    	margin:  auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		/*min-height: 504px;*/
	}
	
  	#mainContent {
      
		background-color:#FFF;
		width: 548px;
		float: left;
		border: 1pt solid #6c3927;
		padding: 0px 10px 10px 10px;
		text-align: justify;
		min-height: 472px; 
	}
	
	#mainContent img{
		float: left;
		margin: 0px 10px 5px 0px;
	}
	
	#mainContent li{
		
		margin: 0px 0px 5px -25px;
	}
	
	#mainContent .imageContent img{
		width: 172px;
	}
	
	#mainContent .imageContent{
		margin-top: 20px;
		margin-bottom: 160px;
	}
	
	#mainContent h2, .subtitle{
		margin-bottom: 5px;
		white-space:normal;
		font-size:14px;
		font-weight:bold;
			
	}
	
	#mainContent h1, .headline{
		margin-bottom: 10px;
		white-space:normal;
		font-size:16px;
		font-weight:bold;
			
	}
	
	#mainContent .breadcrumps{
		font-size:9px;
		margin-top: 5px;
		margin-bottom: 10px;		
	}
	
	#mainContent .breadcrumps a{
		text-decoration:none;
		color: #6c3927;
		font-weight:normal;		
	}
	
	#mainContent .breadcrumps a:hover{
		color: #f29400;
		text-decoration:none;
	}
	
	#subnavigation
	{
		background:url(../img/subNavBlank.png) no-repeat;
	}
	
	#subnavigation a
	{
		display:inline-block;
		font-size:11px;
		font-weight:bold;
		width:87px;
	  	height:17px;
		text-align:center;
		text-decoration: none;
		color: #6c3927; 		
		background-repeat: no-repeat;
		padding-top: 2px;
	}
	
	#subnavigation a        
	{
		background-image:url(../img/subNavButton.png);
		
	}
	 
	#subnavigation a:active      
	{  
		background: url(../img/subNavButtonActive.png) left top no-repeat;
	}
	#subnavigation a:hover      
	{ 
		background: url(../img/subNavButtonActive.png) left top no-repeat;
	}
	
	#subNavigationLine
	{
		width: 99%;
		height: 3px;
		background-color:#f29400;
		margin-bottom: 10px;
	}
	
	
	#news {
      
	  	margin: 0 0em 0 10px; /* Der rechte Rand kann in Gevierten (ems) oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten Seitenrand. */
	  	
		width: 207px;
		float: left;
		max-height: 100%;
    }
	   
	#newsLogo {
      
	  	background-image:url(../img/bTouriXLogo.png);
		width: 206px;
		height: 133px;
    }
	
	#KontaktBox{
		
	  	background-color:#ffffff;
		width: 182px;
		float: left;
		color: #000000;
		padding: 0px 10px 10px 10px;
		text-align:justify;
		margin-left: 3px;
    }
	
	#newsContent {
		
	  	background-color:#6c3927;
		width: 182px;
		float: left;
		border: 1pt solid #412418;
		color: #fac073;
		padding: 0px 10px 10px 10px;
		text-align:left;
		margin-left: 3px;
    }
	
	#newsContent h3, .newsHeadline {
		color:  #f29400;
		font-size:14px;
		margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
	
	#newsContent img{
	
		float: left;
		margin: 3px 10px 5px 0px;
   	}
	   
	 #footer { 
    	
    	background-image:url(../img/fooderBG.png);
		background-repeat:repeat-x;
		
	} 
	
	#footerContent {
		width: 786px;	
		height: 18px;
		background-image:url(../img/fooderNavigation.png);
		background-repeat:no-repeat;
		margin:  auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
		text-align:left;
		padding-top: 20px;
		padding-left: 14px;	
	}
	
   #footerContent a{
		color: #fac073; 
		text-decoration:none;
		margin: 0px 5px 0px 10px;
   }
   #footerContent a:hover{
	  	color: #f29400;
   }
	
	 .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
			clear:both;
			height:0;
			font-size: 1px;
			line-height: 0px;
    	}

	.adjustG {
		font-weight: normal;
	}
	
	
	.vrstckt_ggn_Spm {
		position:absolute;
		left:-1000px;
		top:-1000px;
		width: 0;
		height: 0;
		overflow: hidden;
		display: hidden;
		display: inline;
	}