/*
	Datei:	CSS-Datei für Frust-Abhandlungen
	Autor:	Marcel Schaller
*/

@font-face {
	font-family: Pompiere;
	src: url(Pompiere-Regular.ttf);
}

* {
	border: 0;
	margin: 0;
	padding: 0;
}

html {
	background-attachment: fixed;
	background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,95,15,1));
	height: 100%;
					/*	left: 0; */
	margin: 0;
	padding: 0;
					/*	opacity: 0,8;
						position: static;
						right: 0;
						top: 0;	*/
	width: 100%;
}

body {
	background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,95,15,1));
	border-radius: 3px;
	box-shadow: 7px 7px 5px rgb(31,31,31);
	color: rgb(31,255,31);
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: 80%;
					/*	background-image: url(../images/background_frust.jpg);	*/
					/*		border: 0;
							bottom: 0;
							height: 100%;
							left: 0;
							margin: 0;	*/
					/*		opacity: 0.5;	*/
					/*		padding: 0;
							position: static;
							right: 0;
							top: 0;	*/
}

#HeadAndNavi {
	background-image: url(banner_frust.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
	border-radius: 3px;
	/*	background-position: center;
		background-size: 100% 100%;	*/
/*	display: block; */
}
	
header {
/*	background-image: url(banner_frust.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;	*/
						/* background-image:url(Header_Operations.jpg),url(Header_Banking.gif); */
						/* background-repeat:no-repeat,no-repeat; */
						/* background-position:left center,right center; */
						/* border:2px solid #FF0; */
						/* -moz-border-radius: 3px; */
/*	border-radius: 3px; */
/*	display: block; */
/*	margin: 0; */
						/* padding:11px 22px 11px 22px; */
						/* text-indent: 160px;	*/
						/* width: 100%; */
}
header h1 {
/*	color: rgb(31,255,31);	*/
					/*	font-family: verdana, arial, sans-serif;	*/
	font-size: 3em;
	font-style: normal;
	font-weight: bold;
					/*		// height: 50px;	*/
					/*	left: 40px;	*/
	line-height: 1.5em;
	letter-spacing: 0.3em;
						/*	// margin: 10px;	*/
	opacity: 0.7;
						/*	position: absolute; */
						/*	// right: 10px;		*/
	text-shadow: 3px 2px 3px rgb(255,255,0);
						/*	top: 10px; */
						/*	// width: 150px;	*/
						/*	z-index: 3; */

/*						font-size: 28px;
						line-height: 10px;
						padding: 11px 0;
						text-shadow: 3px 2px 3px rgb(255,128,0);
*/
/*						ms-filter: progid:DXImageTransform.Microsoft.Shadow(color='#FF8000', Direction=135, Strength=3);	*/
/*						-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#FF8000', Direction=135, Strength=3)";	*/
}
header h2 {
					/*	background-color: transparent; */
/*	color: rgb(31,255,31);	*/
	font-size: 2em;
	font-style: normal;
	font-weight: bold;
					/*		// height: 50px;	*/
					/*		// left: 260px;		*/
	line-height: 1.5em;
	letter-spacing: 0.2em;
					/*	// margin: 10px;	*/
	opacity: 0.7;
					/*		position: absolute; */
					/*		right: 20px; */
					/*		top: 40px; */
					/*		// width: 150px; */
					/*		z-index: 3; */
/*
						font-size: 22px;
						line-height: 8px;
						padding: 11px 0;
*/
	text-align: right;
	text-shadow: 2px 2px 1px rgb(255,255,0);
					/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#FF8000', Direction=135, Strength=3)";	*/
}
nav {
	background-color: rgba(0,191,0,0.5);
						/* border:2px solid #FF0; */
/*	display: block;
	float: left; */
						/*	left:0;	*/
						/*	margin: 5px 0 0 5px; */
						/*	padding:11px 22px 11px 22px;	*/
						/*	position:absolute;	*/
						/*	width:100%;	*/
						/*	-moz-border-radius:11px;	*/
}
nav ul {
	display: block;
	clear: both;
	float: none;
	margin: 1em 0 1em 0.2em;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
						/* width:940px;	*/
	list-style: none;
}
nav ul li {
	display: inline;
/*	float: left; */
	padding-right: 2em;
}
nav ul li a {
	color: rgba(255,255,255,1);
/*	display:block;	*/
/*	margin-right:20px; */
						/*	width:140px; */
/*	font-size:16px;
	font-weight: bold;
	line-height:44px;
	outline: none;
	text-align:left; */
	text-decoration:none;
}
nav ul li a:hover {
	color: rgb(31,255,31);
}
nav ul li.selected a {
	color: rgb(31,255,31);
}

/*	#container				{	background-color: transparent; */
main {
	background-color: transparent;
						/*	border-left: 1px solid rgb(164,164,164); */
						/*	border-right: 1px solid rgb(164,164,164); */
	clear: both;
						/*	color: rgb(240,240,240); */
	display: table;
	font-family: Pompiere, "Comic Sans MS", arial, sans-serif;
	font-size: 1.5em;
	font-weight: 500;
						/*	height: auto;
							left: 5%;
							position: absolute;
							right: 5%;
							width: 90%;
							z-index: 1; */
}
/*
#navigate				{	background-color: transparent;
							height: auto;
							margin: 0;
							padding: 0;
							position: relative;
							top: 150px;
							width: auto;
						}
*/
/*
#inhalt					{	background-color: transparent;
							border: 0;
							// height: auto;
							// float:left;
							// min-width:508px;	padding:0;	margin:0 0 0 8px;
							margin: 0;
							padding: 0;
							position: relative;
							top: 170px;
							// border-top:10px solid rgb(255,255,255);
							// border-bottom:10px solid rgb(255,255,255);
							// border-left:3px dotted rgb(224,224,224);
							width:auto;
							// min-width:490px;	max-width:490px;
						}

#eintrag				{	background-color: transparent;
							border: 1px solid rgb(255,255,255);
							// height: auto;
							margin: 5px;
							padding: 5px;
							width: auto;
						}
*/
/*
.datum					{	font-family: "Palatino Linotype", "Comic Sans MS", arial, sans-serif;
							// margin-top: 0;
							font-size: 1.6em;
							font-style: italic;
							font-weight: bold;
						}

.titel1					{	font-family: papyrus, "Palatino Linotype", "Comic Sans MS", arial, sans-serif;
							// margin-top: 0;
							font-size: 1.5em;
							font-style: italic;
							font-weight: bold;
						}

.titel2					{	font-family: papyrus, "Palatino Linotype", "Comic Sans MS", arial, sans-serif;
							// margin-top: 0;
							font-size: 1.4em;
							font-style: italic;
							font-weight: bold;
						}

.vorspann				{	font-family: papyrus, "Palatino Linotype", "Comic Sans MS", arial, sans-serif;
							// margin-top: 0;
							font-size: 1.2em;
							font-style: italic;
							font-weight: bold;
						}

.block					{	text-align: justify;
						}

.fazit					{	font-family: papyrus, "Palatino Linotype", "Comic Sans MS", arial, sans-serif;
							font-size: 1.0em;
							font-style: italic;
							font-weight: normal;
							text-align: justify;
						}

/*
#bannerNavi				{	height: 100px;
							margin: 10px;
							position: absolute;
							right: 10px;
							top: 0;
							width: 150px;
							z-index: 2;
						}

#bannerNavi table			{	border: 0;
							height: 100px;
							margin: 0;
							padding: 0;
							width: 100%;
						}

#bannerNavi tr			{	margin: 0;
							padding: 0;
						}

#bannerNavi td			{	background-color: rgb(112,112,112);
							color: rgb(255,64,132);
							font-size: 12px;
							font-style: normal;
							font-weight: bold;
							letter-spacing: 0.3em;
							opacity: 0.6;
							padding: 5px;
							text-align: right;
						}

#bannerNavi a			{	background-color: transparent;
							color: rgb(255,64,132);
							font-size: 12px;
							font-style: normal;
							font-weight: bold;
							letter-spacing: 0.3em;
							text-decoration: none;
						}

#bannerNavi a:hover		{	color: rgb(255,255,255);
						}
*/


/*						
#logo					{	float:left;	height:120px;	width:180px;	border:0;	padding:0;	margin:0;
							background-image:url(KA_Logo_schwarz_weiss.png);
							background-repeat:no-repeat;
							background-position: center;
						}
#banner	h1				{	font-size:1.9em;	line-height:1em;	text-indent:5px;	margin-top:0;	}
#banner	h2				{	font-size:1.5em;	line-height:1em;	text-indent:5px;	}
#banner	h3				{	font-size:1.3em;	line-height:1em;	text-indent:5px;	}

#navigate				{	clear:both;	margin:0; 
							border-top:10px solid rgb(255,255,255);	border-bottom:10px solid rgb(255,255,255);
							background-color:rgb(166,166,166);	color:rgb(255,255,255);
						}
#navlist				{	padding:3px 0;	letter-spacing:3px;	margin:0;	}
#navlist li				{	list-style:none;	display:inline;	margin:5px;	}
#navlist li a				{	color:rgb(0,0,0);	font-weight:bold;	text-decoration:none;	}
#navlist li a:hover		{	background-color:rgb(204,204,204);	}
#navlist li a#current		{	color:rgb(255,255,255);	text-decoration:none;	}

#menu					{	float:left;
							border:0;	margin:0;	padding:0;
							border-top:10px solid rgb(255,255,255);
							border-bottom:10px solid rgb(255,255,255);
							width:180px;
						}
#menlist				{	padding:0;	margin:0;	}
#menlist li				{	margin-left:15px;	list-style:square;	display:list-item;	}
*/
/*
#inhalt					{	float:left;	
							min-width:508px;	padding:0;	margin:0 0 0 8px;
							border:0;	margin:0;	padding:0 0 0 8px;
							border-top:10px solid rgb(255,255,255);
							border-bottom:10px solid rgb(255,255,255);
							border-left:3px dotted rgb(224,224,224);
							width:490px;	min-width:490px;	max-width:490px;
						}

#inhalt h1.titel			{	font-family:papyrus,"Palatino Linotype","Comic Sans MS",arial,sans-serif;
							margin-top:0;	font-size:2.5em;	font-style:italic;	font-weight:bold;
						}
#inhalt h1.tipp			{	font-family:papyrus,"Palatino Linotype","Comic Sans MS",arial,sans-serif;
							margin-top:0;	font-size:1.5em;	font-style:italic;	font-weight:bold;
						}
#inhalt p				{	font-size:1em;	text-align:justify;	}
#inhalt p.intro			{	font-size:1em;	}
#inhalt p.portion		{	font-size:1em;	font-style:italic;	}
#inhalt ul.zutat		{	font-size:0.8em;	line-height:1em;	list-style-type:none;	list-style-position:outside;	}
#inhalt ul.zutat	li	{	font-weight:bold;	}
#inhalt ul.anweisung	{	max-width:460px;	font-size:0.9em;	line-height:1.2em;	list-style-type:square;	list-style-position:outside;	}
#inhalt p.tipp			{	font-size:0.9em;	}
*/
/*
   tr.normkopf { background-color:#708090; }
   tr.normhell { background-color:#FFFFFF; }
   tr.normfuss { background-color:#B0C4DE; }

   a:link    { color:#0000FF; text-decoration:none; }
   a:visited { color:#8080FF; text-decoration:none; }
   a:active  { color:#000080; text-decoration:none; }

   a.alpha:link    { color:#0000FF; text-decoration:underline; }
   a.alpha:visited { color:#0000FF; text-decoration:underline; }
   a.alpha:active  { color:#0000FF; text-decoration:underline; }
   a.alpha:hover   { color:#FFFFFF; text-decoration:underline; background-color:#0000FF; }

   a.glossar:link    { color:#8000FF; text-decoration:none; }
   a.glossar:visited { color:#8000FF; text-decoration:none; }
   a.glossar:active  { color:#8000FF; text-decoration:none; }
   a.glossar:hover   { color:#FFFFFF; text-decoration:none; background-color:#8000FF; }

   a.navigate:link    { color:#FFFFFF; font-weight:bold; text-decoration:none; }
   a.navigate:visited { color:#FFFFFF; font-weight:bold; text-decoration:none; }
   a.navigate:active  { color:#FFFFFF; font-weight:bold; text-decoration:none; }
   a.navigate:hover   { color:#FFFF00; font-weight:bold; text-decoration:none; }

   a.normal:link    { color:#0000FF; text-decoration:none; }
   a.normal:visited { color:#0000FF; text-decoration:none; }
   a.normal:active  { color:#0000FF; text-decoration:none; }
   a.normal:hover   { color:#FFFFFF; text-decoration:none; background-color:#0000FF; }

   a.rbaproj:link    { color:#008080; text-decoration:none; }
   a.rbaproj:visited { color:#008080; text-decoration:none; }
   a.rbaproj:active  { color:#008080; text-decoration:none; }
   a.rbaproj:hover   { color:#FFFFFF; text-decoration:none; background-color:#008080; }

   a.wwwproj:link    { color:#FF0000; text-decoration:none; }
   a.wwwproj:visited { color:#FF0000; text-decoration:none; }
   a.wwwproj:active  { color:#FF0000; text-decoration:none; }
   a.wwwproj:hover   { color:#FFFFFF; text-decoration:none; background-color:#FF0000; }

   a.topnav:link    { color:#808080; font-weight:bold; text-decoration:none; }
   a.topnav:visited { color:#808080; font-weight:bold; text-decoration:none; }
   a.topnav:active  { color:#808080; font-weight:bold; text-decoration:none; }
   a.topnav:hover   { color:#808080; font-weight:bold; text-decoration:none; }
*/
