@font-face {
    font-family: 'helvetica_inseratroman';
    src: url('../webfonts/helveticainserat-roman-webfont.woff2') format('woff2'),
         url('../webfonts/helveticainserat-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* BASE TYPOGRPHY */

body {font-size: 13px; color: #7a7a7a; font-family: ÒHelvetica NeueÓ, Helvetica, Arial, sans-serif;}
.typography em {font-style: italic;}

/* IMAGES
 -------------------------------------------- */
.typography img {
    max-width: 100%;
}

.typography img.left, img.left {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.typography img.right, img.right {
    float: right;
    margin-left: 10px;
    margin-top: 5px;
}

/* TABLE
 -------------------------------------------- */
.typography table {max-width: 100%; text-align: left; vertical-align: top;}

.typography table td {
    text-align: left;
    vertical-align: top;
    margin: 0 0 0 10px;
}

.CalendarArchive .typography table td {vertical-align: baseline;}

.typography table td h3 {padding-bottom: 2px;}
.typography .content-box th {padding-bottom: 15px;}
.typography .content-box tr {border-bottom: 1px solid #7a7a7a;}
.typography .content-box table {width: 100%;}

.typography .content-box .content th {padding-bottom: 15px; text-align: left;}
.typography .content-box .content tr {border-bottom: none;}
.typography .content-box .content table {width: auto;}
.typography .content-box .content table.fullwidth {width: 100%;}

/* HV-Termine */
.typography .content-box .content table#hv {width: 100%;}
.typography table td.firmname, .typography table td.date, .typography table td.date, .typography table td.ort, .typography table td.sprecher, .typography table td.abstmv {vertical-align: baseline; padding-bottom: 5px;}
.typography table td.firmname, .typography table td.date, .typography table td.date, .typography table td.ort, .typography table td.sprecher, .typography table th.firmname, .typography table th.date, .typography table th.date, .typography table th.ort, .typography table th.sprecher {padding-right: 10px;}
.typography table td.firmname {max-width: 260px;}
.typography table td.ort {max-width: 120px;}

/* LIST STYLES
 -------------------------------------------- */
typography ul,
.typography ol { /*margin: 0 0 20px 25px; */}
.typography .content ul li, .typography .sb-content ul li { list-style-type: disc; }
.typography li {margin-bottom: 5px;}
.content ul, .content ol {margin-left:3em;}
.sb-content .custom ul {margin-left: 1.5em;}

.typography .content #tabs ul li, .typography .content ul#SearchResults li {list-style: none;}
.content ul#SearchResults {margin-left: 0;}
.typography .content ul#SearchResults li {margin-bottom: 25px;}

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

/* ADDRESS
 -------------------------------------------- */
address {
    display: block;
    margin-bottom: 20px;
}


.ie7 body,
.ie8 body { min-width: 860px}

body, .logo {margin: 0;padding: 0;}

img {border: none;}
a {text-decoration: none; color:#006496; font-weight: bold;}

.clear {clear: both;}
.bold {font-weight: bold;}

h2,h3,h4,h5{font-size: 19.5px;color: #000;font-weight: bold;padding-bottom: 30px;}
h2.men-head {text-align: center; padding-bottom: 10px;}
h3 {font-size: 13px;line-height: 20px;text-transform: uppercase;padding-bottom: 15px;}
h3.summary {padding-bottom: 0px;}
h4 {font-size: 13px;}
.content h4 {font-size: 13px;padding-bottom: 0px;}
.content h4.searchQuery {margin-top: -25px; color: #7a7a7a; font-weight:normal;}
h5 {font-size: 13px;padding-bottom: 15px;}

ul, li {list-style: none;line-height:20px;}
.primary ul,.primary li, .primary-mobile ul, .primary-mobile li {line-height: normal;}
p{line-height: 20px;}

.boldblack {font-weight: bold;color: #000;}
.typography .boldblack {font-weight: bold;color: #000;}
ul li.disc { list-style-type: disc; margin-left: 14px;}
.typography .bildunterschrift p, .typography tr td.bildunterschrift, .typography tr td span.bildunterschrift, .typography tr.bildunterschrift {color: #000; font-size: 11px; font-style: italic; font-weight: bold; text-align: right; margin: 0 10px 0px 0; padding-bottom: 10px;}
.typography tr.bildunterschrift td {text-align: right;}
.typography table td .vertical-align-top {vertical-align: top;}
.typography table td .vertical-align-bottom {vertical-align: bottom;}
.typography table td .vertical-align-middle {vertical-align: middle;}
.pdficon:before {content: url('../images/pdf_m.png'); margin: 0 10px 0 0;}
.typography .wichtigeinfo, .typography p.wichtigeinfo {background: #FFFF00; color: #000; font-weight: bold; font-size: 19.5px; line-height: 30px; width: 80%; margin: 0 auto;}