body 
{
	font-family:'Open Sans',sans-serif;
	font-size:100%;
	color:#404040;
	list-style-type: circle;
	line-height: 150%;
	background-color:#f3f2f2;
	text-align:left;
}
 
h1 
{
	font-weight: normal;
	font-size: 180%;
	line-height: 150%;
	color: #006391;
}
h2
{	
	font-weight: normal;
	font-size: 150%;
	color: #006391;
	line-height: 100%;
}
h3
{
	font-weight: bold;
	font-size: 100%;
	color: #006391;
}

#smallhead
{
	font-weight: normal;
	color: #006391;
}

hr
{
	color: #006391;
	
}
p 
{
	margin-top:0px;
}
table
{
	border:1px solid #ffffff;
	font-size:smaller;
}
td
{
	border:1px solid #d3d2d2;
	padding:4px;
}
 
/* Quellcode */
pre
{
	font-size:14px;
	color:#008800;
	padding:5px;
}

/* Verknüpfungen */
a
{
	color:#006391;  
	text-decoration:none;
}
a:hover
{   	
	text-decoration:underline;
}


nav
{
	background-color:#006391;
	color:#ffffff;
	font-size:80%;
	padding:2px;
}
nav a
{
	color:#ffffff;
	text-decoration:none;
}
nav a:hover
{
	text-decoration:underline;
}

/* Komplette Seite */
article
{
	border:2px solid #d3d2d2;
	/*width:700px;*/
	margin:0px auto;
	text-align:left;
	background-color:#ffffff;
	padding:10px;
}

#summary
{
	font-size:80%;
	font-style: italic; 
}

#overview
{
	background-color:#f3f2f2;
}

/* Titelzeile */
header
{
	height:86px;
	border:none;
	background-color:#d5e4e5;
	font-size:200%;
	color:#006391;
}

/* Menü */
#menucontainer
{	
	background-color:#f3f2f2;
	width:auto;
	height:35px;
	border:1px solid #f3f2f2;
}
#menucontainer a
{
	display:block;
	padding:0px;
	margin:3px 3px 3px 3px;
	float:right;
	/*background-image:url(MenuBg.png);*/
	width:115px;
	height:24px;
	border:1px dotted #d3d2d2;
	text-align:center;
	line-height:24px;
	color:#006391;
	text-decoration:none;
}
#menucontainer  a:hover
{	
	background-color:#006391;
	color:#f3f2f2;
	border:1px solid #006391;
}

aside
{	
	width:auto;
	padding:5px;
}
aside a
{
	text-decoration:underline;
}

#indexcontainer
{	
	background-color:#f3f2f2;
	color:#000000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width:auto;
	padding:5px;
}
#indexcontainer a
{	
	color:#006391;	
}
#indexcontainer a:hover
{	
	color:#006391;	
	text-decoration:underline;
}
/* Unterzeile */
footer
{	
	font-size: 60%;
	text-align:left;
	padding:5px;
	color: #A8A8A8;
	margin:0px auto;
}
footer a
{
	font-weight: bold;
	color: #A8A8A8;
}
footer a:hover
{
	text-decoration:underline;
}

.item-hdr 
{
  grid-area: header;
}
.item-art 
{
  grid-area: article;
}
.item-side 
{
  grid-area: aside;
}
.item-nav 
{
  grid-area: nav;
}
.item-foot 
{
  grid-area: footer;
}

.container 
{
  display: grid;
  grid-template-columns: 25% 50% 25%;
  grid-template-rows: auto;
  grid-template-areas: 
    "header header header"
    "nav article aside"
    ". footer .";
}