/*
 * CSS Definitionen für www.bm-press.de
 * Copyright (c) 2006 BigMammut Webdesign
 *
 */

body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 80%;
  background-image: url(grafik/hg_body.jpg);
  margin: 0;
  padding: 0;
  cursor: default;
}

h1 {
  background-image: url(grafik/head.gif);
	width: 740px;
	height: 50px;
	margin: 0 0 20px 0;
	text-align:center;
	color:#FFFFFF;
}

h1 span{
  display:none
}

#randmain {
  background-image: url(grafik/hg_main.jpg);
	width: 740px;
	margin: 20px auto 0;
	padding: 5px;
}

#main {
  background: #FFFFFF;
	padding: 0px;
}

p {
	margin: 10px 0;
}

.col_left {
  display: inline;
  float: left;
	width: 190px;
	margin: 0;
	padding: 0;
}

.logo_box {
	width: 150px;
	margin: 0 auto 15px;
	padding: 0;
}

.nav_box_border {
  background-image: url(grafik/hg_main.jpg);
	width: 170px;
	margin: 0 0 15px 15px;
	padding: 2px;
}

.nav_box {
  background-image: url(grafik/hg_body.jpg);
	padding: 0;
}

div.nav_box p {
  color: #ffffff;
  background-image: url(grafik/hg_main.jpg);
  margin: 0;
  padding: 4px;
  white-space: nowrap;
	width: 162px;
}

div.nav_box ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 160px;
}

div.nav_box li {
  margin: 0;
  padding: 0;
  display: inline;
}

div.nav_box a {
  color: #000000;
  display: block;
  padding: 4px;
  white-space: nowrap;
  text-decoration: none;
}

div.nav_box a {
  \width: 170px; /* IE5 Hack */
  w\idth: 162px;
}

div.nav_box a:hover {
  background-image: url(grafik/hg_body_hover.jpg);
  color: #FF0000;
  text-decoration: none;
}

.nav_box_in {
  background: #F1E5F5;
  border-color:#7A009D;
	border-style:solid;
	border-width:2px;
	width: 158px;
	margin: 4px;
	padding: 0;
}

* HTML .nav_box_in {
	margin: 4px 1px 4px 4px;
	width: 150px;
}

div.nav_box_in p {
  color: #ffffff;
  background:#7A009D;
  margin: 0;
  padding: 4px;
  white-space: nowrap;
	width: 152px;
}

* HTML div.nav_box_in p { /* IE5 Hack */
	width: 150px;
}

div.nav_box_in ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 152px;
}

div.nav_box_in li {
  margin: 0;
  padding: 0;
  display: inline;
}

div.nav_box_in a {
  color: ;
  display: block;
  padding: 4px;
  white-space: nowrap;
  text-decoration: none;
}

div.nav_box_in a {
  \width: 152px; /* IE5 Hack */
  w\idth: 150px;
}

div.nav_box_in a:hover {
  color: ;
  color: #000000;
  text-decoration: none;
}

.col_middle {
	margin: 0 0 0 205px;
	padding: 0;
}

* html .col_middle { /* IE Hack */
  height: 1%;
  margin: 0 0 0 202px;
}

.content_box {
  background: #FFFFFF;
  border-color:#808080;
	border-style:solid;
	border-width:1px;
	margin: 0 20px 20px 0;
	padding: 10px 10px 5px 10px;
}

.content_box a {
	color:#585858;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#FF0000;
	text-decoration:none;
}

.content_box a:hover {
	color:#000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#FF0000;
	text-decoration:none;
}

.content_box table {
	background: #FFFFFF;
  font-size: 1em;
	width:100%;
	border: solid 1px #7A009D;
}

.content_box td.title {
	background: #E4CCEB;
  font-size: 1em;
  margin: 0;
	padding: 4px;
	border: solid 2px #7A009D;
}

* HTML .content_box {   /* IE HACK */
   height: 1%;
}

.content_box td {
	background: #FFFFFF;
  font-size: 1em;
  margin: 0;
	padding: 4px;
	border: solid 2px #7A009D;
}

.content_product_box {
  background-image: url(grafik/hg_body.jpg);
  border-color:#808080;
	border-style:solid;
	border-width:1px;
	margin: 0 20px 20px 0;
	padding: 10px 10px 5px 10px;
}

.content_product_box a {
	color:#585858;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#FF0000;
	text-decoration:none;
}

.content_product_box a:hover {
	color:#000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#FF0000;
	text-decoration:none;
}

.content_product_box table {
	background: #FFFFFF;
  font-size: 1em;
	width:100%;
	border: solid 1px #7A009D;
}

* HTML .content_product_box {   /* IE HACK */
   height: 1%;
}

.content_product_box td.title {
	background: #E4CCEB;
  font-size: 1em;
  margin: 0;
	padding: 4px;
	border: solid 2px #7A009D;
}

.content_product_box td.s1 {
	width: 150px;
}

.content_product_box td {
	background: #FFFFFF;
  font-size: 1em;
  margin: 0;
	padding: 4px;
	border: solid 2px #7A009D;
}

.content_button_box {
  background: #F8F2FA;
  border-color:#7A009D;
	border-style:solid;
	border-width:1px;
	margin: 0 20px 20px 0;
	padding: 0;
}

.content_button_box a {
	color:#7A009D;
	text-decoration:none;
}

.content_button_box table {
	background: #FFFFFF;
  font-size: 1em;
	width:100%;
	border: solid 1px #7A009D;
  border-collapse: collapse;
}

* HTML .content_button_box {   /* IE HACK */
   height: 1%;
}

.content_button_box td.title {
	background: #7A009D;
  color: #FFFFFF;
  font-size: 1em;
  margin: 0;
	padding: 4px;
	border: solid 2px #7A009D;
}

.content_button_box td {
	background: #FFFFFF;
  font-size: 1em;
  margin: 0;
	padding: 4px;
	border: solid 2px #7A009D;
}

.content_button_box td.button {
  color: #ffffff;
  background:#F1E5F5;
  margin: 0;
  padding: 0px;
  white-space: nowrap;
	width: 20%;
}

.content_button_box td.button a {
  color: #000000;
  display: block;
  padding: 4px;
  white-space: nowrap;
  text-decoration: none;
}

.content_button_box td.button a:hover{
  background-color: #E4CCEB;
  color: #000000;
  text-decoration: none;
}

.content_referenz_box {
  border-color:#7A009D;
	border-style:solid;
	border-width:1px;
	margin: 0 20px 20px 0;
	padding: 10px 10px 5px 10px;
	height: 158px;
}

.content_referenz_box a {
	color:#7A009D;
	text-decoration:none;
}

.content_referenz_box a:hover {
	text-decoration:underline;
}

form {
	text-align: left;
}

form p.fieldname {
  font-size: 0.85em;
	padding: 0 0 0 2px;
	margin: 7px 0 0 0;
}

* HTML h2.form {
	padding: 0;
	margin: 0 0 -10px 0;
}

form p.fieldcontent {
	padding: 0;
	margin: 0;
}

#firma {
  width: 230px;
}

* HTML #firma {
  width: 227px;
}

#anrede {
  width: 70px;
}

* HTML #anrede {
  width: 67px;
}
#vorname {
  width: 230px;
}

* HTML #vorname {
  width: 227px;
}
#nachname {
  width: 230px;
}

* HTML #nachname {
  width: 227px;
}
#email {
  width: 230px;
}

* HTML #email {
  width: 227px;
}

#thema {
  width: 234px;
}

* HTML #thema {
  width: 232px;
}

#betreff {
  width: 460px;
}

* HTML #betreff {
  width: 457px;
}


* HTML #nachricht {
  width: 457px;
}

option.wahl {
  color: #FF0000;
}

p.impressum  {
  line-height:20px;
}

img {
 border:0;
}

span.small {
	font-size: 0.85em;
}

span.vsmall {
	font-size: 0.85em;
	color: #B9B9B9;
}

span.vsmall a {
	color: #B9B9B9;
}

span.red {
	color: #FF0000;
}

span.smallred {
	color: #FF0000;
	font-size: 0.85em;
}

h2 {
	margin: 0;
	padding: 0;
  font-size:1.2em;
}

h3 {
  color:#585858;
	margin: 0 0 6px 0;
	padding: 0;
  font-size:1.2em;
}

.col_right {
	float:right;
	width: 200px;
	margin: 0;
	padding: 0 0 0 5px;
}

.col_right_red {
	float:right;
	width: 140px;
	margin: 0;
	padding: 0 0 0 5px;
}

#foot {
  background-image: url(grafik/hg_main.jpg);
	width: 740px;
	height: 25px;
	margin: 0;
	padding: 0;
  clear: both;
}

#foot p {
	width: 740px;
	padding: 8px 0 0 0;
	margin: 0;
	text-align:center;
	color:#FFFFFF;
}

#foot a {
	color:#FFFFFF;
	text-decoration:none;
}

#foot a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#footer {
	width: 740px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
  font-size:0.9em;
	color:#585858;
}

#footer p {
	margin: 0;
	padding: 8px 0 0 0;
	text-align:center;
}

#footer a {
	color:#585858;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

.available {
  color:        #006600;
}
.notavailable {
  color:        #FF0000;
}