/* CSS Document */

body {
  background-color: #333333;
  background-image: url(../_img/bg_main.jpg);
  font-size: 14px;
  font-family: "Times New Roman", Times, serif, Verdana, Arial, Helvetica;
  font-weight: bold;
  color: #222222;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

body, html, textarea{
  scrollbar-base-color: #222222;
  scrollbar-3d-light-color: #444444;
  scrollbar-arrow-color: #444444;
  scrollbar-face-color: #101010;
  scrollbar-highlight-color: #101010;
  scrollbar-shadow-color: #101010;
  scrollbar-track-color: #101010;
}

a:link {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover, a:active {
	color: #999999;
	text-decoration: none;
}

form { 

}

input, select, textarea { 
  font-size: 14px; 
  font-family: "Times New Roman", Times, serif, Verdana, Arial, Helvetica;
  font-weight: normal;
  color: #222222;
  border: none;
}

.Feld { 
  background: url("../_img/bg_eingabefeld.gif") repeat-x;
  width: 175px;
  height: 18px;
  margin-bottom: 3px;
}

.Button {
  background: transparent;
  font-weight: bold;
  width: 100px;
  cursor: pointer;
}




/* ///////////////////// CONTAINER /////////////////////*/

#wrap {
  position: absolute;
  height: 550px;
  top: 50%;
  margin-top: -270px;
}

/* Startseite */
#home { 	
  float: left;
  height: 550px; 
  width: 701px;
  top: 50%;
  background-image: url("../_img/bg_home.jpg");
  background-repeat: no-repeat;
}

/* Technische Daten */
#daten { 	
  float: left;
  height: 550px; 
  width: 701px;
  top: 50%;
  background-image: url("../_img/bg_daten.jpg");
  background-repeat: no-repeat;
}

/* Bestellformular */
#bestellung { 	
  float: left;
  height: 550px; 
  width: 701px;
  top: 50%;
  background-image: url("../_img/bg_bestellung.jpg");
  background-repeat: no-repeat;
}

/* Sammeledition */
#edition { 	
  float: left;
  height: 550px; 
  width: 511px;
  top: 50%;
  background-image: url("../_img/bg_sammeledition.jpg");
  background-repeat: no-repeat;
}

/* Platzhalter */
#space1, #space4, #space7,
#space2, #space5, #space8,
#space3, #space6 {
  float: left;
  width: 130px;
  vertical-align: middle;
}

#space3, #space5, #space7 {
  float: left;
  text-align: right;
}

/* Impressum */
#impressum { 	
  position: absolute;
  height: 470px;
  width: 400px;
  top: 50%;
  left: 50%;
  margin: -235px 0px 0px -200px;
  background-image: url("../_img/bg_sidepages.gif");
  background-repeat: no-repeat;
}


/* ///////////////////// INHALT /////////////////////*/

.inhalt {
  margin: 340px 55px 0px 55px;
  height: 145px;
}

#home .inhalt {
  visibility: hidden;
}

.infos {
	font-size: 12px;
	padding-bottom: 2px;
	font-weight: normal;
}

#edition #picture {
  width: 275px;
  height: 275px;
  background-image: url(../_img/editionen/2008_01.jpg);
}

#edition .inhalt {
  margin-top: 195px;
  width: 511px;;
  height: 290px;
}

#impressum .inhalt {
  margin: 50px 0px 0px 70px;  
  color: #999999;
  font-weight: normal;
  width: 400px;
}

#sidepageZurueck {
  position: relative;
  left: 420px;
  top: -35px;
}


a#zurueckSidepage:link, a#zurueckSidepage:visited {
	display: block;
	margin-top: 0px;
	margin-right: 20px;
	width: 114px;
	height: 204px;
	background: transparent url("../_img/pfeil_links.gif") no-repeat top left;
}

a#zurueckSidepage:hover, a#zurueckSidepage:active {
	background-position: bottom left;
}


/* ///////////////////// MENUE /////////////////////*/

div.menue {
  height: 10px;
  margin-top: 50px;
  font-size: 10px;
  font-weight: normal;
  color: #666666;
}

div.menue ul {
  float: right;
  list-style: none;
  margin: 0px 10px 0px 0px;
}

#edition .menue ul {
  width: 100%;
  margin-right: -5px;
}

div.menue ul li {
  display: inline;
  margin-left: 20px;
}

/* Scrolling */
div a span {
  display: none;
}

a#weiter1:link, a#weiter1:visited,
a#weiter2:link, a#weiter2:visited,
a#weiter3:link, a#weiter3:visited {
	display: block;
	margin-top: 195px;
	margin-left: 15px;
	width: 126px;
	height: 177px;
	background: transparent url("../_img/pfeil_rechts.gif") no-repeat top left;
}

a#zurueck1:link, a#zurueck1:visited,
a#zurueck2:link, a#zurueck2:visited,
a#zurueck3:link, a#zurueck3:visited {
	display: block;
	margin-top: 195px;
	margin-right: 20px;
	width: 114px;
	height: 204px;
	background: transparent url("../_img/pfeil_links.gif") no-repeat top left;
}

div#space2 a:hover, div#space2 a:active,
div#space4 a:hover, div#space4 a:active,
div#space3 a:hover, div#space3 a:active,
div#space5 a:hover, div#space5 a:active,
div#space6 a:hover, div#space6 a:active,
div#space7 a:hover, div#space7 a:active {
	background-position: bottom left;
}