@charset "utf-8";

/* metrophobic-regular - latin */
@font-face {
  font-family: 'Metrophobic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/metrophobic-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/metrophobic-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/metrophobic-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/metrophobic-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/metrophobic-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/metrophobic-v19-latin-regular.svg#Metrophobic') format('svg'); /* Legacy iOS */
}

/* michroma-regular - latin */
@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/michroma-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/michroma-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/michroma-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/michroma-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/michroma-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/michroma-v16-latin-regular.svg#Michroma') format('svg'); /* Legacy iOS */
}

#copy {
	position:absolute;
	height:20px;
	left: 50%;
	margin-left: -165px;
	z-index:900;
	top: 1560px;
	text-align: left;
	width: 330px;
	visibility: visible;
	color: #666;
}
#content {
	position:absolute;
	height:692px;
	z-index:2;
	top: 660px;
	width: 100%;
	visibility: visible;
	background-image: url(../img/content.jpg);
	background-position: center;
}
#content3 {
	position:absolute;
	height:345px;
	z-index:3;
	top: 1268px;
	width: 100%;
	visibility: visible;
	background-image: url(../img/content_footer.jpg);
	background-position: top;
}
#copyright {
	position:absolute;
	height:18px;
	left: 50%;
	margin-left: -165px;
	z-index:7;
	top: 90px;
	text-align: center;
	width: 200px;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	background-repeat: no-repeat;
}
#header {
	height:156px;
	width:45%;
	z-index: 2;
	position: relative;
	float: left;
	background-repeat: repeat-x;
	background-color: #FFF;
	opacity:0.8;
}
#textfeld7 {
	position:absolute;
	height:180px;
	left: 50%;
	margin-left: -450px;
	z-index:3;
	top: 80px;
	text-align: left;
	width: 280px;
	visibility: visible;
	font-family: 'Michroma', sans-serif;
	font-size: 19px;
	color: #CCC;
	line-height: 24px;
}
#feld8 {
	position:absolute;
	height:255px;
	left: 50%;
	margin-left: -490px;
	z-index:3;
	top: 5px;
	text-align: left;
	width: 322px;
	visibility: visible;
	font-family: 'Metrophobic', sans-serif;
	font-size: 14px;
	color: #E5E5E5;
}
#feld9 {
	position:absolute;
	height:255px;
	left: 50%;
	margin-left: -162px;
	z-index:3;
	top: 5px;
	text-align: left;
	width: 322px;
	visibility: visible;
	font-family: 'Metrophobic', sans-serif;
	font-size: 14px;
	color: #E5E5E5;
}
#feld10 {
	position:absolute;
	height:255px;
	left: 50%;
	margin-left: 165px;
	z-index:3;
	top: 5px;
	text-align: left;
	width: 322px;
	visibility: visible;
	font-family: 'Metrophobic', sans-serif;
	font-size: 14px;
	color: #E5E5E5;
}



#textfeld9 {
	position:absolute;
	height:200px;
	left: 50%;
	margin-left: 203px;
	z-index:3;
	top: 40px;
	text-align: left;
	width: 250px;
	visibility: visible;
	font-family: 'Metrophobic', sans-serif;
	font-size: 14px;
	color: #E5E5E5;
}

#header2 {
	background-image:url(../img/header.png);
	height:156px;
	width:55%;
	z-index: 2;
	position: relative;
	float: left;
	background-repeat: repeat-x;
}
#contentreihe4 {
	position:absolute;
	height:270px;
	left: 50%;
	margin-left: -490px;
	z-index:3;
	top: 261px;
	text-align: left;
	width: 980px;
	visibility: visible;
}
#contentreihe3 {
	position:absolute;
	height:270px;
	left: 50%;
	margin-left: -490px;
	z-index:3;
	top: 0px;
	text-align: left;
	width: 980px;
	visibility: visible;
}
#feld4 {
	position:absolute;
	height:255px;
	left: 50%;
	margin-left: -489px;
	z-index:3;
	top: 352px;
	text-align: left;
	width: 322px;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
}
#feld5 {
	position:absolute;
	height:255px;
	left: 50%;
	margin-left: -162px;
	z-index:3;
	top: 352px;
	text-align: left;
	width: 322px;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
}
#feld6 {
	position:absolute;
	height:255px;
	left: 50%;
	margin-left: 165px;
	z-index:3;
	top: 352px;
	text-align: left;
	width: 322px;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
}

#logo {
	width:332px;
	height:99px;
	top: 20px;
	margin-left: -490px;
	position: absolute;
	left: 50%;
	z-index: 5;
}
#text_content {
	position:absolute;
	height:400px;
	left: 50%;
	margin-left: -480px;
	z-index:3;
	top: 170px;
	text-align: left;
	width: 600px;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 28px;
	color: #666;
}
#button {
	position:absolute;
	height:200px;
	left: 50%;
	margin-left: 170px;
	z-index:3;
	top: -100px;
	text-align: left;
	width: 200px;
	visibility: visible;
	background-image: url(../img/button.png);
}
#anfuerungszeichen {
	position:absolute;
	height:32px;
	left: 50%;
	margin-left: -465px;
	z-index:3;
	top: 130px;
	width: 35px;
	visibility: visible;
	background-image: url(../img/anfuerungszeichen.png);
}
#schlusszeichen {
	position:absolute;
	height:32px;
	left: 50%;
	margin-left: -320px;
	z-index:3;
	top: 276px;
	width: 35px;
	visibility: visible;
	background-image: url(../img/schlusszeichen.png);
}
#textfeld1 {
	position:absolute;
	height:180px;
	left: 50%;
	margin-left: -465px;
	z-index:3;
	top: 144px;
	text-align: left;
	width: 280px;
	visibility: visible;
	font-family: 'Michroma', sans-serif;
	font-size: 23px;
	color: #CCC;
	line-height: 25px;
}
#textfeld2 {
	position:absolute;
	height:200px;
	left: 50%;
	margin-left: -122px;
	z-index:3;
	top: 125px;
	text-align: left;
	width: 250px;
	visibility: visible;
	font-family: 'Metrophobic', sans-serif;
	font-size: 14px;
	color: #CCC;
}
#textfeld3 {
	position:absolute;
	height:200px;
	left: 50%;
	margin-left: 203px;
	z-index:3;
	top: 125px;
	text-align: left;
	width: 250px;
	visibility: visible;
	font-family: 'Metrophobic', sans-serif;
	font-size: 14px;
	color: #CCC;
}
#strich {
	position:absolute;
	height:10px;
	left: 50%;
	margin-left: -483px;
	z-index:3;
	top: 40px;
	width: 965px;
	visibility: visible;
	background-image: url(img/strich.jpg);
	background-repeat: no-repeat;
}

/* Global ID's and classes */

#bgImageFader
{
	position:fixed;
	z-index:-1;
	width:100%;
	height:100%;
	overflow:hidden;
}

#bgImageFader img
{
	position:absolute;
	width:2100px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: -1055px;
	left: 50%;
}

#headwrap
{
	margin:0 auto;
	width:2200px;
	padding-top:0px;
	padding-left:110px;
}

#contentwrap
{
	margin:0 auto;
	width:1060px;
	padding-top:10px;
	padding-left:90px;
}

.container
{	
	float:left;
	width:410px;
	border-radius:10px;
	behavior: url(css/css/PIE.htc);
	background-color:white;
	opacity:0.8;
	padding:20px 25px;
	margin-top:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333333;
	-moz-box-shadow: 0 0 12px 12px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 12px 12px rgba(0,0,0,0.2);
	box-shadow: 0 0 12px 12px rgba(0,0,0,0.2);
	
}

.container h1 
{
	font-size:13px;
	margin-bottom:10px;
}

.container-rechts
{
	float:left;
	margin-left:70px;
	width:410px;
	border-radius:10px;
	margin-top:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#fff;
}

.container-rechts a
{
	color:#fff;
	text-decoration:none;
}


#gallery
{
	height:240px;
	width:1060px;
	margin:0 auto;
	margin-bottom:70px;
	
	
}

#gallery-mask
{
	width:1000px;
	height:260px;
	overflow:hidden;
	float:left;
	width:1010px;
	position:relative;
	padding: 20px 0px 10px 0px;
}

#gallery-masquee
{
	position:absolute;
	width:50000px;
	margin:0px 20px;
}

.gallery-spacer
{
width:35px;
height:30px;
float:left;
}

.gallery-item
{
	height:240px;
	width:226px;
	float:left;
	margin-right:10px;
	margin-bottom:50px;
}

.gallery-item-1
{
	width:216px;
	height:46px;
	opacity:0.9;
	background-color:#FFFFFF;
	margin-bottom:13px;
	border-radius:5px;
	behavior: url(css/css/PIE.htc);
	-moz-box-shadow: 0 0 12px 12px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 12px 12px rgba(0,0,0,0.2);
	box-shadow: 0 0 12px 12px rgba(0,0,0,0.2);
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	padding: 5px;
}

.gallery-item-2
{
	width:212px;
	height:158px;
	background-color: rgba(255,255,255,0.9);
	border-radius:5px;
	behavior: url(css/css/PIE.htc);
	-moz-box-shadow: 0 0 12px 12px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 12px 12px rgba(0,0,0,0.2);
	box-shadow: 0 0 12px 12px rgba(0,0,0,0.2);
	padding:7px;
}

.gallery-item-2 img
{
	opacity:1;
}
a.norm2:link {
	font-family: 'Metrophobic', sans-serif;
	color: #545452;
	text-decoration: none;
	font-size: 14px;
}
a.norm2:visited {
	text-decoration: none;
	font-family: 'Metrophobic', sans-serif;
	color: #545452;
	font-size: 14px;

}
a.norm2:hover {
	text-decoration: none;
	font-family: 'Metrophobic', sans-serif;
	color: #888888;
	font-size: 14px;
	}
a.norm2:active {
	text-decoration: none;
	font-family: 'Metrophobic', sans-serif;
	color: #545452;
	font-size: 14px;
	
	}

.gallery-link-1
{
	color:#333333;
	text-decoration:none;
	display: block;
    margin-top: 7px;
}

.container-large
{	
	float:left;
	width:750px;
	border-radius:10px;
	behavior: url(css/css/PIE.htc);
	background-color:white;
	opacity:0.9;
	padding:20px 25px;
	margin-top:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:20px;
	color:#333333;
	-moz-box-shadow: 0 0 12px 12px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 12px 12px rgba(0,0,0,0.2);
	box-shadow: 0 0 12px 12px rgba(0,0,0,0.2);
}
.active
{
	background-color:#999 !important;
}

.active a
{
	color:#000 !important;
}
a:hover {
	color: #999;
}
a:link {
	color: #333;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}