@font-face {
	font-family: 'gothic';
	src: url('./fonts/gothic.eot');
	src: local('gothic'), url('./fonts/gothic.woff') format('woff'), url('./fonts/gothic.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_9785">Text with this font applied</p> */
.fontsforweb_fontid_9785 {
	font-family: 'gothic' !important;
}
/* Font downloaded from FontsForWeb.com */


@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
	font-family: 'gothic'
}
 
html, body {
    height: 100%;
}
 
#seite {
    position: relative;
    min-height: 100%;
    margin: 0 0;
/*    background-color: #e7e7e7; */
	
	
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f2f2f2 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #f2f2f2 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #f2f2f2 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #f2f2f2 0%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(135deg,  #f2f2f2 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e7e7e7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	
}
 
#inhalt {
    min-height: 100%;
    padding-bottom: 2em;
    width: 100%;
    margin: 0 auto;
}

#mittig {
	width: 100%;
	margin: auto;
	position:absolute;
	text-align: center;
	padding-top:50px;
}

div#startingpage-logo {
    height: 187,5px;
    margin-left: -175px;
    margin-top: -62.5px;
    width: 525px;
}
div#startingpage-logo {
    left: 50%;
/*    opacity: 0.6; */
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    position: absolute;
    top: 30%;
    z-index: 100;
}	

img {
	max-width: 100%;
	height: auto;
}

#footer {
    position:absolute;
    bottom: 0;
    width: 100%;
    background-color: #dadada;
    height: 2em;
    padding-top: 25px;
	
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	
}

		#footer .copyright {
/*	color: #FFF; */
	font-size: 0.9em;
	line-height: 1em;
	margin: 0em 0 0 0;
	padding: 0;
	text-align: center;
		}

		#footer .copyright_left {
			width:50%;
			float:left;
			font-size: 0.9em;
			line-height: 1em;
			margin: 0em 0 0 0;
			padding: 0;
			text-align: center;
		}
		#footer .copyright_right {
			width:50%;
			float:right;
			font-size: 0.9em;
			line-height: 1em;
			margin: 0em 0 0 0;
			padding: 0;
			text-align: center;
		}


			#footer .copyright a {
				color: inherit;
			}

			#footer .copyright li {
				border-left: solid 1px #dddddd;
				display: inline-block;
				list-style: none;
				margin-left: 1em;
				padding-left: 1em;
			}

				#footer .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}
