/* CSS - oegdo : Oesterreichische Gesellschaft fuer Denkmal- und Ortsbildpflege 
  Author: Mag. Christoph Freyer (www.christoph-freyer.at)
  Copyright (C): Mag. Christoph Freyer 
-----------------------------------------*/	

/*****mobile-css ******/
body {	
	font: normal 100% Helvetica, Arial, sans-serif;
	margin: 0; padding: 0;
	color: #444;
	overflow-y: scroll;
	}
#container {
	margin: 0 auto;
	}
#nav, 
nav {	
	width: calc(100% - 9.375%); /*30spx*/
	width: 90.625%; /*fallback fuer ie8 und Android*/ /*padding: .4em;*/
	}
ul.nav {
	list-style: none;
	font-size: /*14px;*/ .875em;	/*14px/16px*/
	}
ul.nav li a {
	text-decoration: none;
	color: #444;
	border-bottom: 1px solid #222;
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-left: -45px;
	}
ul#nav {
	width: calc(100% - 9.375%);
	width: 90.625%; /*fallback fuer ie8 und Android*/        /*22px*/          /* 200px/960px */
	list-style: none;
	}

ul.nav li a:hover { 
	background: #f2f2f2;
	color: #000;
	}
.skip, 
.hide {
	font-size: .8em;
	left: -1000em;
	position:absolute;
	top: -1000em;
	}
.skip:focus {
    position: static;
    left: 0;
    top: 0;
    margin-left: 1em;
    margin-bottom: .2em;
    color: #fff;
    background: #000;
    z-index: 1;
    }
/***LOGO***/	
#logo { 
	margin: 0 auto;
	font-family: "Times New Roman", serif;
	font-size: 1.4em;			/*25px;*/
	}
p.logo {
	text-align: center;
	margin-bottom: 8px;
	color: #000;
	}
hr {
	width: /*89.425287%;*/ calc(100%-6.25%);
	width: 	93.75%; /*fallback fuer ie8 und Android*/	/* 780px/870px */
	color: #444;
	margin-bottom: 11px;
	margin 0 auto;
	}
hr.aktuelles {  border-top: 1px dotted #444; }
#content {
	width: /*870px;*/ /*90.625%;*/   /* 870px / 960px */ calc(100% - 9.375%);
	width: 90.625%; /*fallback fuer ie8 und Android*/
	margin: 0 auto;
		}
.text {
	width: calc(100% - 2em);
	width:91.25%;
	font-size: .875em; /*14px/16px*/
	line-height: 1.3em;
	}
h1, 
h2 {
	font-family: "Times New Roman", serif; 
	font-weight: 300; 
	color: #000; 
	letter-spacing: 1px; 
	}
h1 { font-size: 2em; line-height: 2em; margin-bottom: 0; margin-top: 0; }
h2 { margin-bottom: 10px; }
h2.vorstand { line-height: 20px; font-size: 1.214em; /*17px;*/ margin-bottom: 0;}
h2.vorstand-first { margin-top: 10px; }
h2.aktuelles,
h2.aktuelles-neu {line-height:1.33em;}
h2.aktuelles-neu::before {
	content: "\201E";
}
h2.aktuelles-neu::after {
	content: "\201C";
	}
h3 { 
	font-family: Helvetica, Arial, "sans serif"; 
	font-weight: 600; 
	}
h4.prog-tit {
	font-size: /*14px;*/ 1em;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 0;
	margin-bottom: -.85em;
	}
.prog-tit::before, 
.prog-tit::after {
	content: "\0022";
}
.sub-h {font-size: smaller; }
p.first-line { margin-top: 3px; }
p.vorstand-first-line { margin-bottom: 8px; }
p.org { font-size: 1em; /*16px;*/ }
.und { font-weight: 100; }
.delay, 
.aenderung, 
.rot, 
.red { color: #ff0000; font-weight:600; }
img.stein-cover { 
	margin: 0 20px 10px 0;
	margin-left: 0 auto;
	border: 1px solid #000;
	}
div.inhalt {
	padding-left:  1em;
	font-size: 1em;      /*14px;*/
	}
ul.inhalt ul { 
	list-style:none; 
	text-indent: -1.5em; 
	}
p.eintragsdatum { font-size: .85em; }
.teaser { font-weight: bold; }
img { 
	max-width: 100%;
	height: auto;
	 }
figure {
	margin: 0 auto;
	padding: 5px;
}
figcaption { font-size: .8em; }
/* BOTTOMNAV
----------------- */
div.bottomnav { 
	width: 100%;  
	border-top: #444; 
	clear: both; 
	}
ul#bottomnav { 
	margin-left: 5%;
	list-style: none; 
	}
ul#bottomnav li { 
	font-size: .8em; 
	margin-left:-45px; 
	width:100%; 
	border-bottom: solid 1px #000; 
	padding-bottom: .5em; 
	padding-top: .5em; 
	}
ul#bottomnav li a { 
	color: #444; 
	text-decoration: none; 
	/*display:block;*/ 
	}
ul#bottomnav li a:hover { 
	background: #f2f2f2; 
	color: #000;
	}
.bottop {
	margin: 0;
	padding: 0 15px 15px 15px;
	background-color: transparent;
	clear: both;
	text-align: right;
	}
.bottop ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 69%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	}
.bottop li {
	padding: 0;
	margin: 0;
	}
.bottop a {
	color: #a4a4a4;
	text-decoration: none;
	}
#print a:active, 
#print a:focus, 
.bottop a:hover  {
	color: #7e6f6c;
	text-decoration: underline;
	}
#bottop .top, 
.bottop .top {
	margin: 0;
	padding: 0 25px 0 0;
	background-image: url(top.gif);
	background-position: right 25%;
	background-repeat: no-repeat;
	}
ul.print-top li {
	display:inline-block;
	}
p.org { margin-bottom: 6px; }
p.adr { margin-top:5px; }
p.bank { margin-top: 10px; }
ul#linkliste li { margin-bottom: 5px; }
ul#archiv-menu { 
	list-style: none; 
	display: inline; 
	}
ul#archiv-menu li ul.steinesprechen li, 
ul#archiv-menu li ul.steinschlag li { 
	list-style: none;
	display: inline;
	padding: .8em;
	line-height: 1.8em; 
	}
ul.steinesprechen,
ul.steinschlag {
	padding: .625em;
}
select.heft-nav {
    height: 2em;
    font-size: 1.2em;
    /*width: 35%;*/
	}
div.nixda { display: none; 
}
table {
	width:80%; 		/*238px*/
	border:0; 
	padding:15px; 
	background-color:#fff; 
	border: #dedede 3px solid; 
	line-height:1.6em;
	}
td {
	font-family: helvetica, arial,sans-serif; 
	font-size: .97em;
	}
.group:after {
	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
    	}
a.nolink {
	font-style:normal;
	color:#444;
	text-decoration:none;
	}
ul.preisliste { list-style: none; }
p.mwst { margin-left: 10em; }
ul#oegdo-aktuelles-archiv li{
	list-style-type: none;
	padding: 10px;
	display: block;
}
dl#oegdo-aktuelles-archiv dt.oegdo-aktuelles-archiv:first-of-type {
	margin-top: 0;
}
dt.oegdo-aktuelles-archiv { 
	float: left; 
	clear: left; 
	width: 120px; 
	text-align: left; 
	font-weight: bold;
	margin-top: .8em;
	  
	} 
dt.oegdo-aktuelles-archiv:after { 
	content: ":"; 
	} 
dd.oegdo-aktuelles-archiv { 
	margin: 0.8em 0 0 110px; 
	padding: 0 0 0.5em 0; 
	}
/*dt.oegdo-aktuelles-archiv + dd.oegdo-aktuelles-archiv { 
	margin-top: 0;
}*/
dt.mitglied {
	float: left; 
	clear: left; 
	width: 250px; 
	text-align: left; 
	font-weight: bold; 
	}
dt.mitglied:after { 
	content: ":"; 
	} 
dd.mitglied  { 
	margin: 0 0 0 110px; 
	padding: 0 0 0.5em 0; 
	text-align: justify;
	}
.anmeldung {
	border: 1px solid #666;
	margin-top: 2em;
	margin-bottom: 5em;
	text-align: center;
	display: block;
	width: 70%;		
}
p.anmeldung a {
	padding: 1.2em;
	display: block;
	font-size: 1.2em;
}
p.anmeldung a:link, p.anmeldung a:visited {
	background-color: #f2f2f2;
	color: #444;
}
 p.anmeldung a:hover{
	 background-color: #fff;
 }
.normal { font-weight: normal; }
.touch {
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top:1.5em;
	}
.btn-like {
	display: block;
	background-color:#eaeaea;
	width:15em;
	text-align:center;
	padding-top:1em;
	padding-bottom: 1em;
	text-decoration: none;
	}
/*.btn-touch {
	display: block;
	background-color:#eaeaea;
	width:100%;
	text-align:center;
	padding-top:1em;
	padding-bottom: 1em;
	text-decoration: none;
	}*/	
p.eingerueckt {
	padding-left: 2em;
	font-size: smaller;
	font-style: italic;
	}
.unterschrift {
	float: right;
	font-style: italic;
    }
.blocksatz {
		text-align: justify;
	}
.gross-mittig {
	font-size: x-large;
	font-weight: bold;
	text-align: center;
}
.mittig {
	text-align: center;
}
section.briefimitation {
	border: 4px double red;
	padding: 10px;
	margin: 10px;	
}
.weihnachtsgruss {
	font-size: large;
	font-weight: bold;
	text-align: center;
	line-height: 120%;
}

/* === Ostern ===*/
.osterei {
	width: 126px;
	height: 180px;
	background-color: #ff0000;
	border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;;
	margin: 50px auto;
	box-shadow: 0px 10px 15px rgba(0,0,0,0.3);
	background: -moz-radial-gradient(center, ellipse cover,  #FFCFD9 0%,#ff0000 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #FFCFD9 0%,#ff0000 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #FFCFD9 0%,#ff0000 100%);
	background: radial-gradient(center, ellipse cover,  #FFCFD9 0%,#ff0000 100%);
}

<!--/* == abgesagt ==*/-->
#abgesagt {
	/*width: 380px;*/
	height: 1em;
	width: 96%;		
}
#abgesagt-klein {
	width: 250px;
	height: 1em;
}
.abgesagt {
	color: #fff;
	background-color: #ff0000;
	font-weight: bold;
	font-size: 2em;
	text-align:center;
	/*font-variant: upper-case;*/
	z-index: 20; 
   /* left: 50px;*/
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
	border: 2px solid #ff0000;
	/*width: 380px;
	height:1em;*/
	opacity:.7;
	line-height: 85%;
	
}


/***********************************
************************************/
.highslide-gallery {
	margin-bottom: 1.4em;
	margin-top: 1.85em;
	}
h3.galerie { font-weight: 300;}
a:link { color: #0000ff;}
a:visited { color: #0000ff; }
a:focus { background: #f2f2f2; color: #000; }
a:hover { background: #f2f2f2; color: #000; }
a:active {background: #f2f2f2; color: #000; }
.active { background: #f2f2f2; color: #000; }

/* a:hover, a:active, a:focus, .active { background: #f2f2f2; color: #000; }

a:active { background: #f2f2f2; color: #000; }

a:focus { background: #f2f2f2; color: #000; } */

@media only screen and (min-width: 40em) {
#container {
	width: 93.75%;		/* 960px / 1024px */
	max-width: 960px;
	/*margin: 0 40px;*/
	font-family: helvetica, arial, "sans serif";
	}

/* Navigation 
-----------------------*/
#nav, nav {	
	width: /*20%;*/ 21%;
	padding: 0;
	float: left;
	margin-right:   4.5%;		/* 20px; */
	margin-left:   -4.5%;		/* -40px; */
}
ul.nav {
	list-style: none;
	font-size: /*14px;*/ .875em;	/*14px/16px*/
	}

ul.nav li a {
	display: block;
	padding: 4px 0;
	}

ul#nav {
	width: 20.83%;                  /* 200px/960px */
	}

ul.nav li a:hover { }
/*.skip, .hide {
	font-size: .8em;
	left: -1000em;
	position:absolute;
	top: -1000em;
	}
.skip:focus {
    position: static;
    left: 0;
    top: 0;
    margin-left: 1em;
    margin-bottom: .2em;
    color: #fff;
    background: #000;
    z-index: 1;
    }*/

/* LOGO
---------------------*/	
#logo { 
	font-size: 1.5625em;			/*25px;*/
	}

p.logo {
	}

hr {
	width: /*82%; 100%; 89.6551%;*/ 89.425287%;		/* 780px/870px */
	float: left;
	margin-bottom: 11px;
	}

hr.aktuelles {  }

#content {
	width: /*870px;*/ 90.625%;   /* 870px / 960px */
		}
.text {
	float: right;
	width: 65.9375%;	/* 633px / 960px */
	margin-right: 10%;	/* 80px /960px */
	}
.anmeldung {
	width: 50%;		
}

h1, h2 {}
h1 { }
h2 { }
h2.vorstand { }
h2.vorstand-first { }
h2.aktuelles { }
h3 { }
h4.prog-tit { }
.sub-h { }

p.first-line { }
p.vorstand-first-line { }
p.org { }
.und {  }
.delay, .aenderung, .red { 
	color: red;
	font-weight:bold; 
	}

img.stein-cover { 
	float: left;
	margin-left: /* -50px */ 0;
	}
div.inhalt {
	padding-left:  100px;   /* 125px /870px */
	font-size: 1em;      /*14px;*/
	}
ul.inhalt ul { }
p.eintragsdatum { }
.teaser { }
figcaption { }



/* BOTTOMNAV
----------------- */

div.bottomnav { height: 3em; }
ul#bottomnav { margin-left: 15%; }
ul#bottomnav li { display: inline; margin: 1em auto; font-size: 14px; border-bottom: solid 1px #000; border-top: solid 1px #000; padding-bottom: 2px; padding-top: 2px; }
ul#bottomnav li a {  }
ul#bottomnav li a:hover { }

.bottop { }
.bottop ul { }
.bottop li { }
.bottop a { }
#print a:active, #print a:focus, .bottop a:hover  { }
#bottop .top, .bottop .top {
	background-position: right 50%;
	}
ul.print-top li { }

p.org { }
p.adr { }
p.bank { }

ul#linkliste li {  }
ul#archiv-menu { }
ul#archiv-menu li ul.steinesprechen li, 
ul#archiv-menu li ul.steinschlag li { }
div.nixda { }
table {
	width:40%; 		/*238px*/
	}
td { }
.group:after {
	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
    	}
a.nolink { }
ul.preisliste { }
p.mwst {margin-left: 18.7em; }
ul#oegdo-aktuelles-archiv li{ }
dt.oegdo-aktuelles-archiv  { } 
dt.oegdo-aktuelles-archiv:after { } 
dd.oegdo-aktuelles-archiv  { }
.normal { }
.touch { }
.btn-like { }
}
/****Print ****
***************/	
@media print {
    * {
        background: transparent !important;
       /* color: #000 !important;*/ /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
#nav, ul.nav, .bottomnav, ul#bottomnav, #logo, hr, .print, .top {
	display: none !important;
	}
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3,
	h4 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3,
	h4 {
        page-break-after: avoid !important; 
    }
}