@charset "utf-8";
/* CSS Document */

body {background-color:#ffffff;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;}
	
body a {color:#0066ff;}

header {
	

background: #87e0fd; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #87e0fd 0%, #05abe0 61%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#87e0fd), color-stop(61%,#05abe0)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #87e0fd 0%,#05abe0 61%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #87e0fd 0%,#05abe0 61%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #87e0fd 0%,#05abe0 61%); /* IE10+ */
background: radial-gradient(ellipse at center,  #87e0fd 0%,#05abe0 61%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

        color: #ffffff;
	font-size: x-large;
	font-style:italic;
	font-weight:bolder;
	padding: 10px;

	text-align:center;}
	
#hilfscontainer{width: 100%;}

aside {text-align:center;
	width:100%;}

nav {margin:10px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	text-align:center;}

main {background-color:#ffffff;
	color: #000000;
	width:100%;}
	
main h1 {font-size: large;
 	margin-bottom: 10px;
	margin-top: 0px;}		

article {border: 1px solid grey;
	border-radius:10px;
	margin:20px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;}

footer {

background-color:#ffffff;

	clear:left;
	color:#000000;
	font-size:12px;
	font-style:italic;
	font-weight:bolder;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	width: 100%;}



img {max-width:100%; height:auto; }

ul {margin:0; 
    padding:0;
    width:100%;
    list-style-type:none;
	font-size:large;
}

ul li a {text-decoration:none;
    color:#ffffff; 
    padding:8px 11px;
	margin-bottom:10px;

 background: #87e0fd; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #87e0fd 0%, #05abe0 61%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#87e0fd), color-stop(61%,#05abe0)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #87e0fd 0%,#05abe0 61%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #87e0fd 0%,#05abe0 61%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #87e0fd 0%,#05abe0 61%); /* IE10+ */
background: radial-gradient(ellipse at center,  #87e0fd 0%,#05abe0 61%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 


  display:block;
	border-radius:10px;
}
 
ul li a:visited {color:#ffffff;}
 
ul li a:hover, ul li .current {color:black;

 background: #fdfeea; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #fdfeea 0%, #ebf135 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fdfeea), color-stop(100%,#ebf135)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #fdfeea 0%,#ebf135 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #fdfeea 0%,#ebf135 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #fdfeea 0%,#ebf135 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #fdfeea 0%,#ebf135 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfeea', endColorstr='#ebf135',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}