/* 
grau Hintergrund: b2ab9a
hell Inhalt: ebe6dc
blau Hintergrund: 4d6d85
*/

/* Anfang Seitenaufbau allgemein */

* 
	{ 
	margin: 0; 
	padding: 0; 
	}
	
html
	{
	scrollbar-base-color:#3c492d;
  	scrollbar-3dlight-color:#f3eacc;
  	scrollbar-arrow-color:#3c492d;
  	scrollbar-darkshadow-color:#3c492d;
  	scrollbar-face-color:#f3eacc;
  	scrollbar-highlight-color:#f3eacc;
  	scrollbar-shadow-color:#3c492d;
  	scrollbar-track-color:#3c492d;	
	}

body
{
	background: url(image_layout/bg.gif);	
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#3c492d;
	text-align: center; /* zentrieren */
    min-width: 960px; /* zentrieren */
}

#container 
{ 
	width: 960px; /* zentrieren */
    margin: 0 auto; /* zentrieren */
    text-align: left; /* zentrieren */
}	

/* Ende Seitenaufbau allgemein */


/* Anfang Kopfbereich */
#oben
{ 
	background: url(image_layout/oben.gif) no-repeat top left;
	width: 960px;
	float:left;
	height: 97px;
	text-align:right;
}

	#oben h1 span 
	{
		display:none
	}
		
	#logo
	{ 
		padding:17px 30px 0 0;
	}
/* Ende Kopfbereich */

/* Anfang Bilderleiste */
#bilderleiste 
{	
	background: #f3eacc;
	text-align:center;
	height:173px;
	width:960px;
	clear:both;
}
/* Ende Bilderleiste */

/* Anfang Inhaltsbereich */
#mittecontainer 
{	
	background: #f3eacc;
	clear:both;
	margin:0;
	width:960px;
}

#mitte 
{	

	clear:both;
	padding: 10px 31px;
}
	#inhalt 
	{
		min-height: 420px;
		height: auto !important;
		height: 420px;	
		color: #3c492d;
		font-size: 12px;
	}	

	#rechts 
	{
		background: #e8ddb8;
		min-height: 200px;
		height: auto !important;
		height: 200px;
		width:220px;	
		color: #3c492d;
		border:1px solid #3c492d;
		padding: 10px 10px;
		margin-left:20px;
		margin-bottom:20px;
		float:right;
		font-size: 11px;
	}	
		
/* Ende Inhaltsbereich */	
	
/* Navigation */

	#navi 
	{	
		float:left;
		width:928px;
		height:26px;
		background: #f3eacc;		
	}	
	
	ul#navi		
		{
		list-style-type:none;
		padding: 8px 0 0 32px;
		font-size:11px;
		}
	
	ul#navi li
		{
		display: inline;
		
		}
	
	ul#navi li a
		{	
		display: inline;
		border:1px solid #3c492d;
		color: #3c492d;
		padding: 2px 4px;
		margin: 0 4px 0 0;
		text-decoration:none;
		}
		
	ul#navi li a:hover
		{
		color: #f3eacc;
		background: #3c492d;			
		}
	
	ul#navi li a#hauptaktiv
		{	
		color: #f3eacc;
		background: #3c492d;
		}
	
/* Ende rechts */

	
/* Anfang Fußbereich */	
	#unten
	{ 
		background: url(image_layout/unten.gif) no-repeat top left;
		float:left;
		width: 960px;
		height:27px;
		text-align: right;
	}
	
	#pepesale
	{ 
		padding: 3px 40px 3px 0;
	}
	
	#pepesale a
	{ 
		font-size:10px;
		color: #3c492d;
		text-decoration:none;
	}	
	/* Ende Fußbereich */

/* Anfang allgemeine Textformatierungen  */	
A:link, A:visited {
	text-decoration : underline;
	color : #3c492d;	
}

A:active, A:hover {
	text-decoration : underline;
	color : #3c492d;
}

p 
{ 
	font-size:11px; 
	margin: 10px 0 15px 0;
}

h2  
{
	font-size:11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color:#3c492d;	
	margin: 10px 0 15px 0;
}
h3  
{
	font-size:11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color:#3c492d;	
	margin: 10px 0 15px 0;
}
#inhalt .imgangebot
	{
	padding: 0 10px 10px 0;
	border:0;
	}
	
#inhalt .imgleft
	{
	padding: 0 10px 10px 0;
	border:0;
	}	
	
#inhalt ul li
	{
	/*background: url(image_layout/li.gif) no-repeat left;*/
	list-style-type:none;
	color : #3c492d;
	font-size:11px;
	padding: 0 0 0 4px;
	margin: 0 0 0 30px;	
	}

hr
{
	height:0;
	color: #3c492d;
	border-bottom: 1px solid #3c492d;
	border-top: 0;
	border-left:0;
	margin-bottom:10px;
	margin-top:10px;		
}

/* Ende allgemeine Textformatierungen  */	


/* Anfang Styles Kontaktformular */

#kontakt .tk /* Außentabelle */
{
	font-size:11px;
	font-family: Verdana,Arial,Helvetica,Sans-serif;	
	margin: -2px;
}	

#kontakt .tk1 /* Tabellenfeld links */
{
	color : #3c492d;
	font-size:11px;		
	vertical-align:top;
	padding-right:5px;
	width:120px;
}

#kontakt .tk1p /* Tabellenfeld links Pflichtfeld*/
{
	color : #3c492d;
	font-weight:bold;
	vertical-align:top;
	padding-right:5px;
	width:120px;
}

#kontakt .tk2 /* Tabellenfeld rechts */
{
	font-size:11px;
	width:400px;
}

#kontakt .tk2 input  /* Formularfelder rechts */
{
	background: #f3eacc;
	color : #3c492d;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	text-decoration: none;
	border: 1px solid #3c492d;
	font-size:11px;	
}	

#kontakt .tk2 textarea  /* Textareas rechts */
{
	font-family : Verdana,Arial,Helvetica,Sans-serif;
	font-size:11px;		
	border: 1px solid #3c492d;	
	text-decoration : none;
	color : #3c492d;
	background: #f3eacc;
  	scrollbar-base-color:#3c492d;
  	scrollbar-3dlight-color:#f3eacc;
  	scrollbar-arrow-color:#3c492d;
  	scrollbar-darkshadow-color:#fffff;
  	scrollbar-face-color:#f3eacc;
  	scrollbar-highlight-color:#3c492d;
  	scrollbar-shadow-color:#3c492d;
  	scrollbar-track-color:#f3eacc;
}

kontakt input.button /* Formularfelder Button */
{
	width:94px;
	height:21px;
	border:0;
}
/* Ende Styles Kontaktformular */