html {
	height:100%;
	min-height:100%
}

:focus {outline:none;}

body {
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	min-height:100%;
	}

#navi span {
	display:block;
	border:1px solid;
}
#navi-mobilepalace {
    position:absolute;
    
}

#sh-navi span {
	border:1px solid;
}

#sh-navi ul.menu li {width:inherit;}



#container {
	width:1200px; 
	margin:0 auto;
	z-index:1;
	}

#container-max {
	margin:0 auto;
	z-index:1;
	}

#container-start {
	width:1200px; 
	margin:0 auto;
	z-index:1;
	}

#container-c {
	width:1200px; 
	height:1000px; 
	margin:0 auto;
	z-index:1;
	}

#container-e {
	width:1200px; 
	margin:0 auto;
	z-index:1;
	}


#container-pc {
	width:1200px; 
	margin:0 auto;
	z-index:1;
	}

#container-f {
	width:1200px; 
	margin:0 auto;
	z-index:1;
	}

#container-m {
	width:1200px; 
	height:600px; 
	margin:0 auto;
	z-index:1;
	}
	
		
#karte {
	width:1200px;
	height:800px;
	margin:0 auto;
	z-index:0;
	}

#head{
	position:absolute;
	margin:0 auto;
	top:0;
	z-index:1;
	width:1200px;
	}
	
#title {
	padding-left:150px;
	white-space:nowrap;
	}

#e-content {
	margin-top:30%;
}
	
#content {
	position:absolute;
	top:30%;
	padding-left:138px;
	z-index:3;
	}	

#episoden {
	padding-left:138px;
	z-index:3;
	}	

	
#ausgbild {
	height:220px;
}	

#ausgtext {
	max-width:720px;
	font-size:12px;
	padding:0 15px;
		}

#play {
	padding-left:15px;
	margin:0;
	font-size:12px;
}
			
#footer {
	position:fixed;
	right:15px;
	bottom:15px;
	z-index:10;
	}


#footer-start {
	position:fixed;
	left:35px;
	bottom:15px;
	z-index:10;
	}

#foottab {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;	
	}
		
#nrnav a:link { text-decoration:none; color:#000000; background-color:#FFFFFF; padding:1px 5px; }
#nrnav a:visited { text-decoration:none; color:#000000; background-color:#FFFFFF; }
#nrnav a:hover { text-decoration:none; color:#000000; background-color:#FFFFFF; }
#nrnav a:active { text-decoration:none; color:#000000; background-color:#FFFFFF; }
#nrnav a:focus { text-decoration:none; color:#000000; background-color:#FFFFFF; }

#play a:link { text-decoration:none; font-weight:normal; color:#000000; }
#play a:visited { text-decoration:none; font-weight:normal; color:#000000; }
#play a:hover { text-decoration:none; font-weight:bold; color:#000000; }
#play a:active { text-decoration:none; font-weight:bold; color:#000000; }
#play a:focus { text-decoration:none; font-weight:bold; color:#000000; }


#foottab a:link { text-decoration:none; font-weight:normal; color:#CCCCCC; }
#foottab a:visited { text-decoration:none; font-weight:normal; color:#CCCCCC; }
#foottab a:hover { text-decoration:none; font-weight:bold; color:#CCCCCC; }
#foottab a:active { text-decoration:none; font-weight:bold; color:#CCCCCC; }
#foottab a:focus { text-decoration:none; font-weight:bold; color:#CCCCCC; }

#sprache a:link { text-decoration:none; font-weight:lighter; color:#999999; }
#sprache a:visited { text-decoration:none; font-weight:lighter; color:#999999; }
#sprache a:hover { text-decoration:none; font-weight:normal; color:#CCCCCC; }
#sprache a:active { text-decoration:none; font-weight:normal; color:#CCCCCC; }
#sprache a:focus { text-decoration:none; font-weight:normal; color:#CCCCCC; }

#contact a:link { text-decoration:none; font-weight:normal; color:#FFFFFF; }
#contact a:visited { text-decoration:none; font-weight:normal; color:#FFFFFF; }
#contact a:hover { text-decoration:none; font-weight:normal; color:#FFFFFF; }
#contact a:active { text-decoration:none; font-weight:normal; color:#FFFFFF; }
#contact a:focus { text-decoration:none; font-weight:normal; color:#FFFFFF; }

#links a:link { text-decoration:none; font-weight:normal; color:#000000; }
#links a:visited { text-decoration:none; font-weight:normal; color:#000000; }
#links a:hover { text-decoration:none; font-weight:normal; color:#00FF00; }
#links a:active { text-decoration:none; font-weight:normal; color:#000000; }
#links a:focus { text-decoration:none; font-weight:normal; color:#000000; }

#links {
	font-size:2em;
	padding:15px;
	}

#la-text {
	position:absolute;
	top:30px;
	left:30px;
	right:30px;
	bottom:30px;
	width:660px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	}

.fett {font-weight:bold;}	
		
h1 {
	font-size:1em;
	font-weight:bold;
	}

h1.sh {font-size: 2em; margin:0;}
h2.sh {font-size: 1.2em; margin-bottom: 0;}
p.sh {margin-top: 0;}	
h2 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	}	
				
#nrnav {
	font-size:11px;
	border:0;
	cursor:pointer;
	padding:0;
}		

#ausgbild button {
	font-size:0.5em;
	background-color:#FFFFFF;
	cursor:pointer;
}
		
#projectc {
	position:absolute;
	background-image:url(img-projectC/head1.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	font-size:12px;
	margin:0 auto;
}
		
#kronen {
	position:absolute;
	float:left;
	z-index:1;
	width:300px;
	height:576px;
	}		
		
#text {
	position:relative;
	left:300px;
	top:70px;
	max-width:800px;
	padding-bottom:100px;	
	font-size:12px;
}	
		
#sprache {
	font-size:0.8em;
}

#ruth {
	width:700px;
	}	

#naomi {
	width:600px;}	
	
#qz-navi {
	position:relative;
	top:52%;
	width:170px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-top:20px;
	padding-right:20px;
	height:100%;
	z-index:10;}	
	
#qz-content {
	border-left:1px solid #000000;
	position:relative;
	float:left;
	top:52%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
        max-width: 800px;
	}	
	
#xy {
	border-left:1px solid #000000;
	position:relative;
	top:52%;
	margin-left:200px;
	padding-left:30px;
	padding-top:20px;
	width:600px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#qz-table {
	position:relative;
	top:385px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
	/*landladies...*/

#plakate {
	width:600px;
	padding:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:center;
	}	

#p-titel {
	padding-top:5px;
	padding-bottom:40px;}	
	
#postkarten {
	width:600px;
	padding:30px;
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFFFFF;
	text-align:center;
	}	

#flyer {
	width:700px;
	padding:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:center;
	}	
	
#n a:link { text-decoration:none; font-weight:normal; color:#FFFFFF; }
#n a:visited { text-decoration:none; font-weight:normal; color:#FFFFFF; }
#n a:hover { text-decoration:none; font-weight:normal; color:#FFFFFF; }
#n a:active { text-decoration:none; font-weight:normal; color:#FFFFFF; }
#n a:focus { text-decoration:none; font-weight:normal; color:#FFFFFF; }

#katalog a:link { text-decoration:none; font-weight:normal; color:#FFFFFF; font-size:5em;}
#katalog a:visited { text-decoration:none; font-weight:normal; color:#FFFFFF; font-size:5em;}
#katalog a:hover { text-decoration:none; font-weight:normal; color:#000000; font-size:5em;}
#katalog a:active { text-decoration:none; font-weight:normal; color:#FFFFFF; font-size:5em;}
#katalog a:focus { text-decoration:none; font-weight:normal; color:#FFFFFF; font-size:5em;}

.highslide-body a:link { text-decoration:underline; font-weight:normal; color:#000;}
.highslide-body a:visited { text-decoration:underline; font-weight:normal; color:#999;}
.highslide-body a:hover { text-decoration:underline; font-weight:normal; color:#000000;}
.highslide-body a:active { text-decoration:underline; font-weight:normal; color:#000;}
.highslide-body a:focus { text-decoration:underline; font-weight:normal; color:#000;}


#persons {
	position:relative;
	top:180px;
	width:60%;
	padding:25px;
	background-color:#000000;
	color:#FFFFFF;
}
	
#persons h2 {
	padding-top:17px;
	font-size:12px;
	}	

#persons h3 {
	font-size:12px;
	padding-top:10px;
	margin-bottom:5px;
	font-weight:normal;
	}

#persons table {
	padding:25px;
	font-size:12px;
	font-stretch:expanded;
	}	

#stempel {
	position:absolute;
	top:90px;
	left:50px;
	z-index:1;	
}
	

#uqd {
	position:absolute;
	top:150px;
	right:10%;
	border:1px solid black;
	z-index:15;
	}

#pad {
	position:absolute;
	top:250px;
	right:15%;
	border:1px solid black;
	z-index:15;
	}

hr {
	color:#FFFFFF;
	}	



#trail {
	position:absolute;
	top:100px;
	left:50;
	}

#trail li {	
	float:left;
	list-style:none;
	}

#trail span {
	padding:3px;
	}	

:link {text-decoration:none; color:#999999;}
body a:visited {text-decoration:none; color:#999999;}
body a:hover {text-decoration:none; color:#999999;}
body a:active {text-decoration:none; color:#999999;}
body a:focus {text-decoration:none; color:#999999;}

#names {
	position:absolute;
	top:180px;
	}
	
#names ul {
	padding:10px;
	}
		
#names li {
	float:left;
	list-style:none;
	}

#names span {
	 padding:5px;
	 }	
	 
#ausgabe {
	position:absolute;
	top:150px;
	left:250px;
	width:500px;
	height:500px;
	padding:5px;
	border:solid #FFFFFF 1px;
	z-index:5;
	}	 

#back {
	position:absolute;
	top:385px;
	left:193px;
	padding:10px;
	z-index:6;	
	}

#back button {
	font-size:2em;
	background:none;
	color:#FFFFFF;
	border:solid 1px #FFFFFF;
	cursor:pointer;
}

#forw {
	position:absolute;
	top:385px;
	left:760px;
	padding:10px;
	z-index:6;	
	}

#forw button {
	font-size:2em;
	background:none;
	color:#FFFFFF;
	border:solid 1px #FFFFFF;
	cursor:pointer;
}

body { 
	height:100%; 
	}

img{ 
	border:none; }


#supersized { 
	position:absolute; 
	left:0; 
	top:0; 
	overflow:hidden; 
	z-index:-999; 
	height:100%; 
	width:100%; 
	}
	
#supersized img { 
	width:auto; 
	height:auto; 
	position:absolute; 
	outline:none; 
	border:none; }
		
#supersized a.image-loading { 
	width:100%; 
	height:100%; 
	}	
	
 .holidays {
       position:relative;
   }

   .days {
       position:relative;
       color:#000000;
	   font-family:Verdana;
       z-index:5;
	   text-align:center;
   }

   .semi-bg {
       position:absolute;
       top:0px;
       left:0px;
       width:100%;
       height:100%;
       background-color:#ffffff;
       z-index:1;
       /* These three lines are for transparency in all browsers. */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
       filter: alpha(opacity=20);
       opacity:.5;
   }

   .palace {
       position:relative;
       color:#000;
	   font-weight:bold;
	   font-family:Verdana;
       z-index:5;
	   text-align:left;
   }


#mpalace {
	position:absolute;
	top:110px;
	left:15%;
	width:65%;
	line-height:25px;
	text-align:center;
	font-size:20px;
	line-height:35px;}		

#mpalace a:link { text-decoration:none; font-weight:bold; background-color:#FFFFFF; color:#000000; white-space:nowrap;  padding:0px 10px;}
#mpalace a:visited { text-decoration:none; font-weight:bold; background-color:#FFFFFF; color:#000000; white-space:nowrap; padding:0px 10px;}
#mpalace a:hover { text-decoration:none; font-weight:bold; background-color:#000; color:#fff; white-space:nowrap; padding:0 10px;}
#mpalace a:active { text-decoration:none; font-weight:bold; background-color:#FFFFFF; color:#000000; white-space:nowrap;  padding:0px 10px;}
#mpalace a:focus { text-decoration:none; font-weight:bold; background-color:#FFFFFF; color:#000000; white-space:nowrap;  padding:px 10px;}

.b-under a:link { text-decoration:underline; font-weight:normal; color:#000000;}	
.b-under a:visited { text-decoration:underline; font-weight:normal; color:#000000;}	
.b-under a:hover { text-decoration:underline; font-weight:normal; color:#ffffff;}	
.b-under a:active { text-decoration:underline; font-weight:normal; color:#000000;}	
.b-under a:focus { text-decoration:underline; font-weight:normal; color:#000000;}	

#about {
	position:relative;
	top:160px;
	left:-10px;
	width:150px;
	z-index:1000;
	}
	
#utopia {
	width:300px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	padding:15px;
	float:left;

}	

#dystopia {
	width:300px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	padding:15px;

}	

.k {
	list-style-image:url(img-qz/krone.jpg);
}

.k-title {list-style-type: none;}

.atop {
	vertical-align:top;
}

#show {
	text-align:right;
	margin-top:250px;
	margin-right:150px;
	}
	
#kronenbaukasten {
	position:absolute;
	top:50px;
	left:50%;
	width:640px;
	padding:20px;
	border:5px solid #fff;
	}	
	
#statement {
	position:relative;
	top:40px;
	left:10%;
	width:80%;
	color:#fff;
	font-size:30px;
}

span#lang {
	display:block;
	float:left;
	padding:3px;
	margin-right:15px;
	border:1px solid #fff;
}

span#lang-e {
	display:block;
	float:left;
	padding:3px;
	margin-right:15px;
}

#lang a:link {color:#fff;}	
#lang a:visited {color:#fff;}	
#lang a:hover {color:#fff;}	
#lang a:focus {color:#fff;}	

#lang-e a:link {color:#fff;}	

#karten {
	width:518px;
	height:233px;
	position:absolute;
	top:25%;
	left:30%;
	z-index:1000;
}

#karten table {
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	text-align:center;
}

#karten a:link {color:#fff;}
#karten a:hover {color:#fff;}
#karten a:visited {color:#fff;}
#karten a:focus {color:#fff;}

#streifen {
	min-width:100%;
	height:249px;
	background-image:url(img-eden/qmm-streifen.jpg);
	background-repeat:repeat-x;
	top:30px;
	position:absolute;
}

#details {
	color:#fff;
	padding-left:40px;
}

#details h1 {
	font-size:1.1em;
}

#details p {
	font-size:1.1em}
	
#knopf {
	position:absolute;
	width:65px;
	left:600px;
	text-align:center;
}

#eden {
width:600px;
margin:0 auto;
}

#eden-start {
	width:600px;
	position: absolute;
}

.gitter {
width:6px;
background-image:url(img-eden/gitter.png);
background-repeat:repeaty;
height:800px;
float:left;
margin-top:-60px;
}

#saintharlot {
	position: relative;
left: -235px;
top: -190px;
float: left;
}

.present {
	font-size: 35px;
}

.push {
	font-size: 30px;
	margin-top: -25px;
	text-transform: uppercase;
}

.sh-title {
	font-size: 57px;
	margin: -5px;
}

.sh-subtitle {
	font-size: 16px;
	margin: 0;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sh-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 390px;
}

.sh-button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.blink_me {
  animation: blinker 1.5s infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}
.garden-start {
	width:440px;
	padding:15px 25px;
	color:#fff;
	position: relative;
    margin-left: 155px;
	text-align: left;
	top: 260px;
	font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif";
	
}

.garden {
	width:513px;
	background-color: #fff;
	float:left;
	padding:25px 25px 25px;
	color:#000;
	font-size:0.9em;
	text-align:left;
	border-bottom: #CCCCCC 1px dashed;
}

.image {
	float:left;
	margin:15px 20px 30px 0;
	}
.garden .i90 {margin-bottom:90px;}

.image a {color: red;}
.image a:hover {color: red;}
.image a:visited {color: red;}

.garden table {font-size: 1.3em;}

#edenstudios {position: fixed; right: 10px; bottom:40px; z-index:3;}
#edenstudios img { width: 160px;}

.k a i {text-decoration: underline; color: red;}
