

* {
	padding: 0;
	margin: 0;
	border: 0;
}

/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {

	background: #FFF4D1;
	font-size:82%;
}



body {
	background: #FFF4D1;
	font-size: 0.9em;
	line-height: 1.6em;	
	font-family: "Arial", Helvetica, Verdana, sans serif;	
	text-align:center;	
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	text-align: left;
}



#content a:link, #content_main a:link,  #nebeninformation a:link {
	color:#CC3300;	
}

#content a:visited, #content_main a:visited, #nebeninformation a:visited {
	color:#CC3300;		
}

#content a:hover, #content_main a:hover,  #nebeninformation a:hover {
	text-decoration: none;
	background: #FFF1DB;	
	color:#CC3300;		
}

a.randlos {
	color:#CC3300;	
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
	outline: none;
}



p {
	font-family: "Arial", Helvetica, Verdana, sans serif;	
	margin-top: 1.43em;
	margin-bottom: 0.65em;
	color:#774C20;
}

h1 {
	padding: 77px 0 29px 20px;
	margin: 0;
	color:#FFF;
	font-size:1.9em;
}

h1 span {
	display: none;
}

h2 {
	font: 1.43em/1.3em "Arial", Helvetica, Verdana, sans serif;	
	margin-top: 1.6em;
	margin-bottom: 0.65em;
	padding-bottom: 0.45em;
	color:#CC3300;
	font-weight:bold;
	border-bottom: 1px dotted #cc3300;
}


#metainformation h2 {
	background: #ffebcc;
	font: normal 2.3em/1 "Arial", Helvetica, Verdana, sans serif;	
	color: #CC3300;
	width: 960px;
	w\idth: 920px;		
	float: left;
	margin: 0;
}

#metainformation h2 span {
	font: italic 0.5em/1 "Arial", Helvetica, Verdana, sans serif;	
	display: block;
	float: left;
	color: #C8945C;
	letter-spacing: 0.3em;
}

h3 {
	font:bold 1.29em/1.2em "Arial", Helvetica, Verdana, sans serif;	
	margin-top: 1.43em;
	margin-bottom: 0.65em;
	color: #774C20;
}

h4 {
	font: 1.14em/1.42em "Arial", Helvetica, Verdana, sans serif;	
	margin-top: 1.43em;
	margin-bottom: 0.65em;
}



img, a img {
	border: none;
}

/* Links- bzw. Rechtsausrichtung f&uuml;r Elemente
--------------------------------------------------------------------------------------- */

.link {
	float: left;
	margin: 0 0.5em 0 0;
}

.rechts {
	float: right;
	margin: 0 0 0 0.5em;
}

/************************Layoutelemente**************************/

#wrapper {
	margin: 20px auto;
	width: 940px;
	background: #FFF;	
	border:5px solid #BF9C2B;
}

* html #wrapper { 
	width: 960px; 
	margin:10px auto;
}

/**************Logo mit &Uuml;berschrift****************/
#metainformation {
	background: #CC3300;
	overflow: hidden;
	position: relative;	
	width: 940px;
	border-bottom:10px solid #FFF;
	clear:both;
}
	
* html #metainformation  { 
	width: 960px; 
} 

#meta_left{
  	width:250px;
  	float:left;
  	padding:5px 0;
}

#meta_left img {
	padding: 10px 0 10px 20px;
}

#meta_right{
  	width:690px;
  	float:right;
}

/****************Metanavigation***************************/
#metanavigation {
	background: #CC3300;
	width: 940px;	
	padding: 0 0 0 0; 
	clear:both;
	height:30px;
	border-bottom: 1px solid #BF9C2B;
}
* html #metanavigation   { 
	width: 960px; 
} 

#metanavigation ul {margin:0; padding:0;}
#metanavigation li {
	float:right;
	list-style-type: none;
	margin:0; padding:0;
}

#metanavigation li a, #metanavigation li a:visited {
	background: #CC3300;
	color: #FFF;	
	float: left;
	margin: 0;
	padding: 5px 10px; 
	border-right: 1px solid #FFF;
	position: relative;
	z-index: 1000;	
	text-decoration:none; 
}

#metanavigation li a:hover {
	background: #58210c url(bilder/nav-hover.jpg) bottom left repeat-x;
	text-decoration: underline;
}

#metanavigation li a.active {
	background: #FFEBCC url(bilder/nav-active.jpg) top left repeat-x;
	color: #000;	
	text-decoration: underline;
}

/***********************Hauptnavigation****************************/
#navigation {
	background: #CF9B5F url(../bilder/nav-bg.jpg) bottom left repeat-x;
	width: 940px;	
	padding: 0 0 0 0;
	border-bottom:5px solid #FFF;
	clear:both;
	height:50px;
}

* html #navigation   { 
	width: 960px; 
} 

#navigation ul {margin:0; padding:0;}
#navigation li {
	float: left;
	list-style-type: none;
	margin:0; padding:0;
}

#navigation li a, #navigation li a:visited {
	background: #CF9B5F url(../bilder/nav-bg.jpg) bottom left repeat-x;
	color: #CC3300;	
	float: left;
	margin: 5px 0 5px 0;
	padding: 10px 15px;
	text-transform: uppercase;
	border-right: 1px solid #BF9C2B;
	position: relative;
	z-index: 1000;	
	text-decoration:none;
	font-weight:bold;
}

#navigation li a:hover {
	background: #58210c url(../bilder/nav-hover.jpg) bottom left repeat-x;
	text-decoration: underline;
}

#navigation li a.active {
	background: #FFEBCC url(../bilder/nav-active.jpg) top left repeat-x;
	color: #000;	
	text-decoration: underline;
}

/***********************Inhalt***************************/

#content {
	clear: both;
	float: left;
	width: 430px;
	padding: 0 20px 20px 20px;
	border-top:20px solid #CC3300;
}

* html #content { 
	width: 430px; 
} 

#content_main {
	clear: both;
	float: left;
	width: 900px;
	padding: 0 20px 20px 20px;
	border-top:20px solid #CC3300;
}

* html #content_main { 
	width: 920px; 
} 

#content_main  ul {
	color:#774C20;
	padding: 0 0 0 20px;
}

.liste li {
	background: transparent url(bilder/bullet.jpg) 0 8px no-repeat;
	padding: 5px 0 5px 20px;
	border-bottom: 1px solid #ffcc99;
	list-style-type: none;
}

#nebeninformation {
	float: right;
	width: 470px;
	padding: 0; 
	border-top:20px solid #CC3300;
}

#suchen input {
	background: #fff;
	padding: 5px;
	color: #774C20;
	border: 2px solid #cc9966;	
	font: 1.1em "Arial", Helvetica, Verdana, sans serif;	
	margin: 3px 3px 3px 0;
	width: 200px;
	w\idth: 220px;	
	float: left;
}

#suchen p {
	font: 0.9em "Arial", Helvetica, Verdana, sans serif;	
	color: #774C20;
	padding: 10px 0 0 0;
}

#suchen input.button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	float: right;
	width: 43px;
	height: 35px;
}

#siteinformation {
	clear: both; 
	padding: 0;
	color: #ffcc99;
}

/**************Fussnavigation********************/


#footer{
  width:940px; /*leave this value as is in most cases*/
  clear:both; 
  background: #CC3300; 
  color:#FFF;
  margin:0;
  padding:0;
  height:25px;
}

* html #footer {
    width:960px; 
}
#footer p {
	  color:#FFF;
          padding: 5px 0;
          margin:0;
          padding:5px 0 0 0;
}
 
 

* html #footer {
   width:920px; /*width of menu*/
}
 

#footer  a{
  font:0.9em Arial,Helvetica,Verdana,sans serif;
  color: white;  
  width:100px;
  padding:0 20px;height:25px;
  text-decoration: none;
  border-right: 1px solid #F6EFDE;	 
}

 


