html { 
  padding:0px;
  margin:0px;
}

body {

  background-color: #000000;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#ffffff;  
  padding:0px;
  margin:0px;
}

h1 {
font-size: 10px;
text-transform:uppercase;
text-align: right;
color: #FFFFFF;
/*background-color: #000000;*/
border-bottom: solid 0px;
padding-top: 11.3em; 
margin: 0px;
}

h2 {
font-size: 11px;
text-transform:uppercase;
color: #FFFFFF;
/*background-color: #000000;*/
}

#oben {
width: 954px;
}

#left {
width: 477px;
float: left;
}

#right {
width: 477px;
height: 135px;
float: left;
background-image: url(http://www.crushboy.com/cb_choice/right.jpg);
} 

/*  positioning-layers dynamisch */
.unten {
background-color: #EBE947; 
width: 80em;
}

/*
.content {
  position: absolute;
  top: 17.2em;
  left: 4em;
  width: 52em;
  background-color: #6BCFF6; 
  margin:0px 0px 0px 0px;
  color: #000000;
  overflow: auto;
  padding-left: 4em;
  padding-top: 2em;
  z-index: 4; 
} 
*/

.menu {
  position: absolute;
  top: 13em;
  left: 55em;
  text-align: left;
  width: 20em;
  /*background-color: #EF0000;*/
  border-left: solid 0px;
  border-right: solid 0px;
  border-bottom: solid 0px;
  border-color:  #FFFFFF;
  overflow: no;
  padding-left: 2em;
  padding-right: 0em;
  padding-top: 2em;
}

.inhaltbalken {
  position: absolute;
  top: 14em;
  left: 4em;
  border: 0px;
  width: 48em;
  /*background-color: #6BCFF6;*/
  height: 3.2em;
  z-index: 2;   
}

.inhaltcontent {
  position: absolute;
  top: 17.2em;
  left: 4em;
  border: 0px;
  width: 48em;
  background-color: #fff;
  height: 29.85em; 
  z-index: 3;  
}

.inhalttitel {
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-weight:900;
  position: absolute;
  top: 16.6em;
  left: 6em;
  font-size: 11px;
  text-transform:uppercase;
  color: #ffffff;
  z-index: 4;  
}

.inhaltdatum {
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-weight:900;
  position: absolute;
  top: 16.6em;
  left: 48.7em;
  font-size: 11px;
  text-transform:uppercase;
  color: #ffffff;
  z-index: 25;  
}

.inhaltbeschreibung {
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  font-size: 11px;
  position: absolute;
  top: 21em;
  left: 6em;
  width: 28em;
  color: #666666;
  z-index: 5;  
}

.inhaltbild {
  position: absolute;
  top: 17.2em;
  left: 32.4em;
  z-index: 6;  
}

.inhaltlink {
  position: absolute;
  color: #ef0000;
  top: 43.3em;
  left: 5.3em;
  z-index: 7;  
  
}

.listenbobbel {
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
color: #666666;
font-size: 10px;
text-decoration: none; 
} 

.inhaltformular {
  position: absolute;
  color: #ef0000;
  top: 21em;
  left: 6em;
  width: 40em;
  z-index: 8; 
}
.zentriert {
  position:absolute;
  top:20%;
  left:25%;
  width:80em;
  height:60em;
  margin-left:-15em;
  margin-top:-10em;
  border:0px solid #888;
  padding:1em;
}

/* Produkt Vorschlagen Formular */
form label {
  /*display: inline-block;*/
  float: left;
  /*line-height: 1.8;*/
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
  color: #666666;
  font-size: 11px;
  padding: 0em 0em 1.2em 0em;
  margin: 0em 0em 0em 0em;
  width: 7em;
}

form textarea,
form input {
border: dotted 1px;
border-color: #666666;
width: 30em;
heigth: 8em;
backbackground-color: #ffffff;
background: invisible;
margin: 0em 0em 0.7em 0em;
padding: 0em 0em 0em 0em;
float: right;
}