html {
	background: #f0e3c9 url(img/bg-html.gif) 40px 0 repeat-y;
}

body {
	font-size: 0.8em;
	font-family: "Trebuchet MS";
	color: #393939;
	background: url(img/bg-body.png) 0 29px repeat-x;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#main {
	background: url(img/header-pflanzliche-hilfe-bei-darmerkrankungen.jpg) no-repeat;
	width: 1020px;
}

div#navisat {
	clear: left;
	text-align: right;
	width: 1020px;
	padding: 5px 0px 5px 0;
}
div#navisat a { color: #393939; margin: 0 5px 0 5px; font-size: 0.9em; }
div#navisat a:hover {text-decoration: none; }
div#navisat a.aktiv { font-weight: bold; text-decoration: none; }


div#navi {
	clear: left;
	width: 260px;
	float: left;
	font-size: 1.2em;
	margin: 30px 0 0 40px;
}

*html div#navi {
  margin: 30px 0 0 20px;
  overflow: hidden;
}


div#content {
	margin: 0 0 0 300px;
	padding: 270px 35px 60px 30px;
	width: 640px;
}

*html div#content {
  padding-left: 35px;
}

div#content a {
	color: #65320c;
}

div#content a:hover {
	text-decoration: none;
}

a.pfeil {
	display: block;
	background: url(img/pfeil-link.gif) 0 7px no-repeat;
	padding: 0 0 0 20px;
	margin: 5px 0 0 0;
}

a span { text-decoration: none !important; }

p {
	margin: 0;
	padding: 0 0 20px 12px;
}

q {
  quotes: "„" "“";
}

ul.navi {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.navi a {
	text-decoration: none;
	color: #65320c;
	display: block;
}

ul.navi a:hover {
	text-decoration: none;
	color: #ead09f;
	font-weight: bold;
	display: block;
	background: #512811 url(img/pfeil-navi-aktiv.gif) 0 2px no-repeat;
}

ul.navi li {
	display: block;
	margin: 0 0 1px 0;
}

*html ul.navi li {
  height: 100%;
}

ul.navi li a {
	padding: 7px 15px 7px 15px;
}

*html  ul.navi li a{
padding: 4px 15px 5px 15px;
}

ul.navi li.aktiv {
	background: #512811 url(img/pfeil-navi-aktiv.gif) 0 2px no-repeat;
}

ul.navi li.aktiv a {
	color: #ead09f;
	font-weight: bold;
}

ul#navi2 {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

ul#navi2 li { }
*html ul#navi2 {
  margin-bottom: 10px;
}
ul#navi2 li a {
	padding: 3px 15px 3px 25px;
}

*html  ul#navi2 li a{
padding: 2px 5px 0px 25px;
}

ul#navi2 li.normal a { font-weight: normal !important; }
ul#navi2 li.aktiv {
	background: #512811 url(img/pfeil-navi2-aktiv.gif) 15px 9px no-repeat;
}
ul#navi2 li.aktiv a {
	font-weight: bold !important;
}
ul#navi2 a:hover { background: #512811 url(img/pfeil-navi2-aktiv.gif) 15px 9px no-repeat; }

ul#navi3 {
	margin: 0;
	padding: 0;
}
ul#navi3 li a {
	padding: 3px 15px 3px 35px;
	font-weight: normal !important;
}
*html ul#navi3 li a{
  padding-left: 35px;
}

ul#navi3 a:hover { background: #512811 url(img/pfeil-navi2-aktiv.gif) 25px 9px no-repeat; }

ul#navi3 li.aktiv {
	background: #512811 url(img/pfeil-navi2-aktiv.gif) 25px 9px no-repeat;
	font-weight: bold !important;
}

ul#navi3 li.normal a { font-weight: normal !important; }
ul#navi3 li.aktiv a { font-weight: bold !important; }

div.spalte {
	float: left;
	width: 300px;
	margin: 0 40px 0 0;
	padding: 0 0px 10px 0;
}

div.spalte img { margin: 0 0 10px 0; }
div.spalte p { padding: 0px 0 20px 25px; }

*html div.spalte {
	float: left;
	width: 300px;
	margin: 0px;
}

div.spalteR { margin-right: 0; }

*html div.spalteR{
  	padding-left: 20px;
}

div#content ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
}

div#content ul li {
	padding: 0 0 0 10px;
	margin: 2px 0 2px 0;
	background: url(img/li.gif) 0 6px no-repeat;
}

div#content ul li.site {
	padding: 0 0 0 10px;
	margin: 2px 0 13px 0;
	background: url(img/li.gif) 0 6px no-repeat;
}

h1 {
	font-size: 1.8em;
	font-weight: normal;
	color: #65320c;
	margin: 0 0 15px 0;
	padding: 0;
}

h2 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 15px 0 5px 0;
	padding: 0px 0 0 12px;
	color: #65320c;
}

h3 {
  font-size: 1.2em;
}
*html div h3.left {
  padding-left: 7px;
}

h4 {
	font-size: 1em;
	margin: 0;
  	padding: 0;
  	color: #65320c;
  	font-weight: bold;
}
div.spalte h4 {
  padding-left: 25px;
}


img.rechts, div.rechts {
	display: block;
	float: right;
	padding: 3px 0 20px 20px;
}

img.img_spalte {
  padding-left: 12px;
}

.clear { clear: left; }
.clear_r { clear: right; }

div.formL {
	clear: left;
	width: 150px;
	float: left;
	margin: 0 0 5px 15px;
}

*html div.formL {
  margin-left: 7px;
}

div.formR {
	margin: 0 0 5px 150px;
}

input, textarea {
	font: 1em "Trebuchet MS" Arial sans-serif;
}

input.inp, textarea.text {
	border: 1px solid #65320c;
	width: 305px;
}

.formL textarea {
  width: 455px;
}

.inpplz { width: 50px !important; }

input.button {
	border: 1px solid #65320c;
	background: #65320c;
	color: #fff;
	width: 200px;
}

.table_left {
  float:left;
  vertical-align: top;
  width:130px;
  margin-bottom: 14px;

}

.table_right {
  float: right;
  vertical-align: top;
  width: 305px;
  padding-bottom: 7px;

}

.table_all {
  float:left;
  vertical-align: top;
  width:300px;
  margin-bottom: 14px;
}

.table_all_right {
  float: left;
  vertical-align: top;
  padding-bottom: 7px;
}

fieldset { border: 0}
table input, textarea, select { border: 1px solid #65320c; color: #000; width: 305px; }

.kontakt textarea {width: 500px;}

.plz { width: 47px; }
.ort { margin-left: 3px; width: 248px; }
.radio { border: 0px; width: 20px; float: left; }
.upload { width: 275px; }
.anschreiben { width: 435px; height: 125px; }
label.anrede { float: left; margin: 0px; margin-left: 5px; margin-right: 10px; width: 40px; padding-top: 2px;}

font.fehler, .hinweis { color: red; }
input.fehler, textarea.fehler, select.fehler { border: 1px solid #f00; }

div#dtelelogo { position: absolute; right: 0; bottom: 0; padding: 0 3px 2px 0; }
div#dtelelogo img { border: 0; }

.chat_kasten {
  position: relative;
  clear: left;
  float: left;
  width: 641px;
  background: #e4d7ab url(img/bg_chat_teaser.gif);
  padding: 0;
  color: #65320c;
  margin: -60px 0px 20px 10px;
  border: 1px solid #65320c;
}

.chat_kasten2 {
  margin-top: 0;
}

*html div.chat_kasten {
  margin-top: 20px;
}

*+html div.chat_kasten {
  margin-top: 20px;
}

.chat_kasten img.chat-symbole { position: absolute; top: 10px; left: 10px; }
.chat_kasten img.chat-experten { position: absolute; bottom: 0; left: 0; z-index: 0; }

.chat_kasten h2 {
  margin: 0px;
  padding: 10px 10px 20px 90px;
  color: #65320c;
  font-size: 20px;
  font-family: "Trebuchet MS";
}

.chat_kasten p {
  color: #65320c;
  padding: 0 10px 10px 90px;
}

.chat_kasten p.info { padding-left: 185px; position: relative; z-index: 999; }

.chat_kasten a { background: #65320c; padding: 0 10px 3px 10px; border: 0 !important; }
.chat_kasten img { border: 0 !important; }

.chat_kasten p strong {
  font-size: 14px;
}

.chat_kasten a {
  display: block;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #f0e3c9 !important;
  background: #65320c url(img/pfeil.jpg) 7px 10px no-repeat;
  padding-left: 30px;
  font-size: 15px;
  height: 25px;
  line-height: 25px;
  margin-bottom: 1.5em;
}

.chat_kasten a.no-arrow { background: none !important; padding: 0 !important; }

#chat { width: 675px; height: 500px; border: 0; padding: 0; background: none; border: 1px solid #f0e3c9; }

.teaser { font-size: 13px; width: 642px; height:230px; border: 1px solid #ead2a2; background:#65320c url(img/phone.png) no-repeat 97% 25px; color: #f0e3c9; margin: 0 0 30px 10px; position: relative; }
.teaser h2, h2.braun { color: #f0e3c9; font-size: 18px; margin-bottom: 1em;}
.teaser h3 { font-size: 13px; margin: 10px 0 3px 12px; padding: 0px;}
.teaser p { margin: 0; margin-bottom: 0.5em; padding: 0 12px; }
.teaser a { color: #f0e3c9 !important; background: url(img/pfeil.jpg) 0 7px no-repeat; margin: 15px 0 0 0;}
.teaser strong {
  overflow: auto;
}
.teaser .phone {
  font-size: 1.1em;
  margin-top: 1.5em;
}
.teaser .phone .number {
  float: left;
}
.teaser .phone .description {
  display: block;
  margin-left: 7.5em;
}
.umfrage_pic { position: absolute; top: 0; right: 0;}
h2.braun { font-size: 18px; text-align: center; padding: 0 0 5px 0; margin: 0;}

#broschueren a.image {
  float: left;
  margin-right: 20px;
}
#broschueren a.pfeil {
  display: inline;
  margin-left: 95px;
}

.frage { clear: left; float: left; background: #eddab4; padding: 15px 10px 15px 10px; margin: 0 0 15px 0; width: 640px;}
.frage .textarea { margin: 5px 0 5px 37px; }
.frage .radio {  float: left; width: 20px; margin: 3px 15px 0 0 }  
.frage .radio_nl { border: none;}
.mu-btn-forward, .mu-btn-back { background: none; border: none; float: right; display: block;	background: url(img/pfeil-link.gif) 0 7px no-repeat;	padding: 0 0 0 15px;	margin: 5px 0 0 0; color: #65320c; text-decoration: underline; cursor: pointer;}
.mu-btn-forward:hover, .mu-btn-back:hover { text-decoration: none;}
.mu-btn-back { float: left;}
.frage table th, .frage table td { width: 120px !important; }
.frage table .big {width: 160px !important; }
.frage table .small {width: 80px !important; }
.frage table input { width: 30px;}
.dark_row { background: #ead19f;}
.frage .alter { width: 25px; 	border: 1px solid #65320c;}
.frage .email, .frage .name, .frage .vorname, .frage .anschrift { width: 255px; 	border: 1px solid #65320c; margin: 5px 0 0 0px; }
.frage .ort { width: 194px; 	border: 1px solid #65320c; margin: 5px 0 0 0px; }
.frage .plz { width: 55px; 	border: 1px solid #65320c; margin: 5px 0 0 0px; }    

.line { clear: left;}
.umfrage { clear: left; float: left; position: absolute; top: 299px; left: 340px; width: 660px;}
.anrede_text { float: left; margin: 5px 0 0 10px; border:1px solid;}
.lab { float: left; width: 130px; padding: 5px 0 0 0;}
.anrede_text .radio { float: left; width: 20px; margin: 3px 5px 0 10px; }