@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
}

html,input,textarea,select {
	font-family: "arial", "verdana", "sans-serif";
	font-size: 12px;
	color: #000;
}

h1,h2,h3 {
	margin: 0; padding: 1.5em 0 0 0;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

h2,h3, .arec_img h1{
	font-size: 19px; padding-top: 1em;
	font-weight: normal;
	color: rgb(84,138,7); /* green */
}

h3 {
	margin: 0; padding: 0;
	font-size: 16px; color: rgb(100,100,100);
	font-weight: normal;
}

a {
	color: rgb(84,138,7); /* green */
  text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p,ul, ol, address,table,form {
	margin: 0.5em 0;
	line-height: 1.5em;
}

ul, ol, table, form{
	padding-left: 0em; margin: 1em 0;
}

li {
	list-style: square;
	margin: 0.3em 0;
}

big {
	font-size: 1.2em;
}

small {
	font-size: 0.8em;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	font-size: 0.8em;
	color: rgb(128, 0, 0);
}

ins {
	color: rgb(0, 128, 0);
}

/* imgs */
img {
	border: none;
}

div.photo img {
	background: #FFF;
	padding: 5px;
	border: 1px solid #C0C0C0;
}

div.border img {
	border: 1px solid rgb(150, 150, 150);
}

/* tables */
table {
	border-collapse: collapse; border-spacing: 0;	border: none;
	font-size: 1em; margin: 1em 0; width: 100%;
}

th,td {
	padding: 0.3em 1em;
	text-align: left; color: #000;
}
thead{ 
	border: 1px solid #e3e3e3;
	border-bottom: none;
}
tbody{
	border: 1px solid #f0f0f0;
	border-top: none;
}
th{
	color: #696969; /* gray */
	background: #f0f0f0; /* light gray */
}
tr.odd {
	background: #fff;
}

tr.even {
	background: #f9fff3; /* very light green */
}
th.right, td.right{
  text-align: right;
}
th.center, td.center{
  text-align: center;
}

/* other */
.dummy {
	clear: both;
}

p.message, p.successful {
	padding: 0.5em;
	margin: 1em 0;
	border: 2px solid rgb(100, 100, 100);
	color: rgb(80, 80, 80); /* gray */
  background: #f0f0f0; /* light gray */
}
p.successful{
  background: #d9ffda;
  border-color: #009504;
}
p.error{
  background: rgb(250,200,200);
  border-color: rgb(200,0,0);
  color: #000;
}

#content_inner li {
	list-style: none; padding: 0 0 0 20px;
  background: url("../images/li.gif") 0 3px no-repeat;
	line-height: 18px;
	list-style: none;
	margin-left: none;
	padding-left: 20px;
}

form.contactform div.optional {
	display: none;
}
.arec_float_left h1, .arec_float_left h2, .arec_float_right h1, .arec_float_right h2{
}
div.preis_button{
	height: 69px; margin: 0.5em 0;
}
div.preis_button div.preis, div.preis_button div.button{
	float: left; margin-right: 3px;
}
div.preis, div.button{
	padding: 6px 0 0 11px; height: 61px; width: 89px;
  background-color: #f9fff3; /* very light green */
  border: 1px solid #a4d07a; /* light green */
}
div.preis{
	 width: 149px;
}
div.preis p, div.button p{
	margin: 0; padding: 0; line-height: 1.1em;
}
div.preis p.info{
  color: #000; font-weight: bold;
}
div.preis p.preis{
  color: #68b022; /*green*/ font-weight: bold; font-size: 22px;
}
div.preis p.preis span{
	font-size: 0.8em;
}
div.preis p.mwst{ 
  color: rgb(156,152,149); /*light grey*/ font-size: 12px;
}
div.button{
	padding-left: 0; width: 100px; text-align: center;
	background-position: center 20px;
	background-repeat: no-repeat;
}
div.button.anfrage{
  width: 70px;
  background-image: url("../images/icon_Anfrage.gif");
}
div.button.details{
  background-image: url("../images/icon_Details.gif");
}
div.button p{
	margin: 0; padding: 0; width: 100; height: 100%;
	color: rgb(251,125,12); /*orange*/ font-weight: bold;
}
div.button p a{
	display: block; width: 100%; height: 100%; text-decoration: none;
}
div.button p a:hover{
	text-decoration: underline;
}



/* form */

input.text, textarea, select{
	border: 1px solid rgb(235,235,235);
}
input.text{
	width: 200px !important; padding: 3px !important;
	height: 17px !important; line-height: 17px !important;
	background: url("../images/input_bg.gif") top left repeat-x transparent;
}
select{
	width: 207px !important;
  background: url("../images/input_bg.gif") top left repeat-x transparent;
}
option{
	background: #FFF;
}
textarea{
	background: url("../images/textarea_bg.gif") top left repeat-x transparent;
	heigth: 215px !important; width: 380px !important;
}
div.submit input, input.button{
	height: 25px; line-height: 25px; padding: 0 1em;
	color: #FFF; font-weight: bold;
	background: url("../images/input_submit.gif") top left repeat-x;
	border: none;
}
form div{
	padding: 3px 0 !important; margin: 0 !important;
	border-bottom: 1px solid rgb(235,235,235);
}
form div.text, form div.select, form div.html{
	width: 305px;
}
form div.error{
	padding-left: 95px !important; width: inherit !important;
}
label{
	text-align: right; font-weight: bold;
	width: 85px !important; margin-right: 10px !important;
}
input.text:focus, select:focus{
  border-color: #a4d07a;
  background-image: url("../images/input_focus_bg.gif");
}
textarea:focus{
  border-color: #a4d07a;
  background-image: url("../images/textarea_focus_bg.gif");
}