@charset "utf-8";

/**
 * Contao content modules  w/o menues for all pages.
 * Code order: alphabetically AND by appearance ASC.
 *
 * @date       2012-12-04
 * @since      2011-07-18
 * @author     Christian Oellers <c.oellers@*.de>
 * @copyright  Alldesign, http://alldesign.de/
 * @version    1.3.2
 */

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

/* ------------------------------------------------------------------------------------ Video box */

.video-box {
    margin:0 0 20px;
}

/* ---------------------------------------------------------------------------------- Sidebar box */

/**
 * Sidebar boxes with dynamic content.
 *
 * This layout requires a workaround for headline widths because
 * of an optical illusion that appears for some contrasting colors.
 *
 * Layout tested with:
 *   .ce_html ~
 *   .ce_text
 *   .mod_cataloglist
 */

.box {
    max-width:230px;
    width:100%;
    box-shadow:0px 5px 8px 0px rgba(0,0,0,0.2);
}

.box + .box {
    margin-top:15px;
}

.box.green {
    box-shadow:none;
}

.box.magenta {
    box-shadow:none;
}


.box h3 {
    color:#FFF;
    background:#2C8500;
    font-family:'OptimaRegular', 'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:18px;
    line-height:110%;
    overflow:hidden;
    margin:0 0 15px 0;
    padding:12px 15px 10px;
}

.box.green h3 {
    margin:0 0 15px 0;
}

/**
 * Subscription required:
 * - Kundenkarte
 * - Newsletter
 */

.box.subscribe h3 {
    color:#F7D909;
    background:#2C8500;
}

/* -------------------------------------------------------------------------- Socialmedia toolbar */

#socialmedia {
    position:absolute;
    right:0;
    top:550px;
}

#socialmedia .inner {
    padding:10px 0;
    width:31px;
    background:#eeeff0;
    box-shadow:1px 2px 5px 0px rgba(50, 50, 50, 0.20);
    border-radius:0px 3px 3px 0px;
}

#socialmedia a {
    float:none;
    height:16px;
    margin:0 0 5px 7px;
}

#socialmedia a.rss {
    background:url('/tl_files/layout/socialmedia/rss.png') 0 0 no-repeat;
}

#socialmedia a.facebook {
    background:url('/tl_files/layout/socialmedia/facebook.png') 0 0 no-repeat;
}

#socialmedia a.twitter {
    background:url('/tl_files/layout/socialmedia/twitter.png') 0 0 no-repeat;
}

#socialmedia a.youtube {
    background:url('/tl_files/layout/socialmedia/youtube.png') 0 0 no-repeat;
}

#socialmedia a.klog {
    background:url('/tl_files/layout/socialmedia/klog/klog.png') 0 0 no-repeat;
}

#socialmedia a:hover {
    background-position:0 -16px;
}

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

/* --------------------------------------------------------------------------------- ce_accordion */
/* -------------------------------------------------------------------------------------- ce_html */

/* Custom elements */

.ce_html .back-link {
    text-align:right;
    margin:0 10px 30px 0;
}

.ce_html .back-link a {
    color:#00A000;
}

.ce_html .back-link a:hover {
    color:#000;
}

.ce_html .back-link a:active {
    color:#00A000;
}

/* -------------------------------------------------------------------------- ce_ce_lightbox4ward */

/* --------------------------------------------------------------------- main */

/**
 * Garten-Shop contacts.
 *
 * @see  /kontakt.html
 */

/** /
.main .ce_ce_lightbox4ward {
    margin:15px 0 30px;
}

.main .ce_ce_lightbox4ward a {
    color:#B13BBD;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:12px;
    line-height:140%;
    font-weight:bold;
}

.main .ce_ce_lightbox4ward a:hover {
    color:#D528C2;
}

.main .ce_ce_lightbox4ward a:active {
    color:#B13BBD;
}
/**/

/* -------------------------------------------------------------------- right */

/**
 * Garten-Shop contacts.
 *
 * .flag
 * - Used for contact data, adds a little flag icon
 *   and allows custom paragraph layout for that section.
 */

/** /
.right .ce_text.flag .ce_ce_lightbox4ward {
    margin:5px 0 0;
}

.right .ce_text.flag .ce_ce_lightbox4ward a {
    color:#B13BBD;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:11px;
    line-height:140%;
}

.right .ce_text.flag .ce_ce_lightbox4ward a:hover {
    color:#D528C2;
}

.right .ce_text.flag .ce_ce_lightbox4ward a:active {
    color:#B13BBD;
}
/** /

/* -------------------------------------------------------------------------------------- ce_form */

/**
 * Kundenkarte.
 */

.kundenkarte .ce_form .explanation {
    margin:0 0 15px;
}

.kundenkarte .ce_form .block {
    margin:0 0 5px 0;
}

.kundenkarte .block label {
    display:block;
    float:left;
    width:150px;
}

.kundenkarte .block .field {
    float:left;
}

.kundenkarte .submit_container {
    overflow:hidden;
    margin:10px 0 15px;
    padding:0 67px 0 0;
}

.kundenkarte .submit_container input {
    float:right;
}

.kundenkarte .ce_form .row_last.explanation p {
    color:#A3A3A3;
}

/* ---------------------------------------------------------------------------------- ce_headline */

/* --------------------------------------------------------------------- main */

.main .ce_headline.first,
.main h1.ce_headline {
    color:#2D8202;
    font-family:'OptimaRegular', 'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:24px;
    margin:0 0 30px;
}

.main h2.ce_headline {
    color:#3EB303;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:14px;
    font-weight:bold;
    margin:0 0 20px;
}

/* -------------------------------------------------------------------- right */

.right h2.ce_headline {
    color:#B034BB;
    font-family:'OptimaRegular', 'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:16px;
    margin:0 0 15px;
}

/**
 * Garten-Shop contacts.
 *
 * .flag
 * - Used for contact data, adds a little flag icon
 *   and allows custom paragraph layout for that section.
 */

.right .ce_text.flag h2.ce_headline {
    margin:7px 0 15px;
}

/* ------------------------------------------------------------------------------------ ce_html ~ */

/**
 * Fictional content element: There is no 'ce_html' in Contao.
 * Add this class by yourself to the surrounding DIV of HTML-elements if required.
 */

/* ---------------------------------------------------------------------- all */

/**
 * Sidebar boxes for special offers:
 * Can be used with 'mod_article' and 'mod_cataloglist'.
 *
 * - Angebot des Monats
 * - Angebot der Woche
 */

.ce_html.box .content {
    margin:0 20px 0 25px;
    padding:0 0 25px;
}

.ce_html.box .content p {
    color:#666;
    margin:0 0 10px;
}

.ce_html.box a {
    color:#2D8202;
}

.ce_html.box a:hover {
    color:#000;
}

.ce_html.box a:active {
    color:#2D8202;
}

.ce_html.box.angebot .image_container {
    text-align:center;
    /* Not for catalog * /
    margin:0 0 0 -15px;
    /**/
}

.ce_html.box.angebot h4 {
    font-weight:bold;
    font-size:14px;
    margin:0;
}

.ce_html.box.angebot h4 a {
    color:#9B3874;
}

.ce_html.box.angebot h4 a:hover {
    color:#000;
}

.ce_html.box.angebot h4 a:active {
    color:#9B3874;
}

.ce_html.box.angebot strong {
    color:#9B3874;
    font-weight:normal;
}

/* --------------------------------------------------------------------- left */

.left .ce_html.box {
    float:right;
}

/* --------------------------------------------------------------------- main */

/**
 * Special offer detail page:
 * - Angebot des Monats
 * - Angebot der Woche
 */

.main .ce_html.angebot {
    margin:0 0 50px;
}

/* -------------------------------------------------------------------- right */

/**
 * Event box with archive link.
 */

.right .ce_html.events .archive {
    text-align:right;
}

.right .ce_html.events .archive a {
    color:#2D8202;
}

.right .ce_html.events .archive a:hover {
    color:#151515;
}

.right .ce_html.events .archive a:active {
    color:#2D8202;
}

/* --------------------------------------------------------------------- main */

.main .ce_html h3 {
    font-weight:bold;
    margin:0 0 5px;
}

.main .ce_html ul {
    margin:0 0 10px;
}

.main .ce_html li {
    font-size:11px;
}

.main .ce_html p {
    margin:0 0 10px;
}

.main .ce_html a {
    color:#3F3F3F;
    text-decoration:underline;
}

.main .ce_html a:hover {
    color:#9B3874;
}

.main .ce_html a:active {
    color:#3F3F3F;
}

/* --------------------------------------------------------------------------------- ce_hyperlink */

/* ------------------------------------------------------------------- header */

/**
 * Graphical buttons with links.
 *
 * .button
 * - Used for buttons w/ text and prices
 *   that can exist as image or hyperlink.
 */
.header .ce_hyperlink.button {
    position:absolute;
    top:0;
    left:0;
}

/* --------------------------------------------------------------------- main */

.main .ce_hyperlink a {
    color:#3F3F3F;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:11px;
    line-height:140%;
    font-weight:normal;
    text-decoration:underline;
}

.main .ce_hyperlink a:hover {
    color:#9B3874;
}

.main .ce_hyperlink a:active {
    color:#3F3F3F;
}

/**
 * RSS feeds.
 */

.main .ce_hyperlink.rss a {
    background:url('/tl_files/layout/rss.png') 0 1px no-repeat;
    padding:0 0 0 20px;
}

.main .ce_hyperlink.rss a:hover {
    background-position:0 -17px;
}

/**
 * Vibrant highlighted links for contacts.
 */

.kontakt .main .ce_hyperlink {
    margin:0 0 30px;
}

.kontakt .main .ce_hyperlink a {
    color:#B13BBD;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:12px;
    line-height:140%;
    font-weight:bold;
    text-decoration:none;
}

.kontakt .main .ce_hyperlink a:hover {
    color:#D528C2;
}

.kontakt .main .ce_hyperlink a:active {
    color:#B13BBD;
}

/* -------------------------------------------------------------------- right */

/**
 * Garten-Shop contacts.
 *
 * .flag
 * - Used for contact data, adds a little flag icon
 *   and allows custom paragraph layout for that section.
 */

.right .ce_text.flag .ce_hyperlink {
    margin:5px 0 0;
}

.right .ce_text.flag .ce_hyperlink a {
    color:#B13BBD;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:11px;
    line-height:140%;
}

.right .ce_text.flag .ce_hyperlink a:hover {
    color:#D528C2;
}

.right .ce_text.flag .ce_hyperlink a:active {
    color:#B13BBD;
}

/* ------------------------------------------------------------------------------------- ce_image */

/**
 * Graphical buttons.
 *
 * .button
 * - Header buttons w/ text or prices
 *   that can exist as image or hyperlink.
 */
.header .ce_image.button {
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-35%);
}

.header .ce_image.button .image_container {
    padding-top:0 !important;
    padding-left:0 !important;
}

.header .ce_image:last-child .image_container {
    opacity: 0.85;
    -moz-opacity: 0.85;
    filter:alpha(opacity=85);
}

.main .ce_image {
    margin:0 0 30px;
}

/* -------------------------------------------------------------------------------------- ce_text */

/* ---------------------------------------------------------------------- all */

/**
 * Sidebar boxes with text.
 */

.left .ce_text.box {
    float:right;
}

.ce_text.box .text {
    margin:0 20px 0 25px;
    padding:0 0 25px;
}

.ce_text.box .text p {
    color:#666;
    margin:0 0 10px;
}

.ce_text.box a {
    color:#2D8202;
}

.ce_text.box a:hover {
    color:#000;
}

.ce_text.box a:active {
    color:#2D8202;
}

/* --------------------------------------------------------------------- left */

/**
 * Sidebar box with unique layout:
 * - Kundenkarte
 */

.left .ce_text.box.kundenkarte p {
    color:#6D6D6D;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-weight:bold;
}

.left .ce_text.box.kundenkarte a {
    color:#6D6D6D;
    background:url('/tl_files/layout/arrow-right.png') right -3px no-repeat;
    text-transform:uppercase;
    display:block;
    width:105px;
}

.left .ce_text.box.kundenkarte a:hover {
    color:#000;
    background-position:right -24px;
}

.left .ce_text.box.kundenkarte a:active {
    color:#6D6D6D;
    background-position:right -3px;
}

/**
 * Sidebar box with unique layout:
 * - Events (external, Hephata MG)
 */

.left .ce_html.box.event h3 {
    color:#FFF;
    background:#AE29B8;
}

.left .ce_html.box.event p {
    color:#FFF;
}

.left .ce_html.box.event a {
    background:url('/tl_files/layout/arrow-event.png') right 3px no-repeat;
    color:#F7D800;
    text-transform:uppercase;
    font-weight:bold;
    display:block;
    width:37%;
}

/* --------------------------------------------------------------------- main */

.main .ce_text h1 {
    color:#2D8202;
    font-family:'OptimaRegular', 'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:24px;
    margin:0 0 30px;
}

.main .ce_text h2 {
    color:#3EB303;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:14px;
    line-height:120%;
    font-weight:bold;
    margin:0 0 20px;
}

.main .ce_text h3 {
    font-weight:bold;
    margin:0 0 5px;
}

.main .ce_text th {
    color:#000;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:11px;
    line-height:120%;
    padding:0 0 10px;
}

.main .ce_text ul {
    margin:0 0 10px;
}

.main .ce_text li {
    font-size:11px;
    list-style-type:disc;
}

.main .ce_text p {
    margin:0 0 10px;
}

.main .ce_text a {
    color:#3F3F3F;
    text-decoration:underline;
}

.main .ce_text a:hover {
    color:#9B3874;
}

.main .ce_text a:active {
    color:#3F3F3F;
}

/**
 * Special offers have custom headline colors.
 *
 * @see  /angebote/angebot-des-monats.html
 * @see  /angebote/angebot-der-woche.html
 */

.angebote .main .ce_text h3 {
    color:#9B3874;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:18px;
    font-weight:bold;
    margin:0;
}

.angebote .main .ce_text h4 {
    color:#9B3874;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:14px;
    font-weight:normal;
    margin:0 0 15px;
}

.angebote .main .ce_text strong {
    color:#298400;
}

/**
 * Contact data table columns.
 *
 * @see  /kontakt.html
 */
.main colgroup .col-oeffnungszeiten {
    width:40%;
}

/**
 * Sitemap.
 */

.sitemap .main .ce_text ul {
    margin:0 0 20px;
}

.sitemap .main .ce_text li a {
    color:#3F3F3F;
    text-decoration:none;
    font-weight:bold;
}

.sitemap .main .ce_text li a:hover {
    color:#9B3874;
}

.sitemap .main .ce_text li a:active {
    color:#3F3F3F;
}

/* -------------------------------------------------------------------- right */

.right .ce_text p {
    color:#4E4E4E;
}

/**
 * Sidebar box for Newsletter.
 */

.right .ce_html.box.newsletter {
    position:relative;
    overflow:visible;
    margin:20px 0 0;
}

.right .ce_html.box.newsletter h3 {
    overflow:hidden;
    height:42px;
    width:211px;
    margin:0 0 15px 9px;
    padding:0;
}

.right .ce_html.box.newsletter h3 span {
    display:block;
    padding:12px 0 0 15px;
}

.right .ce_html.box.newsletter .image_container {
    position:absolute;
    left:127px;
    top:-23px;
}

.right .ce_html.box.newsletter p {
    color:#6D6D6D;
    font-weight:bold;
}

.right .ce_html.box.newsletter a {
    color:#6D6D6D;
    background:url('/tl_files/layout/arrow-right.png') right -3px no-repeat;
    text-transform:uppercase;
    display:block;
    width:105px;
}

.right .ce_html.box.newsletter a:hover {
    color:#000;
    background-position:right -24px;
}

.right .ce_html.box.newsletter a:active {
    color:#6D6D6D;
    background-position:right -3px;
}

/**
 * Sidebar box for Service.
 */

.right .service-container  {
    margin:10px 0 0;
}

.right .ce_html.box.service {
    background:url('/tl_files/layout/boxes/service.png') 0 0 no-repeat;
    margin:0 0 15px;
}

.right .ce_html.box.service h3 {
    color:#2C8500;
    padding:0;
    margin:0;
    height:1px;
}

.right .ce_html.box.service .content {
    margin:130px 20px 0 25px;
}

.right .ce_html.box.service h4 {
    color:#FFF;
    font-family:'OptimaRegular', 'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:18px;
    line-height:130%;
    text-align:center;
}

.right .ce_html.box.service p {
    color:#FFF;
    font-size:10px;
    text-align:center;
}

/**
 * Garten-Shop contacts.
 *
 * .flag
 * - Used for contact data, adds a little flag icon
 *   and allows custom paragraph layout for that section.
 */

.right .ce_text.flag {
    background:url('/tl_files/layout/shop-flag.png') no-repeat;
    margin:0 0 5px;
}

.right .ce_text.flag p {
    font-size:11px;
}

.right .ce_text.flag h3 {
    font-size:11px;
    font-weight:bold;
    margin:0 0 5px;
    padding:13px 0 0 25px;
}

.right .ce_text a {
    color:#4E4E4E;
}

.right .ce_text a:hover {
    color:#000;
}

.right .ce_text a:active {
    color:#4E4E4E;
}

/* ---------------------------- image_container */
/* --------------------------------------- text */

/* ---------------------------------------------------------------------------------------------------------- MODULES */

/* ---------------------------------------------------------------------------------- mod_article */
/* -------------------------------------------------------------------------------- mod_eventlist */

.mod_eventlist div.empty {
    color:#151515;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:11px;
    line-height:140%;
    font-weight:normal;
}

/* --------------------------------------------------------------------- main */

.main .mod_eventlist .event {
    margin:0 0 20px;
}

.main .mod_eventlist a {
    color:#3F3F3F;
    text-decoration:underline;
}

.main .mod_eventlist a:hover {
    color:#9B3874;
}

.main .mod_eventlist a:active {
    color:#3F3F3F;
}

.main .mod_eventlist .pagination {
    margin:0 0 20px;
}

.main .mod_eventlist .pagination ul {
    overflow:hidden;
}

.main .mod_eventlist .pagination li {
    float:left;
    font-size:11px;
    line-height:140%;
    margin:0 5px 0 0;
}

.main .mod_eventlist .pagination li a {
    color:#3F3F3F;
    text-decoration:underline;
}

.main .mod_eventlist .pagination li a:hover {
    color:#9B3874;
}

.main .mod_eventlist .pagination li a:active {
    color:#3F3F3F;
}

.main .mod_eventlist .pagination li span {
    color:#9B3874;
}

/**
 * Event archive.
 */

.main .mod_eventlist .info {
    font-weight:bold;
}

.main .mod_eventlist h2 {
    color:#3EB303;
    font-family:'Verdana','Arial','Tahoma','DejaVu Sans',sans-serif;
    font-size:14px;
    font-weight:bold;
    line-height:120%;
    margin:0 0 20px;
}

/* Special layout w/o text */

.main .mod_eventlist.notext h4 {
    display:none;
}

/* -------------------------------------------------------------------- right */

.right .mod_eventlist h4 {
    font-weight:bold;
}

.right .mod_eventlist .event {
    margin:0 0 10px;
}

.right .mod_eventlist .event .info {
    color:#151515;
    font-weight:bold;
    margin:0 0 5px;
}

.right .mod_eventlist .event h4 {
    color:#9B3874;
    font-weight:bold;
}

.right .mod_eventlist .teaser a {
    color:#3F3F3F;
    text-decoration:underline;
}

.right .mod_eventlist .teaser a:hover {
    color:#9B3874;
}

.right .mod_eventlist .teaser a:active {
    color:#3F3F3F;
}

/* ------------------------------------------------------------------------------ mod_eventreader */

.main .mod_eventreader .info {
    font-weight:bold;
}

.main .mod_eventreader .ce_text {
    margin:0 0 10px;
}

.main .mod_eventreader .text {
    margin:0 0 30px;
}

.main .mod_eventreader .enclosure {
    margin:0 0 30px;
}

.main .mod_eventreader .enclosure p {
    margin:0;
}

.main .mod_eventreader .enclosure img {
    vertical-align:middle;
}

.main .mod_eventreader .back {
    text-align:right;
}

.main .mod_eventreader .back a {
    color:#3F3F3F;
    text-decoration:underline;
}

.main .mod_eventreader .back a:hover {
    color:#9B3874;
}

.main .mod_eventreader .back a:active {
    color:#3F3F3F;
}

/* ------------------------------------------------------------------------------ mod_cataloglist */

/* --------------------------------------------------------------------- main */

.main .mod_cataloglist .item {
    margin:0 0 20px;
}

.main .mod_cataloglist .item h3 {
    color:#3EB303;
    font-family:'Verdana','Arial','Tahoma','DejaVu Sans',sans-serif;
    font-size:14px;
    font-weight:bold;
    margin:0 0 20px;
}

.main .mod_cataloglist p {
    margin:0 0 10px;
}

.main .mod_cataloglist a {
    color:#3F3F3F;
    text-decoration:underline;
}

.main .mod_cataloglist a:hover {
    color:#9B3874;
}

.main .mod_cataloglist a:active {
    color:#3F3F3F;
}

.main .mod_cataloglist .pagination {
    margin:0 0 20px;
}

.main .mod_cataloglist .pagination ul {
    overflow:hidden;
}

.main .mod_cataloglist .pagination li {
    float:left;
    font-size:11px;
    line-height:140%;
    margin:0 5px 0 0;
}

.main .mod_cataloglist .pagination li a {
    color:#3F3F3F;
    text-decoration:underline;
}

.main .mod_cataloglist .pagination li a:hover {
    color:#9B3874;
}

.main .mod_cataloglist .pagination li a:active {
    color:#3F3F3F;
}

.main .mod_cataloglist .pagination li span {
    color:#9B3874;
}

/* ----------------------------------- Angebote */

.mod_cataloglist .special-offer .image_container {
    position:relative;
    margin:0 0 15px;
}

.mod_cataloglist .special-offer .item h3 {
    color:#9B3874;
    font-family:'Verdana','Arial','Tahoma','DejaVu Sans',sans-serif;
    font-size:18px;
    font-weight:bold;
    margin:0;
}

/* ----------------------------------- Products */

.mod_cataloglist .product-list .item {
    float:left;
    width:165px;
    height:210px;
    box-shadow:0 0 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.1);
    margin:6px 6px 24px 6px;
}

.mod_cataloglist .product-list .item .image {
    position:relative;
    overflow:hidden;
    width:165px;
    height:135px;
    text-align:center;
}

.mod_cataloglist .product-list .item .image a.img {
    position:absolute;
    top:5px;
    left:0;
    display:block;
    width:100%;
    height:100%;
    text-align:center;
}

.mod_cataloglist .product-list .item .image a.img img {
    margin:0 auto;
}

.mod_cataloglist .product-list .item .image.fallback {
    background:#EEE url('/tl_files/layout/products/placeholder-list.png') 50% 50% no-repeat;
}

.mod_cataloglist .product-list .item .content .link {
    overflow:hidden;
    font-family:'Verdana','Arial','Tahoma','DejaVu Sans',sans-serif;
    font-size:11px;
    text-align:center;
    height:50px;
}

.mod_cataloglist .product-list .item .content .link a {
    color:#00A000;
    display:block;
    padding:6px 12px;
}

.mod_cataloglist .product-list .item .content .link a:hover {
    color:#000;
}

.mod_cataloglist .product-list .item .content .link a:active {
    color:#00A000;
}

.mod_cataloglist .product-list .item .content .info {
    background:#00A000;
    font-family:'Verdana','Arial','Tahoma','DejaVu Sans',sans-serif;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    height:25px;
}

.mod_cataloglist .product-list .item .content .info a {
    display:block;
    color:#FFF;
    text-decoration:none;
    padding:5px 0 0;
}

.mod_cataloglist .product-list .item .content .info a:hover {
    text-decoration:underline;
}

.mod_cataloglist .product-list .item .content .info a:active {
    text-decoration:none;
}

/* --------------------------------------- News */

/**
 * News archive.
 */

.main .mod_cataloglist .info {
    font-weight:bold;
}

.main .mod_cataloglist h2 {
    color:#3EB303;
    font-family:'Verdana','Arial','Tahoma','DejaVu Sans',sans-serif;
    font-size:14px;
    font-weight:bold;
    line-height:120%;
    margin:0 0 20px;
}

/* -------------------------------------------------------------------- right */

.right .mod_cataloglist .box .item {
    margin:0 20px 10px 25px;
}

.right .mod_cataloglist .item .info {
    color:#151515;
    font-weight:bold;
    margin:0 0 5px;
}

.right .mod_cataloglist .item h4 {
    color:#9B3874;
    font-weight:bold;
}

.right .mod_cataloglist .box .item h4 {
    font-weight:bold;
}

.right .mod_cataloglist .box .item .content p {
    color:#3F3F3F;
    margin:0 0 10px;
}

.right .mod_cataloglist .box .item a {
    color:#3F3F3F;
    text-decoration:underline;
}

.right .mod_cataloglist .box .item a:hover {
    color:#9B3874;
}

.right .mod_cataloglist .box .item a:active {
    color:#3F3F3F;
}

.right .mod_cataloglist .archive {
    text-align:right;
    margin:0 20px 10px 25px;
    padding:0 0 25px;
}

.right .mod_cataloglist .archive a {
    color:#2D8202;
}

.right .mod_cataloglist .archive a:hover {
    color:#151515;
}

.right .mod_cataloglist .archive a:active {
    color:#2D8202;
}

/* ---------------------------------------------------------------------------- mod_catalogreader */

/* --------------------------------------------------------- News detail page */

.main .mod_catalogreader .content  {
    margin:0 0 20px;
}

.main .mod_catalogreader .info {
    font-weight:bold;
}

.main .mod_catalogreader .enclosure {
    margin:0 0 30px;
}

.main .mod_catalogreader .enclosure .file {
    display:block;
}

.main .mod_catalogreader .enclosure .file a {
    color:#3F3F3F;
    text-decoration:underline;
}

.main .mod_catalogreader .enclosure .file a:hover {
    color:#9B3874;
}

.main .mod_catalogreader .enclosure .file a:active {
    color:#3F3F3F;
}

.main .mod_catalogreader .enclosure .file img {
    vertical-align:middle;
}

.main .mod_catalogreader .images {
    margin:0 0 10px;
}

.main .mod_catalogreader .back {
    text-align:right;
}

.main .mod_catalogreader .back a {
    color:#3F3F3F;
    text-decoration:underline;
}

.main .mod_catalogreader .back a:hover {
    color:#9B3874;
}

.main .mod_catalogreader .back a:active {
    color:#3F3F3F;
}

/* ----------------------------------------------------------- Product reader */

/* Left */

.main .product-reader .product-col-left {
    float:left;
    width:330px;
    margin:0 30px 0 0;
}

.main .product-reader .images {
    text-align:center;
    overflow:hidden;
    width:330px;
    height:330px;
    margin:0 0 30px;
}

.main .product-reader .images.fallback {
    background:#EEE url('/tl_files/layout/products/placeholder-reader.png') 50% 50% no-repeat;
}

.main .product-reader .properties h3 {
    font-weight:bold;
    margin:0 0 10px;
}

.main .product-reader .properties li {
    font-size:11px;
    list-style:square outside;
    line-height:140%;
    margin:0 0 5px 17px;
}

/* Right */

.main .product-reader .product-col-right {
    float:left;
    width:340px;
}

.main .product-reader .social {
    margin:0 0 20px;
}

.main .product-reader .description {
    color:#151515;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:11px;
    line-height:140%;
    font-weight:normal;
    margin:0 0 50px;
}

.main .product-reader .location {
    margin:0 0 50px;
}

.main .product-reader .location h3 {
    font-weight:bold;
    margin:0 0 10px;
}

.main .product-reader .location li {
    font-size:11px;
    line-height:140%;
}

.main .product-reader .additionals .order-info {
    background:url('/tl_files/layout/products/contact-box.png') no-repeat;
    overflow:hidden;
    width:325px;
    height:135px;
}

.main .product-reader .additionals .order-info p {
    padding:20px;
    margin:0;
}

.main .product-reader .additionals .order-info .contact {
    text-align:right;
    margin:0 20px 0 0;
    padding:0;
}

.main .product-reader .additionals .order-info .contact a {
    background:url('/tl_files/layout/products/contact-box-button.png') no-repeat;
    float:right;
    width:100px;
    height:26px;
}

.main .product-reader .additionals .order-info .contact a:hover {
    background-position:0 -26px;
}

.main .product-reader .additionals .order-info .contact a:active {
    background-position:0 0;
}

/* ------------------------------------------------------------------------ mod_mue_weathergoogle */

.mod_mue_weathergoogle .weathertoday p {
    margin:0 !important;
}

.mod_mue_weathergoogle .weathertoday p.humidity {
    margin:0 0 10px !important;
}

.mod_mue_weathergoogle .weathertoday .wind {
    padding:0 20px;
}

/* ----------------------------------------------------------------------------------- mod_search */

/* ---------------------------------------------------------------------- all */

/**
 * Search form for left sidebar and result page.
 */

.mod_search input {
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:none;
}

.mod_search .formbody {
    display:flex;
    justify-content:space-between;
}

.mod_search .text {
    color:#BBB;
    font-size:12px;
    font-family:'OptimaBold', 'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    background:#F6F6F6;
    padding:5px;
    box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px 0px 0px 3px;
}

.mod_search .text:hover {
    color:#BFBFBF;
}

.mod_search .text:focus {
    color:#BFBFBF;
    background:#FAFAFA;
}

.mod_search .submit {
    padding:0 10px;
    color:#858585;
    font-size:12px;
    font-family:'OptimaBold', 'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    height:35px;
    background:#DDD;
    background-image:-moz-linear-gradient(100% 100% 90deg, #D0D0D0, #EAEAEA);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EAEAEA), to(#D0D0D0));
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 0px 3px 3px 0px;
}

.mod_search .submit:focus,
.mod_search .submit:hover {
    color:#999;
    background:#E2E2E2;
    background-image:-moz-linear-gradient(100% 100% 90deg, #DADADA, #F1F1F1);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA));
}

.mod_search .submit:active {
    color:#999;
    background:#DDD;
    background-image:-moz-linear-gradient(100% 100% 90deg, #D0D0D0, #EAEAEA);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EAEAEA), to(#D0D0D0));
}

.mod_search ::selection {
    color:#999;
    background:#E2E2E2;
}

.mod_search ::-moz-selection {
    color:#999;
    background:#E2E2E2;
}

/* --------------------------------------------------------------------- left */

/**
 * Search form for left sidebar.
 */

.left .mod_search {
    float:right;
    margin:0 10px 30px 0;
}


.left .mod_search .text {
    float:left;
}

.left .mod_search .submit {
    float:right;
}

/* --------------------------------------------------------------------- main */

/**
 * Search result page.
 */

.main .mod_search .text {
    max-width:280px;
}

.main .mod_search .form {
    margin:0 0 10px;
}

.main .mod_search .result-head p {
    color:#AAA;
    margin:0 0 20px;
}

/* Results */

.main .mod_search .results div {
    margin:0 0 20px;
}

.main .mod_search .results h3 {
    font-family:'Verdana','Arial','Tahoma','DejaVu Sans',sans-serif;
    font-weight:bold;
    font-size:11px;
    line-height:120%;
    margin:0 0 5px;
}

.main .mod_search .results h3 a {
    color:#3EB303;
    text-decoration:none;
}

.main .mod_search .results h3 span {
    font-weight:normal;
}

.main .mod_search .results a {
    color:#3F3F3F;
    text-decoration:underline;
}

.main .mod_search .results a:hover {
    color:#9B3874;
}

.main .mod_search .results a:active {
    color:#3F3F3F;
}

.main .mod_search .results .url {
    font-size:9px;
    margin:5px 0 0;
}

/* Pagination */

.main .mod_search .pagination {
    margin:0 0 20px;
}

.main .mod_search .pagination ul {
    overflow:hidden;
}

.main .mod_search .pagination li {
    float:left;
    font-size:11px;
    line-height:140%;
    margin:0 5px 0 0;
}

.main .mod_search .pagination li a {
    color:#3F3F3F;
    text-decoration:underline;
}

.main .mod_search .pagination li a:hover {
    color:#9B3874;
}

.main .mod_search .pagination li a:active {
    color:#3F3F3F;
}

.main .mod_search .pagination li span {
    color:#9B3874;
}

/* ---------------------------------------------------------------------------------- mod_sitemap */

.mod_sitemap li {
    color:#151515;
    font-family:'Verdana', 'Arial', 'Tahoma', 'DejaVu Sans', sans-serif;
    font-size:11px;
    line-height:140%;
    font-weight:normal;
}

.mod_sitemap li.l1 {
    font-weight:bold;
    margin:0 0 20px;
}

.mod_sitemap a {
    color:#3F3F3F;
    /** /text-decoration:underline;/**/
}

.mod_sitemap a:hover {
    color:#9B3874;
}

.mod_sitemap a:active {
    color:#3F3F3F;
}


/* -------------------------------------------------------------------------------- mod_subscribe */

.mod_subscribe {
    margin:0 0 10px;
}

/* ------------------------------------------------------------------------------ mod_unsubscribe */

.mod_unsubscribe {
    margin:0 0 10px;
}

/**
 * Newsletter page.
 */

.newsletter .mod_unsubscribe {
    margin:0 0 20px;
}


/* -------------------------------------------------------------------------------------------------- SPECIAL ACTIONS */

/**
 * 2012 CityVision YouTube Christmas.
 */
.main .video-box.calendar-cv-christmas {
    background:url('/tl_files/layout/specials/christmas-calendar-2012/bg.png') 0 0 no-repeat;
    width:440px;
    height:490px;
    position:relative;
    overflow:visible;
    margin:0 0 40px;
}

.main .video-box.calendar-cv-christmas iframe {
    display:block;
    position:relative;
    margin:0 auto 0;
    padding:10px 0 0;
}

/** /
.main .christmas-calendar-tie {
    background:url('/tl_files/layout/specials/christmas-calendar-2012/tie.png') 0 0 no-repeat;
    width:91px;
    height:94px;
    position:absolute;
    left:391px;
    top:428px;
}
/**/