@charset "utf-8";
/* CSS Document msc_nord*/
body {
	margin: 10px auto;
	max-width: 60em;
	color: #000;
	font: 1.2em/1.2 "Georgia";
	background: #dff2fe;
	display: grid;

}

@media (min-width: 20em) {
	body {
		display: grid;
		grid-template-columns: 9em minmax(15em, 1fr);
	}
}

a {
	color: #000;
}

.red {color:#F00}

.fz075 {font-size:0.75em}
.fz1 {font-size:1em}

.no-underline {text-decoration: none}
.bold {font-weight:bold}
.italic {font-style:italic}
.center {text-align:center;}

.fl-le {float:left;}
.fl-ri {float:right}

.pad-top5 {padding-top:5px}

.w150 {width: 150px}

li {
	margin-bottom: 2px;
}

h3, p, ul {
	margin: 4px;
}
h3 {
	font: normal;
	font-size: 1em;
}
h4 {
	font: normal;
	font-size: 0.9em;
}

article {
	grid-column: 1 / -1;
	grid-row: span 2;
}

header {
	height: auto;
	grid-row: span 1;
	max-width: 74em;
	grid-column: span 2;
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	padding: 0px 5px 0px 5px;
	margin: 5px;
}

main{
	grid-row: span 4;
	grid-column: span 1;
}

main p{
	font-size: 0.9em;
	text-align: justify;
}

main img{
	width: 100%;
}


nav {
	grid-row: span 1;
	grid-column: span 1;
	max-width: 150px;
}

nav h3 {
	text-align: center;
}

aside {
	grid-row: span 1;
	grid-column: span 1;
}

aside img {
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	padding: 5px;
	margin: 5px;
	background: #d3eefe;
	border-color: #52bdfe;
}

footer {
	grid-row: span 1;
	grid-column: span 2;
}

footer div {
	margin: 1em;
}

nav,
main,
article,
footer {
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	padding: 5px;
	margin: 5px;
}

section {
	padding: 2px;
	margin: 2px;
}

header, main, nav, #news, article {
	background: #d3eefe;
	border-color: #52bdfe;
}

footer {
	background: #c5e9ff;
	border-color: #52bdfe;
}

#news {
	grid-row: span 1;
	grid-column: span 1;
	padding-bottom: 1em;
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	padding: 5px 5px 1em 5px;
	margin: 5px;
	background: #d3eefe;
	border-color: #52bdfe;
	max-width: 150px;
	text-align: center;
}
#head {
	font-family: Monotype Corsiva;
	font-weight:100;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 2.5em;
	color: darkblue;
	text-align: center;
}

.ansichtbild {float: left;
  	width: 48%;
	min-width: 200px;
  	padding: 5px;
}

.ansichtbild a {
	font-size: 0.8em;
}

.ansicht ::after {
  	content: "";
  	clear: both;
  	display: table;
}

.backbutton {float:right;bottom:50px;left:5px;background:url(pics/buttons/button-bg3a.gif);height:19px;width:200px;text-align:center;color:#ffffdd;font-weight:bold;padding-bottom:3px;cursor:pointer;border: none;}

.backbutton1 {position:relative;bottom:10px;right:10px;background:url(pics/buttons/button-bg3a.gif);height:19px;width:200px;text-align:center;color:#ffffdd;font-weight:bold;padding-bottom:3px;cursor:pointer; border: none;}

.pfad {padding:0px 0px 10px 5px; font-size:0.75em;}

.datenschutz {position:relative;width:100%;height:105px;overflow:auto;background-color:#59b1df;margin:10px 0px 20px 0px;}

#Uhr {position:relative;margin-top:-18px;left:2%;text-align:left;padding-bottom: 3px; width: 95%;}
.Uhr {font-size:14px;font-style:italic;font-weight:200;}
.Uhr1 {float:right; }

.special {position:relative;width:150px;height:296px;text-align:center;padding-top:5px;margin:10px 0px 10px 0px;}
.special p {width:140px;font-style:italic;font-weight:bold;padding-top:5px;font-size:14px;text-align:left;padding-left:5px;}
.specialhead {font-style:italic;font-weight:bold;font-size:17px;text-decoration:underline;margin-bottom:3px;text-align: center;}


.flyout {width:140px;height:260px;position:relative;font-size:12px;padding:10px 0px 10px 10px;z-index:100;margin-top:7px;}
.flyout ul li a, 
.flyout ul li a:visited {display:block;text-decoration:none;color:#ffffdd;width:130px;height:19px;text-align:center;margin:0px 0px 5px -45px;line-height:19px;font-size:12px;font-weight:bold;background:url(pics/buttons/button-bg1a.gif) no-repeat;overflow:hidden}
.flyout ul {list-style-type:none;}
.flyout ul li {float:left;margin-right:1px;position:relative;}
.flyout ul li a.hide {color:#ffffdd;background:url(pics/buttons/button-bg1apfeil.gif)}
.flyout ul li ul {display:none;margin-left:-45px;}
.flyout ul li:hover a {color:#0a1af6;margin-left:-45px;background:url(pics/buttons/button-bg1a-hover.gif) no-repeat}
.flyout ul li:hover a.hide {color:#0a1af6;background:url(pics/buttons/button-bg1a-hover.gif)}
.flyout ul li:hover ul {display:block;position:absolute;top:0;left:129px;width:170px;padding:10px;margin-top:-10px}
.flyout ul li:hover ul li ul {display:none;margin-left:2px;}
.flyout ul li:hover ul li a {display:block;margin-left:0px;color:#ffffdd;width:170px;background:url(pics/buttons/button-bg2a.gif)}
.flyout ul li:hover ul li a.hide {color:#ffffdd;background:url(pics/buttons/button-bg2apfeil.gif)}
.flyout ul li:hover ul li a:hover {color:#0a1af6;background:url(pics/buttons/button-bg2a-hover.gif)}
.flyout ul li:hover ul li:hover a.hide {width:170px;color:#0a1af6;background:url(pics/buttons/button-bg2a-hover.gif)}
.flyout ul li:hover ul li:hover ul {display:block;position:absolute;left:169px;top:0;color:#ffffdd;width:200px;}
.flyout ul li:hover ul li:hover ul li a {display:block;width:200px;color:#ffffdd;background:url(pics/buttons/button-bg3a.gif)}
.flyout ul li:hover ul li:hover ul li a:hover {color:#0a1af6;background:url(pics/buttons/button-bg3a-hover.gif)}