/* 
----------------------------------------------------------------------------------------
Widukind Museum Enger
Start: 11/2008
letzte Aenderung 01.12.08
Autor: Audiovisuelle Kommunikation Harald Wurm www.haraldwurm.de
Medium: Screen
Kommentatoren: HW Harald Wurm
			   DW  aus Dreamweaver Vorlage
----------------------------------------------------------------------------------------
 */


*{
	margin: 0;  /* Erforderlich, damit der Container ohne Rand im Browser erscheint. Sonnst verschieben sich absolut positionierte Elementeim IE um den Betrag des Randes */
	padding: 0;
}

#body {
	margin: 0;
	padding: 0;
	font: 100% Verdana, Arial, Helvetica, sans-serif; /*  Soll unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. (DW) */
	text-align: left;
	background-color: #09084C;
	background-image: none;
}

#container {
	width: 59em;
	margin: 0;
	background-color: #09084C;
}

#container_folgeseiten {
	width: 59em;
	margin: 0;
	background-color: #F4E0AD;
}

#header {	
}

#bilderspalte {
	background-color: #09084C;
	float: right;
	width: 14em;
	height: 117em;
	color: #FFFFFF;
	margin-left: 25px; /* Rand sorgt für den Abstand der Schrift aus dem Main Content */
}
#bilderspalte_startseite {
	background-color: #09084C;
	float: right;
	width: 14em;
	height: 190em;
	color: #FFFFFF;
	margin-left: 25px; /* Rand sorgt für den Abstand der Schrift aus dem Main Content */
}
#bilderspalte_kinder {
	background-color: #09084C;
	float: right;
	width: 14em;
	height: 570em;
	color: #FFFFFF;
	margin-left: 25px; /* Rand sorgt für den Abstand der Schrift aus dem Main Content */
}


#bilderspalte_folgeseiten {
	background-color: #F4E0AD;
	float: right;
	width: 14em;
	height: 117em;
	color: #E4E5ED;
	margin-left: 25px; /* Rand sorgt für den Abstand der Schrift aus dem Main Content */
}
#bilderspalte_sehrlang {
	background-color: #09084C;
	float: right;
	width: 14em;
	height: 325em;
	color: #FFFFFF;
	margin-left: 25px; /* Rand sorgt für den Abstand der Schrift aus dem Main Content */
}

#randbild {
	float: right;
	width: 192px;
	height: inherit;
	background-color: #09084C;
}

#navigation {
	top: 121px;
	position: absolute; /* schwebt über dem headerbild  */
	left: 76px;
	margin: 0px;
	padding: 0px;
}

#submenue {
	background-color: #610433;
	margin-top: 0em;
	margin-right: 10px; /* Rand sorgt für den Abstand der Schrift aus dem Main Content */
	margin-bottom: 0em;
	margin-left: 0em;
	float: left;
	width: 10em; /* width + Padding ergiebt die sichtbare Breite!  */
	height: 117em;
	padding-left: 1em; /* Rand für das Submenue */
	padding-top: 20px;
} 

#submenue_startseite {
	background-color: #610433;
	margin-top: 0em;
	margin-right: 10px; /* Rand sorgt für den Abstand der Schrift aus dem Main Content */
	margin-bottom: 0em;
	margin-left: 0em;
	float: left;
	width: 10em; /* width + Padding ergiebt die sichtbare Breite!  */
	height: 190em;
	padding-left: 1em; /* Rand für das Submenue */
	padding-top: 20px;
}


#submenue_kinder {
	background-color: #610433;
	margin-top: 0em;
	margin-right: 10px; /* Rand sorgt für den Abstand der Schrift aus dem Main Content */
	margin-bottom: 0em;
	margin-left: 0em;
	float: left;
	width: 10em; /* width + Padding ergiebt die sichtbare Breite!  */
	height: 570em;
	padding-left: 1em; /* Rand für das Submenue */
	padding-top: 20px;
}
#submenue_sehrlang {
	background-color: #610433;
	margin-top: 0em;
	margin-right: 10px; /* Rand sorgt für den Abstand der Schrift aus dem Main Content */
	margin-bottom: 0em;
	margin-left: 0em;
	float: left;
	width: 10em; /* width + Padding ergiebt die sichtbare Breite!  */
	height: 323em;
	padding-left: 1em; /* Rand für das Submenue */
	padding-top: 20px;
}
#submenue170 {
	background-color: #610433;
	margin-top: 0em;
	margin-right: 10px; /* Rand sorgt für den Abstand der Schrift aus dem Main Content */
	margin-bottom: 0em;
	margin-left: 0em;
	float: left;
	width: 10em; /* width + Padding ergiebt die sichtbare Breite!  */
	height: 210em;
	padding-left: 1em; /* Rand für das Submenue */
	padding-top: 20px;
}


#submenue50 {
	background-color: #610433;
	margin-top: 0em;
	margin-right: 10px; /* Rand sorgt für den Abstand der Schrift aus dem Main Content */
	margin-bottom: 0em;
	margin-left: 0em;
	float: left;
	width: 10em; /* width + Padding ergiebt die sichtbare Breite!  */
	height: 117em;
	padding-left: 1em; /* Rand für das Submenue */
	padding-top: 20px;
}


#submenue ul {
	list-style-type: none;
}
#submenue_kinder ul {
	list-style-type: none;
}
#submenue_sehrlang ul {
	list-style-type: none;
}

#submenue_startseite ul {
	list-style-type: none;
}
#submenue_sehrlang a {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}


	
#submenue a { /* Formatiert die einzelnen Elemente des Submenues  */
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}
#submenue_startseite a {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}

#submenue_kinder a {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}

a:active {
	color: #00CC00;
}

a:hover {
	color: #999999;
}


#maincontent {
	background-color: #09084C;
	height: 118em;
	color: #FFFFFF;
	top: inherit;
	font-family: Arial, Helvetica, sans-serif;
}

#maincontent_startseite {
	background-color: #09084C;
	height: 190em;
	color: #FFFFFF;
	top: inherit;
	font-family: Arial, Helvetica, sans-serif;
}

#maincontent2 {
	background-color: #09084C;
	height: 572em;
	color: #FFFFFF;
	top: inherit;
	font-family: Arial, Helvetica, sans-serif;
}
#maincontent_sehrlang {
	background-color: #09084C;
	height: 325em;
	color: #FFFFFF;
	top: inherit;
	font-family: Arial, Helvetica, sans-serif;
}
#maincontent_kinder {
	background-color: #09084C;
	height: 422em;
	color: #FFFFFF;
	top: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



#maincontent_folgeseiten {
	background-color: #F4E0AD;
	height: 118em;
	top: 33em;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px;
}
#maincontent_160 {
	background-color: #F4E0AD;
	height: 205em;
	color: #333333;
	top: 33em;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px;
}


#footer {
	color: #FFFFFF;
	background-color: #09084C;
	padding: 8px;
}
#footerFolgeseiten {
	color: #333333;
	background-color: #F4E0AD;
	padding: 8px;
}



/* Klasse, die die Auszeichnung des aktiven Submenues bestimmt. Verweis erfolgt über Identifizierer ia-if  */
#ia #submenue A.sa, 
#ib #submenue A.sb,
#ic #submenue A.sc,
#id #submenue A.sd,
#ie #submenue A.se,
#if #submenue A.sf,
#ig #submenue A.sg,
#ih #submenue A.sh
	{
	color: #999999
}
a:visited {
	color: #FFB21E;
}

#Veranstaltung {
}
#hinweis_aktuell {
	position: absolute;
	left: 372px;
	top: 3px;
	text-decoration: none;
}