@CHARSET "ISO-8859-1";

/*******************************************************************************
 * Boxen innerhalb von div_main
 ******************************************************************************/
.box {
  margin-top: 0px;
  padding: 0px;
  padding-right: 20px;
  margin-bottom: 15px;
  float: left;
  position: relative;
  z-index: 10;
  color: #000066;
  font-size: 11px;
  line-height: 16px;
}
.box p  {
  color: #000066;
}

.box_padding { /* nötig wegen IE6 Box Model Bug */
  margin: 12px;
}

.box a {
  color: #e500cc;
}

.box p a {
  color: #000066;
  text-decoration: none;
}

.box h2 {
  font-size: 14px;
  margin-bottom: 6px;
}

.box h3 {
  font-size: 12px;
  color: #000066;
}

.box ul {
  list-style-type: disc;
  padding-left: 30px;
  margin-top: -5px;
  margin-bottom: 15px;
  color: #000066;
}

.box ol {
  padding-left: 35px;
  margin-top: -5px;
  margin-bottom: 15px;
  color: #000066;
}

/* Klassen für Elemente innerhalb der Boxen */
.left,.right,.center {
  float: left;
}

.top,.middle,.bottom {
  clear: both;
}



/***************************************************************************
  Touts
 *************************************************************************/
 .tout {
  margin-top: 0px;
  padding-right: 20px;
  margin-bottom: 15px;
  float: left;
  width: 183px;
  position: relative;
  z-index: 10;
}

.tout img {
  display: block;
}
 
#tout_advantages {
  width: 183px; height : 240px;
  font-size: 10px;
  color: #c782ce;
  height: 240px;
}

#tout_advantages p {
  margin-top: 4px;
}

/*******************************************************************************
 * Alle Varianten von Boxgrößen (Es werden nicht alle benutzt!)
 ******************************************************************************/
.b1x1 {
  width: 183px;
  height: 183px;
}

.b2x1 {
  width: 386px;
  height: 183px;
}

.b3x1 {
  width: 589px;
  height: 183px;
}

.b4x1 {
  width: 792px;
  height: 183px;
}

.b1x2 {
  width: 183px;
  height: 381px;
}

.b2x2 {
  width: 386px;
  height: 381px;
}

.b2xn {
  width: 386px;
}

.b3x2 {
  width: 589px;
  height: 381px;
}

.b3x2b { /* Sonderhöhe */
  width: 589px;
}

.b3xn {
  width: 589px;
}

.b4x2 {
  width: 812px;
  height: 381px;
}

.b1x3 {
  width: 183px;
  height: 579px;
}

.b1x3b { /* Sondergröße */
  width: 183px;
}

.b2x3 {
  width: 386px;
  height: 579px;
}

.b3x3 {
  width: 589px;
  height: 579px;
}

.b4x3 {
  width: 812px;
  height: 579px;
}

.b1x4 {
  width: 183px;
  height: 792px;
}

.b2x4 {
  width: 386px;
  height: 792px;
}

.b3x4 {
  width: 589px;
  height: 792px;
}

.b4x4 {
  width: 792px;
  height: 792px;
}

.b1x4 {
  width: 183px;
  height: 777px;
}

.b2x4 {
  width: 386px;
  height: 777px;
}

.b3x4 {
  width: 589px;
  height: 777px;
}

.b4x4 {
  width: 792px;
  height: 777px;
}

.b1x5 {
  width: 183px;
  height: 975px;
}

.b2x5 {
  width: 386px;
  height: 975px;
}

.b3x5 {
  width: 589px;
  height: 975px;
}

.b4x5 {
  width: 792px;
  height: 975px;
}

.double_rowspan {
  float: right;
  width: 203px;
}

.three_quarter {
  width: 589px;
}

.full {
  width: 792px;
}

/*******************************************************************************
 * Boxen im Kopfbereich
 ******************************************************************************/
.b3x1_mood {
  height: 96px;
}

.b3x1_mood h1#mood_headline {
  margin: 0px;
  padding: 0px;
}

.b3x1_flash {
  height: 282px;
}

.b1x1_advert {
  height: 94px;
  width: 183px;
}


.b1x1_status { /* 1/4 - pinke Loginbox */
  background-image:
    url("../pics/box_status_big_middle.jpg");
  background-repeat: repeat-y;
  width: 163px;
  color: #74009b;
  font-size: 12px;
  width: 183px;
}

.b1x1_status input{
  margin-bottom:7px;
  width:140px;
}

.b1x1_status .top {
  background-image:
    url("../pics/box_status_big_top.jpg");
  background-repeat: no-repeat;
  padding: 10px;
}

.b1x1_status .bottom {
  background-image:
    url("../pics/box_status_big_bottom.jpg");
  background-repeat: no-repeat;
  height: 22px;
  width: 183px;
}

.right_info input{
  margin-bottom:-2px;
  width:auto;
}



/*******************************************************************************
 * Benutzte Boxen mit Hintergrundbildern
 ******************************************************************************/
.b1x1_dotted_blue_white {
  background-image: url('../pics/1x1_dotted_blue_white.gif');
}

.b1x1_dotted_blue_blue {
  background-image: url('../pics/1x1_dotted_blue_blue.gif');
}

.b1x1_dotted_violet_white {
  background-image: url('../pics/1x1_dotted_violet_white.gif');
}

.b1x1_dotted_violet_violet {
  background-image: url('../pics/1x1_dotted_violet_violet.gif');
}

.b1x1_dotted_magenta_white {
  background-image: url('../pics/1x1_dotted_magenta_white.gif');
}

.b1x1_solid_blue_white {
  background-image: url('../pics/1x1_solid_blue_white.gif');
}

.b1x1_solid_blue_blue {
  background-image: url('../pics/1x1_solid_blue_blue.gif');
}

.b1x1_solid_violet_white {
  background-image: url('../pics/1x1_solid_violet_white.gif');
}

.b1x1_solid_violet_violet {
  background-image: url('../pics/1x1_solid_violet_violet.gif');
}

.b1x1_solid_magenta_white {
  background-image: url('../pics/1x1_solid_magenta_white.gif');
}

.b1x1_solid_magenta_magenta {
  background-image: url('../pics/1x1_solid_magenta_magenta.gif');
}

.b1x1_solid_green_white {
  background-image: url('../pics/1x1_solid_green_white.gif');
}

.b1x1_solid_green_green {
  background-image: url('../pics/1x1_solid_green_green.gif');
}

.b2x1_solid_blue_white {
  background-image: url('../pics/2x1_solid_blue_white.gif');
}

.b2x1_solid_blue_blue {
  background-image: url('../pics/2x1_solid_blue_blue.gif');
}

.b2x1_solid_violet_white {
  background-image: url('../pics/2x1_solid_violet_white.gif');
}

.b2x1_solid_violet_violet {
  background-image: url('../pics/2x1_solid_violet_violet.gif');
}

.b2x1_solid_magenta_white {
  background-image: url('../pics/2x1_solid_magenta_white.gif');
}

.b2x1_solid_magenta_magenta {
  background-image: url('../pics/2x1_solid_magenta_magenta.gif');
}

.b2x1_solid_green_white {
  background-image: url('../pics/2x1_solid_green_white.gif');
}

.b2x1_solid_green_green {
  background-image: url('../pics/2x1_solid_green_green.gif');
}

.b1x2_dotted_blue_white {
  background-image: url('../pics/1x2_dotted_blue_white.gif');
}

.b1x2_dotted_blue_blue {
  background-image: url('../pics/1x2_dotted_blue_blue.gif');
}

.b1x2_dotted_violet_white {
  background-image: url('../pics/1x2_dotted_violet_white.gif');
}

.b1x2_dotted_violet_violet {
  background-image: url('../pics/1x2_dotted_violet_violet.gif');
}

.b1x2_dotted_magenta_white {
  background-image: url('../pics/1x2_dotted_magenta_white.gif');
}

.b1x2_dotted_magenta_magenta {
  background-image: url('../pics/1x2_dotted_magenta_magenta.gif');
}

.b1x2_dotted_green_white {
  background-image: url('../pics/1x2_dotted_green_white.gif');
}

.b1x2_dotted_green_green {
  background-image: url('../pics/1x2_dotted_green_green.gif');
}

.b1x2_solid_blue_white {
  background-image: url('../pics/1x2_solid_blue_white.gif');
}

.b1x2_solid_blue_blue {
  background-image: url('../pics/1x2_solid_blue_blue.gif');
}

.b1x2_solid_violet_white {
  background-image: url('../pics/1x2_solid_violet_white.gif');
}

.b1x2_solid_violet_violet {
  background-image: url('../pics/1x2_solid_violet_violet.gif');
}

.b1x2_solid_magenta_white {
  background-image: url('../pics/1x2_solid_magenta_white.gif');
}

.b1x2_solid_magenta_magenta {
  background-image: url('../pics/1x2_solid_magenta_magenta.gif');
}

.b1x2_solid_green_white {
  background-image: url('../pics/1x2_solid_green_white.gif');
}

.b1x2_solid_green_green {
  background-image: url('../pics/1x2_solid_green_green.gif');
}

.b2x2_solid_magenta_magenta {
  background-image: url('../pics/2x2_solid_magenta_magenta.gif');
}

.b2x2_solid_magenta_white {
  background-image: url('../pics/2x2_solid_magenta_white.gif');
}

.b2x2_solid_green_green {
  background-image: url('../pics/2x2_solid_green_green.gif');
}

.b2x2_solid_green_white {
  background-image: url('../pics/2x2_solid_green_white.gif');
}

.b2x2_solid_violet_violet {
  background-image: url('../pics/2x2_solid_violet_violet.gif');
}

.b2x2_solid_violet_white {
  background-image: url('../pics/2x2_solid_violet_white.gif');
}

.b2x2_solid_blue_blue {
  background-image: url('../pics/2x2_solid_blue_blue.gif');
}

.b2x2_solid_blue_white {
  background-image: url('../pics/2x2_solid_blue_white.gif');
}

.b3x3_solid_blue_white {
  background-image: url('../pics/3x3_solid_blue_white.gif');
}

.b3x3_solid_violet_white {
  background-image: url('../pics/3x3_solid_violet_white.gif');
}

.b3x3_solid_magenta_white {
  background-image: url('../pics/3x3_solid_magenta_white.gif');
}

.b3x3_solid_green_white {
  background-image: url('../pics/3x3_solid_green_white.gif');
}

.b1x3b_readers {
  background-image: url('../pics/1x3_reader.gif');
}

.b2x2_readers {
  background-image: url('../pics/2x2_reader.gif');
}

.b2x3_readers {
  background-image: url('../pics/2x3_reader.gif');
}

.b3x2_readers {
  background-image: url('../pics/3x2_reader.gif');
}

.b3x2b_readers,.b3xn_readers {
  background-image: url('../pics/3x2_reader.gif');
}

.b2xn_solid_green_green .top {
  height: 28px;
  background-image: url('../pics/2xn_solid_green_green_top.gif');
}

.b2xn_solid_green_green .middle {
  background-image: url('../pics/2xn_solid_green_green_middle.gif');
  background-repeat: repeat-y;
}

.b2xn_solid_green_green .bottom {
  height: 15px;
  background-image: url('../pics/2xn_solid_green_green_bottom.gif');
}

.b2xn_solid_blue_blue .top {
  height: 28px;
  background-image: url('../pics/2xn_solid_blue_blue_top.gif');
}

.b2xn_solid_blue_blue .middle {
  background-image: url('../pics/2xn_solid_blue_blue_middle.gif');
  background-repeat: repeat-y;
}

.b2xn_solid_blue_blue .bottom {
  height: 15px;
  background-image: url('../pics/2xn_solid_blue_blue_bottom.gif');
}

.b2xn_solid_magenta_magenta .top {
  height: 28px;
  background-image: url('../pics/2xn_solid_magenta_magenta_top.gif');
}

.b2xn_solid_magenta_magenta .middle {
  background-image: url('../pics/2xn_solid_magenta_magenta_middle.gif');
  background-repeat: repeat-y;
}

.b2xn_solid_magenta_magenta .bottom {
  height: 15px;
  background-image: url('../pics/2xn_solid_magenta_magenta_bottom.gif');
}

.b2xn_solid_violet_violet .top {
  height: 28px;
  background-image: url('../pics/2xn_solid_violet_violet_top.gif');
}

.b2xn_solid_violet_violet .middle {
  background-image: url('../pics/2xn_solid_violet_violet_middle.gif');
  background-repeat: repeat-y;
}

.b2xn_solid_violet_violet .bottom {
  height: 15px;
  background-image: url('../pics/2xn_solid_violet_violet_bottom.gif');
}

.b2x2_dotted_blue_white {
  background-image: url('../pics/2x2_dotted_blue_white.gif');
}

.b2x2_dotted_green_white {
  background-image: url('../pics/2x2_dotted_green_white.gif');
}

.b2x2_dotted_magenta_white {
  background-image: url('../pics/2x2_dotted_magenta_white.gif');
}

.b2x2_dotted_violet_white {
  background-image: url('../pics/2x2_dotted_violet_white.gif');
}

.b3x2_solid_blue_white {
  background-image: url('../pics/3x2_solid_blue_white.gif');
}

.b3x2_solid_green_white {
  background-image: url('../pics/3x2_solid_green_white.gif');
}

.b3x2_solid_magenta_white {
  background-image: url('../pics/3x2_solid_magenta_white.gif');
}

.b3x2_solid_violet_white {
  background-image: url('../pics/3x2_solid_violet_white.gif');
}

.b3x4_solid_blue_white {
  background-image: url('../pics/3x4_solid_blue_white.gif');
}

.b3x4_solid_green_white {
  background-image: url('../pics/3x4_solid_green_white.gif');
}

.b3x4_solid_magenta_white {
  background-image: url('../pics/3x4_solid_magenta_white.gif');
}

.b3x4_solid_violet_white {
  background-image: url('../pics/3x4_solid_violet_white.gif');
}

.b3x5_solid_blue_white {
  background-image: url('../pics/3x5_solid_blue_white.gif');
}

.b3x5_solid_green_white {
  background-image: url('../pics/3x5_solid_green_white.gif');
}

.b3x5_solid_magenta_white {
  background-image: url('../pics/3x5_solid_magenta_white.gif');
}

.b3x5_solid_violet_white {
  background-image: url('../pics/3x5_solid_violet_white.gif');
}

/*******************************************************************************
 * Farbe der Box-Headlines (Farbe ist abhängig von Farbschema) 
 ******************************************************************************/
.green h2 {
  color: #668712;
}

.magenta h2 {
  color: #74009B;
}

.violet h2 {
  color: #642083;
}

.blue h2 {
  color: #5f75c5;
}

/*******************************************************************************
 * Aufbauten (Body) innerhalb der Boxen
 ******************************************************************************/
.b1x1_body1 div {
  float: right;
  margin-top: 8px;
}

.b1x2_body1 img {
  float: left;
  margin-right: 4px;
  margin-bottom: 8px;
}

.b1x2_body1 h3 {
  clear: left;
  margin-bottom: 6px;
}

.b1x2_body1 a.more {
  clear: both;
  float: right;
  position: relative;
  top: -9px;
}

.b1x2_body2 .left,.b1x2_body2 .right {
  width: 74px;
  margin-top: 6px;
  margin-bottom: 14px;
}

.b1x2_body2 .left {
  margin-right: 10px;
}

.b1x2_body2 a {

}

.b1x2_body2 h3 {
  margin-bottom: 2px;
}

.b2x1_body1 img {
  float: left;
  margin-right: 10px;
}

.b2x1_body1 div {
  float: right;
}

.b2x1_body2 div.left,.b2x1_body2 div.center {
  margin-right: 20px;
}

.article {
  line-height: 16px;
  font-size: 12px;
}

.article img {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.article p {
  clear: left;
  font-size: 12px;
  margin-bottom: 20px;
}

.article h2 {
  color: #74009b;
  margin-bottom: 0px;
}

.article td.vertical-bottom {
  height: 157px;
  vertical-align: bottom;
}

.article .bottom {
  text-align: right;
  font-weight: bold;
}

.b2xn_body1 .introduction {
  margin: 12px;
  margin-top: 0px;
  padding-top: 10px;
  color: #000066;
}

.b2xn_body1 .middle .entry {
  padding-top: 7px;
  margin-bottom: 7px;
  margin-left: 12px;
  margin-right: 12px;
  height: 78px;
  color: #000066;
  height: 78px;
}

.violet .middle .entry {
  border-top: 1px solid #642083;
}

.magenta .middle .entry {
  border-top: 1px solid #74009B;
}

.green .middle .entry {
  border-top: 1px solid #668712;
}

.blue .middle .entry {
  border-top: 1px solid #5f75c5;
}

.b2xn_body1 .middle .entry img {
  float: left;
  margin-right: 10px;
}

.b2xn_body1 .middle .entry a {
  color: #e500cc;
  text-decoration: underline;
}

.b2xn_body1 .bottom {
  position: relative;
  top: -7px;
}

.b2x2_body1 h3 {
  clear: left;
  height: 20px;
  padding-top: 6px;
  color: #000066;
}

.b2x2_body1 img {
  float: left;
  margin-right: 10px;
  margin-bottom: 8px;
}

.b2x2_body1 p {
  color: #000066;
  font-size: 11px;
  line-height: 16px;
}

.b2x2_body1 p a {
  color: #e500cc;
  text-decoration: underline;
}

/*******************************************************************************
 * Aufbauten der .Readers
 ******************************************************************************/
.readers img.icon {
  margin-right: 4px;
  margin-left: 12px;
  margin-top: 1px;
  float: left;
}

.readers h2 {
  color: #006F9F;
  font-size: 17px;
  font-weight: normal;
  height: 22px;
  margin-top: 12px;
  margin-left: 20px;
}

.readers h2 a {
  color: #006F9F;
  text-decoration: none;
}

.b3x2b_readers .see_all, .b3xn_readers .see_all {
  float: right;
  margin-right: 10px;
}

.b3x2b_readers .a_text, .b3xn_readers .a_text {
  margin-right: 5px;
  text-decoration: none;
  color: #006F9F;
  font-size: 14px;
  position: relative;
  top: -5px;
}

.b3x2b_readers .clear {
  clear: both;
  height: 1px;
}

.readers .reader {
  margin-top: 17px;
  margin-right: -4px;
}

.b1x3b_readers .reader {
  clear: both;
}

.b2x2_readers .reader,.b2x3_readers .reader {
  margin-left: 12px;
  height:85px;
  clear: both;
}

.readers .reader.two_per_row {
  width: 289px;
  float: left;
  margin-top: 15px;
  margin-right: 0px;
}

.readers .reader.two_per_row.reader_left {
  margin-right: 10px;
}

.readers .reader.two_per_row.reader_left{
 clear: left; /* <- BUGFIX */
}

.readers br{
  line-height: 0px;
}

.readers .reader .left {
  width: 75px;
}

.b3xn_readers .clear {
  height: 1px;
}

.b3xn_readers .reader {
  height: 81px;
}

.b2x2_readers .reader .center,.b2x3_readers .reader .center {
  width: 200px;
  margin-right: 10px;
}

.b3x2_readers .reader .center,.b3x2b_readers .reader .center,.b3xn_readers .reader .center
  {
  width: 415px;
  margin-right: 20px;
}

.b3x2b_readers .reader.two_per_row .center,.b3xn_readers .reader.two_per_row .center
  {
  width: 140px;
  margin-right: 5px;
}


.readers .reader .right {
  width: 68px;
  font-weight: bold;
  position: relative;
  top: -35px;
  position: relative;
  text-align:right;
}

.readers .reader .right_kosmica {
  width: 68px;
  font-weight: bold;
  top: -2px;
  background-image: url("../pics/generic_button.gif");
  color:#ffffff;
  text-align: center;
  width: 68px;
  height:32px;
  font-size: 11px;
  line-height: 15px;
  vertical-align:  middle;
  float:left;
}


.readers .reader .right .button_call_now {
  margin-top: 4px;
}

.readers .reader_headline {
  height: 34px;
}

.b1x3b_readers .reader_headline {
  height: 34px;
}

.readers .reader h3 {
  display: inline;
  padding-right: 6px;
}

.b3x2b_readers .reader h3,.b3xn_readers .reader h3 {
  font-size: 14px;
}

.b1x3b_readers .reader h3 {
  position: relative;
  top: -2px;
}

.readers .reader h3 a {
  color: inherit;
  text-decoration: none;
  color: #000066;
}

.readers .reader p a {
  color: #EB3FD9;
  text-decoration: underline;
}

.readers .reader .portrait {
  border: 1px solid #AC4FC1;
  position: relative;
  top: 2px;
}

.readers div.see_all {
  width:200px;
  clear: both;
  margin-top: 10px;
  text-align: right;
  margin-left: 12px;
}

.readers div.see_all img.margin{
  margin-right: 7px;
}

.profile .top .left img.yellow_border, .readers .reader img.yellow_border{
  border: 1px solid #F8EC6A;
}

.b1x3b_readers .reader .bottom {
  clear: both;
}

.b1x3b_readers div.pin,.b1x3b_readers .button_call_now {
  margin-top: 5px;
  float: left;
}

.b1x3b_readers .pin {
  margin-left: 10px;
  font-weight: bold;
}

 .pin_kosmica {
  margin-left: 0px;
  font-weight: bold;
  background-image: url("../pics/generic_button.gif");
  color:#ffffff;
  text-align: center;
  width: 68px;
  height:32px;
  font-size: 11px;
  line-height: 15px;
  vertical-align:  middle;
}


.readers .price {
  font-weight: normal;
  font-style: italic;
}

.readers .bottom .price {
  font-size: 10px;
  position: relative;
  top: -2px;
}

.traffic_light {
  position: relative;
  top: 2px;
}

.availability {
  margin-right: 5px;
  font-weight: bold;
  display: inline;
  font-style: italic;
}

.green {
  color: #66b400;
}

.yellow {
  color: #f18f4e;
}

.red {
  color: #ff0000;
}

.black {
  color: #5c5c5c;
}



/*******************************************************************************
 * Boxen mit spezieller Formatierung
 ******************************************************************************/

.b1x1_status div {
  font-style: italic;
  font-size: 11px;
}

.b1x1_status div a {
  font-style: normal;
  font-weight: bold;
}

.b1x1_status h2 {
  font-size: 14px;
  color: #000066;
}

.b1x1_status img {
  float: right;
  margin-top: 10px;
}

.b1x1_status label {
  color: #000066;
  font-weight: bold;
}

.b1x1_status ul {
  list-style-type: none;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left:0px;
}

.selection { /* 1/1 - Find- und Show-Reader*/
  width: 792px;
  color: #000066;
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  margin-top: 10px;
}

.selection input,.selection select {
  font-size: 11px;
  color: #000066;
  background: #ffffff;
  border: 1px solid #8e8e8e;
  height: 17px;
  margin-left: 5px;
}

.selection .selection_left1 {
  width: 87px; 
  float: left;
  padding-top: 1px;
}
.selection .selection_left {
  width: 150px;
  float: left;
}
.selection .selection_middle1 {
  width: 55px;
  float: left;
}

.selection .selection_middle {
  width: 155px;
  float: left;
  padding-top: 1px;
}

.selection .selection_right {
  width: 155px;
  float: left;
  padding-top: 1px;
}

.selection input.input_text {
  width: 131px;
  height: 14px;
}

/*
.selection .selection_left {
  width: 235px;
  float: left;
}

.selection .selection_middle {
  width: 155px;
  float: left;
  padding-top: 1px;
}

.selection input.input_text {
  width: 131px;
  height: 15px;
}
*/

.selection .right {
  width: 130px;
}

.selection select {
  width: 125px;
  z-index: 1;
  height: 17px;
}

/*.selection .input_submit {
  float: left;
  font-weight: bold;
  color: #e500cc;
  width: 50px;
  height: 19px;
  margin-right: 10px;
  border: 1px solid white;
  text-align: left;
  padding: 0px;
  position: relative;
  top: -1px;
  cursor: pointer;
}
*/
.pagination {
  clear: both;
  color: #000066;
  margin-bottom: 5px;
}

.pagination a {
  color: #e500cc;
}

.pagination .left {
  font-weight: bold;
  width: 120px;
}

.pagination .right {
  float: right;
   width: 469px;
   text-align: right;
}

.pagination .number {
  display: inline;
  margin-right: 6px;
}

/*******************************************************************************
 * 3/4 Seiten
 ******************************************************************************/
.profile { /* 3/4 - Profil eines Readers */
  width: 589px;
  color: #000066;
  font-size: 12px;
  line-height: 18px;
}

.profile .top {
  margin-bottom: 20px;
  color: #000066;
  background-image:
    url("../pics/box_profile_top.gif");
  background-repeat: repeat-y;
}

.profile .top .top_middle {
  padding: 18px;
  padding-left: 20px;
  padding-bottom: 30px;
}

.profile .top .top_bottom {
  clear: left;
  background-image:
    url("../pics/box_profile_bottom.gif");
  background-repeat: no-repeat;
  height: 12px;
}

.profile .top a {
  color: #000066;
}

.profile .top .left img {
  border: 1px solid #74009b;
}

.profile .top .center {
  margin-left: 10px;
  width: 190px;
}

.profile .top .center table {
  clear: both;
  margin-top: 6px;
  margin-left: 0px;
}

.profile .top .center th,.profile .top .center td {
  padding: 3px;
  vertical-align: top;
  text-align: left;
}

.profile .top .center th {
  padding-left: 0px;
}

.profile .top .center h1 {
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
  display: inline;
}

.profile .top .center .pin {
  font-weight: bold;
  margin-top: 9px;
}

.profile .top .right {
  margin-left: 26px;
  width: 198px;
  margin-top: 2px;
}

.profile .top .right div {
  margin-left: 12px;
  height: 90px;
}

.profile .top .right div.upper {
  margin-bottom: 54px;
}

.profile .top .right .mini {
  position: relative;
  top: -3px;
}

.profile .top .right h2 {
  color: #74009b;
  font-size: 12px;
  margin-bottom: 5px;
  white-space: nowrap;
}

.profile .top .right h2 a {
  color: #74009b;
  text-decoration: none;
}

.profile .top .right b {
  display: block;
  clear: both;
  height: 28px;
  padding-top: 15px;
}

.profile .top .right .price {
  float: right;
}

.profile .top .right .pin {
  font-weight: bold;
}

.profile .top .add_to_favs {
  float: right;
  margin-top: 7px;
  margin-right: 4px;
}

.profile .top .add_to_favs a {
  text-decoration: none;
}

.profile .middle {
  margin-left: 20px;
}

.profile .middle h2 {
  font-size: 13px;
  color: #69b9e3;
  margin-bottom: 2px;
}

.profile .middle p {
  margin-bottom: 10px;
}

.profile .bottom h2 {
  font-size: 15px;
  color: #ac4fc1;
  margin-left: 20px;
}

.profile .bottom div.type_a,.profile .bottom div.type_b {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  padding-left: 20px;
}

.profile .bottom .date {
  display: inline;
}

.profile .bottom .member {
  display: inline;
  margin-left: 15px;
  margin-right: 5px;
}

.profile .bottom .type_a {
  background: #e4ddff;
  background: #eaf5f9;
  border-top: 1px solid #74009b;
  border-bottom: 1px solid #74009b;
}

.profile .bottom .type_b {
  background: #ffffff;
}

.profile .background_infos {
  border-top: 1px solid #7d0ea1;
  padding-top: 10px;
}

.profile .background_infos h2 {
  font-size: 15px;
  color: #ac4fc1;
  margin-left: 20px;
}

.profile .background_infos h3 {
  margin-top: 10px;
}

.profile .background_infos h3,.profile .background_infos p {
  font-size: 12px;
  color: #000066;
  margin-left: 20px;
}

.steps .top,.steps .middle,.steps .bottom {
  height: 193px;
  font-size: 12px;
  line-height: 16px;
}

.steps .middle,.steps .bottom {
  border-top: 1px solid #a1d7ed;
  padding-top: 10px;
}

.steps .bottom {
  height: 343px;
}

.steps .bottom p {
  font-weight: bold;
}

.steps .right {
  margin-left: 20px;
  width: 362px;
}

.steps .right a {
  font-weight: bold;
  color: #EB3FD9;
  text-decoration: underline;
}

.steps .right h2 {
  padding-left: 14px;
  font-size: 12px;
  color: inherit;
}

.steps .right p {
  width: 300px;
  padding-left: 14px;
  margin-bottom: 10px;
}

.steps .right ul {
  list-style-type: none;
  list-style-image: url('../pics/list-style-image.gif');
  margin-left: 10px;
  padding-left: 20px;
  width: 340px;
}

.steps .right li {
  padding-bottom: 10px;
}

/*******************************************************************************
 * Full-Width Elemente
 ******************************************************************************/
.login .left {
  width: 194px;
  height: 339px;
}

.login .center {
  background-image: url("../pics/box_login.gif");
  margin-top: 20px;
  height: 339px;
  width: 355px;
  padding: 20px;
  color: #000066;
}

.login .center h2 {
  font-size: 16px;
  color: #000066;
}

.login .center hr {
  background: #a3d9f0;
  height: 1px;
  border: 0px;
}

.login .center label {
  display: block;
  margin-top: 22px;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: bold;
}

.login .center input {
  border: 1px solid #8e8e8e;
}

.login .center input.input_submit {
  background-image: url("../pics/en/button_login_big.gif");
  width: 110px;
  height: 27px;
  border: 0px;
  cursor: pointer;
}

.login .center .top {
  margin-top: 4px;
  margin-bottom: 20px;
  font-style: italic;
}

.login .center .top a {
  font-style: normal;
}

.login .center .middle {
  margin-top: 10px;
}

.login .center .middle a {
  font-style: italic;
}

.login .center .bottom {
  margin-top: 10px;
  font-size: 10px;
}

.login .center .right {
  float: right;
}

.order_process {
  width: 792px;
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 16px;
}

.order_process #call_now {
  width: 540px;
  height: 240px;
  background-image:
    url('../pics/button_jetzt_anrufen_600.gif');
  background-position: bottom right;
  font-size: 12px;
  line-height: 18px;
}

.order_process #call_now p {
  width: 320px;
}

.order_process .tabs img {
  float: left;
}

.order_process .tabs img.corner_right {
  margin-left: -2px;
}

.order_process .tabs a {
  float: left;
  height: 21px;
  padding-top: 8px;
  padding-left: 7px;
  padding-right: 7px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  background-image:
    url('../pics/order_process_bg1.gif');
  background-repeat: repeat-x;
  border-right: 2px solid #AADCF1;
  background-repeat: repeat-x;
}

.order_process .tabs a.active {
  font-weight: bold;
}

.order_process .content {
  background-image: url('../pics/order_process_bg.gif');
  background-repeat: repeat-y;
  width: 547px;
  color: #000066;
  padding: 23px;
  padding-top: 14px;
}

.order_process .content h1 {
  font-size: 16px;
  margin-bottom: 6px;
}

#div_main .order_process .content h1.promotion{
  font-size: 26px;
  margin-bottom: 26px;
}

#div_main .order_process .content h2.promotion{
	color:#74009B;
	font-size:18px;
}

.order_process .content p {
  clear: both;
  margin-bottom: 10px;
}

.order_process .content .center {
  padding-top: 42px;
}

.order_process .content .subbox {
  height: 165px;
  margin-top: 10px;
  margin-bottom: 20px;
  vertical-align: baseline;
}

.order_process .content .subbox {
  background-image:
    url('../pics/box_order_process_subbox_middle.gif'
)
    ;
  background-repeat: repeat-x;
}

.order_process .content .subbox .left_corner {
  background-image:
    url('../pics/box_order_process_subbox_left.gif')
    ;
  background-repeat: no-repeat;
  padding: 10px;
  height: 165px;
  float: left;
}

.order_process .content .subbox .right_corner {
  background-image:
    url('../pics/box_order_process_subbox_right.gif')
    ;
  background-repeat: no-repeat;
  width: 22px;
  height: 185px;
}

.order_process .content .subbox img {
  display: block;
  margin-bottom: 10px;
  margin-top: 3px;
  margin-left: 3px;
}

.order_process .content .subbox input {
  margin-right: 10px;
  border: 0px;
}

.order_process .content .subbox p {
  margin: 0px;
  margin-bottom: 2px;
}

.order_process .content input {
  border: 1px solid #a3d9f0;
}

.order_process .content input.input_submit {
  clear: both;
  float: right;
  background-image: url('../pics/en/button_submit_bgblue.gif');
  width: 103px;
  height: 26px;
  border: 0px;
  width: 122px;
  cursor: pointer;
}

.order_process .content input.input_next{
  clear: both;
  float: right;
  background-image: url('../pics/en/button_next_bgblue.gif');
  height: 26px;
  border: 0px;
  width: 103px;
  cursor: pointer;
}

.order_process .button_sign_in {
  float: right;
}

.order_process .content hr {
  background: #a3d9f0;
  height: 1px;
  border: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.order_process .content a {
  text-decoration: underline;
}

.order_process .content table {
  margin-bottom: 5px;
  clear: right;
}

.order_process .content th,.order_process .content td {
  padding-right: 5px;
  text-align: left;
  vertical-align: top;
}

.order_process .content td.more_padding {
  padding-right: 20px;
}

 .order_process .content input, .order_process .content select{
  font-size: 12px;
}
.order_process .content .va2b select{
	font-size: 12px;
	margin-top:5px;
}

.order_process .content td.small {
  font-size: 9px;
}

.order_process .content .dont_have_card {
  font-size: 11px;
}

.order_process .top {
  clear: none;
  background-image: url('../pics/order_process_top.gif');
  width: 597px;
  height: 10px;
  background-image: url('../pics/order_process_top.gif');
}

.order_process .bottom {
  clear: none;
  background-image: url('../pics/order_process_bottom.gif');
  height: 21px;
  width: 597px;
}

.order_process .personal_reader {
  /* 1/4 - Anzeige des persönlichen Reader*/
  float: right;
  width: 163px;
  height: 197px;
  background-image: url('../pics/box_personal_reader.gif');
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
}

.order_process .personal_reader h2 {
  font-size: 11px;
  color: #000066;
  margin-bottom: 6px;
}

.order_process .personal_reader img {
  border: 1px solid #74009b;
}

.order_process .ssl {
  clear: right;
  float: right;
  background-image: url('../pics/box_ssl.gif');
  color: #429dbe;
  width: 141px;
  height: 56px;
  font-weight: bold;
  padding-left: 42px;
  padding-top: 10px;
  margin-bottom: 20px;
}

.order_process .verisign {
  clear: right;
  float: right;
  width: 183px;
  text-align: center;
}
/*******************************************************************************
 * Layer/ Highslide
 ******************************************************************************/
.layer {
  border: 1px solid #000066;
  background: #ffffff;
  position: absolute;
  width: 400px;
  top: 250px;
  left: 50%;
  margin-left: -220px;
  z-index: 99;
  padding: 10px;
  position: absolute;
  top: 250px;
  position: absolute;
}

.layer .top {
  background-image: url('../pics/layer_top_bg.gif');
  height: 39px;
  width: 400px;
  padding: 2px;
  margin-bottom: 10px;
}

.layer .top .left {
  margin-left: 10px;
}

.layer .top h2 {
  display: inline;
  position: relative;
  top: -11px;
  font-weight: normal;
  color: #006f9f;
  font-size: 16px;
}

.layer .top .right {
  float: right;
  margin-top: 10px;
  margin-right: 20px;
}

.layer .top .right a {
  color: #006f9f;
  font-size: 16px;
  text-decoration: none;
}

.layer .top .right a .big {
  font-size: 18px;
  font-weight: bold;
}

.layer .bottom .left {
  width: 110px;
  margin-right: 10px;
}

.layer .bottom .left .subtitle {
  font-size: 11px;
  width: 100px;
  color: #74009b;
}

.layer .bottom .center {
  width: 280px;
  color: #000066;
}

.layer .bottom .center p {
  margin-bottom: 10px;
}

.layer .bottom .center a {
  color: #e500cc;
  font-weight: bold;
}

.nobackground {
	background-image: none;
}