html, body, div, ul, ol, span, a, table, td, form, img, li {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial;
}

body {
  font-size:101%;
  /*background-color: #9D9DA1;*/
  /*background-color: #9CAAB5;*/
  background-color:#f7f7f7;
  margin-top:14px;
  margin-left:10px;
}


h2 {
  font-size:15px;
}

h3 {
  font-size:13px;
}

h2 .pageTitle {
  text-align:right;
  font-size:27px;
  margin-top:0;
  font-weight:normal;
}

/* http://www.positioniseverything.net/easyclearing.html */
/* cf = clearfix */
.cf:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */


a {
  color:#999;
  text-decoration:underline;
}

img {
  border:0;
}

div.x_0, div.x_1 {
  display:none;
}

#bodyWrapper0 {
  font-size:0.8em;
  width:974px;
}

#bodyWrapper1 {
}



/**************** BREADCRUMB ***************/

#breadcrumb {
  padding-top: 10px;
  padding-bottom: 15px;
  border-bottom:1px solid #000;
}

#breadcrumb ul {
  padding-left:10px;
  list-style:none;
}

/* this one is needed for IE 5-6 */
/* Hides from IE-mac \*/
* #breadcrumb ul {height: 1%;}
/* End hide from IE-mac */


#breadcrumb ul:after {
  content:""; 
  display:block; 
  clear:both; 
  visibility: hidden;
}

#breadcrumb li {
  padding-left:20px;
  background-image: url(/img/trennlinie.gif);
  background-repeat:no-repeat;
  background-position: left center;

  float:left;
  font-size: 14px;
}

#breadcrumb li.first {
  padding-left:0px;
  background-image: none;
}


#breadcrumb a {
  text-decoration:none;
  font-weight:bold;
  color:#000;
  font-size: 14px;
}

#breadcrumb a:hover {
  color:#999;
}


/***************** MAINMENU ****************/


#mainmenu {
  border:1px solid #000;
  background-color:#fff;
  padding:5px;
  width:964px;
  height:20px;
}

#mainmenu ul {
  list-style:none;
  margin:0; /* sonst wird im mozilla ein abstand oben und unten eingefügt */
  padding:0;
}

#mainmenu ul:after {
  content:"."; 
  display:block; 
  clear:both; 
  visibility: hidden;
}

#mainmenu li {
  float:left;
  margin-right:50px;
}

#mainmenu li a {
  float:left;
  text-decoration:none;
  color:#000;
  font-size:14px;
  font-weight:bold;
}

#mainmenu li a:hover {
  color:#999;
}

#mainmenu li#contact a {
  margin-right:0;
}

/* http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */
* html #mainmenu ul li a {  /* this selector recognized by IE only */
  float: none;   /* (only for IE5.x/Win) */
  f\loat: none;  /* (for other IE) */
}


#mainmenu ul li a span { /*display:none; */}




/***************** SUBMENU ****************/

#submenu {
  /*border:1px dotted #f00;*/
  width:100%;
}

#submenu ul {
  list-style-image:url(/img/sm_bullet.gif);
  margin:0; /* sonst wird im mozilla ein abstand oben und unten eingefügt */
  padding:0;
  padding-left:40px;
}

#submenu ul li {
    margin-bottom:5px; /* Abstand zum nächsten Element */
}

#submenu ul li.selected {
    list-style-image:url(/img/sm_bullet_on.gif);
}

#submenu ul li a {
    color:#9AA9B6;
    text-decoration:none;
}

#submenu ul li.selected a {
    color:#000;
}


/***************** ADDMENU ****************/

#addmenu ul {
  border-top: 1px solid #000;
  width:100%;
  list-style:none;
  padding:0;
  margin-bottom:40px;
}

#addmenu li {
  float:left;
  margin-right:50px;
 }

/********************* plainContent ******************/
/* für reine text-seiten */

.plainContent {
  padding:0;
  margin:0 20px 0 20px; 
}

/********************* MAIN ******************/

.hiddenTitle {
  display:none;
}

#main {
  clear:both;
  /*border:1px dotted green;*/
  /*border-left:1px dotted #9AA9B6;*/

  padding:0;
  
  margin-top:50px;
  margin-bottom:50px;
  margin-left:20px;
  margin-right:20px;

  width:934px;
}

#main:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility: hidden;
}

/******************** detail ********************************/

.detail {
  list-style:none;
  
  text-align:right;
  
  padding:0;
  margin:0; 

  /* width:500px; FÜHRT DAZU, DASS DIE ELEMENTE EIN PADDING AM LINKEN RAND ERHALTEN */
  /*background-color:red;*/
}

.detail li, .detail dd {
  margin-left:0;
  margin-bottom:10px;
}

.detail h2 {
  font-size:27px;
  font-weight:normal;
  /*border:1px solid yellow;*/
  margin-top:0; /* ganz wichtig! wenn die angabe fehlt, wird im mozilla über dem h3-absatz ein abstand erzeugt */
}

.detail h3 {
  font-size:20px;
  font-weight:normal;
  margin:0;
}

.detail h3 a {
  text-decoration: none;
}

.detail .Image {
  margin: 0 0 0 10px;
}

/* http://www.positioniseverything.net/easyclearing.html */
.last-iteration:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .last-iteration {height: 1%;}
/* End hide from IE-mac */


/******************** list ********************************/

.list {
  list-style:none;
  
  padding:0;
  width:100%;
  /*border:1px solid green; wenn man das hier einblendet, sieht man im IE, wie der block über den main-block drüber geht */
}

.list a {
  font-weight:normal;
}

.list li {
  width:500px; /* lässt man die breitenangabe weg, gerät im IE alles durcheinander */
  margin-left:0;
  /*margin-bottom:10px;*/
}

.list h3 {
  margin-top:0; /* ganz wichtig! wenn die angabe fehlt, wird im mozilla über dem h3-absatz ein abstand erzeugt */
}

.list h3 a {
  text-decoration:none;
}

/* bilder in übersichten: werke, publikationen */
.list img.Image {
  float:left;
  margin: 0 10px 0 0;
  border:1px solid #9CAAB5;
}

/* sonderbehandlung von exhibition-listen */

.list li div.Image {
  width:200px;
  text-align:right;
  float:left;
}

.list li div.Image img.Image {
  float:none;
  margin-right:20px;
}


/* ExhibitionsDetail */

.ExhibitionsDetail .SubTitle {
  margin-bottom:10px;
}
.ExhibitionsDetail .Date {
  margin-bottom:10px;
}
.ExhibitionsDetail .Description {
  margin-top:10px;
}

.ArtistsWorksSplash p {
  font-weight:bold;
  margin-top:10px;
  margin-bottom:5px;
}

.ArtistsWorksSplash p a {
  text-decoration:none;
}



/* künstlerlisten rechtsbündig */
.list.Artists {
  text-align:right;
}

.list.Artists li {
  width:100%;
  font-size:20px;
  color:#999999;
}

.list.Artists li a {
  text-decoration:none;
}

.list.Artists li a:hover {
  text-decoration:underline;
}

/* splash exhibitions rechtsbündig */
.list.ExhibitionsSplash {
  text-align:right;
}

.list.ExhibitionsSplash li {
  width:100%;
}

.list.ExhibitionsSplash a {
  text-decoration:none;
  font-size:20px;
}

.list.ExhibitionsSplash a:hover {
  text-decoration:underline;
}


.list.ArtistsWorksSplash {
  text-align:right;
}

.list.ArtistsWorksSplash li {
  width:100%;
}

.list.ArtistsWorksSplash a {
  text-decoration:none;
  font-size:20px;
}

.list.ArtistsWorksSplash a:hover {
  text-decoration:underline;
}

/* sonderfall: bild muss rechtbündig sein, nicht links floaten! */
.list.ArtistsWorksSplash p {
  float:right;
  width:100px;
}

.list.ArtistsWorksSplash img.Image {
  float:right;
  margin-bottom: 20px;
}

.detail.ArtistsDetail h2 {
  margin-bottom:35px;
}

.detail.ArtistsDetail a {
  
  line-height:0px;
  
  text-decoration:none;
  font-size:20px;
}

.detail.ArtistsDetail a:hover {
  text-decoration:underline;
}

.detail.ArtistsDetail img.Image {
  float:left;
}

.detail.ArtistsDetail.Bio, .detail.ArtistsDetail.Biblio {
  text-align:left;
}

.detail.ArtistsDetail.Bio, .detail.ArtistsDetail.Biblio, .detail.ArtistsDetail.Biblio table, .detail.ArtistsDetail.Bio table  {
  font-size: 12px;
}



/* Publications in mehreren Spalten */
.list.Publications li {
  width:233px;
  height:150px;
}

.list.Publications li.cf {
  clear:none;
  float:left;
}

.list.Publications div.Image {
  width:233px;
  text-align:center;
}


/* ArtistWorks in mehreren Spalten */
.list.ArtistsWorks li {
  width:311px;
  height:220px;
}

.list.ArtistsWorks li.cf {
  clear:none;
  float:left;
}

.list.ArtistsWorks div.Image {
  width:311px;
  text-align:center;
}


/* ExhibitionsWorks in mehreren Spalten */
.list.ExhibitionsWorks li {
  width:311px;
  height:220px;
}

.list.ExhibitionsWorks li.cf {
  clear:none;
  float:left;
}

.list.ExhibitionsWorks div.Image {
  width:311px;
  text-align:center;
}



/* Ausstellungsliste: vergangene, aktuelle, zukünftige */

.list.Exhibitions li {
  width:100%;
  margin-bottom:20px;
}

/* http://forum.de.selfhtml.org/?t=94505&m=572106 */
.list.Exhibitions li span.Date {
  float:left;
  display:inline;
  margin-right:10px;
}

/* http://forum.de.selfhtml.org/?t=94505&m=572106 */
.list.Exhibitions li span.Artists {
  font-weight: bold;
  float:left;
  display:inline;
  margin-right:10px;
}

.list.Exhibitions li a {
  font-size: 12px;
}

.detail.ExhibitionsDetail img {
  float:left;
  padding:20px;
}

.detail.ExhibitionsDetail .Date {
  font-size: 16px;
  font-weight:bold;
}

.detail.ExhibitionsDetail .Artists {
  font-size: 27px;  
  margin-bottom:10px;
}

.detail.ExhibitionsDetail .Title {
  font-size: 20px;  
}

.detail.ExhibitionsDetail .SubTitle {
}

.detail.ExhibitionsDetail .Works {
}

.detail.ExhibitionsDetail .Description {
}


/**************************************/
/* worksdetail                        */

/* seitenüberschrift */
.detail.WorksDetail h3 {
  font-size:27px;
}


dl.detail.WorksDetail.Info {
  margin-left:auto;
  width:600px;
  text-align:right;
}

dl.detail.WorksDetail.Info dd {
  display:inline;
}

.detail.WorksDetail.Info span.p {
  display:block;
}

.detail.WorksDetail div.Image {
  width:100%;
  text-align:center;
}

/** HACK: im XML ein zusätzliches dummy-static-element eingefügt, um die last-iteration-klasse darauf anzuwenden **/

/* Hides from IE-mac \*/
* dl.detail.WorksDetail.Info dd.last-iteration {display:none;}
/* End hide from IE-mac */


/****************************************/
/****************************************/
/* kopie der ArtistsWorksDetail-Angaben */

/* seitenüberschrift */
.detail.PublicationsDetail h3 {
  font-size:27px;
}


dl.detail.PublicationsDetail.Info {
  margin-left:auto;
  width:600px;
  text-align:right;
}

dl.detail.PublicationsDetail.Info dd {
  display:inline;
}

.detail.PublicationsDetail.Info span.p {
  display:block;
}

.detail.PublicationsDetail div.Image {
  width:100%;
  text-align:center;
}

/** HACK: im XML ein zusätzliches dummy-static-element eingefügt, um die last-iteration-klasse darauf anzuwenden **/

/* Hides from IE-mac \*/
* dl.detail.PublicationsDetail.Info dd.last-iteration {display:none;}
/* End hide from IE-mac */

/****************************************/

ul.list.ExhibitionsInstallationPhotos li {
  margin-bottom:20px;
}
.ExhibitionsInstallationPhotos div.Title {
  float:none;
  clear:both;
  display:block;
  font-size:10px;
}

/* navigation */

#navigation {
  /*border:1px solid #000;*/
  width:100%;
  display:block;
  margin-top:20px;
  margin-bottom:20px;
}

#navigation div {
  /*background-color:yellow;*/
  width:100%;
  text-align:center;
}

#navigation ul {
  /*border:1px solid red;*/
  margin:auto;
  width:390px;
  list-style:none;
}

#navigation ul:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility: hidden;
}

#navigation, #navigation a {
  font-size:20px;  
}

#navigation ul li {
  color:#ccc;
  width:130px;
  height:25px;
  float:left;
}

#navigation ul li#next {
  clear:right; /* keine floatenden elemente auf der rechten seite erlauben */
}

#navigation ul li#first, #navigation ul li#previous {
  text-align:left;
}

#navigation ul li#next, #navigation ul li#last {
  text-align:right;
}


#navigation ul li#first, #navigation ul li#last {
  display:none;
}