@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;}
ol { list-style-image: url(img/check_klein.jpg);}
ol li { font-weight: bold; margin-bottom: 10px; } 
/* #############################
** ### classesParagraph ########
** #############################
*/
p.notiz {background:#dfd; padding: 1em; border-bottom: 1px #bdb dotted;}
p.wichtig {background:#ffd; padding:1em; border-bottom:1px #ddb dotted;}
p.warnung {background:#fdd; padding:1em; border-bottom:1px #dbb dotted;}
p.info {background:#f7f7ef url(http://webressourcen.marketing-trendinformationen.de/img/icons/ausrufez-blau.gif) 10px 10px no-repeat; padding:1.5em 1.5em 1.5em 4em;}
p.frage {background:#A43F15 url(http://webressourcen.marketing-trendinformationen.de/img/icons/fragez-blau.gif) 10px 10px no-repeat; color:#fff; padding:1.5em 1.5em 1.5em 4em;}
p.stop {background:#fff url(http://webressourcen.marketing-trendinformationen.de/img/icons/stop.gif) 10px 10px no-repeat; padding:1.5em 1.5em 1.5em 4em; border:1px solid #a43f15;}
p.sprechblase {background:#fff url(http://webressourcen.marketing-trendinformationen.de/img/icons/sprechblase.gif) 10px 10px no-repeat; color:#187ba2; padding:1.5em 1.5em 1.5em 4em; border:1px solid #187ba2; font-style:italic;}
p.hintergrund-gelb { background-color: yellow;}
p.text-gross { font-size: 16px; font-weight: bold; }
p.gross-fett { font-weight: bold; font-size: 18px; }
p.gross-fett-rot { font-weight: bold; font-size: 32px; color: #c00; }

/* #############################
** ### classesCharacter ########
** #############################
*/
span.js-countdown { display: block; text-align: center; padding: 20px 0; color: #f00; font-weight: bolder; font-size: 3em;}
span.js-tag {}
span.js-monat {}
span.js-jahr {}
span.hintergrund-gelb { background-color: yellow;}
span.gross-fett { font-weight: bold; font-size: 18px; }
span.gross-fett-rot { font-weight: bold; font-size: 18px; color: #c00; }

/* #############################
** ### TagFreeClasses ##########
** #############################
*/
h1 { background-color: #fff; text-align: center; color: #c00; font-size: 43px; }
h2 {  font-size: 32px; }
h2, h3, h4, h5 { color: #c00; }
h3 { font-size: 135%; }
h4 { font-size: 125%; }
h5 { font-size: 115%; }
a { color: #00e; text-decoration: underline; }
dd.csc-textpic-caption { background-color: #fff; white-space: nowrap;}
/* #############################
** ### Gelbe Box       #########
** #############################
*/
.REboxRed { background-color: #FFF;  border: 4px dashed black; border-collapse: collapse; font-size: 15px; margin: 20px 0; }
.REboxRedContent { background-color: #ffc; border: 0px; padding-top: 20px; }
.rRline1, .rRline2, .rRline3, .rRline4 { display: none; }
.REboxRed h1 { color: #c00; background-color: transparent; padding: 30px 0; font-size: 32px; }
.REboxRed h2 { color: #000; font-size: 24px;}
.REboxRed p { padding-bottom: 10px; }
.REboxRed b, .REboxRed strong { font-size: 19px; font-weight: normal; }
.REboxRed ol li { margin-bottom: 10px; }
.REboxRed ol li b, .REboxRed ol li strong { font-weight: bold;  font-size: 15px; }

/* blau umrandete Box */
.REboxBlue { width: 80%; margin: 15px auto; background-color: #FFF;  border: 4px dashed #009; border-collapse: collapse; font-size: 15px; }
.REboxBlueContent { background-color: #fff; border: 0px; }
.rBline1, .rBline2, .rBline3, .rBline4 { display: none; }
.REboxBlueContent p.gross-fett-rot { font-size: 22px; }

#lp-bestellformular {
   background: #EBEBEB;
   border: 1px solid #c00;
   padding: 10px;
}
#lp-bestellformular div.produktabbildung {
   display: block !important; 
   background: transparent url(img/produktabbildung.jpg) scroll no-repeat 0 0;
   width: 211px;
   height: 246px;
   float: right;
   margin: 15px;
}
#lp-bestellformular table {
   border-collapse: inherit;
}
#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 {
   background: #EBEBEB;
   display: inline !important;
   border: 0px solid #fff;
   width: 299px;
   height: 54px;
   background-image: url(img/submit-button.jpg);
   cursor:pointer;
}
#col3_content div.submit input.submit_txt { display: none; }