/******************************************************************************
*                       Styles und Positionierung 				               *
******************************************************************************/


/* ======== Allgemein ======== */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  margin: 0px;
  padding: 0px;
  background-color: #B9DAEF;
}

:focus{outline:none;}

img {
  	border: 0px;
}

input {
	color:#333333;
  	background-color:#EFF9FF;
}

/* ======== h1-6 Texte ======== */

/* Hauptzeile */
h1 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
  color: #333333;
  font-size: 0.9em;
  letter-spacing: 1px;
  display: inline;
}

/* Hauptzeile 2 */

h2 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #333333;
  font-size: 0.8em;
  letter-spacing: 1px;
}

.fliesstext {
  font-size: 0.7em;
  line-height: 1.2em;
  }
  
.weiss {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.7em;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: bold;
  }  

/* ======== Verweise  ======== */

a {
  text-decoration: none;	
}

a.previewnav {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.7em;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: bold;
}

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

a.kontakt {
  font-family: Arial, Helvetica, Verdana, sans-serif;

  line-height: 1.2em;
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}

/* ======== CONTAINER  ======== */

#inhalt {
  position: absolute;
  width: 260px;
  height: 310px;
  top: 130px;
  left: 190px;
  overflow: auto;
}

#inhaltreaders {
  position: absolute;
  width: 420px;
  height: 420px;
  top: 102px;
  left: 50px;
  background-color: #ffffff;
  padding: 15px;
  overflow: auto;
}

#titelreaders {
  position: absolute;
  width: 454px;
  height: 94px;
  top: 8px;
  left: 46px;
}

#form {
  position: absolute;
  width: 454px;
  height: 120px;
  top: 8px;
  left: 46px;
}

#bottomreaders {
  position: absolute;
  width: 450px;
  height: 20px;
  top: 552px;
  left: 50px;
  background-color: #ffffff;
}

#orderform {
  position: absolute;
  width: 470px;
  top: 20px;
  left: 40px;
}

#fueller {
  position: absolute;
  width: 470px;
  height: 611px;
  top: 0px;
  left: 30px;
}

#bild {
  position: absolute;
  width: 135px;
  height: 190px;
  top: 175px;
  left: 465px;
}

#lupe {
  position: absolute;
  width: 130px;
  height: 20px;
  top: 375px;
  left: 465px;
}

#test {
  position: absolute;
  background: url(../img/wanttest.gif) no-repeat;
  width: 140px;
  height: 20px;
  top: 395px;
  left: 465px;
}

#printorder {
  position: absolute;
  top: 420px;
  left: 465px;
}

#viapaypal {
  position: absolute;
  top: 445px;
  left: 465px;
}

#previewnavi {
  position: absolute;
  width: 120px;
  height: 240px;
  top: 145px;
  left: 630px;
}

#subscribe {
  position: absolute;
  background: url(../img/subscribe.gif) no-repeat;
  width: 104px;
  height: 20px;
  top: 395px;
  left: 635px;
}

#subscribelink {
  position: absolute;
  width: 120px;
  height: 240px;
  top: 420px;
  left: 635px;
}