/* CSS für http://1000sommer.de/ */
/* letzte Änderung 2010-05-30 */

/* border-style:solid; */
/* border-width:2px; */

/* Schrift unterer Balken weiß */
/* Schrift Text schwarz */

@import url("hideoldie.css") all;

html {
/*  background-color:#D9A068; */
/*  background-color:#99d0a5; */
  background-color:#1a1b1c;
}

body {
  background-color:#1a1b1c;
  font-size:100.01%;
  margin:0;
  text-align:left;
  color:#fff;
  padding:0;
}

p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,dl
{
  font-family:Marianda,"Trebuchet MS","MS Trebuchet",sans-serif;
}

#topnav {
  background-color:#4D5457;
  color:#b7b7b8;
  vertical-align:middle;
  font-weight:bold;
  margin:0 auto 0 auto;
  padding:1ex;
 overflow:auto;
}

#topnav h2 {
  text-align:center;
  font-size:1.1em;
  padding:0;
  margin:0 auto 0 auto;
 min-width:80ex;
}

#topnav span {
  color:#b7b7b8;
}

#topnav a, #fuss a {
  text-decoration:none;
	border:none;
}

a, a:link {
  color:#ffffff;
}

a:visited {
  color:#cccccc;
}

a:hover {
  color:#808080;
}

#topnav a, #topnav a:link, #topnav a:visited,
#fuss a, #fuss a:link, #fuss a:visited {
/*  width:14.285714285714285714285714285714%; */
  color:#eceded;
  }

#topnav a:hover, #fuss a:hover {
  text-decoration:underline;
  color:#808080;
}

#fuss {
 position:fixed;
 bottom:0px; left:0px; right:0px;
	  background-color:#4D5457;
  color:#b7b7b8;
  margin:0;
  font-size:2ex;
  padding:1ex;
  text-align:center;
  vertical-align:middle;
/*  overflow:auto; */
/*  height:6ex; */
/* min-width:76ex; */
}

#fuss img { 
  vertical-align:middle;
	border:none;
}

html body p#fuss a img { 
	border:none;
	border:0;
} 

#navla {
  float:left;
  font-size:2em;
  font-weight:bold;
}

#navra {
  float:right;
  font-size:2em;
  font-weight:bold;
}

#navlb {
  padding-left:1em;
}

#navrb {
  padding-right:1em;
}


#fuss h3,#fuss p {
  margin:0 10ex 0 10ex;
  padding:0;
}

#inhalt {
/*  padding:9ex 1ex 12ex 1ex; */
}

#inhalt p {
  max-width:70ex;
  margin:0 auto 1ex auto;
  padding-right:9em;
}

#inhalt h1, #inhalt h2, #inhalt h3, #inhalt h4 {
  max-width:65ex;
  margin:2ex auto 1ex auto;
}


#inhalt table {
  border-collapse:collapse;
  margin:2ex auto 2ex auto;
}

#inhalt td {
//  max-width:70ex;
  padding:0.2ex 1.5ex 0.3ex 1.5ex;
  vertical-align:top;
}

#inhalt td  p {
  padding-right:1ex;
}

.tdr {
  text-align:right;
}

#inhalt table h2,#inhalt table h3 {
  margin:0;
}

.werktitel {
  text-align:center;
  margin:0 auto 0 auto;
}

.werkbeschreibung {
  text-align:center;
  font-weight:normal;
}

#inhalt .werkbeschreibung {
  padding-right:1ex;
  padding-left:1ex;
}

#inhalt .werk {
 margin:1ex auto 1ex auto;
 text-align:center;
  padding-right:1ex;
  padding-left:1ex;
}

.rillu {
  float:right;
}

.galimg {
 text-align:center;
}


#thumbs {
 text-align:center;
}

#thumbs img{
  margin:3ex 3ex 0.5ex 3ex;
  padding:1px;
}

#thumbs p {
  max-width:700px;
  display:inline-block;
  text-align:center;
  padding:2em;
  margin:1px auto 1px auto;
}

a:link img, a:visited img {
 border-style:solid;
 border-color:#1a1b1c;
 border-width:1ex;
}

a:hover img {
 border-style:solid;
 border-color:#808080;
 border-width:1ex;
}

#inhalt .detail {
  margin-left:auto;
  margin-right:auto;
}

.detail img {
  width:250px;
}

#inhalt .illu td {
  height:120px;
}

#fuss a:link img, #fuss a:visited img {
 border-style:solid;
 border-color:transparent;
 border-width:1ex;
}
