/* CSS Document */
/* Stile für die Ausstellung Rückkehr der Götter */

/* Hintergrundfarbe */
body { background-image:url(../bilder/hg_000.gif);  background-repeat:repeat-y; }

/* Seite breiter */
#rand {
	width:199px;
	}
#navi { 
	width:199px;
	}
#navi3 {
	width:199px;
	}
#rem {
	left:750px;
	}
#kopf {
	left:200px;
	}
#inhalt	{
	left:215px; width:520px;
	}
#laufzeit { 
	left:740px; width:200px;
	}
#spalte { 
	left:740px; width:190px;
	}
	
#cover {
	left:200px; width:540px;
	}
#tipp { 
	left:740px;
	}	

/* Ausstellungsfarben */
#rand { background-color:#000; background-image:url(../bilder/rdg_rand.jpg); background-repeat:no-repeat; border-right:1px solid #666; } /* Bildhintergrund Rand */

#tipp { height:180px; border-left:10px solid #dca; }
#tipp h3 { color:#963; }
#tipp p { color:#dca; }

#cover { height:543px; border-bottom:1px solid #666; }

/* Folgeseiten */
#kopf { /*background-color:#eee; background-image:url(../../bilder/k_verlauf_eee.gif);*/ }
#inhalt { border-top:2px solid #999;  }
#laufzeit { color:#963; border-left:10px solid #963; height:79px;}
#spalte { top:120px; border-left:10px solid #dca;  top:220px; height:323px; }

/* Navigation */
.n1 a {
	color:#dca;
	/*border-bottom:1px solid #999;*/
	}
.n1 a:hover { 
	color:#fff; 
	background-color:none;
	}
.n1 .an a {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.05em;
	color:#fff; 
	background-color:#000;
	}
.n1 .an a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.05em;
	color:#963; 
	background-color:#000;
	}
	
/* Navigation Startseite */
.start .n1 a {
	color:#000;
	}
.start .n1 a:hover { 
	color:#963; 
	}

.n2 a { color:#000; background-color:#dca; border-bottom:1px solid #666; border-left:1px solid #000; border-right:1px solid #666; }
.n2 a:hover { color:#dca; background-color:#963; }
.n2 .an a { color:#963; }
.n2 .an a:hover { color:#dca; background-color:#963; }

#navi3 { background-color:none; border-bottom:1px solid #666; }
.n3 a { color:#dca; background-color:none; border-top:1px solid #666; }
.n3 a:hover { color:#963; background-color:#000; }


/* Schriftfarben */
h1 { margin-top:0px; color:#666; }
h2 { color:#666; }
h3 { color:#666; }
p, ul li { color:#666; }
.mini { color:#666; }
#laufzeit h3 { color:#963; }

/* Tabellen */
#inhalt table { border-bottom: 1px solid #666; }
#inhalt table td { border-top: 1px solid #666; padding-top:2px; padding-bottom:3px; }
#inhalt table td p { margin:0px; }

/* Farbe der Links im Text */
h3 a { text-decoration:none; color:#963; border-bottom:1px dotted #963; }
h3 a:hover { border-bottom:1px solid #963; }
p a { color:#963; border-bottom:1px dotted #963; }
p a:hover { border-bottom:1px solid #963; }
/* p a:visited { color:#666; border-bottom:1px dotted #666; } */


/**************************/
/* Götter-Stammbaum */
/**************************/
#seite table.goetter {
	position:relative; left:-15px; /*top:-40px;*/
	width:810px;
	text-align:center;
	border:none;
	background: url(../bilder/goetter/hg_goetter.gif) left top no-repeat;
	}
#seite .goetter td {
	vertical-align:top;
	text-align:center;
	width:100px;
	padding-bottom:10px;
	border:none;
	}	
.goetter td.zwei {
	width:200px;
	text-align:center;
	}
.goetter td.drei {
	width:220px;
	}
.goetter td.heirat {
	width:20px;
	}
.goetter td.paar {
	width:90px;
	}
	
/* Piktogramm */
.goetter td a {
	width:60px; height:60px;
	padding:0px; margin:0px;
	}
.goetter td a img {
	border:1px solid #963;
	width:60px; height:60px;
	padding:0px; margin:0px;
	}
.goetter td a:hover img {
	border:1px solid #fff;
	}	
* html .goetter td a:hover {
	width:60px; height:60px;
	border:1px solid #fff;
	}
* html .goetter td h2 a:hover {
	border:none;
	}
	
/* CHAOS */
.goetter h1 {
	font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;
	color:#dca;
	text-align:center;
	padding:0px;
	}
/* Göttername */
#seite .goetter h2 {
	font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;
	font-size:15px;
	color:#dca;
	text-align:center;
	padding:0px; margin:0px;
	/*padding-left:5px; padding-right:5px; */
	/*width:60px;
	background-color:#000;*/
	height:20px;
	background: url(../bilder/goetter/hg_60_s.gif) center center no-repeat;
	}
#seite .goetter h2 a {
	text-decoration:none;
	color:#dca;
	}
#seite .goetter h2 a:hover {
	color:#fff;
	}
/* Zuständigkeit*/
.goetter p {
	color:#963;
	font-size:11px; line-height:12px;
	text-align:center;
	padding:0px; margin:0px;
	padding-left:5px; padding-right:5px;
	position:relative; top:-1px;
	padding-bottom:2px;
	/* background-color:#000;*/
	background: url(../bilder/goetter/hg_60_s.gif) center center no-repeat;
	}

/****************************/
/* Götter-Stammbaum Popups */
/**************************/
#dunkel {
	z-index:988;
	position:absolute; left:200px; top:120px;
	width:850px; height:1200px;
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=67)"; /* für IE 8 */
	filter: alpha(opacity=67); /* für IE 7 */
	-moz-opacity: 0.67; /* Mozilla */
	opacity: 0.67; /* moderne Browser */
	}

.popup {
	z-index:999;
	position:fixed; left:50%; margin-left:-300px; top:120px;
	width:600px; height:400px;
	background-color:#f6f6f6;
	border-right:10px solid #963;
	border-bottom:2px solid #666;
	background-position: right bottom;
	background-repeat:no-repeat;
	}
/* Position fixed für IE6 */
/***************************/
* html {
	margin:0; padding:0;
	overflow hidden;
	}
* html body {
	margin:0; padding:0;
	overflow hidden;
	width:100%; height:100%;
	}
* html #seite {
	width:100%; height:100%;
	overflow:auto;
	}
* html #dunkel {
	position:absolute;
	}
* html .popup {
	position:absolute;
	}
/***************************/
	
.popup.text {
	position:fixed; left:50%; margin-left:-300px; top:120px;
	width:360px; height:400px;
	}
.popup#aphrodite { background-image:url(../bilder/goetter/piktogramme_hg/hg_aphrodite.gif); }	
.popup#apollon { background-image:url(../bilder/goetter/piktogramme_hg/hg_apollon.gif); }
.popup#ares { background-image:url(../bilder/goetter/piktogramme_hg/hg_ares.gif); }	
.popup#artemis { background-image:url(../bilder/goetter/piktogramme_hg/hg_artemis.gif); }
.popup#asklepios { background-image:url(../bilder/goetter/piktogramme_hg/hg_asklepios.gif); }	
.popup#athena { background-image:url(../bilder/goetter/piktogramme_hg/hg_athena.gif); }
.popup#demeter { background-image:url(../bilder/goetter/piktogramme_hg/hg_demeter.gif); }	
.popup#dionysos { background-image:url(../bilder/goetter/piktogramme_hg/hg_dionysos.gif); }
.popup#hades { background-image:url(../bilder/goetter/piktogramme_hg/hg_hades.gif); }	
.popup#hephaistos { background-image:url(../bilder/goetter/piktogramme_hg/hg_hephaistos.gif); }
.popup#hera { background-image:url(../bilder/goetter/piktogramme_hg/hg_hera.gif); }
.popup#hestia { background-image:url(../bilder/goetter/piktogramme_hg/hg_hestia.gif); }
.popup#persephone { background-image:url(../bilder/goetter/piktogramme_hg/hg_persephone.gif); }
.popup#poseidon { background-image:url(../bilder/goetter/piktogramme_hg/hg_poseidon.gif); }
.popup#zeus { background-image:url(../bilder/goetter/piktogramme_hg/hg_zeus.gif); background-position: right top; }

		
.popup img {
	width:240px; height:400px;
	float:left;
	margin:0px; margin-right:20px;
	}	
.popup h1 {
	padding-top:20px; padding-left:20px;
	font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;
	font-size:30px; letter-spacing:0.5px;
	color:#963;
	padding-bottom:5px;
	}	
.popup p {
	padding-left:20px;
	font-family:Arial, sans-serif; font-weight:normal;
	font-size:14px; line-height:19px;
	color:#666;
	padding-bottom:5px;
	}
.popup p.bu {
	position:absolute; left:240px; bottom:0px;
	width:300px;
	font-family:Arial, sans-serif; font-weight:normal;
	font-size:9px; line-height:12px;
	color:#963;
	padding-bottom:10px;
	}
.popup .schliessen {
	position:absolute; left:560px; top:0px;
	width:40px; height:40px;
	}

.popup.text .schliessen {
	position:absolute; left:320px; top:0px;
	width:40px; height:40px;
	}
.popup .schliessen a img {
	width:40px; height:40px;
	border:none;
	}

/* Ausnahme: Querformat */
.popup#eros { 
	top:20px;
	width:400px; height:580px;
	}
.popup#eros img {
	width:400px; height:240px;
	float:left;
	margin-right:0px;
	margin-bottom:20px;
	}
.popup#eros .schliessen {
	position:absolute; left:360px; top:0px;
	width:40px; height:40px;
	}
.popup#eros .schliessen a img {
	width:40px; height:40px;
	border:none;
	}
.popup#eros p.bu {
	position:absolute; left:0px; bottom:0px;
	width:360px;
	}

	
/* Rollover-Logos */
#inhalt table.rologos {
	width:525px;
	border:0px;
	}
#inhalt table.rologos td {
	border:0px;
	}
.rologo {
	float:left;
	margin-top:10px; margin-right:20px; margin-bottom:20px;
	}
.rologo b {
	position:relative; left:-2000px;
	}
.rologo a {
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0px; margin:0px;
	}
#smb a {
	width:131px; height:60px;
	background: url(../bilder/logo_smb_ro.gif) left top no-repeat;
	}
#smb a:hover {
	background: url(../bilder/logo_smb_ro.gif) -150px top no-repeat;
	}
#moca a {
	width:116px; height:80px;
	background: url(../bilder/logo_morgencard_ro.gif) left top no-repeat;
	}
#moca a:hover {
	background: url(../bilder/logo_morgencard_ro.gif) -150px top no-repeat;
	}
#swr a {
	width:120px; height:60px;
	background: url(../bilder/logo_swr2_ro.gif) left top no-repeat;
	}
#swr a:hover {
	background: url(../bilder/logo_swr2_ro.gif) -120px top no-repeat;
	}
#mupa {
	width:60px; height:60px;
	}
#mupa a {
	width:60px; height:60px;
	background: url(../bilder/logo_museumspass_ro.gif) left top no-repeat;
	}
#mupa a:hover {
	background: url(../bilder/logo_museumspass_ro.gif) -90px top no-repeat;
	}
#rnf a {
	width:120px; height:60px;
	background: url(../bilder/logo_rnf_ro.gif) left top no-repeat;
	}
#rnf a:hover {
	background: url(../bilder/logo_rnf_ro.gif) -150px top no-repeat;
	}