/* on-TOPIC modify */
/*
Standarddateien sind unter:
fileadmin/styles/01_layouts_basics/css/layout_3col_standard.css
@import url(../../../../typo3conf/ext/db_yamltv/template/yaml/core/slim_base.css);
@import url(navigation/nav_slidingdoor.css);
@import url(navigation/nav_vlist.css);
@import url(screen/basemod.css);
@import url(screen/content.css);
@import url(screen/typo3-RTE.css);
@import url(print/print_003.css);

Spalten umgebaut im 3 colum Seo CSS Datei: basemod_2col_left_seo.css


 */

/*
Folgende Änderungen zum Standardlayout/Design



Blaue Box auf Silver geändert
 */

/* @import url(boxes-on-topic.css); */
@import url(suckerfish.css);

/* @import url(powermail.css); */
@import url(../over-all-menu/menu_style.css);
@import url("ot-tt_news.css");
@import url(topicbox.css);

/* slideshow auf startseite ### Damit IE das frisst ist im TS noch die Verzweigung */

.background-rgslideshow {
 background: #FFFFFF url(/fileadmin/on-topic/images/css/slideshow-bg.jpg) no-repeat 0px 0px;
 width: 391px;
 height: 322px;
 padding:0;
 margin-left: 25px;
 margin-top: 18px;
    }

.background-rgslideshow .tx-rgslideshow-pi1 { padding-top: 13px; padding-left: 22px; }




body {
      background: rgb(40,96,148) url(../images/css/img02.png) repeat-x 0px 135px;
      /* background: #fff url(../images/css/pattern-dark-red.png) repeat; */
      font-family: 'trebuchet ms','lucida sans', arial, verdana;
      padding:0px 0;
     }

#page_margins {width: 972px}


#page {
      border: 2px rgb(40,96,148) solid; /* dunkles blau rgb(32,61,89) */
      }



#header {
height: 160px;
color: #ffffff;
background:  url(../images/css/headergrafik-wigara.jpg) no-repeat center 0px;
 }

/* Schöne Streifen
http://wigara-de.local/fileadmin/styles/05_layouts_advanced/img/header-bg.gif
*/

#header #topnav { top: 107px; }

#header div.tx-macinasearchbox-pi1 {
             position: absolute;
             top: 157px;
             right: 10px;
             font-size:12px;
             z-index: 110;
              }

#header div.tx-macinasearchbox-pi1 #searchform {
             background: url(../images/css/searchform.png) no-repeat top left;
             padding: 0px;
             width: 229px;
             height: 33px;
             z-index: 120;
             }

#header div.tx-macinasearchbox-pi1 form input {
                   padding-top: 9px;
                   padding-left: 9px;
                   width: 220px;
                   border: none;
                   color: #750B30;
                   height: 20px;
                   background: none;
                   }

#header img.headImg1 {
           position: absolute;
           top: 63px;
           left: 80px;
           }

#header #banner {
                /* ORIG
                position:absolute; top:25px; right:10px; z-index:10;
                */
                display: none;
                }

#slidebanner {
        height: 200px;
        clear: both;
        }


/* #slidebanner_wrap,   wenn auch auf den anderen Seiten gewünscht dann auskommentieren aufheben
#coda-slider     {
                  clear: both;
                  padding:0;margin:0;
                  margin-top: 1px;
                  background: #fff url("../images/css/tabs-header-top-2.png") center 70px;
                  height: 50px;
                  }

                 */

#slidebanner_wrap, #coda-slider { display: none; }
#slidebanner_links {
                   float: left;
                   width: 648px;
                   padding:0;margin:0;
                    }

#slidebanner_rechts {
                    float: left;
                    width: 320px;
                    padding:0;margin:0;
                    }

#main {
      background: url(/fileadmin/on-topic/images/css/content-header.png) no-repeat left 1px;
       }

#teaser {
        display: none;
        /* margin-top: 10px;
        margin-left: 17px;
        width: 96%; */
        }

#bannertop {
           text-align: center;
           width: 468px;
           margin: 20px auto;
           border: 1px solid #AFAFAF;
           border-right: 1px solid #4F4F4F;
           border-bottom: 1px solid #4F4F4F;
           }
#bannertop img {border: none; padding:0;}

#col1,
#col2,
#col3 {
      padding-top: 30px;
      }

#col3 .rechtespalteunterMenue {
      clear: both;
      /* border: 1px solid #5F5F5F; */
      background: #FFF;
      }
#col3 .rechtespalteunterMenue .infocontent {
       padding: 15px 6px 15px 17px;
      }

#col3 .rechtespalteunterMenue .infocontent .innercontent {
           margin: 0px;
           margin-bottom: 2px;
           width: 172px;
           padding: 2px;
           border: 1px solid rgb(224,136,69);
           background: url(/fileadmin/on-topic/images/css/info-anfordern-bottom-1.jpg) no-repeat center bottom;
           }

#col1_content {padding-left: 30px; padding-right: 30px;}

/* Forum Index Lastposts */

#col1_content h4.h4forumheader { display: none; }

div.trenner {
            clear: both;
            background: #D24E01;
            margin-top: 15px;
            border-bottom:1px solid;
            }


/*  Bilder Formatierung    */

#col1_content  .csc-textpic-imagewrap
              {
              padding: 5px;
              border: 1px solid #AFAFAF;
              }

/* Bilder fuer Wintergarten - Ratgeber.DE */


img.bildrand {margin-right:10px;border:1px solid #6F6F6F;padding:4px;}
img.bildrandrechts {margin-left:10px;border:1px solid #007F00;padding:4px;}


/* SocialBookmarks Formatierungen */

#socialbookmarks {
                 margin: 10px 40px;
                 margin-top: 0;
                 margin-right: 80px;
                 }

h4.socialbookmarks {
                   font: italic bold 17px arial,sans-serif;
                   color: #0050A0;
                   padding: 5px 10px;
                   margin-bottom: 10px;
                   border-bottom: 1px solid;
                   letter-spacing: 2px
                   }
#socialbookmarks .bookmark_browser { padding-left: 10px; }



#footer {
        color:#888;
        line-height: 170%;
        padding:0; padding-bottom: 10px;
        }

#footer a { color:#888; font-size: 85%; }
#footer a.footerlinks {color: #4F4F4F; font-size: 100%;}
#footer a.footerlinks:hover {color: #9F0000; }

#submenu {  width: 100%;
            overflow: hidden;
            margin: 0.5em 0 1.5em 0;
            }

#spaltenbottom {
               clear: both;
               padding: 10px 20px;
               border: 1px solid #eee;
               border-bottom: 2px solid rgb(254,160,2);
               /* background: rgb(185,13,17) url(../images/css/top-spaltenbottom-bg.png) repeat-x; */
                 background: url(../images/css/content-red-footer.jpg) no-repeat left bottom;
               }

#spaltenbottom ul {
               border-right: 2px dotted #eee;
               padding-top: 5px;
               min-height: 160px;
                }

#spaltenbottom div.subcr ul {
               border-right: none;
               }

#spaltenbottom h3 {
               font: normal bold 1.1em 'trebuchet ms', sans-serif;
               margin-right: 10px;
               font-size: 1.2em;
               letter-spacing: 3px;
               border-bottom: 2px solid #9F9F9F;
               border-top: 1px solid #9F9F9F;
               padding: 10px 0px 5px 40px;
               color: #9F0000;
               background: transparent url(../images/css/icons/content-h4.png) no-repeat 10px 10px;
               }

#spaltenbottom ul li {
               border-bottom: 1px dotted #3E3E3E;
               color: #EFEFEF;
               padding: 5px 5px 5px 25px;
               margin-right: 15px;
               margin-left: 0px;
               list-style:none;
               background: url(../images/css/icons/icon-arrow-red.gif) no-repeat 0px 7px;
               }

#spaltenbottom a { color: #4F4F4F; text-decoration: none;}
#spaltenbottom a:hover { color: #9F0000; text-decoration: underline;}


/* Typographie */

a:hover,
a { color: #A90305; font-weight: bold; }

a:hover { color: #0000FF; }


#col1_content ul.action-items li {
                background: url(../images/css/note_go.png) no-repeat 0px 2px;
                list-style: none;
                padding-left: 28px;
                margin-bottom: 7px;
                margin-left: 0px;
                }



#col1_content ul li {
                background: url(../images/css/icons/icon-arrow-orange.gif) no-repeat 0px 0px;
                list-style: none;
                padding-left: 28px;
                margin-bottom: 5px;
                }


#col1_content h1
 {
                background: url(../images/css/icons/hx-lupe-orange.png) no-repeat 0px 8px;
                padding: 10px 45px;
                margin-bottom: 5px;
                color: rgb(255,100,0);
                }

#col1_content h2 {
        padding: 3px 0 10px 50px;
        line-height: 150%;
        font-size: 135%;
        /* color: rgb(255,100,0); */
        color: rgb(253, 114, 1);
        background: url(../images/css/icons/content-h2.png) no-repeat 0px 0px;
                }

#col1_content h3 {
        padding: 2px 0 4px 38px;
        font-size: 125%;
        color: rgb(253, 114, 1);
        background: url(../images/css/icons/productListing1.png) no-repeat 5px 0px;
        }

#col1_content h3.h3ohne {
              padding-left: 15px;
              color: #4F4F4F;
              background: none;
              }

#col1_content h5,
#col1_content h4 {
        padding: 2px 0 5px 40px;
        color: #BF0000;
        margin-top: 10px;
        border-bottom: 1px solid #AFAFAF;
        line-height: 140%;
        background: url(../images/css/icons/content-h4.png) no-repeat 6px 3px;
        /* clear: both; */
        }

#col1_content h5 { clear: both; }
#col1_content .tx-rgtabs-pi1 h5 { color: #444; }
/*  Topnav Formatierung */

#topnav ul { margin-top: 15px; line-height: 2.5em;}
#topnav a {
       /* color: #001020; */
       color: #203D5A;
       font: bold 13px tahoma, arial, sans-serif;
              }

#topnav a:focus, #topnav a:hover, #topnav a:active {
         color: #BF0000;
         }

#topnav li {
        display: inline;
        list-style-type: none;
        /* padding-left: 20px; */
        padding: 17px 20px;
        }
/* Sitemap */
#topnav li#topnav6 {
        background: url(../images/css/folder_link.png) 0px 0px no-repeat;
        }
/* E-Mail */
#topnav li#topnav82 {
        background: url(/fileadmin/on-topic/images/css/e-mail.png) 0px 2px no-repeat;
        padding-left: 47px;
        }
/* Suche */
#topnav li#topnav5 {
        background: url(../images/css/folder_magnify.png) 0px 0px no-repeat;
        }
/* Impressum geaendert auf Informantionsmaterial */
#topnav li#topnav297 {
        background: url(../images/css/info-transparent.gif) 0px -2px no-repeat;
        padding-left: 50px;
        }


/* Content Header verschiedene Farben */
/* Standard ist rot content-header.png und content-red-footer.jpg */

/* Frontend User FE - User Loginbox*/
.tx-felogin-pi1 fieldset div label
{
width: 30%;
display: block;
float: left;
}
.tx-felogin-pi1 fieldset div input
{
width: 40%;
margin-left: 30px;
}

/* Mein Mailformular */

#meinMailform input,
#meinMailform  textarea,
#meinMailform select {
        background: #fff url("../images/css/background-formular-input.png") repeat-x left -25px;
        border: none;
        border: 1px dotted #BFBFBF;
        border-bottom: 1px solid #6F6F6F;
}

#meinMailform input.submitbutton { background: none; padding: 5px 20px; border: 2px solid #BFBFBF; }

/* Newsletter */

/* #newsletter { width: 200px} */

#newsletter label {font-weight: bold;}

#newsletter input,
#newsletter select,
#newsletter submit {margin:0; padding:0; width:120px;}

#newsletter input.submitbutton {
            border-top:2px solid;
            border-bottom: 2px solid;
            width: 130px;
            }

#newsletter td {margin:0; padding:0; padding-top: 5px;}
#newsletter td.submit {padding:9px;}

#accordion {
        margin:20px 0px;
}

h3.toggler {
        cursor: pointer;
        border: 1px solid #f5f5f5;
        border-right-color: #ddd;
        border-bottom-color: #ddd;
        font-family: 'Andale Mono', sans-serif;
        font-size: 12px;
        background: #D2E0E6;
        color: #528CE0;
        margin: 0 0 4px 0;
        padding: 3px 5px 1px;
}

div.element p, div.element h4 {
        margin:0px;
        padding:4px;
}

blockquote {
        padding:5px 20px;
}

dd.csc-textpic-caption { background-color: #E4E4E4; padding-left: 3px; }

 /***************************
 *  Default styles for the
 *    EXT rgaccordion
 * by Ringer Georg (just2b)
 ***************************/

/* just a little gab */
#rgaccord2-nest {
  margin:10px 0;
}

/* Toggle default */
#col3_content h3.rgaccord2-toggle,
#col1_content h3.rgaccord2-toggle,
#col3_content div.topicboxrect h3.rgaccord2-toggle,
#col1_content div.topicboxrect h3.rgaccord2-toggle,
h3.rgaccord2-toggle {
  font-weight:bold;
  font-size: 1.2em;
  color:#BF0000;
  line-height: 26px;
  height: 26px;
  background: #EFEFEF url(/fileadmin/on-topic/images/css/plus_icon.gif) 5px center no-repeat;
  border-bottom:2px solid #CFCFCF;
  padding: 2px 0 2px 30px;
  margin: 0 0px; margin-bottom: 3px;
  cursor:pointer;
}

/* Toggle act item */
#col3_content h3.act,
#col1_content h3.act,
#col3_content div.topicboxrect h3.act,
#col1_content div.topicboxrect h3.act,
h3.act {
  color:#BF0000;
  font-style: italic;
  background:#EFEFEF url(/fileadmin/on-topic/images/css/minus_icon.gif) 5px center no-repeat;
}

/* the content */
div.rgaccord2-content {
/*  width:573px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
*/
  margin: 0 10px;
}

/* remove margin of a CE */
div.rgaccord2-content .ce {
  margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord2-content h1 {
  display:none;
}

/* Forum Toggle */
.contentforum { background: #F1F3F5; padding: 10px 20px; }
.contentforum #subtextforum { display: none; padding: 0px 7px; }
#wiga1, #wiga2{ float:right; margin: 10px; margin-top: 0px; color: #DD0000; cursor:pointer;}