/* REMOVE PADDING AND MARGIN VALUES */
* { margin: 0; padding: 0; }
/* keien borders um bilder, zb bei links */
img { border: none; }
/* SET BASE FONT ATTRUBUTES */
html, body, body * { font-family: Verdana, Dotum, Tahoma, Arial, Helvetica, sans-serif; color: #686060; }
body { margin: 0px; padding: 0px; background: #E2DCD0; font-size: 62.5%; text-align: center; } /* padding: 0px wegen Opera 7 */

/* container */
div#container	{ position: relative; width: 924px; margin: 20px auto 20px auto; text-align:left; background:#fff url(../img/_bg_container.gif); }
div#containerCd	{ position: relative; width: 980px; margin: 20px auto 20px auto; text-align:left; background:#fff url(../img/_bg_containerCd.gif); }

/* header */
div#header { position: relative; width: 100%; height: 74px; background: #fff url(../img/_bg_header.gif); }
div#headerCd { position: relative; width: 100%; height: 74px; background: #fff url(../img/_bg_headerCd.gif); }

img#logo { position: absolute; left: 28px; top: 27px; border: 0px solid red; }
body#homepage div#header { height: 20px; }
body#homepage div#headerCd { height: 20px; }
/* metanav */
div#metanav { position: absolute; top: 50px; left: 500px; width: 280px; height: 20px; text-align: right; background: #cfc;  }
div#metanav a {  }
div#metanav a.active {  }
div#metanav a:hover {  }

/* credit */
div#credit {  }

/* search */
div#search {  }

/* auxnav */
div#auxnav {  }

/* breadcrumb */
div#breadcrumb {  }


/*separated top and subnav*/
div#topnav		{ position: absolute; width: 610px; height: 20px; top: 27px; left: 260px; }

.lvl1, .lvl1l, .lvl1a, .lvl1al, .lvl1e, .lvl1el, .lvl1ae, .lvl1ael
{ display:block; float:left; margin: 10px 30px 10px 0px;
	color: #798388; text-decoration: none; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
.lvl1:hover, .lvl1l:hover, .lvl1a:hover, .lvl1al:hover, .lvl1e:hover, .lvl1el:hover, .lvl1ae:hover, .lvl1ael:hover
{ text-decoration: underline; }

.lvl1a, .lvl1al, .lvl1ae, .lvl1ael { color: #EC2A2A; }
.lvl1e, .lvl1ae, .lvl1el, .lvl1ael {  }
.lvl1l, .lvl1al, .lvl1el, .lvl1ael {  }

.lvl1a:hover, .lvl1al:hover, .lvl1ae:hover, .lvl1ael:hover { text-decoration: none; }
.lvl1e:hover, .lvl1ae:hover, .lvl1el:hover, .lvl1ael:hover {  }
.lvl1l:hover, .lvl1al:hover, .lvl1el:hover, .lvl1ael:hover {  }


div#subnav { clear: left; float: left; width: 239px; margin: 18px 0 0 0; }

.lvl2, .lvl2l, .lvl2a, .lvl2al, .lvl2e, .lvl2el, .lvl2ae, .lvl2ael
{ display:block; padding: 5px 0 5px 46px;
	color: #666666; text-decoration: none; font-size: 1.1em; }
.lvl2:hover, .lvl2l:hover, .lvl2a:hover, .lvl2al:hover, .lvl2e:hover, .lvl2el:hover, .lvl2ae:hover, .lvl2ael:hover
{ text-decoration: underline; }

.lvl2a, .lvl2al, .lvl2ae, .lvl2ael { background: url(../img/_arrow.gif) no-repeat 33px 5px; }
.lvl2e, .lvl2ae, .lvl2el, .lvl2ael { background: url(../img/_arrow.gif) no-repeat 33px 5px; }
.lvl2l, .lvl2al, .lvl2el, .lvl2ael {  }

.lvl2a:hover, .lvl2al:hover, .lvl2ae:hover, .lvl2ael:hover { text-decoration: none; }
.lvl2e:hover, .lvl2ae:hover, .lvl2el:hover, .lvl2ael:hover {  }
.lvl2l:hover, .lvl2al:hover, .lvl2el:hover, .lvl2ael:hover {  }

.lvl3, .lvl3l, .lvl3a, .lvl3al, .lvl3e, .lvl3el, .lvl3ae, .lvl3ael
{ display:block; color: #333; text-decoration: none; font-size: 1.1em; }
.lvl3:hover, .lvl3l:hover, .lvl3a:hover, .lvl3al:hover, .lvl3e:hover, .lvl3el:hover, .lvl3ae:hover, .lvl3ael:hover
{ text-decoration: underline; }

.lvl3a, .lvl3al, .lvl3ae, .lvl3ael {  }
.lvl3e, .lvl3ae, .lvl3el, .lvl3ael {  }
.lvl3l, .lvl3al, .lvl3el, .lvl3ael {  }

.lvl3a:hover, .lvl3al:hover, .lvl3ae:hover, .lvl3ael:hover { text-decoration: none; }
.lvl3e:hover, .lvl3ae:hover, .lvl3el:hover, .lvl3ael:hover {  }
.lvl3l:hover, .lvl3al:hover, .lvl3el:hover, .lvl3ael:hover {  }

div#subnav div.imageNav { width: 150px; margin: 20px 0 0 47px; }
div#subnav div.imageNav a { position: relative; display: block; float: left; margin: 0 5px 5px 0; padding: 0px; border: 0px solid #E4E4E4; }
div#subnav div.imageNav a img {  }


/* content */
div#content	{ display: inline; float: left; width: 612px; margin: 18px 0 0 20px; }
body#homepage div#content { width: 894px; text-align: center; margin: 18px 0px  0px 8px; }
body#fullWidth div#content { width: 845px; margin-left: 28px;  }
div#contentleft	{ float: left; width: 380px; background: #cff; }
div#contentright	{ float: left; width: 200px; background: #fcf; }
div#contentbottom	{ float: left; width: 580px; background: #ffc; }

/* footer */
div#footer	{ clear: both; width: 100%; height: 60px; font-size: 1px; background: #fff url(../img/_bg_footer.gif); }
div#footerCd	{ clear: both; width: 100%; height: 60px; font-size: 1px; background: #fff url(../img/_bg_footerCd.gif); }

/* links general */
div#content a:link, div#content  a:visited	{  }
div#content a:hover 	{  }
div#content a:active	{  }

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5, p, ul, ol { margin-top: 2em; margin-bottom: 1em; }
li { margin: 1.1em 0 0 16px; }
h1, h2, h3, h4, h5, strong  {font-weight: bold; color:#666666;}
h1 {font-size: 1.4em; margin-top: 0;}
h2 {font-size: 1.3em; }
h3 {font-size: 1.2em; }
h4 {font-size: 1.1em; }
h5 { }
h6 { }
p, li, td, th	{ font-size: 1.1em; line-height: 1.8em; color:#666666;}
li li, td td, td th  { font-size: 1em; }
p { margin: 5px 0px 5px 0px; }
p.left { text-align: left; }
p.right { text-align: right; }
p.rightAutor { text-align: right; font-style: italic;}
p.center { text-align: center; }
p.copyright { margin: 25px 0px 0px 0px;   }

/* images */
img { border: 0px; float: none; }
img.left { float: left; margin: 3px 10px 10px 0px; }
img.right { float: right; margin: 3px 0px 10px 10px;}

/* tables */
table { border-collapse: collapse; font-size: 100%; } /* font-size: 100% wegen ie5 */
table.width100percent { width: 100%; }
th, td { padding: 0px; vertical-align: top; text-align: left; }
th {  }
td {  }
td.left { text-align: left; }
td.right { text-align: right; }

/* Lists */
ul, ol, dl {list-style-type: disc;} 

/* forms */
fieldset { padding-bottom: 16px;  }
legend 	{ margin: 10px 10px 15px 0px; padding: 0px 8px 6px 4px; color: #333; font-size: 80%; font-weight: bold;  }
label 	{ font-size: 1.0em; margin: 10px; }
textarea, input { width: 200px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.0em; border: 1px solid #666;}
textarea { height: 120px;  }
input.button { width: 120px; border: 1px solid #666; }
select 	{  }
option 	{  }

/* generals */
h1.clear, h2.clear, h3.clear, h4.clear, h5.clear, h6.clear, p.clear, table.clear, ul.clear, ol.clear, fieldset.clear, div.clear
{ clear: both; }
.width100percent { width: 100%; }
.textLeft { text-align: left; }
.textRight { text-align:  right; }
.textCenter { text-align: center; }
p.separator { height: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; font-size: 1px; }
span.red { color: #EC2A2A; }

/* specials */
table.exhibitionList { width: 100%; }
table.exhibitionList td.left, table.exhibitionList th.left  { width: 206px; padding-right: 27px; text-align: left; }
table.exhibitionList td.right, table.exhibitionList th.right {  }
table.exhibitionList td {  }
table.exhibitionList th { padding-bottom: 5px; }
table.exhibitionList td td { padding-bottom: 5px; }
table.exhibitionList td.year { padding: 0 5px 0 0; }

a.leftarrow {
	text-decoration: none; color: #666666;
	line-height: 1.8em;
	padding-right: 15px;
	background:#fff url(../img/arrow_thin.gif) no-repeat;
	background-position: 100% 80%;
}

a.leftarrow:hover {
	text-decoration: underline;
}

div.imageNav a.leftarrow {
	display: block;
	text-decoration: none; color: #666666;
	padding-right: 15px !important;
	background:#fff url(../img/arrow_thin.gif) no-repeat;
	background-position: 100% 80%;
}

div.imageNav a.leftarrow:hover {
	text-decoration: underline;
}