@charset "UTF-8";
/*********************************************************************

-- Haidhauser Nachrichten --

    Name:	 HN.css
    Version:	 1.2
    Date:	 2015-05-21
    URL:	 http://www.haidhauser-nachrichten.com
    Copyright:	 (c) 2015 Haidhauser Nachrichten

******************************************************************* */


/* *********************   G e n e r a l   ************************ */

body {
background: #a0a0a0;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 14px; font-weight: normal;
letter-spacing: normal;
word-spacing: normal;
}


h1,h2,h3,h4,h5,h6 {
font-family: Verdana,Helvetica,Arial,Tahoma,sans-serif;
font-weight: bold;
margin: 0 0 0 0; padding 0 0 0 0;
/* letter-spacing: 1.4px; word-spacing: 1.4px; line-height: 1.4em; */
}

div.aktuell h1 {
margin: 0 0 20px 0; padding 0 0 0 0;
}

div.aktuell h2 {
margin: 0 0 18px 0; padding 0 0 0 0;
}

div.aktuell h3 {
margin: 0 0 16px 0; padding 0 0 0 0;
}

div.aktuell h4 {
margin: 0 0 16px 0; padding 0 0 0 0;
}
div.aktuell h5 {
margin: 0 0 12px 0; padding 0 0 0 0;
}
div.aktuell h6 {
margin: 0 0 8px 0; padding 0 0 0 0;
}

div.aktuell h7 {
margin: 0 0 6px 0; padding 0 0 0 0;
}



h1 {
font-size: 34px;
line-height: 38px;
}

h2 {
font-size: 30px;
line-height: 34px;
}

h3 {
font-size: 26px;
line-height: 30px;
}

h4 {
font-size: 22px;
line-height: 26px;
}

h5 {
font-size: 18px;
line-height: 22px;
}

h6 {
font-size: 14px;
line-height: 18px;
}

div.hdlgroup {
margin: 14px 0 14px 0; padding 0;
border-style: none;
}

p.p7  { margin: 7px 0 0 0; }
p.p14 { margin: 14px 0 0 0; }
p.p28 { margin: 28px 0 0 0; }

a:link		{ color: black; text-decoration:none; }
a:visited	{ color: black; text-decoration:none; }
a:hover		{ color: DarkRed; text-decoration:none; }
a:active	{ color: black; text-decoration:none; }

hr  {height: 1px; margin: 24px 0 48px 0; color: #bcbcbc; }


font.CopyrightInfo {
margin: 56px 0 0 0;
font-family: "Palatino Linotype", Palatino, Georgia,serif;
font-size: 11px;
letter-spacing:1.67px;
word-spacing:1.67px;
color: #333;
}

font.WebdesignInfo {
display:	block;
position:	relative;
top:		auto;
right:		auto;
bottom:		16px;
left:		640px;
font-family: "Palatino Linotype", Palatino, Georgia,serif;
font-size: 13px;
letter-spacing:1.67px;
word-spacing:1.67px;
color: #555;
}


/* ****************  Wrapper  ************************************* */

#HNWrapper {
position: relative; width:1152px; height: auto;
top: 14px; right: auto; bottom: auto; left: 14px;
margin: 0; padding: 0; border-style: none;
}


/* ****************  Seite & Spiegel   **************************** */

#Seite {
position: relative; width: 864px; height: auto;
top: 0; right: auto; bottom: auto; left: 0;
margin: 32px; padding: 0; text-align: left;
background: #ffffff; border-style: solid; border-width: 1px;
border-color: #777 #555 #555 #777; overflow: visible;
}

div#Seite #Satzspiegel {
position: relative; width: 808px; height: auto;
margin: 28px 28px 28px 28px; padding: 0; border-style: none;
}

div#Satzspiegel #Zeitungskopf {
position; relative; width:808px;
margin: 0; padding:0; border-style: none;
}

div#Satzspiegel #Zeitungsfuss {
position: relative; width:808px;
margin: 0; padding: 0; text-align: center; border-style: none;
}

div#Satzspiegel #Zeitungstext {
position: static; width: 752px; height: auto;
margin: 0 28px 0 28px; padding: 0; border-style: none;
}


/* ****************  Bilder  ************************************** */

div#Zeitungskopf #HNKopfLogo {
position: static; width: 808px; height: 256px;
margin: 0; padding: 0; border-style: none;
}

div#Zeitungskopf #HNKopfBild {
position: static; width: 752px; height: 308px;
margin: 0 0 0 28px; padding: 0; border-style: none;
}

div#Zeitungsfuss #HNFussLogo {
position: static; width: auto; height: auto;
margin: 28px 0 0 0; padding: 0; border-style: none;
}


/* ****************  Navigation  ********************************** */

div#navibar {
position: static; width: 752px; height: 28px;
margin: 24px 28px 14px 28px; padding: 0;
border-style: solid;
border-color: #000;
border-width: 1px 0 3px 0;
}

ul#navi {
margin: 0 0 0 0;
padding: 4 0 0 0;
list-style-type: none;
list-style-position: outside;
font-family: "Palatino Linotype", Palatino, Georgia,serif;
font-size: 14px;
letter-spacing: normal;
word-spacing: normal;
font-weight: normal;
border-style: none;
}

ul#navi li {
margin: 0 0 0 0;
padding: 0 16px 0 0;
display: inline;
list-style-type: none;
list-style-position: outside;
}

ul#navi li.arch {
visibility: visible;
margin: 0 0 0 0;
padding: 0 44px 0 0;
display: inline;
list-style-type: none;
list-style-position: outside;
}

ul#navi li.arch_h {
visibility: hidden;
margin: 0 0 0 0;
padding: 0 54px 0 0;
display: inline;
list-style-type: none;
list-style-position: outside;
}


/* ****************  Artikel  ************************************* */

div.ArtikelBox {
position: static; width: 752px; height: auto;
margin: 21px 0 0 0; padding: 0; text-align: left;
border-style: none;
}

div.ArtikelBoxTitel {
position: relative; overflow: hidden;
width: 188px; height: auto;
top: 0; right: auto; bottom: auto; left: -56px;
margin 0 0 0 0; padding: 4px 0 4px 56px;
background: #bcbcbc; border-style: none;
font-family: "Palatino Linotype", Palatino, Georgia,serif;
font-size: 15px;
letter-spacing:1.41px;
word-spacing:1.67px;
font-weight: bold;
color: #222;
clear: both;
}

div#container_AktuelleAusgabe {
position: static; width: 752px; height: auto;
margin 0; padding: 0;
}

img#AktuelleAusgabe {
position: static; width: 752px; height: 1060px;
margin 0; padding: 0; border-style: solid;
border-width: 1px; border-color:  #777 #222 #000 #555;
}

div#ArchivL {
width: 300px; height: auto; float: left;
}

div#ArchivR {
width: 450px; height: auto; float: right;
}

img.BildKaufen {
position: static; width: 241px; height: 174px;
float: both; margin: 0; padding: 0; border-style: none;
}

img.BildArchiv {
position: static; width: 192px; height: 195px;
float: left; margin: 0; padding: 0; border-style: none;
}


/* ****************  Listen  ************************************** */

div#KaufenL {
width: 375px; height: auto; float: left;
}

div#KaufenR {
width: 375px; height: auto; float: right;
}

dl.Kaufen {
margin: 0; padding: 0;
}

dl.Kaufen dt {
margin: 0 0 0 0; padding: 0 0 0 0;
font-weight: bold;
}

dl.Kaufen dd {
margin: 0 0 2px 16px; padding: 0;
}


/* **************** Archiv  *************************************** */

table.tarch
position: static; width: 752px; height: auto;
margin: 0; padding: 0; border-style: none;
background: #fff;
}

table.tarch r  {
margin: 0; padding: 0;
border-style: none; background: #fff;
}

table.tarch td.d {
width: auto; height: auto;
margin: 0; padding: 10px;
border-style: solid; border-width: 1px; border-color: #fff;
/* background: #bcb8b4;*/
background: #d4d4d4;
text-align: center;
}

img.ia {
position: static; width: 96px; height: 132px;
margin: 0 0 4px 0; padding: 0;
border-style: solid; border-width: 1px; border-color:  #ddd #999 #777 #ccc;
}
img.ia:hover {
border-style: solid; border-width: 1px; border-color:  #555 #222 #000 #444;
}

img.iah {
visibility: hidden;
position: static; width: 96px; height: 132px;
margin: 0 0 4px 0; padding: 0;
border-style: solid; border-width: 1px; border-color:  #ddd #999 #777 #ccc;
}


/* **************** Gallerie  ************************************* */


div#galery {
position: static; overflow: hidden;
width: 752px; height: auto;
margin: 0; padding: 8px 2px 8px 2px;
text-align: center;
border-style: solid; border-width: 1px; border-color: #bcbcbc;
background: #fff;
}

img.igal {
position: static; width: 240px; height: 168px;
margin: 1 1 1 1 ; padding: 0px; border-style: none;
}

div#galery_aktuell {
position: static; overflow: hidden;
width: 752px; height: auto;
margin: 0; padding:0;
border-style: none;
text-align: center;
background: #fff;
}

img.igal_aktuell {
position: relative; width: 80px; height: 56px;
margin: 0; padding: 0 3px 0 0;
border-style: none;
}




/* ****************  Tools  *************************************** */

/**
 * http://nicolasgallagher.com/micro-clearfix-hack/
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


img.papaki {
position: static; width: 14px; height: 11px;
margin: 0 0 -2px 0; padding: 0; border-style: none;
}
img.teleia {
position: static; width: 5px; height: 11px;
margin: 0; padding: 0; border-style: none;
}

figure {
    border: thin #c0c0c0 solid;
    display: flex;
    flex-flow: column;
    padding: 5px;
    max-width: 220px;
    margin-inline-start: 0;
}

figure img {
    max-width: 220px;
    max-height: 150px;
}

figcaption {
    background-color: #222;
    color: #fff;
    font: italic smaller sans-serif;
    padding: 3px;
    text-align: center;
}