/* www.swip.de */

html, body
 {
  height: 100%;

  margin: 0px;
  padding: 0px;
  text-align: center;

  background-color: #F8F8F8;
 }

#box
 {
	width: 991px;
	min-height: 100%;
	height: auto !important; /* moderne Browser */
	height: 100%; /* IE */
	text-align: left;
	margin-left: auto;
	margin-right: auto;

 }

#header
 {
  position:relative;

  top: 0px;
  left: 0px;

  width:  991px;
  height: 76px;
 }

#container
 {
  position: relative;

  width: 835px;
  float: right;
 }

#nav
 {
  position: relative;

  width: 146px;
  float: left;

  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
  line-height: 18px;

  margin-left: 10px;
 }

#nav a
 {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
 }

#nav ul
 {
  list-style-type: none;
  margin: 0px;
  padding: 0px;

  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
 }


#nav li
 {
  margin-top: 23px;

  font-weight: bold;
 }



#content
 {
  position: relative;

  margin-top: 34px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;

  float: left;
  display: inline;

  width: 500px;

  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 18px;
 }

#content a
 {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
 }


#maschine
 {
	width: 305px;
	height: 592px;
	float: right;
	position: relative;
	background: url('images/maschine.jpg');
	background-repeat:no-repeat;
	background-image: url(images/wasserstrahlschneiden.jpg);
 }

#technologie_purwasser
 {
 	padding: 10px;

 	width: 220px;
 	height: 477px;

  color: #000000;

  background: url('images/purwasser.jpg');
  background-repeat:no-repeat;

 	float: left;
 }



#technologie_abrasiv
 {
 	position: absolute;

 	padding: 10px;

 	width: 220px;
 	height: 477px;

 	left: 260px;

  color: #000000;

  background: url('images/abrasiv.jpg');
  background-repeat:no-repeat;

 	float: left;

 }

.kontakt
 {
 	width: 166px;
 	float: left;
 	
 	text-align: center;

 }

.kontakt_txt
 {
  margin-left: auto;

 	width: 266px;
 	float: left;
 	
 }

.impressum
 {
 	width: 241px;
 	float: left;
 	

 }

.haftung
 {
  margin-left: auto;

 	width: 246px;
 	float: left;
 	
 }

#footer
 {
  text-align: center;

  background: url('images/bg.gif');

  height: 20px;

  clear: both;
 }
 
form br
 {
	clear: left;
 }


fieldset
 {
  border: 0px;
 }

label
 {
  display: block;
  float: left;
  width: 120px;
 }
 
label.chk
 {
  display: inline;
  float: left;
  width: auto;
 }
 
input, textarea
 {
  width: 240px;
  margin-top: 5px;
 }
 
input#submit
 {
  margin-left: 200px;
  width: 160px;
 }
 
.err{ color: #990000;  font-weight: bold} 
 


h1
 {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 22px;
  margin: 0px;
 }

h2
 {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 22px;
  margin: 0px;
 }

h3
 {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 14px;
  line-height: 22px;
  margin: 0px;
 }

a img
 {
   border: 0px;
 }

.clearfix:after
 {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }
.clearfix { display: block; }