@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;}

#header .REboxGreen .rGline1,
#header .REboxGreen .rGline2,
#header .REboxGreen .rGline3,
#header .REboxGreen .rGline4 {
	display: none;
}
#header .REboxGreen .REboxGreenContent { border: 2px dashed #F47920; font-size: 15px; font-family: Verdana,Arial,Helvetica,sans-serif; }
#header .REboxGreen .REboxGreenContent h2 { font-size: 1.3em; }
#header .REboxGreen .REboxGreenContent p { margin-bottom: 1.1em; }


/* #############################
** ### 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: 18px; font-weight: 400; }

/* #############################
** ### 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-rot { color: #f00; font-weight: bold; text-transform: uppercase; }
strong.hintergrund-gelb { background-color: yellow;}

/* #############################
** ### TagFreeClasses ##########
** #############################
*/
h1 { text-align: center; color: #b00000; padding: 4px; font-size: 28px; }
h2, h3, h4, h5 { text-align: center; color: #b00000; font-size: 19px; }
h3 { font-size: 135%; }
h4 { font-size: 125%; }
h5 { font-size: 115%; }
a { color: #F47920; text-decoration: underline; }
a:hover { color: #98ca3c; }
ul li { padding-bottom: 25px; background: url(img/pfeil_rot.gif) no-repeat center bottom; margin-bottom: 5px; }
blockquote { font-family: courier, Arial, Helvetica, Verdana; color: #000; font-style: italic; font-size: 14px; text-align: left; margin: 0; }
blockquote p { display: inline; }
blockquote:before { content:open-quote; color: #400; font-family:arial; font-size:20px; font-weight: bold;}
blockquote:after { content:close-quote; color: #400; font-family:arial; font-size:20px; font-weight: bold;}
dd.csc-textpic-caption { background: #fff; white-space: nowrap;}
/* #############################
** ### Gelbe Box       #########
** #############################
*/
.REboxRed { background-color: #FFF;  border: 4px dashed black; border-collapse: collapse; font-size: 13px; margin: 20px 0; }
.REboxRedContent { background-color: #ffc; border: 0px; }
.rRline1, .rRline2, .rRline3, .rRline4 { display: none; }
.REboxRed h1 { color: #f00; background-color: transparent; text-align: left; padding: 30px 0; }
.REboxRed p { padding-bottom: 10px; }
.REboxRed b, .REboxRed strong { font-size: 17px; font-weight: normal; }
.REboxRed ol li { margin-bottom: 10px; }
.REboxRed ol li b, .REboxRed ol li strong { font-weight: bold;  font-size: 13px; }

/* umrandete Box */
.REboxBlue { width: 80%; margin: 25px auto; background-color: #FFF;  border: 3px dashed #000; border-collapse: collapse; font-size: 15px;}
.REboxBlueContent { background-color: #fff; border: 0px; }
.REboxBlueContent p { margin-bottom: 10px;}
.rBline1, .rBline2, .rBline3, .rBline4 { display: none; }

.REboxGreen { width: 75%; margin: 10px auto; }
#lp-bestellformular {
   background: #EBEBEB;
   border: 1px solid #f47920;
   padding: 10px;
}
#lp-bestellformular div.produktabbildung {
   display: block !important; 
   background: transparent url(img/produktabbildung.jpg) scroll no-repeat 0 0;
   width: 241px;
   height: 312px;
   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: 452px;
   height: 62px;
   background-image: url(img/submit-button.jpg);
   cursor:pointer;
}
#col3_content div.submit input.submit_txt { display: none; }