h1,h2,h3,body,p,ul,ol,li,nav,div,td,th,address,blockquote,nobr,b,i,object 
	{
	font-family: Roboto, sans-serif;
	}

/* Hintergrundfarbe für ganze Seite */

body
	{
	background-image: url(Bilder/Konfetti.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	}

/* Überschrifft Groß */

h1
	{
	font-size:20px;
	color:#000000;
	text-decoration: underline;
	}

/* Überschrifft Mittel */

h2
	{
	font-size:18px;
	color:#000000;
	text-decoration: underline;
	}

/* Überschrifft Klein */

h3
	{
	font-size:16px;
	color:#000000;
	text-decoration: underline;
	}

/* p */

p
	{
	margin-top:0px;
	}

/* Hyperlinks */

a
	{
	color: #000000;
	padding: 4px 4px;
	font-weight:bold;
	line-height:20px;
	border-radius: 8px;
	text-decoration:none;
	}
	
a:link, a:visited, a:active
	{
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;	
	}
	
a:hover
	{
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	background-color:rgba(255, 255, 255, 0.3)
	}
	
/* Horizontale Trennlinie */

hr
	{
	height:6px;
	width:100%;
	border: 0px black dashed;
	border-radius: 4px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eaf6ff+0,32c5ff+50,eff8ff+100 */
	background: #eaf6ff; /* Old browsers */
	background: -moz-linear-gradient(top, #eaf6ff 0%, #32c5ff 50%, #eaf6ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eaf6ff 0%,#32c5ff 50%,#eaf6ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eaf6ff 0%,#32c5ff 50%,#eaf6ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf6ff', endColorstr='#eaf6ff',GradientType=0 ); /* IE6-9 */
	}

/* Titelbereich */

#title
	{
	height:148px;
	padding:0px;
	border-bottom:0px solid #000000;
	margin-bottom:10px;
	vertical-align: middle;
	border-style: solid;
	border-width: 0;
	top:0px;
	text-align: center;
	}

/* IE10 Consumer Preview */

#top
	{
	position:fixed;
	left:10px;
	top:50%;
	border: 0px solid #000000;
	}

/* Der eigentliche Inhalt der Seite */

#content
	{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#32c5ff+0,0099ff+100 */
	background: #32c5ff; /* Old browsers */
	background: -moz-linear-gradient(top, #32c5ff 0%, #0099ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #32c5ff 0%,#0099ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #32c5ff 0%,#0099ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32c5ff', endColorstr='#0099ff',GradientType=0 ); /* IE6-9 */	position: relative;
	width:960px;
	margin:0 auto;
	color:#000000;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	text-shadow:rgba(255,255,255,0.2) 0px 0px 8px;
	box-shadow:0px 0px 12px #220;
	text-align:center;
	font-size:15px;
	}

/* Fußzeile */

#foot
	{
	line-height:18px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding-top: 4px;
	margin-top: 16px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	text-shadow:rgba(255,255,255,0.2) 0px 0px 8px;
	color: black;
	font-weight:bold;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	}

/* Menü Schrifftgröße */

.menu
	{
	font-weight:bold;
	}

/* Schatten um eine Box */

.boxshadow
	{
	border-radius: 8px;
	box-shadow: 0px 0px 8px #220;
	}

/* Rahmen */

.border
	{
	border-width: 0;
	border-radius: 8px;
	}

/* Tabellen */

.tab
	{
	border-right-style: solid;
	border-right-width: 1px;
	}

/* Navigation */

nav 
	{
	margin: 40px auto; 
	text-align: center;
	}

nav ul ul {
	display: none;
	}

nav ul li:hover > ul {
	display: block;
	}


nav ul
	{
	background: #32c5ff; /* Old browsers */
	background: -moz-linear-gradient(top, #32c5ff 0%, #0099ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #32c5ff 0%,#0099ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #32c5ff 0%,#0099ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32c5ff', endColorstr='#0099ff',GradientType=0 ); /* IE6-9 */
	box-shadow: 0px 0px 8px #220;
	padding: 0 10px;
	border-radius: 8px;  
	list-style: none;
	position: relative;
	display: inline-table;
	}

nav ul:after
	{
	content: "";
	clear: both;
	display: block;
	}

nav ul li
	{
	float: left;
	}

nav ul li:hover
	{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#32c5ff+0,ceebff+100 */
	background: #32c5ff; /* Old browsers */
	background: -moz-linear-gradient(top, #32c5ff 0%, #ceebff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #32c5ff 0%,#ceebff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #32c5ff 0%,#ceebff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32c5ff', endColorstr='#ceebff',GradientType=0 ); /* IE6-9 */
	}

nav ul li:hover a
	{
	color: #000000;
	}
		
nav ul li a
	{
	display: block;
	padding: 25px 20px;
	color: #000000;
	text-decoration: none;
	}
			
nav ul ul
	{
	background: #0099ff;
	border-radius: 8px;
	padding: 0;
	position: absolute;
	top: 100%;
	}

nav ul ul li
	{
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	position: relative;
	}

nav ul ul li a
	{
	padding: 15px 40px;
	color: #000000;
	}	

nav ul ul li a:hover
	{
	background: #32c5ff;
	border-radius: 0px; 
	}
		
nav ul ul ul
	{
	position: absolute;
	left: 100%;
	top:0;
	}