@charset "UTF-8";
/* CSS Document */

html {
	overflow-x: hidden;
	overflow-y: hidden;
}

img {
	border: 0px;
}

body {
	background-color: #000000;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#container {
	background-image:url(img/bg_aj1.jpg);
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
  	width: 1600px;
	height: 800px;
  	text-align: left;
	overflow: hidden;
}

#content {
	position: relative;
	top: 0px;
	left: 0px;
  	width: 900px;
	height: 500px;
  	text-align: left;
	z-index:11;
}

#menu {
	position: relative;
	top: 140px;
	left: 16px;
	width: 134px;
	height: 185px;
	text-align: right;
	z-index: 1114;
}

#facebook {
	position: absolute;
	top: 180px;
	left: 877px;
	z-index: 1116;
}

#main {
	position: relative;
	background-image: url(img/intro.jpg);
	top: -129px;
	left: 131px;
	height: 495px;
	width: 790px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
	font-size: 10;
	z-index:12;
}

#mainarbeit {
	position: relative;
	background-image: url(img/werkstatt.jpg);
	top: -129px;
	left: 131px;
	height: 495px;
	width: 790px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
	font-size: 10;
	z-index:12;
}


#mainoverlay {
	position: relative;
	top: -129px;
	left: 131px;
	height: 495px;
	width: 790px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
	font-size: 10;
	z-index:1112;
}

#mainfadeshow {
	position: relative;
	background-image: url(img/overlay.jpg);
	top: -624px;
	left: 131px;
	height: 495px;
	width: 790px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
	font-size: 10;
	z-index:12;
}

#mainarbeit_det {
	position: relative;
	background-image: url(img/arbeitbg1.jpg);
	top: -129px;
	left: 131px;
	height: 495px;
	width: 790px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
	font-size: 10;
	z-index:12;
}

#mainarbeit_rahmen {
	position: relative;
	background-image: url(img/arbeitleer.png);
	top: -129px;
	left: 131px;
	height: 495px;
	width: 790px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
	font-size: 10;
	z-index:55;
}

#mainbergluft {
	position: relative;
	background-image: url(img/bergluft.jpg);
	top: -129px;
	left: 131px;
	height: 495px;
	width: 790px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
	font-size: 10;
	z-index:12;
}

#mainwaldluft {
	position: relative;
	background-image: url(img/waldluft.jpg);
	top: -129px;
	left: 131px;
	height: 495px;
	width: 790px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
	font-size: 10;
	z-index:12;
}

#mainwanderung {
	position: relative;
	background-image: url(img/wandern1.jpg);
	top: -129px;
	left: 131px;
	height: 495px;
	width: 790px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
	font-size: 10;
	z-index:12;
}

#mainwanderung1 {
	position: relative;
	background-image: url(img/wanderweg1.jpg);
	top: -129px;
	left: 131px;
	height: 495px;
	width: 790px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
	font-size: 10;
	z-index:12;
}

#mainkontakt {
	position: relative;
	background-image: url(img/kontakt.jpg);
	top: -129px;
	left: 131px;
	height: 495px;
	width: 790px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
	font-size: 10;
	z-index:12;
}

#mainmusik {
	position: relative;
	background-image: url(img/musik1.jpg);
	top: -129px;
	left: 131px;
	height: 495px;
	width: 790px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
	font-size: 10;
	z-index:12;
}

#kontakttext {
	position: relative;
	top: 34px;
	left: 51px;
	width: 390px;
	font-family: Verdana, "Sans Serif";
	color: #fff;
	font-size: 11px;
	z-index:15;
}

.colored {
	color: #d10019;
	font-family: Verdana, "Sans Serif";
	font-size: 11px;
}

a.white {
	color: #ffffff;
	font-family: Verdana, "Sans Serif";
	font-size: 11px;
	text-decoration: none;
	font-style: normal;
}

a.white:hover {
	color: #ffffff;
	font-family: Verdana, "Sans Serif";
	font-size: 11px;
	text-decoration: none;
}

#klick {
	position: absolute;
	top: 410px;
	left: 218px;
	width: 134px;
	height: 185px;
	z-index: 18;
}

#logointro {
	position: absolute;
	top: 350px;
	left: 30px;
	width: 134px;
	height: 185px;
	z-index: 18;
}

#luft {
	position: absolute;
	top: 30px;
	left: 726px;
	width: 134px;
	height: 185px;
	z-index: 57;
}

#untenraster {
	position: absolute;
	top: 492px;
	left: 140px;
	width: 134px;
	height: 185px;
	z-index: 57;
}

#leftrahmen {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 134px;
	height: 185px;
	z-index: 57;
}

#rightrahmen {
	position: absolute;
	top: 0px;
	left: 725px;
	width: 134px;
	height: 185px;
	z-index: 56;
}

#ab {
	position: absolute;
	top: 250px;
	left: 655px;
	width: 134px;
	height: 185px;
	z-index: 18;
}

#arbeitsstreifen {
	position: absolute;
	top: 110px;
	left: 165px;
	width: 700px;
	height: 50px;
	z-index: 18;
}


a {
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
  	font-size:14px;
	font-style: italic;
	color: #c0c0c0;
	text-decoration: none;
}

a:hover {
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
  	font-size:14px;
	font-style: italic;
	color: #ffffff;
	text-decoration: none;
}

input {
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
  	font-size:12px;
	border: 1px groove #666;
}

textarea {
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, Geneva, "Sans Serif";
  	font-size:12px;
	border: 1px groove #666;
}

.link {
	color: #F90;
	cursor: pointer; 
}

#motioncontainer {
	top: 68px;
	left: 10px;
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 780px; /* Set to gallery width, in px or percentage */
height: 380px; /* Set to gallery height */
z-index: 29;
background-color: transparent;
}

#motioncontainer a img {
border: 0px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 0px solid #e2001a; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 0px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}