* { margin: 0; padding: 0; }

html {
	font:0.75em Arial, Helvetica, sans-serif; color:#5e6568;
	font-size:15px;
	background-color:#000;
	margin:0px;
	padding:0px;
	color:#FFF;
}


/* ------------------------- NAVI ------------------------------ */

.border-nav{
	position:absolute;
	top:75px;
	left:40px;
min-height: 120px;
z-index:200;
}

.border-nav ul li{
	display: inline;
	list-style-type: none;}

.border-nav a{
	font-size: 22px;
	display: inline-block;
	margin: 0px 15px 0px 0px;
	text-decoration: none;
	float: left;
	border-bottom: 1px solid #64523e;
	
	}

.border-nav a:hover{
	border-bottom: 25px solid #64523e;
	text-decoration: none; 
	color: #64523e;
	
	}
/* ------------------------- CONTENT ------------------------------ */

form {
  background: #64523e;
  margin:0;
  padding:.5em;
}

div.teaser{
	width:450px;
	height:630px;;
	background-image:url(black_bg.png);
	padding-top:30px;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	top:0px;
	left:40px;
	line-height:1.4em;
	letter-spacing:.1em;
	
	}
	
	div.go-in{
	position:absolute;
	top:150px;
	right:50px;
	line-height:1.5em;
	letter-spacing:.1em;
	
	}
	
		div.karte-tisch{
	width:150px;
	height:150px;;
	position:absolute;
	top:250px;
	right:250px;
	line-height:1.5em;
	letter-spacing:.1em;
	
	}

div.features{
	position:fixed;
	bottom:11px;
	left:540px;
	z-index:300;
	border-right:2.5px solid #64523e;
	padding-left:0px;
	padding-top:2px;
	padding-bottom:2px;
	background-image:url(black_bg.png);
	width:460px;
	
	}
	
	#imprint{
		font-size:9px;
		line-height:normal;
		letter-spacing:normal;
		color:#999;
		
		}
	
	div.content_full{
	float:left;
	position:absolute;
	top:102px;
	left:0px;
	z-index:9;
	background-image:url(black_bg.png);
	width:970px;
	height:610px;
	padding-left:30px;
	padding-top:50px;
	color:#FFF;
	
	}
	
		div.content_full_bilder{
	float:left;
	position:absolute;
	top:102px;
	left:0px;
	z-index:8;
	width:1000px;
	height:660px;
	color:#FFF;
	
	}
	
			div.content_full_bar{
	background-image:url(bg_panorama.jpg);
	float:left;
	position:absolute;
	top:102px;
	left:0px;
	z-index:8;
	width:1000px;
	height:660px;
	color:#FFF;
	
	}



div.front_img{
	float:left;
	position:absolute;
	top:100px;
	left:-2.5px;
	width:1000px;
	height:660px;
	border:2.5px solid #64523e;
	z-index:1;
	background-color:#000;
	
	}
	
	div.front_img_bar{
	background-image:url(bg_panorama.jpg);
	float:left;
	position:absolute;
	top:100px;
	left:-2.5px;
	width:1000px;
	height:660px;
	border:2.5px solid #64523e;
	background-color:#000;
	z-index:1;
	
	}
	
		div.front_img_karte{
	background-image:url(front_img3.jpg);
	float:left;
	position:absolute;
	top:100px;
	left:-2.5px;
	width:1000px;
	height:660px;
	border:2.5px solid #64523e;
	background-color:#000;
	z-index:1;
	
	}
	
	div.panel{
		background-image:url(right_panel.png);
		background-repeat:no-repeat;
	width:240px;
	height:600px;
	position:absolute;
	top:140px;
	left:0px;
	z-index:4;
	float:left;
	color:#CCC;
	padding-top:50px;
	padding-left:5px;
	color:#FFF;
	
	}
	
	div.logo{
		float:left;
	position:absolute;
	top:11px;
	left:593px;
	z-index:11;
		}
		
		#facebook{
	position:absolute;
	top:180px;
	left:980px;
	width:64px;
	height:64px;
	border:none;
	
			
			}
			
	#facebook:hover{
	position:absolute;
	top:180px;
	left:990px;
			
			}
		
				#meinestadt{
	position:absolute;
	top:250px;
	left:983px;
	width:100px;
	height:76px;
	border:none;
	
			
			}
			
	#meinestadt:hover{
	position:absolute;
	top:250px;
	left:994px;
			
			}
			
	#qype{
	position:absolute;
	top:350px;
	left:965px;
	width:143px;
	height:50px;
	border:none;
	
			
			}
			
	#qype:hover{
	position:absolute;
	top:350px;
	left:994px;
			
			}
			
				#studi{
	position:absolute;
	top:420px;
	left:983px;
	width:123px;
	height:64px;
	border:none;
	
			
			}
			
	#studi:hover{
	position:absolute;
	top:420px;
	left:994px;
			
			}


/* ------------------------- Textformatierung ------------------------------ */

h1{
	font-family: Arial, 'Times New Roman', Times, serif; 
	color: #fff; 
	font-size: 1.5em; 
	font-weight: normal; 
	line-height: 100%; 
	margin: 0; 
	padding: 5px 0 0.1em 0;
	text-shadow: 1px 1px 0 #000;
}

h2 {
	font-family: 'Museo500', 'Times New Roman', Times, serif;  font-size: 1.5em; font-weight: normal; line-height: 100%; margin: 0; padding: 5px 0 0.1em 0;
}

acronym {
	border-bottom: 1px dashed #999999;
	cursor: help;
	font-size: 12px;
}

a:link {color: #999; text-decoration:none;}
a:visited {color: #999; text-decoration:none;}
a:active {color: #999; text-decoration:underline; }
a:hover {color: #999; text-decoration: underline;}



/* --------------- Splash-Rotate --------------------- */
#nrg {
}
.homesplash {
	height:660px;
	background:#000 url(front_img.jpg) no-repeat center top;
}
.homesplash1 {
	height:660px;
	background:#000 url(front_img3.jpg) no-repeat center top;
}

.homesplash11 {
	height:660px;
	background:#000 url(front_img5.jpg) no-repeat center top;
}

a em, .hide {
	position:absolute;
	left:-9999em
}


.home-enter-link {
  display: block;
  margin: 0;
  height: 660px;
  width: 100%;
}
.home-enter-link:hover,
.home-enter-link:focus,
.home-enter-link:active {
  text-decoration: none;
}

.homesplash2 {
	height:660px;
	margin-top: -660px;
	background:#000 url(front_img2.jpg) no-repeat center top;
}

.homesplash12 {
	height:660px;
	margin-top: -660px;
	background:#000 url(front_img4.jpg) no-repeat center top;
}

.homesplash112 {
	height:660px;
	margin-top: -660px;
	background:#000 url(front_img6.jpg) no-repeat center top;
}

#nrgrotate {
  height: 5px;
  position: absolute;
  left: 978px;
  top: 10px;
  z-index:12;
}
#nrgrotate a,
#nrgrotate a:link,
#nrgrotate a:focus,
#nrgrotate a:hover {
  text-decoration: none;
}
#nrgrotate a,
#nrgrotate a:focus,
#nrgrotate a:active {
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  opacity: .3; filter: alpha(opacity=30);
}

#nrgrotate a:hover,
#nrgrotate a.active {
  opacity: .7; filter: alpha(opacity=70);
}
#nrgrotate a em {
  display: block;
  position: relative;
  left: 0;
  margin: 4px 0 0 4px;
  background: #fff;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}