/*	
mira! neue kommunikation GmbH
Base-CSS für Don Tabaco GmbH www.humidor.ch DEFAULT.HTML
version 0.1.0 - 16/04/2007 - by JC - http://www.neue-kommunikation.ch
------------------------------------------------------------------------ */


/* global elements
------------------------------------ */

* {
  margin: 0;
  padding: 0;
}



/* basic elements
------------------------------------ */

body {
	background: #660000;
    background-image:url(../img/kachel_rot.jpg);
	background-position:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /*1em = 10px */
	text-align:center;
	padding: 0;
	margin: 0;
}


/*Ränder abschalten*/
fieldset, img {
	border: 0;
}


/* global classes
------------------------------------ */

#wrapper {
	background:#FFF;
	position: relative; /* Referenz für pos:absolut (containing block) */
	width: 940px;
	margin: 40px auto;
	text-align: left;
	background-color: #f9f9e7;
	border: #330000 solid 1px;
}


.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
  overflow: hidden;
}

* html .stopFloat { /* Diese Anweisung beachtet nur IEs */
 display: none;
}


.unvisible {
  position: absolute;
  top: -6000px;
  left: -6000px;
  height: 1px;
  width: 1px;
}


/* customized selektors - default.html
----------------------------------------
Alle Werte statisch (px)

Array 1
=================== */

#array1 {
  width: 100%;
  height: 150px;
}

#array1 #hp_logo2 {
  position:absolute;
  top:0px;
  left: 0px;
}




/* Array 2
=================== */

#array2 {
  position:relative; /* Referenzpunkt für Hompeage-IMG's */
  width: 100%;
  height: 400px;
}

#array21 #hp_logo {
  position:absolute;
  top: 220px;
  left: 220px;
}

#array21 #hp_img1 {
  position: absolute;
  top: 28px;
  left: 390px;
}

#array21 #hp_img1 img {
  border: #996600 solid 1px;
}

#array21 #hp_img2 {
  position: absolute;
  top: 28px;
  left: 567px;
}

#array21 #hp_img2 img {
  border: #996600 solid 1px;
}

#array21 #hp_img3 {
  position: absolute;
  top: 28px;
  left: 744px;
}

#array21 #hp_img3 img {
  border: #996600 solid 1px;
}

#array21 #hp_img4 {
  position: absolute;
  top: 28px;
  left: 213px;
}

#array21 #hp_img4 img {
  border: #996600 solid 1px;
}

#array21 #hp_img5 {
  position: absolute;
  top: 28px;
  left: 36px;
}

#array21 #hp_img5 img {
  border: #996600 solid 1px;
}

#array21 #hp_img6 {
  position: absolute;
  border: #996600 solid 1px;
  top: 288px;
  left: 390px;
}


/*Navigation
------------------------*/
#array21 a {
  display: block;
  text-decoration: none;
  text-align: center;
  margin: 5px;
  font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  letter-spacing: 0.01em;

}

#array21 a:link { color: #003300; }
#array21 a:visited { color: #003300; }
#array21 a:hover, a:focus, a:active {color: #996600;}





/* --- End CSSS --- */