/* CSS Stylesheet by dialog im netz http://dialog-im-netz.de
grün: #61BB24
orange: #F8F0C9 (Hintergrund von Kasten-orange)							*/

html,blockquote,body,div,dl,dt,dd,fieldset,form,
h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,
table,tr,td,th,thead,tbody,tfoot,caption  {
	margin:0;
	padding:0;
	border:0 none;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	color: black;
	text-align:center;
	background: #D7DCF2 URL(../img/bg.gif) top center repeat-y;
}
a {
	text-decoration:none;
	color: black
}
a:hover {
		color:#0C73A6;
}
td {
vertical-align:top
}
li {
vertical-align:middle
}
img {
border:0 none;
}
div {
	position:relative;
}
div#wrapper {
	width: 890px;
	height: 100%;
	margin: 0 auto;
	text-align:left;
	background-color: white
}
div.top {
	height: 39px;
	width: 100%;
	background-color:#61BB24;
}
a.chlang {
	position:absolute;
	top: 20px;
	right: 20px
}
.blue {
	color: #0C73A6!important ;
}
.eng {
	line-height:normal!important 
}
div.top h1 {
	color:white;
	font-size: 0.8em;
	padding:18px 0 0 12px;
}
div.top2 {
	background-image:url(../img/bg-verlauf.jpg);
	background-position: top right;
	background-repeat:repeat-y;
	background-color: white;
	border-bottom: 1px solid #41002D;
	width: 878px;
	height: 54px;
	margin: 0 0 30px 12px;
}
div.logo {
	position: absolute;
	left: 0;
	top:44px;
	width: 200px
}
div.buttons{
	left:248px;
	top: 22px;
	width:600px;
	height: auto;

}
div.buttons a {
color: white;
font-weight: bold;
font-size:12px;
	background: transparent url(../img/button.gif) 0 0 no-repeat;
	width: 84px;
	height: 22px;
	padding: 6px 0 0 0;
	text-align: center;
	display:block;
	float:left;
	margin-right: 6px
}
div.buttons a:hover,
div.buttons a.ac:hover {
	color:#0C73A6;
	background-image: url(../img/butmo.gif);
	}
div.buttons a.ac {
		background-image: url(../img/butac.gif);
}
div.nav3 {
	margin-left: 0;
	width: 200px;
	display:block;
	float: right;
	text-decoration: underline;
	white-space:nowrap;
	position: relative;
}
div.buttons div.nav3 a,
div.buttons div.nav3 a:hover{
text-decoration: underline;
background-image: none;
font-weight: normal;
width: auto;
margin-left: 5px;
float:right;
}
div.buttons div.nav3 a:hover {
color: white;
}


div.left,
div.content,
div.right {
position: absolute;
	height:auto;
	top: 144px
	}
div.left{
	width: 200px;
	margin: 20px 50px 0 15px;
	left: 0
}
div.content{
	width: 350px;
	margin-top: 20px;
	left: 265px;
}
div.right {
left: 625px;
width: 200px;
	margin: 20px 0 0 50px;
}
div.content table td {
	padding: 0 10px 10px 0
}
div.content h2 {
	color: black;
	font-size: 0.8em;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #0c73a6
}
div.content h3,
div.right h2 {
	color: #61bb24;
	font-size: 0.8em;
	margin: 0 0 1em 0
}
div.content h3 a {
	color: #61bb24;
}
div.content p {
	font-size: 0.8em;
	margin: 10px 0;
	line-height: 150%
}
div.content hr {
	height: 1px;
	width: 100%;
	background-color:black;
	margin: 10px 0 0 0 
}

div.right h2 {
	margin-bottom: 0.5em;
	padding-left: 18px
}

div.right p {
	font-size: 0.8em;
	margin-bottom: 1em;
	line-height: 150%;
	padding-left: 18px
}
div.right p a {
	color: black;
	text-decoration:underline
}
div.right li,
div.comtent li{
	color: black;
	margin-left: 18px;
	font-size: 0.75em;
	padding-left: 0;
	line-height: 150%;
	margin-bottom: 1em
}
div.content a {
	text-decoration:underline;
}
div.nav2 {
	background-color: #F8F0C9
}
div.nav2 a span {
	font-size: 0.8em
}
div.nav2 a {
	display:block;
	color: black;
	font-size: 0.8em;
	padding: 7px 5px 7px 30px;
	background: transparent URL(../img/nav2-strichellinie.gif) 0 bottom  no-repeat;
}
div.nav2 h2,
div.navbottom h2 {
	text-align:center;
	color: white;
	letter-spacing: 1px;
	font-size: 14px;
	padding: 4px 0 10px 0;
	background:transparent URL(../img/bg-nav2o.gif) 0 0 no-repeat;
}

div.navbottom h2 {
	background:transparent URL(../img/bg-navb-o.gif) 0 0 no-repeat;
	
}
div.nav2 a:hover,
div.nav2 a.ac {
	color: #0c73a6
} 
div.nav2 a.ac {
		background: transparent URL(../img/pfeil-blau.gif) 0 bottom  no-repeat;
		font-weight:bold;
}
div.nav2 a.ac2 {
	background: transparent URL(../img/nav2-strichellinie.gif) 0 bottom  no-repeat;
		font-weight:bold;
	color: #0c73a6	
} 
div.nav2bottom {
margin-top: 30px;
}
div.subnav {	background: transparent URL(../img/nav2-strichellinie.gif) 0 bottom  no-repeat;
	padding: 4px 0
}
div.subnav a.ac {
		background: transparent URL(../img/pfeil2-blau.gif) 0 4px  no-repeat;
	
}
div.subnav a {
	font-size: 0.75em;
	background: none;
	padding: 3px 5px 3px 30px
}
div.navbottom {
margin-top: 30px;
background-color: #D7DCF2;
}
div.navbottom p {
	font-size: 0.8em;
	padding: 10px 15px 10px 15px;
	line-height: 150%
	
}
div.navbottom p span.tel {
	font-size: 0.9em;
	color: #0c73a6;
	font-weight: bold;
}
p.navkont a {
color: black;
	padding-left: 18px;
	padding-bottom: 2px;
background: transparent url(../img/navpfeil-blau.gif) 0 2px no-repeat;
	text-decoration: underline;
}
p.navkont a.rruf {
	font-weight: normal;
	background-image: none;
}
p.navkont a:hover {
	color: #0c73a6
}
div.kasten-orange {
	background-color: transparent;
	padding-bottom: 1px;
	margin-bottom: 30px
}
div.kasten-orange h2 {
	background-color:#F6AF32;
	text-align:center;
	letter-spacing:1px;
	text-transform: uppercase;
	color: white;
	font-size: 0.8em
}
div.kasten-orange li {
	background: transparent url(../img/navpfeil-orange.gif) 0 4px no-repeat;
	padding-left: 20px;
	list-style:none;
	margin: 10px 5px 10px 10px;
}
div.kasten-orange p {
	margin-top: 15px
}
div.kasten-orange li a,
div.kasten-orange p a {
	font-weight:bold;
	color:black
}
div.kasten-orange img {
	float:left;
	margin: 4px 15px 0 0
}
div.kasten-orange input {
	width: auto;
	vertical-align:middle
}
input.noborder {
	border: 0 none;
	width: 20px;
	vertical-align: middle
}
div.content div.prod,
div.content a.prod {
	float:left;
	width: auto;
	height: auto;
	margin: 0 10px 10px 0;
	font-size: 0.8em;
	color: #666;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	background-color: #fff
}
div.content a.prod img {
	display:block
}
div.content div.prod p {
	font-size: 1em;
	text-align:left;
	width: 220px
}
div.content form td {
	font-size:0.8em	
}
table.prod td {
	vertical-align:bottom
}
p.weiter {
	text-align:right;
}
p.weiter a {
		color:black;
		text-decoration:underline;
}
ul.prodlinks {
	margin-top: 20px
}
ul.prodlinks li {
	list-style: none
}
ul.prodlinks li a {
	font-size:0.8em;
	color: black;
	padding: 7px 5px 7px 20px;
	background: transparent URL(../img/pfeil-gruen.gif) 0 10px  no-repeat;
text-decoration:underline;
}


ul.prodlinks li span {
	font-size: 0.70em
}


p.meldung {
	border: 3px solid red;
	width: auto;
	text-align: center;
	padding: 15px;
	font-weight:bold;
	color: #454712
}

input,textarea, select {
width: 253px;
border: 2px solid #c0c0c0;
margin-bottom: 5px;
}
select {
	width: auto
}
textarea {
	overflow:auto;
}
input.button,
input.anfrage_button_produkte {
	border-width: 1px;
	background-color: #F6AF32
}

label {
	width: 80px;
	position:relative;
	display:block;
}




div.formular_anfrage {
	margin: 5px 0 5px 0;
	font-weight: bold;
	font-size: 0.8em
}
td div.formular_anfrage {
font-size: 1em;
}
div.formular_anfrage_text {
	font-size: 0.8em
}
td div.formular_anfrage_text {
	font-size: 1em;
	padding-bottom: 10px
}
td formular_anfrage_text {
	padding-bottom: 10px;
	font-size: 1em
}
div.formular_anfrage_text p{
	font-size: 1em
}
a.drucken_link {
	border: 1px solid black;
	background-color: #F8F0C9;
	padding: 2px;
	text-decoration: none
}
.klein,
p.klein,
div.content p.klein {
	font-size: 11px;
	line-height: normal
}
div.linie {
height: 1px;
font-size:1px;
background: transparent URL(../img/nav2-strichellinie.gif) 0 0  no-repeat;	
}
div.clear {
	clear:both;
}
div.preload {
	display:none
}


























