/*------------------------------------------------------------------ Diverse CSS ----*/

body {
	margin: 0 auto;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(bg.jpg) repeat-x left top #f8efd2;
}
dl {
}
dt {
	margin:0;
	padding:0px;
}
dd {
	margin:0;
	padding: 0px 0 0 40px;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 1em 0 1em 0em;
	font-size: 1em;
	color: #993400;
	padding: 0;
}
h3 {
	background: url(h3_tren.jpg) center no-repeat;
	margin: 0.5em 0 0.2em 0em;
	height: 50px;
	clear: both;
}
h3.wein {
	height:50px;
	background: url(h3titel.gif) no-repeat left;
	margin: 1em 0 1em 3.8em;
	padding: 0em 0 0 3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #8A9E11;
	font-size: 1.3em;
}
p {
	line-height: 1.5em;
	font-size: 0.8em;
	margin: 0;
	padding: 0 0 10px;
}
p.titel {
	line-height: 1.5em;
	font-size: 0.8em;
	margin: 0;
	padding: 15px 0 10px 0;
}
p.vorn {
	color:#8A9E11;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height: 2em;
	font-size: 0.8em;
	margin: 0;
	padding: 20px 0 0px 0;
}
ul {
	list-style-type:none;
}
li {
	list-style-type:none;
}
acronym {
	border-bottom: 1px dashed #8B7D6B;
}
em {
	color:#8A9E11;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
img{padding:4px;}
/* -------------------------------------------------------------------Hacks -----------------*/
/*-- Fuer IE6 --*/
* html #navi ul {
	padding:0px 0 0 84px;
	width:220px;
}
* html .letter {
	color:#8A9E11;
	font-size: 2.5em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: none;
	margin: 0;
	padding: 0;
	line-height: 0.9em;
}
/* Hides from IE5-mac \*/
/* html #inhalt ul li {height: 1%;}
/* oder 
#inhalt ul li a { display: inline-block; }
#inhalt ul li a { display: block; }
 */
 
 /* --------------------------------Typografie------------------------------------------- */
.bold{ font-weight:bold;}
strong {
	color:#9A3006;
}
.right{
	margin: 0 0 10px 10px;
	float: right;
 }
 .rebe{
	margin: 0 0 10px 10px;
	float: right;
	border: 1px solid #C4D84F;
	width: 83px;
 }
 .letter
{
	float: left;
	color:#8A9E11;
	font-size: 2.5em;
	padding: 5px 5px 5px 0;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;

}
/* --------------------------------Footer Bereich------------------------------------------- */
	
/*---------------------------------------------------------------Globale Links---- */

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
/*---------------------------------------------------------------Navigation---- */

#navi {
	margin:0;
	padding:50px 0 0 0;
	width: 304px;
	float: left;
}
#navi ul {
	padding:0px 0 0 84px;
	display: block;
	margin: 0;
}
#navi li {
	color:#f8efd2;
	background: url(but.gif) 0 10px no-repeat;
	line-height: 2em;
	padding:0 0px 0 15px;
	margin:0 0px 0 25px;
	color:#cedc80;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-weight: bold;
}
#navi ul li a {
	width:140px;
	display:block;
	border-bottom:#f8efd2 dashed 1px;
	color:#f8efd2;
}
#navi ul li a.home {
	color:#cedc80;
}
#navi ul li a:hover {
	color:#cedc80;
}
#navi ul li a:active {
	color:#F8EFD2;
}
#navi ul li.bild, #navi ul li.gugl, #navi ul li.flasche 
{
	display: block;
	border:none;
	width: 220px;
	margin: 0;

} 
#navi ul li.bild {
	height:255px;
	padding: 10px 0;
	background: url(traub_st.jpg) no-repeat;
}
#navi ul li.gugl {
	padding: 10px 0;
	height:50px;
	background: url(gugl.gif) no-repeat center;
}
#navi ul li.flasche {
	height:300px;
	padding: 0px 0;
	background: url(flasche.jpg) no-repeat left;
}

.bgtipp  #content, .bgplease #content  {
	background: url(content.gif) repeat-y top left;
	padding-bottom: 0px;
}
.bgplease  #intro {
	background: url(head.jpg) no-repeat top left;
	position: relative;
}
.bgtipp  #intro {
	background: url(head_tipp.jpg) no-repeat top left;
	position: relative;
}

#content {
	width:840px;
	margin: 0 auto;
}
#mein {
	width:840px;
	text-align: left;
	margin: 0;
	position: relative;
}
#intro {
	width: 840px;
	position: relative;
}
#zitat {
	color:#626E08;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	margin: 1em 0 1em 4.3em;
	background: url(h3titel.gif) no-repeat left;
	height: 50px;
	padding: 0em 0 0 3em;
}

#zitat p {
	font-size: 0.7em;
	padding: 0;
	margin: 0;
}
#zitat em{
	color:#626E08;
}
#flash {
	width: 510px;
	margin: 0 0 0 306px;
	height: 200px;
	padding: 0;
	position: relative;
}
#inhalt {
	margin: 0 20px 0 50px;
	width: 460px;
	float: left;
}
#inhalt  a {
	text-decoration: underline;
	color: #890F0C;
}
#inhalt  a:hover {
	text-decoration: none;
	color: #626E08;
}

.impressum{
	padding:0 0 0 5em;
}

/* --------------------------------Footer Bereich------------------------------------------- */
#footer {
	background: url(footer.jpg) no-repeat top right;
	width: 840px;
	height: 126px;
	padding: 0px 0 0 0px;
	position: relative;
}
#footer ul {
	margin:0;
	padding: 70px 0 0 240px;
}
#footer ul li {
	margin:0;
	display:inline;
	background: url(but_rot.gif) no-repeat left;
}
#footer ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-weight: bold;
	padding:0 10px 0 20px;
	color:#890F0C;
	font-weight: bold;
	letter-spacing: 1px;
}
#footer ul li a:hover {
	color:#626E08;
}
/* Dummy, um das Floaten von Elementen zu beenden */

.nofloat {
	clear: both;
	visibility: hidden;
	height:0px;
}
/*------------------------------------------------------------------Formular, Fehlermeldungen, PHP, Karierre----*/
	
	.formarea {
	border:1px solid #C4D84F;
	position: relative;
	
}
.formfield {	
  
	background-color:#F8EFD2;
	border:1px solid #C4D84F;
}
.formfielde {
	background-color:#F8EFD2;
	border:1px solid #C4D84F;
}
.formerror {font-size: 0.8em;
	color:#993400;
	margin: 0;
}
.formbutton, .formbuttonh {
	cursor: pointer;
	color: #FDF7E9;
	background-color: #626E08;
	font-size: 0.8em;
	font-weight: bold;
	border: none;
	letter-spacing:0.4em;
	margin: 0px;
	width:100px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
select {height:20px;
	width:310px;
}
/* ----- Hack only for IE 7 ----- */
*+html select {height:20px;
	width:300px;
   font-size: 0.8em;
   
} 
option {font-size: 0.8em;
	
}
textarea {
	width:400px;
	border:1px solid #666;
}
.formbuttonh { 
	background-color: #626E08;
}
.formbuttonspan {
	padding:1px;
	border: 1px solid #cedc80;
	width:100px;
	margin-top:10px;
}
.formfieldmarkedinfo {font-size: 0.8em; padding:0px; text-align:left;
}
.reg {font-size: 0.8em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #6A5E56;
	text-decoration:none;
}
.reg a {
	font-size: 0.8em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #8A8883;
	text-decoration:none;
}
.reg a:hover {
	color: #CC0000;
	text-decoration:none;
}