/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;font-family: "Futura Lt BT";color: #F8A800;}

/* HTML ELEMENTS */
body {
	background-image:url(../Bilder/Himmel.jpg);
	letter-spacing:1;
}

/* COMMON CLASSES */
.break { clear:both; }


/* Hintergrundbild skalierbar abhg von Höhe*/
.headerimg { 
	background-position: center top;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: auto 90% ;
	width:100%; 
	max-height:100%;
	position:fixed;  
	top:180px; 
	bottom:20px; 	
	}


/* Logo */
#nav-outer {
	height:90px;
	width: 100%;
	padding-top:11px;
	position:fixed;
	top:24px;
	/*background-image:url("../Bilder/Himmel.jpg");*/
	/*filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	background-color:#666;*/
	background: rgba(50,50,50,0.5);
}
#logo {
	height:90px;
	width:200px;
	margin:0 auto;
	background-image:url(../Bilder/drache%20transp.png);
	background-size: 167px 103px;
	background-position:center;
	background-repeat:no-repeat;
	position: fixed;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
#logoname {
	height:90px;
	width:700px;
	margin:0 auto;
	background-image:url(../Bilder/Logonam.png);
	background-size: 488px 120px;
	background-position:right;
	background-repeat:no-repeat;
	position: fixed;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}



/* MENU */
#menu {
	position:relative;
	top:90px;
	margin-left:0px;
	height: 40px;
	width: 100%;
	filter:alpha(opacity=70);
	opacity: .7;
	-moz-opacity:.7;
	font-family: "Arial";
}
#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  display: block;
  height: 40px;
  line-height:40px;
  text-transform: uppercase;
  font-family: "Arial";
  font-size: 13px;
  background: transparent url('../Bilder/grey.jpg') repeat-x top left;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  width: 100%;
}

#menu li {
  font-family: "Arial";
  display: block;
  float: left; 
  margin: 0;
  pading: 0;
  border-right: 2px solid rgba(20,20,20,0.5);;
}

#menu li a {
    font-family: "Arial";
	display: block;
	text-align:center
	float: left;
	color: #000;
	text-decoration: none;
	padding: 0px 20px 0 20px;
	height: 40px;
}
#menu li a:hover {
  background: transparent url('../Bilder/black.jpg') repeat-x top left;
  color: #CCC;
}

#menu li.first {
	height: 40px;
	width: 100px;
	border-right: 0px;
}

#menu li.last {
	float: right;
	right: 0px;
}




/* CONTENT */

#content { 
	color:#ccc; 
	background:rgba(30,30,30,0.8); 
	width:85%;
	position:fixed; 
	top:200px;
	bottom:20px;
	margin-left: 100px; 
	margin-right: 100px;
	overflow-y: auto;
	}
#content p { padding:10px 20px; font-size:20px; color:#F8A800; }
#content p a { text-decoration:underline; color:#FFCD66; }
#content p a:hover {
	text-decoration:underline;
	color:#FFCD66;
}
#content p a:visited {
	text-decoration:underline;
	color:#FFCD66;
	
}
#content p.underline{ text-decoration:underline; }
#content p.heading{ text-decoration:underline; font-size:30px;}
#content ul{
	padding:10px 30px 20px 50px;
	font-size:20px;
	list-style-type:square;/*image:url(../Bilder/list.png);*/
	list-style-position:inside;
}

.scrollto{
	
cursor:pointer
}