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

body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 80%;
  background: #E9E7F9;
  margin: 0;
  padding: 0;
  cursor: default;
}

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

h1 span{
  display:none
}

#main {
  background: #FFFFFF;
  border-color:#2C18C2;
	border-style:solid;
	border-width:5px;
	width: 740px;
	margin: 20px auto 0;
	padding: 0;
}

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 {
  background: #D5D1F3;
  border-color:#2C18C2;
	border-style:solid;
	border-width:2px;
	width: 170px;
	margin: 0 0 15px 15px;
	padding: 0;
}

div.nav_box p {
  color: #ffffff;
  background:#2C18C2;
  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-color: #E9E7F9;
  color: #000000;
  text-decoration: none;
}

.nav_box_in {
  background: #E9E7F9;
  border-color:#2C18C2;
	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:#2C18C2;
  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: #000000;
  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 {
  background-color: #D5D1F3;
  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:#2C18C2;
	border-style:solid;
	border-width:1px;
	margin: 0 20px 20px 0;
	padding: 10px 10px 5px 10px;
}

.content_box a {
	color:#2C18C2;
	text-decoration:none;
}

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

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

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

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

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

.content_product_box {
  background: #F4F3FC;
  border-color:#2C18C2;
	border-style:solid;
	border-width:1px;
	margin: 0 20px 20px 0;
	padding: 10px 10px 5px 10px;
}

.content_product_box a {
	color:#2C18C2;
	text-decoration:none;
}

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

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

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

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

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

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

.content_referenz_box a {
	color:#2C18C2;
	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:#2C18C2;
	margin: 0 0 6px 0;
	padding: 0;
  font-size:1.2em;
}

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

#foot {
	background: #2C18C2;
	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:#2C18C2;
}

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

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

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

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