/*
	Datei:	CSS-Datei für GIMP-Tutorials
	Autor:	Marcel Schaller
*/

@font-face {
	font-family: Comfortaa;
	src: url("Comfortaa Regular.ttf");
}

*	{	border: 0;
		margin: 0;
		padding: 0;
}

html				{ 	background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(255,128,0,1));
						background-attachment: fixed;
						height: 100vh;
						margin: 0;
						padding: 0;
						width: 100%;
					}
body				{ 	/* background: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(128,50,0,1)); */
						/* background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(255,128,0,1));	*/
/*						-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#804000)";	*/
						/* -moz-border-radius: 3px; */
						border-radius: 3px;
						/* -moz-box-shadow: 7px 7px 5px rgb(20,20,0);	*/
						box-shadow: 7px 7px 5px rgb(20,20,0);
						color: white;
						font-family: Comfortaa, Verdana, Arial, Tahoma, 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%;
					}
header				{	/* background: -moz-radial-gradient(left, rgba(0,0,0,0), rgba(128,64,0,0)); */
						background-image: url(Banner_Gimp.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 			{	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 			{	font-size: 22px;
						line-height: 8px;
						padding: 11px 0;
						text-shadow: 2px 2px 1px rgb(255,128,0);
						/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#FF8000', Direction=135, Strength=3)";	*/
					}
header h3			{	font-size: 16px;
						line-height: 5px;
						padding: 11px 0;
						text-shadow: 2px 2px 5px rgb(255,128,0);
/*						-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#FF8000', Direction=135, Strength=3)";	*/
					}
nav					{	/* background: -moz-linear-gradient(top, rgba(255,255,0,0), rgba(0,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;
						/* margin: 0 auto;	*/
						/* width:940px;	*/
						list-style: none;
					}
nav ul li 				{	/* background: -moz-linear-gradient(left, rgb(255,255,255), rgb(128,128,128)); */
						display: block;
						float: left;
						/* padding-right: 20px;	*/
					}
nav ul li a				{	display:block;
						margin-right:20px;
						/*	width:140px; */
						font-size:16px;
						font-weight: bold;
						line-height:44px;
						outline: none;
						text-align:left;
						text-decoration:none;
						color: rgb(255,255,255);
					}
nav ul li a:hover	{
						color: rgb(255,128,0);
					}
nav ul li.selected a 	{
						color: rgb(255,128,0);
					}

#container			{	background-color: transparent;
						/* border:2px solid #FF0; */
						/* border-radius: 11px; */
						clear: both;
						display: table;
						/* margin:5px 0 0 5px; */
						/* padding:11px 22px 11px 22px; */
						/* width:100%; */
						/* -moz-border-radius:11px; */
					}

article				{	clear: both;
						display: block;
					}
article h1			{	color: rgb(255,128,0);
						text-shadow: 1px 1px 10px rgb(0,0,0), -1px -1px 5px rgb(255,255,255);
/*						-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#FFFFFF', Direction=315, Strength=1)";	*/
					}

article h2			{	color: rgb(255,128,0);
						text-shadow: 1px 1px 8px rgb(0,0,0), -1px -1px 3px rgb(255,255,255);
/*						-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#FFFFFF', Direction=315, Strength=1)";	*/
					}

article h3			{	color: rgb(255,128,0);
						text-shadow: 1px 1px 5px rgb(0,0,0), -1px -1px 1px rgb(255,255,255);
/*						-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#FFFFFF', Direction=315, Strength=1)";	*/
					}
article h4			{	color: rgb(255,128,0);
						text-shadow: 1px 1px 3px rgb(0,0,0), -1px -1px 1px rgb(255,255,255);
/*						-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#FFFFFF', Direction=315, Strength=1)";	*/
					}

article p			{	margin-bottom: 0.3em;
						margin-top: 0.2em;
						text-align: justify;
					}

article figure {
	display: inline-block;
/*	float: center;	*/
/*	max-width: 100%;	*/
	border: 1px rgb(128,64,0) solid;
	margin: 0.5em;
	padding: 5px;
	text-align: center;
	width: 100%;
}
article figure.scal20 {
	width: 30%;
}
article figure.scal30 {
	width: 30%;
}
article figure.scal40 {
	width: 40%;
}
article figure.scal50 {
	width: 50%;
}
article figure.scal60 {
	width: 60%;
}
article figure.scal70 {
	width: 70%;
}
article figure.links {
	float: left;
	margin-left: 0;
}
article figure.links_ohne {
	border: 0;
	float: left;
	margin: 0;
	padding: 0;
}
article figure.rechts {
	float: right;
	margin-right: 0;
}
article figcaption {
	border-top: 1px rgb(128,64,0) solid;
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
}
article figcaption p {
	font-weight: normal;
	text-align: center;
}

					
aside				{	display: table-cell;
						padding-left: 10px;
						width: 300px;
					}
aside section		{ 	/* background-color: rgba(80,50,50,0.5);	*/
						background: -moz-linear-gradient(left, rgba(64,32,0,0.5), rgba(128,64,0,0.5));
						/* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ff8000)";	*/
						margin: 5px;
						padding: 5px;
}
aside section a		{	/*	display:block;	*/
						/*	margin-right:20px;	*/
						/*	width:140px; */
						font-size:1em;
						font-weight: bold;
						line-height:1.5em;
						outline: none;
						text-align:left;
						text-decoration:none;
						color: rgb(255,255,255);
}
aside section a:hover	{
						color: rgb(255,128,0);
}

footer section		{	display: block;
					}

/*					
				#inhalt		{	background-color:white;
								border:2px solid #FF0;
								display:table;
								margin:5px 0 0 5px;
								padding:11px 22px 11px 22px;
								width:100%;
								-moz-border-radius:11px;
							}
*/

			/*	h1	{	font-size:28px; line_height:10px; padding:11px 0;	}	*/

/*				#hauptbeitrag {	display:table-cell;	*/
/*								padding-right:22px;	*/
							/*	padding-top:11px;	*/
/*								width:80%;	*/
/*							}	*/
/*
				aside		{	display:table-cell;
								width:300px;
							}
				aside section {	background: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5));
								margin:22px 0 0 22px;
								padding:11px 22px 11px 22px;
								-moz-border-radius:11px;
							}
*/