#body1 {
	background: url(IMAGES/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}


table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }


@font-face {
  font-family: centurygoth;
  src: url(GOTHIC.TTF);
}

@font-face {
  font-family: comic;
  src: url(comic.ttf);
}

@font-face {
  font-family: FRSCRIPT;
  src: url(FRSCRIPT.TTF);
}

IMG.link:hover{
	opacity:0.5;
}

.dicht{
	opacity: 1.0;
} 

iframe {
  background-color: #ffffff;
  opacity: 0.99;
}

P.footer{
	color: #6a6a6a;
	font-family:centurygoth;
	font-size: 9pt;
	font-style: italic;
}

P.footercomic{
	color: #6a6a6a;
	font-family:comic;
	font-size: 9pt;
	font-style: italic;
}

P.slogan{
	font-size: 20pt;
	font-style: bold;
}

P.slogancomic{
	font-family:comic;
	font-size: 20pt;
	font-style: bold;
}

P.quote{
	color: #3e271a;
	font-style: italic;
}
 
/*BODY attributen*/
body {
	background: none;
	color: #000000;
	font-size: 12pt;
	font-family:centurygoth;
}
H1 {
	color: #3e271a;
}
H2 {
	color: #3e271a;
}
H3 {
	color: #3e271a;
}


A.start {
		font-size: 20pt;
}

/* link attributen */
.attention{
	color: #d5ffff;
	background-color: #ff8000;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}
.attention:hover{  
	color: #d5ffff;
	background-color: #850e5b;
}
.CTA{
	color: #fefcfa;
	background-color: #8000ff;
	padding: 15px 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 20px;
}
.CTA:hover{  
	color: #f8f8f8;
	background-color: #ec7217;
}

A{
	color: #24676f;
	text-decoration: none;
}

A:hover{
	color: #000000;
	text-decoration: none;
}

/*Div*/

TD{
	vertical-align : top;
}


div.main {
	width: 75%;
	max-width: 1000px;
	height: 95%;
	position:relative;
	margin: auto;
	border: 1px solid lightgrey;
	padding: 5px;
	overflow-y: auto;
	background: white; opacity: 0.99;
}

div.artdetail {
	width: 75%;
	max-width: 1000px;
	height: 95%;
	position:relative;
	margin: auto;
	border: 1px solid lightgrey;
	padding: 5px;
	overflow-y: auto;
	background: white; opacity: 1.0;
}

div.body {
	overflow-y:scroll; 
	height:100%;
}



.topnav {
  overflow: hidden;
  background-color: #24676f;
}

.topnav a {
  float: left;
  display: block;
  color: #cdcdcd;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #379eaa;
  color: #000000;
}

.topnav a.active {
  background-color: #2d2d2d;
  color: #ffffff;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 6000px) {
  .topnav a:not(:nth-child(-1n+4)) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 6000px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

#wapp {
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 99;
	border: none;
	outline: none;
	color: white;
	cursor: pointer;
	border-radius: 10px;
	width: 80px;
}