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



@media screen, projection {


/* Löscht Spaltenaufteilungen, die mit float:left/right erzeugt wurden. */
#cls {
  clear:both;
}


/*---------- MAINFRAME ----------*/

#mainframe {
  width:760px;
  margin:0px auto;
  padding:0px;

  *text-align:left; /* Wird nur von IE interpretiert. */

  font-size:0.9em;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#F1F1F1;
}



/*---------- HEAD ----------*/

#head {
  height:130px;
  background-color:#FFFFFF;
}

#head .image {
  position:absolute;
  display:inline;
  width:259px;
  height:171px;

  margin-left:0px;
  margin-top:0px;

  background:url(../layout/header_car.jpg);
  background-repeat:no-repeat;
}

#head .services {
  position:absolute;
  margin-left:265px;
  margin-top:22px;
  width:224px;
  height:89px;

  background:url(../layout/services.gif);
  background-repeat:no-repeat;
}

#head .slogan {
  position:absolute;
  width:188px;
  height:18px;
  margin-top:170px;
  margin-left:5px;
  background:url(../layout/slogan.gif);
  background-repeat:no-repeat;
}

#head .logo {
  display:block;
  position:absolute;
  margin-top:20px;
  margin-left:510px;
}



/*---------- TOP ---------- */

#top {
  width:760px;
  height:84px;

  background:url(../layout/header_repeat.jpg);
  background-repeat:repeat-x;
}

/* Seiten-Register */

#register {
  position:relative;
  margin-left:300px;
  margin-top:-45px;
  padding:0px;
  font-size:12px;
  vertical-align:middle;
}

#register img.icon {
  display:inline;
  margin-left:3px;
  margin-right:3px;
}


#top .wave {
  width:578px;
  height:84px;
  margin-left:182px;

  background:url(../layout/header_rechts.jpg);
}



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


#content {
  position:relative;
  float:right;
  width:535px;
  padding-right:15px;

  font-size:0.9em;
}
#content2 {
  width:100%;

}




/* Überschrift */
#content h1 {
  display:inline; 
  font-family:Arial, Helvetica, sans-serif;
  font-weight:600;
  font-size:1.2em;
  color:#000000;
}

/* Unterüberschrift */
#content h2 {
   display:block;
   /* top, right, bottom, left */
   margin-top:10px;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:600;
   font-size:1.0em;
   color:#000000;
}



/*---------- BOTTOM ----------*/

#bottom {
  position:relative;
  height:131px;

  background:url(../layout/bottom_repeat.jpg);
  background-repeat:repeat-x;
  background-color:#F1F1F1;

  font-size:14px;
}

#bottom .wave {
  height:131px;
  width:578px;
  margin-left:182px;

  background:url(../layout/bottom_rechts.jpg);
  background-color:#F1F1F1;
}



/*---------- FOOT ----------*/

#foot {
  position:relative;
  height:107px;

  background:url(../layout/foot_repeat.jpg);
  background-repeat:repeat-x;
  z-index:1;
}

#foot a {
  color:#008F22;
}

#foot a.poweredby {
  position:absolute;
  top:50px;  
  left:20px;
}

#foot .wave {
  height:107px;
  width:578px;
  margin-left:182px;  

  background:url(../layout/foot_rechts.jpg);
  z-index:2;
}

#foot img {
  position:absolute;
  border:none;
}

#foot_menu {
  position:relative;
  left:120px;
  top:-44px;
}

#foot_menu ul {
  display:block;
  position:relative;
  padding:15px;
  margin:0px;
  list-style-type:none;
  float:left;

  font-size:13px;
  color:#5F5F5F;
}



/*---------- NAVIGATION ----------*/

#navigation {
  width:195px;
  float:left;
  position:relative;

  background-color:#55B681;
}

#navigation a.nostyle {
  display:inline;
}
#navigation a {
  display:block;
  text-decoration:none;

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

#navigation img.icon {
  display:inline;
  padding:0px;

  border:none;
}

/*----- Mainmenu -----*/
#navigation a.mainmenu {
  height:30px;
  padding-left:15px;


  background:url(../layout/menu_button.gif);
  background-position:right;
  background-repeat:repeat-y;
  background-color:#1CA15F;
  color:#FFFFFF;

  border-style:solid;
  border-width:1px;
  border-left-color:#169F5B;
  border-right-color:#54B580;
  border-top-color:#6FD59D;
  border-bottom-color:#00622C;

}

/* Mainmenu-Hover-Effekt */
#navigation a.mainmenu:hover {
  background:url(../layout/menu_button_over.gif);
  background-position:right;
  background-repeat:repeat-y;
  background-color:#08743D;


/*  3D-Effekt
  border-style:solid;
  border-width:1px;
  border-right-color:#F1F1F1;
  border-left-color:#60E0A6;
  border-top-color:#60E0A6;
  border-bottom-color:#60E0A6;
*/
}

/* Mainmenu-Button aktiv */
#navigation a.mmactive {
  height:30px;
  padding-left:15px;

  background:url(../layout/menu_button_over.gif);
  background-position:right;
  background-repeat:repeat-y;
  background-color:#08743D;
  color:#FFFFFF;

  border-style:solid;
  border-width:1px;
  border-left-color:#169F5B;
  border-right-color:#54B580;
  border-top-color:#6FD59D;
  border-bottom-color:#00622C;
}

/* Zur einheitlichen Textpositionierung in den getesteten Browsern */
#navigation span {
  display:block;
  padding-top:6px;
}


/*----- Submenu -----*/
#navigation a.submenu {
  display:block;
  height:28px;
  padding-left:30px;

  background:url(../layout/submenu_button.gif);
  background-position:right;
  background-repeat:repeat-y;
  background-color:#AFE4C7;

  /* top, right, bottom, left */
  margin:1px 2px 0px 2px;
  
 
  color:#000000;
}

/* Submenu-Hover-Effekt */
#navigation a.submenu:hover {
  background:url(../layout/submenu_button_over.gif);
  background-position:right;
  background-repeat:repeat-y;
  background-color:#AFE4C7
}

#navigation a.smactive {
  display:block;
  height:28px;
  padding-left:30px;
  /* top, right, bottom, left */
  margin:1px 2px 0px 2px;

  color:#000000; 
  background:url(../layout/submenu_button_over.gif);
  background-position:right;
  background-repeat:repeat-y;
  background-color:#AFE4C7
}

#navigation .text {
  display:inline;
  padding-left:5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#FFFFFF;
}

#navigation .language {
  display:inline;
  padding:0px;
  margin:0px;
}


} /* @media */