@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 */
body { 
	color: #000; 
	font-family: Arial, Verdana; 
	font-size: 75%;  /* 12px */
}

table td {border: 1px solid #ccc;}
#main table td, #header table td {border-width: 0;}
table.contenttable { font-size: 100%;  /* 12px */ }
/* #############################
** ### classesParagraph ########
** #############################
*/
/* p { line-height: 13px; } */
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.pfeile {background: transparent url(/fileadmin/content/trendletter/bilder/pfeil-dreifach.gif) 0 0 no-repeat; padding: 0 0 0 30px; margin-bottom: 5px; }
p.pfeile_mit_hintergrund {background: transparent url(/fileadmin/content/trendletter/bilder/pfeil2.gif) 0 0 no-repeat; padding: 0 0 0 30px; margin-bottom: 5px; }
p.haken {background:#fff url(/fileadmin/content/trendletter/bilder/haken2.gif) 0 0 no-repeat; padding: 30px 0 1.5em 45px;}
p.gross_fett_rot {font-size: 116.67%; /* 13px */ font-weight: bold; color: #D52121; }
p.break { display: block; background: transparent url(/fileadmin/content/trendletter/bilder/hg_break.gif) repeat-x; height: 38; color: #fff; font-weight: bold; font-size: 16px; text-align: center; vertical-align: center; margin: 0 !important; height: 38px; padding-top: 12px;}
ol.stempel { background: transparent url(/fileadmin/content/trendletter/bilder/stempel.gif) no-repeat top right; padding-right: 200px; margin-right: 83px !important; }

/* #############################
** ### classesCharacter ########
** #############################
*/
span.gross_fett_blau { font-size: 116.67%; /* 13px */ font-weight: bold; color: #0B4DA2; }
span.gross_fett 	  { font-size: 116.67%; /* 13px */ font-weight: bold; color: #0B4DA2; }
span.haken { background:#fff url(/fileadmin/content/trendletter/bilder/haken.gif) 0 0 no-repeat; padding: 8px 0 0em 25px; display:block;}
span.js-countdown {}
span.js-tag {}
span.js-monat {}
span.js-jahr {}

/* #############################
** ### TagFreeClasses ##########
** #############################
*/
h1, h2, h3, h4, h5 { color: #0B4DA2; margin: 20px 0 10px 0; }
h1 { font-size: 2.2em }
h2 { font-size: 1.6em }
h3 { font-size: 1.4em }
a { color: #000; text-decoration: underline; }
a:hover { color: #0B4DA2; }
b, strong { /* color: #0B4DA2; */ }
img {border:0;}

#col3_content p, #col3_content ol { margin: 10px 25px; }
#col3_content .flexi p { margin: 0 0 12px 0; }
	
#col3_content .flexi .left, #col3_content .flexi .right { margin: 0; }
#col3_content .flexi .left { padding: 0 15px; }
#col3_content .flexi .left embed { margin: 25px 50px; }

#col3_content .flexi .right { }
#col3_content .flexi .right p, 
#col3_content .flexi .right h1,
#col3_content .flexi .right h2,
#col3_content .flexi .right h3 { padding: 0 25px; }
#col3_content .flexi .right ul { margin-left: 15px; }
#col3_content .flexi .right ul li { }
#col3_content .flexi .right .csc-textpic-image { margin: 0; }

#col3_content .subcl ul { margin-left: 0; }


#lp-bestellformular {
	width: 650px;
	margin: auto;
   padding: 10px;
}
#lp-bestellformular div.produktabbildung {
   display: block !important; 
   background: #fff url(http://webressourcen.marketing-trendinformationen.de/img/produktabbildungen/tl-204x271-gratis-testen.jpg) scroll no-repeat 0 0;
   width: 200px;
   height: 284px;
   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: 350px;
   height: 30px;
   background-image: url(/fileadmin/content/trendletter/bilder/testen.gif);
   cursor:pointer;
}
#col3_content div.submit input.submit_txt { display: none; }


.bg-white 	 {	background-color: #FFF; }
.bg-babyblue {	background-color: #E0E5F3; }
.bg-violet   {	background-color: #AAB0CC; }