body  { text-align: center; color: black; font-size: 100%; font-family: "Lucida Grande", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; letter-spacing: 0.05em; margin: 0; padding: 0; background-color: #eeeeee; }
p  { color: black; font-size: 12px; line-height: 1.5em; margin-top: 10px; margin-bottom: 10px; vertical-align: top }
img { border: none; }
img a:hover { background: none; }

a:link  { color: #093; text-decoration: none }
a:visited  { color: #693; text-decoration: none }
a:hover  { color: #360; background-color: #ccc }

h1  { color: black; font-size: 18px; font-weight: lighter; margin-top: 0px; margin-bottom: 10px; border-bottom: 1px #000 }
h2  { color: #063; font-size: 14px; text-align: left; margin-top: 0px; margin-bottom: 0px; border-bottom: 1px solid #360; border-left: medium none transparent }

#box { width:765px; margin:0px auto; text-align:left; }

#header { margin-left: 10px; width: 745px; height: 78px; }
#header a:hover  { background-color: transparent }

#left { margin: 20 0; width: 170px; float: left; }

.invisible, dfn { position: absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline; }

/* 	XHTML 1.0 Strict */
img { border: none; }

ul, ol, li { padding: 0; margin: 0; list-style: none; }

.navText { font-size: 12px; }

/* add margins around navigation block */
#navigation {
	margin-top: 14px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10;
	width: 160px;
	background-color: #ddd;
}

#navigation a {
	text-decoration: none;
	display: block;
	color: #360;
}

/*	for IE */
* html #navigation a { width: 100%; }

#navigation ul li {
	font-weight: bold;
	border-bottom: 4px solid #A9B0A7;
}

/*	for IE */
* html #navigation ul li { height: 1em; }

/* 	LEVEL 1 */
#navigation ul li a {
	border-left: 3px solid #ddd;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 10px;
}

#navigation ul li a:visited {
	background-color: #ddd;
	border-left: 3px solid #888;
}

#navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li a:active {
	background-color: #FFF;
	border-left: 3px solid #fff;
}


#navigation ul li.selectedOne div a, #navigation ul li.selectedOne div a:visited {
	background-color: #888;
	color: #fff;
}

#navigation ul li.selectedOne div a:hover, #navigation ul li a:focus, #navigation ul li a:active  {
	background-color: #fff;
	border-left: 3px; 
	border-left-color: #888;
	color: #063;
}


/*	active Link */
#navigation ul li.selectedOne div a:hover, #navigation ul li.selectedOne div a:focus, #navigation ul li.selectedOne div a:active {
	border-left-color: #FFF;
}

/*	active Site without Link, Level 1 */
#navigation ul li.selectedOne div.selectedOne {
	border-left: 3px solid #063;
	color: #063;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 10px;
	background-color: #fff;
}

/*	LEVEL 2 */

#navigation ul li ul li, #navigation ul li.selectedOne ul li  {
	text-align: right;
	font-weight: normal;
	border-top: 1px solid #A9B0A7;
	border-bottom: 1px solid #A9B0A7;
}

#navigation ul li ul li a {
	padding: 4px 7px 4px 12px;
}

#navigation ul li.selectedOne ul li a:visited {
	border-left: 3px solid #888;
	padding: 4px 7px 4px 4px;
}

#navigation ul li ul li a:hover, #navigation ul li ul li a:focus, #navigation ul li ul li a:active {
	background-color: #FFF;
	border-left: 3px solid #FFF;
	padding-left: 4px;
}

/*	selected Site Level 2 */
#navigation ul li ul li.selectedOne {
	background-color: #FFF;
	font-weight: bold;
	color: #063;
	border-left: 3px solid #063;
	padding: 4px 7px 4px 4px;
}

/*	selected Level 2  Link when LEVEL 3 Site exists */

#navigation ul li.selectedOne ul div a, #navigation ul li.selectedOne ul div a:visited {
	text-align: right;
	background-color: #888;
	color: #fff;
	font-weight: bold;
	border-left: 3px solid #063;
	border-bottom: 1px solid #A9B0A7;
	padding: 4px 7px 4px 4px;
}

#navigation ul li.selectedOne ul div a:hover, #navigation ul li.selectedOne ul div a:focus, #navigation ul li.selectedOne ul div a:active {
	text-align: right;
	background-color: #fff;
	color: #063;
	font-weight: bold;
	border-left: 3px solid #063;
	border-top: 1px solid #A9B0A7;
	padding: 3px 7px 4px 4px;
}

#content { float: right; margin: 34 10 0 0; width: 550px; }
#content h1  { color: black; font-size: 18px; margin-top: 0px; margin-bottom: 10px; font-weight: lighter; border-bottom: 1px solid gray; padding-bottom: 6px; }
#content h2  { color: black; font-size: 14px; margin-top: 12px; margin-bottom: 6px; border-bottom: none; }
.pictlegend { font-size: 11px; line-height: 16px; letter-spacing: 0.05em; font-weight: lighter; margin-top: 6px; margin-bottom: 12px; border-bottom: none; }

/*      for IE */
* html #content { margin-right:5px; }

.overviewcontainer { position: relative; width: 550px; height: 130px; }
.picture { position: absolute; top: 0px; left: 0px; width: 250px; height: 125px; }
.picture a:hover  { background-color: transparent }
.text { position: absolute; top: 0px; left: 255px; width: 200px; height: 125px; }

.pictcontainer { position: relative; width: 550px; height: 123px; }

/*     for Opera */
.pictcontainer a:hover  { background-color: transparent }

.box1 { position: absolute; top: 0px; left: 0px; width: 180px; height: 120px; }
.box2 { position: absolute; top: 0px; left: 185px; width: 180px; height: 120px; }
.box3 { position: absolute; top: 0px; left: 370px; width: 180px; height: 120px; }

.artistcontainer { position: relative; width: 550px; height: 150px; font-size: 0.8em; }

/*     for Opera */
.artistcontainer a:hover  { background-color: transparent }


/*     Listformats for Links, Literature and Sitemap */
.lists {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

.lists ul li { margin: 15 0; }

.lists h2 { font-weight: bold; }

.lists ul li ul { margin: 10 0 25; }

.lists ul li ul li {
	font-weight: normal;
	margin: 10 0;
}

#footnotes div p {font-size: 10px;}

#footnotes { font-size: 10px; margin-top: 30px; width: 550px; }
#footer	{ font-size: 10px; font-weight: lighter; margin: 30px 0 10; vertical-align: bottom; min-height: 30px; width: 550px; }