/**
 * This typography file is included in the WYSIWYG editor
 */
.typography blockquote { margin-left:20px; }
.typography hr { padding:5px; }

	
/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.typography .left { text-align:left; }
.typography .center { text-align:center; }
.typography .right { text-align:right; }
.typography img.right { float:right; }
.typography img.left { float:left; }

.typography p.MsoNormal, .typography p.MsoBodyText { margin: 0; }
/* saas specific */

/* h1,h2,h3,h4,h5,p,span,a,li,
input,select,option,textarea { font-family: Arial; color:#87888a; }
*/

.typography .saas_clear { clear: both; }

.typography * { font-family: Arial; color:#87888a; }

.typography h1 { font-size: 15pt; }
.typography h2 { font-size: 13pt; }
.typography h3 { font-size: 11pt; }
.typography h4 { font-size: 10pt; font-weight:normal; }
.typography h5 { font-size: 9pt; font-weight:normal; }

.typography label { font-size: 9pt; }
.typography p { font-size: 9pt; line-height: 150%; }
.typography dt, 
.typography dd { font-size: 8pt; font-style: italic; }

.typography a { color: #556588; text-decoration: none; font-size: 9pt; }
.typography a:hover { text-decoration: underline; }
.typography a.saas_pointer { padding: 0 0 0 22px; background: url(../images/icon_pfeil_mehr.png) no-repeat 2px 0px;}

.typography h2 a { font-size: inherit; padding: 0 0 0 16px; height: 16pt; line-height: 16pt; background: url(../images/pfeil_orange.png) no-repeat 0px 4px; }
.typography h3 a { font-size: inherit; padding: 0 0 0 16px; background: url(../images/pfeil_orange.png) no-repeat 0px 4px; }
.typography h4 a { font-size: inherit; color: inherit; padding: 0 0 0 20px; background: url(../images/icon_pfeil_mehr.png) no-repeat 0px 2px; }

.typography > h2 { margin-left: 16px; color: #556588; }
.typography h2 { color: #556588; }
.typography > h3 { margin-left: 16px; }
.typography > h4 { margin-left: 16px; }
.typography > p { margin: 0 16px 0 16px; }

.typography .smallinfo { font-size: 8pt; font-style: italic; }

.typography .searchResults p { line-height: 100%; }
.typography ul#SearchResults { list-style-type: none; margin: 0 0 24px 18px; padding: 0; }
.typography ul#SearchResults li { margin: 0 0 4px 0; padding: 0; }
.typography ul#SearchResults li p { margin: 0 0 0 16px; padding: 0; }
.typography ul#SearchResults a.readMoreLink { margin: 0 0 0 16px; } 
.typography ul#SearchResults a.searchResultHeader { font-size: 11pt; }

.typography div.saas_cteaser { width: 339px; height: 134px; overflow: hidden; float: left; margin: 0 16px 16px 0; }
.typography div.saas_cteaser_nopic { background: url(../images/teaser_home_bg.png); }
.typography div.saas_cteaser_blog { background: url(../images/teaser_blog.png); }
.typography div.saas_cteaser_compliance_produktivitaet { background: url(../images/teaser_compliance_produktivitaet.png);  }
.typography div.saas_cteaser_dienstleistungen { background: url(../images/teaser_dienstleistungen.png);  }
.typography div.saas_cteaser_download { background: url(../images/teaser_download.png);  }
.typography div.saas_cteaser_events { background: url(../images/teaser_events.png);  }
.typography div.saas_cteaser_faq { background: url(../images/teaser_faq.png);  }
.typography div.saas_cteaser_kontakt { background: url(../images/teaser_kontakt.png);  }
.typography div.saas_cteaser_lexikon { background: url(../images/teaser_lexikon.png);  }
.typography div.saas_cteaser_lokal_stationaer { background: url(../images/teaser_lokal_stationaer.png);  }
.typography div.saas_cteaser_management { background: url(../images/teaser_management.png);  }
.typography div.saas_cteaser_mobil_stationaer { background: url(../images/teaser_mobil_stationaer.png);  }
.typography div.saas_cteaser_multimedia { background: url(../images/teaser_multimedia.png);  }
.typography div.saas_cteaser_news { background: url(../images/teaser_news.png);  }
.typography div.saas_cteaser_partner_werden { background: url(../images/teaser_partner_werden.png);  }
.typography div.saas_cteaser_partnerprogramm { background: url(../images/teaser_partnerprogramm.png);  }
.typography div.saas_cteaser_presse { background: url(../images/teaser_presse.png);  }
.typography div.saas_cteaser_promotions { background: url(../images/teaser_promotions.png);  }
.typography div.saas_cteaser_service { background: url(../images/teaser_service.png);  }
.typography div.saas_cteaser_stellengesuche { background: url(../images/teaser_stellengesuche.png);  }
.typography div.saas_cteaser_technologie { background: url(../images/teaser_technologie.png);  }
.typography div.saas_cteaser_ueber_uns { background: url(../images/teaser_ueber_uns.png);  }
.typography div.saas_cteaser_unternehmen_organisation { background: url(../images/teaser_unternehmen_organisation.png);  }
.typography div.saas_cteaser div { margin: 12px 16px 0 16px; }
.typography div.saas_cteaser h3 { font-size: 8pt; font-weight: normal; margin: 0; }
.typography div.saas_cteaser h4 { font-size: 12pt; color: #f08a1a; margin: 8px 0 0 0; font-weight: bold; }
.typography div.saas_cteaser ul { list-style-image: url(../images/pfeil_klein_orange.png); list-style-position: inside; margin: 4px 0 0px 16px; padding: 0; }
.typography div.saas_cteaser ul li { font-size: 9pt; height: 1.2em; }
.typography div.saas_cteaser p { font-size: 8pt; line-height: 120%; margin: 4px 0 4px 0; }

.typography .saas_colteaser { background: #ffffff url(../images/teaser_hoch_bg2.png) repeat-x bottom; margin: 0 16px 16px 0; width: 692px;  }
.typography .saas_colteaser td { border-right: 1px solid #eceded; padding: 4px 16px 4px 16px; }
.typography .saas_colteaser tr.text td { vertical-align: top; }
.typography .saas_colteaser tr.images td { vertical-align: bottom; text-align: center; }
.typography .saas_colteaser td.last { border: 0; }
.typography .saas_colteaser td.bottom,
.typography .saas_colteaser td.bottom p { padding-bottom: 0; margin-bottom: 0; }
.typography .saas_colteaser h3 { font-size: 9pt; color: #8a8b8e; margin: 0; }
.typography .saas_colteaser p { font-size: 8pt; line-height: 120%; margin: 4px 0 4px 0; }
.typography .saas_colteaser tr.col2style h3 { font-size: 12pt; }
.typography .saas_colteaser tr.col2style p { font-size: 9pt; line-height: 150%; padding: 0; margin: 8px 0 8px 0; }
.typography .saas_colteaser img { margin: 0 8px 8px 0; }

.typography p.saas_question { margin: 16px 48px 8px 16px; }
.typography p.saas_answer { padding-bottom: 16px; margin-right: 48px; border-bottom: 1px solid #aaaaaa; color: #556588; }

.typography ul#NewsList { list-style-type: none; margin: 0 0 24px 18px; padding: 0; }
.typography ul#NewsList li { margin: 0 0 4px 0; padding: 0; }

table.countdown { border-spacing: 0; border: 0; margin: 0; padding: 0; background: url(../images/teaser_home_bg.png) no-repeat 0 0; width: 339px; margin: 0 auto; }
table.countdown tr.numbers td { padding: 4px; font-family: monospace; font-size: 24pt; text-align: center; font-weight: bold; color: #556588; }
table.countdown tr.labels td { padding: 4px; font-family: monospace; font-size: 8pt; text-align: center; color: #556588; }