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

}

@media (min-width: 40em) {
	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, h4, p, ul {
	margin: 4px;
}

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;
}

nav h4, aside{
	text-align: center;
}

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

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

footer div {
	margin: 1em;
}

nav,
main,
article,
aside,
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, aside, article {
	background: #d3eefe;
	border-color: #52bdfe;
}

main img {
	width: 100%;
}

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

#news {
	grid-row: span 1;
	grid-column: span 1;
	padding-bottom: 1em;
}
#head {
	font-family: Monotype Corsiva;
	font-weight:100;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 2.5em;
	color: darkblue;
	text-align: center;
}

.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: 88%;}
.Uhr {font-size:14px;font-style:italic;font-weight:200;}
.Uhr1 {padding-left:80%;padding-right: 5px;}

.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)}