@charset "UTF-8";
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  Datei       : typo3-RTE.css
**  Funktion    : Formatierung der Inhalte im RTE, wird in den layout*.css files importiert.
**  Checked with http://jigsaw.w3.org/css-validator/ 13.8.07 - DB
*/
/* Avoid borders around images in the RTE */
img {border:0;}
blockquote { font-family: Courier New,Courier,monospace; }
p.gross, span.gross, span.gross-hg-gelb { font-size: 18px; font-weight: bold; }
p.riesig, span.riesig, span.riesig-hg-gelb { font-size: 26px; font-weight: bold; }
p.gigantisch, span.gigantisch, span.gigantisch-hg-gelb { font-size: 32px; font-weight: bold; }
p.haken-gruen {background: url(http://webressourcen.marketing-trendinformationen.de/img/icons/haken-check.jpg) 10px 10px no-repeat; padding:0 0 0 65px;font-size: 18px; font-weight: bold;}
p.pfeil {background: url(http://webressourcen.marketing-trendinformationen.de/img/icons/pfeil_hohl.jpg) 10px 10px no-repeat; padding:0 0 0 95px;font-size: 18px; font-weight: bold;}
p.eins {background: url(img/nr-1.jpg) 10px 10px no-repeat; padding:0 0 0 115px;font-size: 26px; font-weight: bold; color: #A04100;}
p.zwei {background: url(img/nr-2.jpg) 10px 10px no-repeat; padding:0 0 0 115px;font-size: 26px; font-weight: bold; color: #A04100;}
p.drei {background: url(img/nr-3.jpg) 10px 10px no-repeat; padding:0 0 0 115px;font-size: 26px; font-weight: bold; color: #A04100;}

p.ziffer-eins {background: url(img/ziffer_1.jpg) 10px 0px no-repeat; padding:0 0 0 55px; width: 580px;}
p.ziffer-zwei {background: url(img/ziffer_2.jpg) 10px 0px no-repeat; padding:0 0 0 55px; width: 580px;}
p.ziffer-drei {background: url(img/ziffer_3.jpg) 10px 0px no-repeat; padding:0 0 0 55px; width: 580px;}
p.ziffer-vier {background: url(img/ziffer_4.jpg) 10px 0px no-repeat; padding:0 0 0 55px; width: 580px;}

p.kreuz {background: url(img/kreuz.jpg) 10px 10px no-repeat; padding:0 0 0 115px;font-size: 18px; font-weight: bold;}
p.haekchen {background: url(img/haekchen.gif) no-repeat; padding:0 0 0 30px;font-size: 18px; font-weight: bold;}

span.gratis {display: block; background: url(img/gratis.jpg) right top no-repeat; padding:0 130px 0 0;}
span.inklusiv {display: block; background: url(img/inklusiv.jpg) right top no-repeat; padding:0 135px 0 0;}
span.lenk-und-ruhezeiten {display: block; background: url(img/ekl-lenk-und-ruhezeiten.jpg) right top no-repeat; padding:0 165px 0 0; min-height: 183px;}

.gross-hg-gelb, .riesig-hg-gelb, .riesig-hg-gelb, .gigantisch-hg-gelb { background-color: yellow; }

/* JS = Der inhalte dieser Elemente wird mit Javascript ersetzt */
span.js-countdown { display: block; font-size: 3em; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #333; margin: 35px 0;}
span.js-tag {}
span.js-monat {}
span.js-jahr {}
span.rot {color: #C00;}
span.hg-gelb { background-color: yellow; }

/* #############################
** ### TagFreeClasses ##########
** #############################
*/

/* Gelbe Box mit gestricheltem Rahmen */
.REboxGreen { background-color: #FFF;  border: 5px dashed black; border-collapse: collapse; }
.REboxGreenContent { background-color: #FFC; border: 0px; font-size: 18px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.REboxGreenContent p {padding-bottom: 10px; }
.REboxGreenContent .riesig-orange {font-size: 32px; color: #d97b3e;}
.REboxGreenContent ul { font-weight: normal; font-size: 16px; margin-top: 10px;}
.REboxGreenContent ul li { list-style-image: url(check_yellow.gif); margin-bottom: 5px;   }
.rGline1, .rGline2, .rGline3, .rGline4 { display: none; }

.flexi .right { border: 4px dashed rgb(0,0,153); padding: 5px; }


/* Bestellformular */
#lp-bestellformular {
   width: 100%;
   margin: auto;
   padding: 10px;
}
#lp-bestellformular div.produktabbildung {
   display: block !important; 
   background: #fff url(img/logistikmanager.gif) scroll no-repeat 0 0;
   width: 200px;
   height: 283px;
   float: right;
   margin: 15px;
}
#lp-bestellformular table {
   border-collapse: inherit;
}
#lp-bestellformular p { margin: 0 0 12px 0; }
#lp-bestellformular td.label { text-align: right; }
#lp-bestellformular input { margin: 0; }
#lp-bestellformular .required { color: #800000; }
#col3_content div.submit { padding: 20px 0; text-align: center; }
#col3_content div.submit input.submit_img {
   display: inline !important;
   border: 0px solid #fff;
   width: 255px;
   height: 43px;
   background-image: url(img/buttonjgt.gif);
   cursor:pointer;
}
#col3_content div.submit input.submit_txt { display: none; }