/* Stylesheet für die Screenausgabe, ergänzend zum YAML-Framework */

@media screen
{

  body {
        background:url(../upload/bilder/hintergrund.jpg) repeat-x; 
          font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
          font-size:12px; 
  }
  
  img { 
           /* margin:0px; */
           border:none; 
  }
  
  
  h1, h2 {
           font-size:12px; 
  }
  
  p {
           font-size:12px; 
           margin-bottom:14px;
  }

  strong
  {
  font-weight: normal;
  }
  
  .fett
  {
  font-weight: bold;
  }

/* Testzwecke 
div {
      border-style:solid;
      border-color:#000000;
      border-width:1px;
      background-color:#efefef; 
}

*/

/* Oberern Rand des Q+ Logos bestimmen: */
  .qplus { 
          margin-top: 630px;
    padding-left: 15px;
          padding-bottom: 10px;
  }
  
  
  
  .kpnavigation {
           background-image:url(../upload/bilder/bg_nav_full.png); 
           background-color:#000000;
           border-style:none; 
           padding:0px; 
           margin:0px; 
           text-align:center;
           /* width:640px; */
  }


/*
#main a[href^="http:"], #main a[href^="https:"]
{
    padding-left: 12px;
    background-image: url('../../img/icons/ext_link.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
        target:_new;
} 


#textcontainer {
        width: 789px;
}
*/

/* Formatierung für die Artikelliste der Startseite */


     #art_headline { 
             font-weight:bold;       
     }

     #art_text  { 
             height:138px;
     }


     #art_image {
             float:left;
             margin:0 10px 10px 0; 
             height:150px;
             
     }

     #art_area {
             /* float:left; */
             width: 370px;
             height: 180px;
             margin: 20px 0 0 0;
             clear:both; 
     }
     
     #art_area_left { 
             float:left;
     }     

     #art_area_right { 
             float:right; 
     }


  #col3 a:link { text-decoration:underline;  color:#000000; }
  #col3 a:visited { text-decoration:underline;  color:#000000; } 
  #col3 a:hover { text-decoration:underline; background-color:#EFEFEF; color:#000000; }
  #col3 a:active { text-decoration:underline; background-color:#EFEFEF; color:#000000; }
  #col3 a:focus { text-decoration:underline; background-color:#EFEFEF; color:#000000; }
  #col3_content {
   img { margin: 10px; float:right;}
  }

  /* Contenido */
  .navi {
    margin:0px;
    padding:0px;
  }

  /* Von Contenido vorgegebene Klassen */
  a.navileft_passive {
    display:block;
    /* background-color:#ffffff; */
    padding-top:2px;
    padding-bottom:2px; 
    border-style:solid;
    border-color:#FFFFFF; 
    border-width:0 0 1px 0;
    /* color:rgb(51,79,119); */
  } 

  a.navileft_active {
    display:block;
    /* background-color:#ffffff; */
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:right; 
    text-decoration:underline;
    padding-top:2px;
    padding-bottom:2px;
    border-style:solid;
    border-color:#FFFFFF; 
    border-width:0 0 1px 0;
    /* color:#ffffff; */
  } 

  a.navileft_open {
    padding-left:10px;
    display:block;
    background:url("../images/navi_pfeil.gif") no-repeat;
    background-position:right; 
    /* background-color:#FFFFFF; */
    padding-top:2px;
    border-style:solid;
    border-color:#FFFFFF; 
    border-width:0 0 1px 0;
    /* border:0 1px 0 1px; */
  } 


  .navleiste {
           font-size:80%;
           border-style:none; 
           background-color:#EFEFEF;
           /* border-width: 1px; */ 
           margin-left:0px; 
           margin-right:0px;
           padding:2px;
  }


/* Von Contenido vorgegebener Name für die Navigation, in dieser Seite als Seitennavigation verwendet */
  .navi {
    margin-left:0px;
  }


/*Style für externen Link im Modul KP Externer Link*/
  .ext_navi {
    display:block;
    background-color:#EFEFEF;
    /* margin-top:10px; */
    padding-top:2px;
    padding-bottom:2px; 
    border-style:solid;
    border-color:#FFFFFF; 
    border-width:10px 0 1px 0;
    /* color:rgb(51,79,119); */
  }


  #main #art_headline
  {
           font-weight:bold;
  }


  a:link { 
    text-decoration:none; 
    color:#000000; 
  }
  a:visited { 
    text-decoration:none; 
    color:#000000; 
  }
  a:hover { 
    text-decoration:underline; 
    color:#000000; 
  }
  a:active { 
    text-decoration:underline; 
    color:#000000; 
  }
  a:focus { 
    text-decoration:none; 
    color:#000000; 
  }

/* Angebote-Briefkopf für Screenausgabe ausblenden */

  #kp_briefkopf {
    display:none;
  }


/* KP Angebote Styles */
  #angebote_h1 {
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
    font-size: 22px; 
    font-weight: bold;
  }
  #angebote_h2 { 
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
    font-size: 16px; 
    font-weight: bold;
  }
  #angebote_h3 { 
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
    font-size: 16px; 
    font-weight: bold;
  }
  #angebote_h3rechts {
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
    font-size: 10px; 
  }

  #angebote_left {
    float: left;
    width: 72%;
  }

  #angebote_right {
  
  }

  #angebote_table { 
    width: 90%; 
    table-layout: fixed;
  }
  #angebote_table_herstellerlink { 
    width: 18%; 
    font-size: 14px; 
    font-weight: bold;
  }
  #angebote_table_entry { 
    width: 62%; 
    font-size: 14px; 
  }
  #angebote_table_uvp { 
    width: 10%; 
    font-size: 14px; 
    text-align: right; 
  }
  #angebote_table_preis { 
    width: 10%; 
    font-size: 14px; 
    text-align: right; 
    font-weight: bold; 
  }

  #angebote_table_edithersteller { 
    width: 9%; 
    font-size: 10px; 
    font-weight: bold;
  }
  #angebote_table_editurl { 
    width: 15%; 
    font-size: 10px;
  } 
  #angebote_table_editentry { 
    width: 47%; 
    font-size: 10px;
  }
  #angebote_table_edituvp { 
    width: 7%; 
    text-align: right; 
    font-size: 10px;
  }
  #angebote_table_editpreis { 
    width: 6%; 
    text-align: right; 
    font-weight: bold; 
    font-size: 10px;
  }
  #angebote_table_editadmin { 
    width: 6%; 
  }
  
  /* Startseite */ 
  #startseite_links {
    color:#444444;
    font-size: 10px; 
    margin-bottom: 10px;
  }
  #startseite_links a:link { text-decoration:none;  color:#444444; }
  #startseite_links a:visited { text-decoration:none;  color:#444444; } 
  #startseite_links a:hover { text-decoration:underline; background-color:#EFEFEF; color:#444444; }
  #startseite_links a:active { text-decoration:underline; background-color:#EFEFEF; color:#444444; }
  #startseite_links a:focus { text-decoration:underline; background-color:#EFEFEF; color:#444444; }

}