/* Stylesheet für www.aps-gmbh.de */

/* 
  Dieses Stylesheet wurde getestet mit den Browsern Konqueror 3.1.4, 
  Mozilla 1.7, Firefox 1.0, Opera 7.51 und Internet Explorer 6.0.

  Aufgrund der unterschiedlichen Implementierungen des vom W3C festgelegten
  CSS-Standards in den Webbrowsern kann es unter Umständen zu geringfügigen
  Abweichungen bei der Darstellung der Webseite in den verschiedenen Browsern
  kommen. Es wurde jedoch sorgfältig darauf geachtet, dass sich diese Unter-
  schiede in Grenzen halten.
  
  2005 Andreas Brischwein
*/


@media screen, projection {

/*---------- CONTENT-ELEMENTE ----------*/

/* Bilder, die rechts angeordnet sind und links von Text umflossen werden */
.image_box_right, dl.csc-textpic-image {
  display:block;
  float:right;

  padding:1px 1px 5px 1px;
  margin-bottom:10px;
  margin-top:10px;


  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;

/*
  background-image:url(../layout/image_subtitle.gif);
  background-repeat:repeat-y;
  background-position:bottom left;
*/
  background-color:#169F5B;
}

/* Bilder, die links angeordnet sind und rechts von Text umflossen werden */
.image_box_left {
  display:block;
  float:left;

  padding:0px 0px 5px 0px;
  margin-bottom:10px;
  margin-top:10px;
  margin-right:10px;

  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;

  background-color:#169F5B;
}


/* Bildunterschrift */
span.subtitle, dd.csc-textpic-caption {
  position:relative;
  display:inline;
  bottom:-1px;
  padding: 2px;
  color:#FFFFFF;  
  text-decoration:none;
}

/* Bild der Klasse "image" in einer Image-Box */
img.image {
  display:block;
  border-style:solid;
  border-width:1px;
  border-color:#169F5B;
}


/* Hover-Effekt für Bilder (Funktioniert nicht in IE)
img.image:hover {
  border-style:solid;
  border-width:1px;
  border-color:#FF9600;
}*/


/* Bild der Klasse "Icon" in einer Image-Box (z.B. Lupe in Bildunterschrift) */
img.icon {
  display:inline;
  position:relative;
  border:none;

  margin-right:7px;
  bottom:-2px;
}


} /* @media */