/**
 * Basis Modul Styles
 * Hier werden die Basis-Styles fuer die einzelnen Module gesetzt.
 *
 * Sinn davon ist das jedes Modul gewisse Standard-Styles hat. Diese Styles koennen dann
 * in der templates.css im jeweiligen Projekt ueberschrieben werden.
 *
 * @author Michael Mezger
 **/
 
/*******************************************************************************/
/* Kontaktformular */
div.module-contact-twocolumns div.contact-form {
    width                   : 55%;
    float                   : right;
}
div.module-contact-twocolumns div.contact-descr {
    width                   : 44%;
    float                   : left;
}
div.module-contact textarea {
    width                   : 100%;
    height                  : 125px;
}

/*******************************************************************************/
/* Suche */
div.module-search-results div.search-result a.url {
    color                   : #009900;
} 

/*******************************************************************************/
/* Distributoren */
div.module-distributors div.distributor-groups ul {
    list-style-type         : none;
    padding-left            : 10px;
    margin                  : 0;
}
div.module-distributors div.distributor-groups ul a {
    font-size               : 11px;
    text-decoration         : none;
    padding                 : 2px 15px;
    background              : url(/images/common/arrow_right.gif) no-repeat 5px center;
    display                 : block;
    color                   : #333333;
}
div.module-distributors div.distributor-group {
    margin-bottom           : 10px;
}

/*******************************************************************************/
/* Artikel */
div.module-articles-article table.article td {
    padding                 : 0;
    vertical-align          : top;
}
div.module-articles-article table.article-images-image-container td {
    vertical-align          : top;
    text-align              : left;
}
div.module-articles-article div.article-image-first {
    margin-left             : 0px;   
}
div.module-articles-article table.article-image {
    margin-left             : 10px;
}
div.module-articles-article table.article-image td,
div.module-articles-article table.article-assigned-image td, 
div.module-articles-article table.article-images-image td{
    border                  : 1px solid #D7D7D7;
    vertical-align          : middle;
    text-align              : center;
}
div.module-articles-article table.article-images-image {
    margin-bottom           : 10px;
    margin-right            : 10px;
}
table.article-group {
    margin-bottom           : 10px;    
}
div.module-articles-article p.article-no {
    color                 : #999999;
}


/*******************************************************************************/
/* Zugewiesene Artikel (Variante, Zubehoer, etc.) */
div.module-articles-article table.article-assigned td {
    vertical-align          : top;
}
div.module-articles-article table.article-assigned-image {
    margin-right            : 10px;
    border                  : 1px solid #D7D7D7;   
}

/*******************************************************************************/
/* Article Downloads */
div.module-articles-article table.downloads td.first {
    width                   : 25px;
}
div.module-articles-article table.downloads td.last {
    text-align              : right;
    padding-right           : 10px;
}


/*******************************************************************************/
/* Artikelgruppe */

/* View Type Switcher */
div.view-type-switcher {
    text-align              : right;
}
div.view-type-switcher a.active img {
    background              : #F2F2F2;
}
div.module-articles-article-group td.article-group-descr {
    vertical-align          : top;    
}
div.module-articles-article-group td.article-group-image {
    border                  : 1px solid #D7D7D7;
}
div.module-articles-article-group table.article-group-image td {
   text-align               : center;
   vertical-align           : middle;
}

/* Artikel-View "Preview" (Vorschauansicht) */
div.module-articles-article-group table.article-preview {
    border                  : 1px solid #D7D7D7;
    width                   : 180px;
    height                  : 280px;
    padding                 : 0;
    float                   : left;
    margin-left             : 7px;
    margin-bottom           : 7px;
    background-color        : #F2F2F2;
}
div.module-articles-article-group div.article-group-descr {
    margin-bottom           : 10px;    
}
div.module-articles-article-group table.article-preview-first {
    margin-left             : 0;    
}
div.module-articles-article-group td.article-preview-image {
    background-color        : white;
    height                  : 120px;
    padding                 : 0;
    text-align              : center;
    vertical-align          : middle;
}
div.module-articles-article-group div.article-preview-image {
    width                   : 180px;
    overflow                : hidden; 
}
div.module-articles-article-group td.article-preview-footer {
    height                  : 1em;
    padding                 : 5px;
    text-align              : right;
}
div.module-articles-article-group td.article-preview-descr {
    height                  : 120px;
    padding                 : 5px;
    vertical-align          : top;
    font-size               : 0.9em
}
div.module-articles-article-group .article-preview-descr h2 {
    font-size               : 1em;
}
div.module-articles-article-group .article-preview-descr p.descr {
    font-size               : 1em;
    margin-bottom           : 0 !important;
}

/*******************************************************************************/
/* Newsletter */
table.newsletter {
    width                   : auto;
}
table.newsletter tbody td.email {
    padding-right           : 10px;
}
table.newsletter tbody td.input label, 
table.newsletter tbody td.input input {
    vertical-align          : middle;
}
table.newsletter tbody td {
    padding-top             : 3px;
    padding-bottom          : 3px;
}