<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<center>
<table id="bodyTable" style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;background-color:
#ffffff;border-collapse: collapse !important;height: 100%
!important;width: 100% !important;" width="100%" height="100%"
cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td id="bodyCell" style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;height:
100% !important;width: 100% !important;" valign="top"
align="center">
<!-- BEGIN TEMPLATE // -->
<table id="templateContainer"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;width: 600px;border-collapse:
collapse !important;" cellspacing="0" cellpadding="5"
border="0">
<!-- Weg mit der Preheader row (tutner)
<tr>
<td align="center" valign="top">
<!-- BEGIN PREHEADER // --
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader">
<tr>
<td valign="top" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px;" mc:edit="preheader_content00">
Use this area to offer a short teaser of your email's content. Text here will show in the preview area of some email clients.
</td>
<!-- *|IFNOT:ARCHIVE_PAGE|* --
<td valign="top" width="180" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:0;" mc:edit="preheader_content01">
Email not displaying correctly?<br /><a href="*|ARCHIVE|*" target="_blank">View it in your browser</a>.
</td>
<!-- *|END:IF|* --
</tr>
</table>
<!-- // END PREHEADER --
</td>
</tr>
--> <tbody>
<tr>
<td style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;" valign="top"
align="center">
<!-- BEGIN HEADER // -->
<table id="templateHeader"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace: 0pt;mso-table-rspace:
0pt;background-color: #ffffff;border-collapse:
collapse !important;" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="headerContent"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;color:
#505050;font-family: 'Courier New',
Courier, monospace;font-size:
20px;font-weight: bold;line-height:
100%;padding-top: 0;padding-right:
0;padding-bottom: 0;padding-left:
0;text-align: left;vertical-align:
middle;" valign="top"> <img
src="https://tutner.mur.at/styles-mail/NOTUTNER_disco-noise.png"
style="max-width:
600px;-ms-interpolation-mode:
bicubic;border: 0;height:
auto;line-height: 100%;outline:
none;text-decoration: none;"
id="headerImage" mc:label="header_image"
mc:edit="header_image"
mc:allowdesigner="" mc:allowtext=""
moz-do-not-send="true"> </td>
</tr>
</tbody>
</table>
<!-- // END HEADER --> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;" valign="top"
align="center">
<!-- BEGIN FEATURE (tutner) // -->
<table id="templateFeature"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace: 0pt;mso-table-rspace:
0pt;background-color: #cccccc;border-collapse:
collapse !important;" width="100%"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="featureContent"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;color:
#000000;font-family: 'Courier New',
Courier, monospace;font-size:
18px;line-height: 100%;padding-top:
5px;padding-right: 2px;padding-bottom:
5px;padding-left: 2px;text-align:
center;vertical-align: middle;"
valign="top">
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><b>Sirene der
Hoffnung / Sirene of Hope<br>
On Radio Helsinki</b></p>
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><u>14.-20.12.2020,
12:00-12:05</u></p>
</td>
</tr>
</tbody>
</table>
<!-- // END FEATURE --> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;" valign="top"
align="center">
<!-- BEGIN BODY // -->
<table id="templateBody"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace: 0pt;mso-table-rspace:
0pt;background-color: #ffffff;border-top: 1px
solid #FFFFFF;border-collapse: collapse
!important;" width="100%" cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<td class="bodyContent"
mc:edit="body_content00"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;color:
#000000;font-family: 'Courier New',
Courier, monospace;font-size:
14px;line-height: 150%;padding-top:
0;padding-right: 0;padding-bottom:
0;padding-left: 0;text-align:
left;border-bottom: 1px solid #dddddd;"
valign="top">
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;">My new work. For
Radio Helsinki's Soundscape of the week.</p>
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;">Transforming a
recording of the fire department's siren
at Lendplatz in Graz into a harmonic
chord using looping, pitch shifting and
superimposition, transforming a signal
of danger into the <b>"Siren of Hope".</b></p>
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><a
href="https://helsinki.at/program/98061"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;color:
#EB4102;font-weight:
normal;text-decoration: underline;"
moz-do-not-send="true">https://helsinki.at/program/98061</a></p>
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><a
href="https://grazersoundscapes.helsinki.at/"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;color:
#EB4102;font-weight:
normal;text-decoration: underline;"
moz-do-not-send="true">https://grazersoundscapes.helsinki.at/</a></p>
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><img
src="https://tutner.mur.at/events/201214_sirene-of-hope/WienModern_19_m_702x468.jpg"
moz-do-not-send="true"
style="max-width:
600px;-ms-interpolation-mode:
bicubic;border: 0;height:
auto;line-height: 100%;outline:
none;text-decoration: none;display:
inline;" id="bodyImage"
mc:label="body_image"
mc:edit="body_image" mc:allowtext=""></p>
<p style="font-size:
10px;-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><span
style="font-size:14px;"> </span></p>
</td>
</tr>
</tbody>
</table>
<!-- // END BODY --> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;" valign="top"
align="center">
<!-- BEGIN FOOTER // -->
<table id="templateFooter"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace: 0pt;mso-table-rspace:
0pt;background-color: #F4F4F4;border-top: 1px
solid #FFFFFF;border-collapse: collapse
!important;" width="100%" cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<td class="footerContent"
mc:edit="footer_content00"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;color:
#808080;font-family: 'Courier New',
Courier, monospace;font-size:
12px;line-height: 150%;padding-top:
14px;padding-right: 14px;padding-bottom:
7px;padding-left: 14px;text-align: left;"
valign="top">
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><img
src="https://tutner.mur.at/styles-mail/keep-close-emotionally.png"
style="max-width:
141px;-ms-interpolation-mode:
bicubic;border: 0;height:
auto;line-height: 100%;outline:
none;text-decoration: none;"
id="bodyImage" mc:label="body_image"
mc:edit="body_image" mc:allowtext=""
moz-do-not-send="true"></p>
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><span
style="font-size:16px;">Gernot Tutner</span><br>
<a href="https://tutner.mur.at"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;color:
#606060;font-weight:
normal;text-decoration: underline;"
moz-do-not-send="true">https://tutner.mur.at</a><br>
Leitnergasse 21, 8010 Graz<br>
fon: +43-676-9229959<br>
</p>
</td>
</tr>
</tbody>
</table>
<!-- // END FOOTER --> </td>
</tr>
</tbody>
</table>
<!-- // END TEMPLATE --> </td>
</tr>
</tbody>
</table>
</center>
<!-- This is based on the Mailchimp template (responsive-templates\template base_boxed_basic_body_image_query.html)
from https://github.com/mailchimp/Email-Blueprints -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Sirene der Hoffnung / Sirene of Hope | The tuticompletti
Newsletter | Gernot Tutner | from disco to noise</title>
<style type="text/css">
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table{border-collapse:collapse !important;}
body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
/*#bodyCell{padding:20px;}*/ /*MC*/
#templateContainer{width:600px;}
/* ========== Page Styles ========== */
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
body, #bodyTable{
/*@editable*/ /*background-color:#DEE0E2;*/ /*MC*/
background-color:#ffffff;
}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
#bodyCell{
/*@editable*/ /*border-top:4px solid #BBBBBB;*/ /*MC*/
}
/**
* @tab Page
* @section email border
* @tip Set the border for your email.
*/
#templateContainer{
/*@editable*/ /*border:1px solid #BBBBBB;*/ /*MC*/
}
/* tutner */
p {
margin: 0;
margin-bottom: 7px;
}
/**
* @tab Page
* @section heading 1
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
* @style heading 1
*/
h1{
/*@editable*/ color:#000000 !important;
display:block;
/*@editable*/ font-family:'Courier New', Courier, monospace;
/*@editable*/ font-size:26px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 2
* @tip Set the styling for all second-level headings in your emails.
* @style heading 2
*/
h2{
/*@editable*/ color:#000000 !important;
display:block;
/*@editable*/ font-family:'Courier New', Courier, monospace;;
/*@editable*/ font-size:20px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 3
* @tip Set the styling for all third-level headings in your emails.
* @style heading 3
*/
h3{
/*@editable*/ color:#000000 !important;
display:block;
/*@editable*/ font-family:'Courier New', Courier, monospace;;
/*@editable*/ font-size:16px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 4
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
* @style heading 4
*/
h4{
/*@editable*/ color:#000000 !important;
display:block;
/*@editable*/ font-family:'Courier New', Courier, monospace;;
/*@editable*/ font-size:14px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/* ========== Header Styles ========== */
/**
* @tab Header
* @section preheader style
* @tip Set the background color and bottom border for your email's preheader area.
* @theme header
*/
#templatePreheader{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Header
* @section preheader text
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
*/
.preheaderContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family:'Courier New', Courier, monospace;;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:125%;
/*@editable*/ text-align:left;
}
/**
* @tab Header
* @section preheader link
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
*/
.preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/**
* @tab Header
* @section header style
* @tip Set the background color and borders for your email's header area.
* @theme header
*/
#templateHeader{
/*@editable*/ /*background-color:#F4F4F4;*/ /*MC*/
background-color:#ffffff;
/*@editable*/ /*border-top:1px solid #FFFFFF;*/ /*MC*/
/*@editable*/ /*border-bottom:1px solid #CCCCCC;*/ /*MC*/
}
/**
* @tab Header
* @section header text
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
.headerContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family:'Courier New', Courier, monospace;;
/*@editable*/ font-size:20px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ padding-top:0;
/*@editable*/ padding-right:0;
/*@editable*/ padding-bottom:0;
/*@editable*/ padding-left:0;
/*@editable*/ text-align:left;
/*@editable*/ vertical-align:middle;
}
/**
* @tab Header
* @section header link
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
*/
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#EB4102;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
#headerImage{
height:auto;
max-width:600px;
}
/* ========== Feature Styles (tutner) ========== */
#templateFeature{
background-color:#cccccc;
}
.featureContent{
/*@editable*/ color:#000000;
/*@editable*/ font-family:'Courier New', Courier, monospace;;
/*@editable*/ font-size:18px;
/*@editable*/ /*font-weight:bold;*/
/*@editable*/ line-height:100%;
/*@editable*/ padding-top:5px;
/*@editable*/ padding-right:2px;
/*@editable*/ padding-bottom:5px;
/*@editable*/ padding-left:2px;
/*@editable*/ text-align:center;
/*@editable*/ vertical-align:middle;
}
.featureContent a:link, .featureContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#EB4102;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/* ========== Body Styles ========== */
/**
* @tab Body
* @section body style
* @tip Set the background color and borders for your email's body area.
*/
#templateBody{
/*@editable*/ /*background-color:#F4F4F4;*/ /*MC*/
background-color:#ffffff;
/*@editable*/ border-top:1px solid #FFFFFF;
/*@editable*/ /*border-bottom:1px solid #CCCCCC;*/ /*MC*/
}
/**
* @tab Body
* @section body text
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
* @theme main
*/
.bodyContent{
/*@editable*/ color:#000000;
/*@editable*/ font-family:'Courier New', Courier, monospace;
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:0;
/*@editable*/ text-align:left;
border-bottom:1px solid #dddddd; /* tutner */
}
/**
* @tab Body
* @section body link
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
*/
.bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#EB4102;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.bodyContent img{
display:inline;
height:auto;
max-width:560px;
}
/* ========== Footer Styles ========== */
/**
* @tab Footer
* @section footer style
* @tip Set the background color and borders for your email's footer area.
* @theme footer
*/
#templateFooter{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
}
/**
* @tab Footer
* @section footer text
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
* @theme footer
*/
.footerContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family:'Courier New', Courier, monospace;
/*@editable*/ font-size:12px;
/*@editable*/ line-height:150%;
padding-top:14px;
padding-right:14px;
padding-bottom:7px;
padding-left:14px;
/*@editable*/ text-align:left;
}
/**
* @tab Footer
* @section footer link
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}</style>
</body>
</html>