ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd,div
{ margin:0; padding:0 }

/*generelle Formatierungen*/

body { 
		font-family:arial,times new roman,sans-serif;
		font-size: 100.01%;
		text-align:center;
		background-color:#FDF1DF;
}


.cc-message {
	font-size:.9em;
	padding: 5px;
	color:#FEF9F2;
}

div#clear-both {
	clear:both;
}

div#clear-l {
	clear:left;
}

div#clear-r {
	clear:right;
}

hr {
background:#914d2a none repeat scroll 0%;
		border:0pt none;
		height:1px;
		margin:25px 0;
}

div#Seite {
	width:100%;
	max-width: 980px;
    text-align: left;
    background-color:#EFCE94;
	margin: 0 auto;
	border-left: 20px solid #914d2a;
  }
	

div#Banner {
		background-color:#914d2a;
}	

div#Banner img {
		width:100%;
		max-width:980px;
		height:auto;
}	


/*Menüformatierungen*/

div#Menue {
		float:left;
		width:190px;
}

div#Menue ul {
		list-style-type:none;
		padding:0;	
		margin:35px 0;
}	

div#Menue li {
		text-decoration:none;	
		margin:16px 0;
		font-size: 1em;	
		background-color:#F5E7CD;
		text-align:center;
		
}

div#Menue a {
		color: #58301C;	
		text-decoration:none;	
		border:1px solid #F5E7CD;
		display:block;
		padding:3px 0 3px 0;
}

div#Menue a:hover {
		color:#5D7D43;
		border:1px solid #5D7D43;
		background-color:#EFCE94;	
}

div#Menue p {
text-align:center;
color: #58301C;
font-size: .85em;	
}


.open, .close  {
		display:none;
}

.menu-info  {
		display:none;
}

/* Rechte Spalte - Textinhalte */

div#Inhalt {
	margin: 0 0 0 190px;
    padding: 0;		
	 min-height:300px;	
	 background-color:#FEF9F2;
  }


/* Absätze und Überschriften */

div#Inhalt .titel {
	padding: 30px 0 0 0;
	text-align:center;
    font-size: 1.8em;
	font-weight:normal;
	letter-spacing: 3px;
}

div#Inhalt .text {
		color:#58301C;
		margin: 0 40px;
		padding: 0 0 20px 0;
}

div#Inhalt .text p {
		font-size:1em;
		color:#58301C;
		margin: 5px 0 15px 0;
}
	
div#Inhalt .text h1 {
    font-size: 1.1em;
		padding:15px 0 1px 0;
		color:#58301C;
		text-align:center;	
  }
	
div#Inhalt .text h2 {
    font-size: 1em;
    margin: 20px 0 30px;
		padding:1px 0 0 0;
		color:#58301C;	
		text-align:center;		
  }
	
div#Inhalt .text h3 {
    font-size: .75em;
    margin: 5px 0 5px 0;
		padding:1px 0 0 0;
		color:#58301C;	
		text-align:center;	
  }
		
	
/* Links im Text */
	
div#Inhalt .text a  {
		color:#58301C;
		border-bottom:1px solid #5D7D43;
		text-decoration:none;
}	

div#Inhalt .text a:hover {
		background-color: #F5E7CD;
		color:#5D7D43;
		border-bottom:1px solid #F5E7CD;
}

/* Aufzählungen im Text */

div#Inhalt .text ul, ol {
		margin:0 0 0 30px;
}


div#Inhalt .text li {
		font-size:1em;
		padding:4px 0 15px;
}

div#Inhalt .text li li {
		font-size:1em;
		padding:2px;
}


/*Bilder im Text*/	
	
.img-r {
    font-size: 0.7em;
    float: right; 
		padding: 5px;
		margin:0 0 15px 30px;
		background-color:#F5E7CD;
		color:#58301C;
		text-align:center;
		max-width: 310px;
}

.img-r img {
		max-width: 310px;
		width:100%;
		height:auto;
}

/* Sorten - Bilder und Unterschriften  */	

.sorten {
		font-size:.75em;
		color:#58301C;
		text-align:center;
		padding: 5px;
	 	background-color:#F5E7CD;
		width:220px;
		margin:0 60px 10px 60px ;
		float:left;
}

.sorten img {
		margin-bottom:5px;
		width:100%;
		max-width:220px;
}

.sorten h3 {
		font-size:1.1em !important;
}


/*Fußzeile*/	

div#Fusszeile {
		font-size:0.75em;
		padding:5px 0px 5px 0px;
		color:#914d2a;
		background-color:#EFCE94;
		width:100%;
		max-width: 980px;
		margin:0 auto;
		text-align:right;
		border-bottom:7px solid #914d2a;
}

div#Fusszeile p  {
		padding: 0 30px 0 0;
}	

div#Fusszeile a  {
		color:#914d2a;
		padding: 0 5px 0 0;
}	

div#Fusszeile a:hover {
		background-color: #F5E7CD;
		color:#914d2a;
}



/**************************
* form.css
* Felder des Formulars formatieren
* 
* 24-10-2005 12:41
**************************/


/* Tabelle, in der das Formular aufgebaut wird */	

/*Ueberschrift*/

.fHead {
	background-color:#fff;
	border:none;
}


.ftable {
	background-color:#FDF1DF;
	margin: 30px 0 10px 0px;
	font-size:1.2em;
	width:70%;
	border:1px solid #58301C;
	text-align:left;
	 }	

/* Rückmeldungen bei falscher Eingabe */
.fUserfeedback {
	padding:10px 8px 10px 20px;
	color:#58301C;
	background-color:#EFCE94;
	border-bottom:1px solid #58301C;
	 }

/* Tabellenspalte für Bezeichnung der Felder, Eingabe ok oder nicht ok */
.fInputNotOk {
	background-color:#FDF1DF;
	color:#58301C;
	font-weight:bold;
	margin:4px 15px 0 0;
	
 }
	
.fInputOk {
	background-color:#FDF1DF;
	color:#58301C;
	margin:4px 15px 0 0;
	font-weight:bold;
 }	
	

/* Tabellenspalte für Eingabefelder */	
.fContent {
	padding:3px 8px 3px 25px;
	background-color:#FDF1DF;
	color:#58301C;
			 }

/* Eingabefelder */	
.fContent input {
	background-color:#ffffff;
	color:#58301C;
	width:90%;
	padding:3px 8px 3px 8px;
	 }

/* Eingabefeld "TEXTAREA" 

.fTextareaCaption:after {
	clear:all;
 }
 
 .fTextareaContent:after  {
	clear:left;
	}*/	
	
.fTextareaCaption {
  background-color:#FDF1DF;
	color:#58301C;
	padding:10px 0 0 35px;
	font-weight:bold;
 }


 
/* Inhalt von TEXTAREA */		

.fTextareaContent  {
	background-color:#FDF1DF;
	margin:5px 0 20px 15px;
	padding:0;
}		

.fTextarea	{
	width:85%;
	margin:5px 0 10px 0;
}	

/* Beschriftung und Rahmen Absendeknopf */

.fSubmit {
	padding:5px;
	background-color:#fff;
	color:#58301C; }

.fSubmit input {
	border:1px solid #58301C;
	background-color:#fff;
	color:#58301C;
	width:150px;
	height:30px;
	font-weight:bold;
	font-size:1em;
	 }

/* Einsendenknopf "hover" */	
.fSubmit input:hover {
	text-decoration:none; 
	background-color:#FDF1DF;
		color:#58301C;
	}
	

/* neue */


.fReq {
	padding:3px 8px 3px 8px;
	text-align:center;
	background-color:#FDF1DF;
	color:#000;
	float:left;
	width:5%;
}

.fdatenschutz {
		margin:0px 0 10px 30px;
}

.fTDLeft, .fTDRight {
		color:#58301C;	
}

.fTDLeft {
	font-weight:bold;
	border-bottom:1px solid #58301C;
	padding: 10px 0;
}

.fTDRight {
	margin:0 0 5px 0;
}

.daten {
	border:1px solid #58301C;
	margin:15px 10px 0 0;
	width:150px;
	text-align:center;
}

.daten a {
	display:block;
	background-color:#fff;
	padding:10px;
	color:#58301C;
	font-weight:bold;
	font-size:.9em;
	text-decoration:none;
}

.daten a:hover {
	background-color:#FDF1DF;
}

/* Menü */

@media screen and (max-width: 730px){

div#Seite {
		padding:0px;
		margin:0px;
		border-left: none;
}



/* Menü */
  
  .main li {
    float: none;
    width: 100%;
  }
 
  .main a {
		display:block;
		text-align:center;
		font-size:1em;
		padding: 10px !important;
  }
  
.main a:hover {
		color:#5D7D43;
		border:1px solid #5D7D43;
		background-color:#EFCE94;
				
}

div#Menue {
	width: 100%;
}
  
div#Menue ul {
		margin: 11px 0;		
}


div#Menue p {
		margin-bottom: 15px;		
}

#back {
	display: none;
}

.menu-btn {
    display: block;
    position: absolute;
    right: .5em;
    top: .5em;
		background-color: #FFF;
		opacity: 0.85;
		filter:Alpha(Opacity=90);
		font-weight:bold;
		border:1px solid #4b4e40;
		border-radius: 8px;
	 }
  
  .menu-btn a {
    display: block;
    height: 2.8em;
    line-height: 1.7;
    text-decoration: none;
		color: #4b4e40;
		padding: 16px 6px 0;
  }
  
  a.open {
    display: block;
  }

  a.close,
  #menu-open:target a.open {
    display: none;
  }
  
  #menu-open:target a.close {
    display: block;
  }
  
  .wrapper {
    padding-top: 1px /*collapsing margins verhindern*/;
    position: relative;
  }
  
  .main {
    background: #fff;
    padding:0 ;
    height: .01em;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: 0;
	left: 0;
    width: 100%;
	-webkit-box-shadow: 12px 12px 12px -2px rgba(0,0,0,0.40);
		-moz-box-shadow: 12px 12px 12px -2px rgba(0,0,0,0.40);
		box-shadow: 12px 12px 12px -2px rgba(0,0,0,0.40);
  }
  
  .main ul {
    overflow: hidden;
 }
  
  .main,
  .header {
    -webkit-transition: .5s;
    transition: .5s;
  }

.menu-info {
		display:block;
}	

  #menu-open:target .main {
    height: 10%;
		border-bottom:1px solid #847e7e;
  }
  
  #menu-open:target .header {
    border-top: none;
  
  }

/* Titel und Inhalte display:none;*/
	
div#Inhalt {
		margin:0;
		padding:0;
		width: 100%;
}

div#Inhalt .img-r {
		float:none;
		margin: 0 auto 30px auto;
}


div#Inhalt .text {
		color:#58301C;
		margin: 0 20px;
}

div#Inhalt .text h2 { 
		text-align:center;
}


div#Fusszeile {
		border-left: none;
		border-bottom:1px solid #914d2a;
}


.ftable {
	width:100%;
	 }	

}