/* $Id: newmjs.css,v 1.1.2.4 2007-12-28 15:04:36 mj Exp $
 * CSS for theme "newmjs"
 * Must be include'd by /css-newmjs.php !
 */

body {
  font: normal 10pt Verdana,Arial,sans-serif;
  padding: 0px;
  margin: 0px;
}


div.page { 
  position: relative;
  color: #342305;
  background-color: #fefcf6;
  margin: 10px auto; /* center horizontally */
  width: 800px;
  padding: 0px;
  border: 1px solid #ada592;
}

a {
  color: #342305;
  text-decoration: none;
}
a:visited {
  color: #342305;
  text-decoration: none;
}
a:link {
  color: #342305;
  text-decoration: none;
}
a:hover {
  color: #000000;
  text-decoration: underline;
}
a:active { 
  color: #7a725f;
  text-decoration: underline;
}

img { 
  border-width: 0px;
}

img.validator {
  margin: 0px;
  float: right;
}


h1 { 
  font: bold 16pt Verdana,Arial,sans-serif;
}
h2 { 
  font: bold 14pt Verdana,Arial,sans-serif;
}
h3 { 
  font: bold 12pt Verdana,Arial,sans-serif;
}
h4 { 
  font: bold 11pt Verdana,Arial,sans-serif;
}
h5 { 
  font: bold 11pt Verdana,Arial,sans-serif;
}
h6 { 
  font: bold 11pt Verdana,Arial,sans-serif;
}
h7 { 
  font: bold 11pt Verdana,Arial,sans-serif;
}

/* head */
div.head { 
/*  position: absolute;
  left: 0px;
  top: 0px; */
/*  width: 800px; */
  width: 100%;
  height: 80px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ada592;
}

div.head h1 { 
  font: bold 18pt Verdana,Arial,sans-serif;
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: 139px;
  top: 48px;
}

div.head div.head-image { 
  position: absolute;
  left: 0px;
  top: 0px;
}

div.head address { 
  font: bold 11pt Verdana,Arial,sans-serif;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  text-align: right;
  position: absolute;
  right: 0px;
  top: 20px;
}

a#title1 { 
  text-decoration: none;
}


/* sidebar */
div.sidebar { 
  position: absolute;
/*  float: left; */
  left: 0px;
  top: 115px;
  width: 100px;
}

div.sidebar h3 a { 
/*  background-color: #ada592; */
  color: #fefcf6;
}
div.sidebar h3 a:visited { 
/*  background-color: #ada592; */
  color: #ffffff;
}


div.sidebar h3 {
  margin: 0px 0px 2px 0px;
  padding: 1px 3px;
  background-color: #ada592;
  color: #fefcf6;
  font: bold 8pt Verdana,Arial,sans-serif;
/*  text-align: center; */
}

div.sidebar-list { 
  margin: 0px 0px 10px 0px;
}

div.sidebar ul {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  list-style: none;
}

div.sidebar li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 4px;
/*  background-color: #ada592; */
/*  color: #fefcf6; */
  color: #342305;
  font: 8pt Verdana,Arial,sans-serif;
}

/* main */
div.main { 
/*  margin: 110px 20px 10px 140px; */
  margin: 20px 20px 100px 140px;
/** DOESN'T WORK WITH IE6 ** position: relative; **/
}

div.main1 { 
/*  margin: 90px 10px 10px 10px; */
  margin: 20px 10px 100px 10px;
/** DOESN'T WORK WITH IE6 ** position: relative; **/
}

div.main h1 { 
  margin: 0px;
  padding: 0px;
}

div.main1 h1 { 
  margin: 0px;
  padding: 0px;
}

p.fill { 
  height: 200pt;
}

/* title page */
table.titlebox { 
  border-style: none;
  border-width: 0px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 500px;
/*  padding: auto; */
}

/* img */
img.frame-web2, img.frame1-pre {
  padding: 5px;
  margin: 0px;
  background-color: #ffffff;
  border: 1px solid #342305;
}

img.frame-thumb {
  border: 1px solid #ada592;
}

table.frame-slide { 
  display: inline;
  width: 140px;
  height: 140px;
}

table.frame-slide td { 
  border: 1px solid #ada592;
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
  line-height: 0px;
  width: 140px;
  height: 140px;
}

/* links */
div.links { 
  font: normal 8pt Verdana,Arial,sans-serif;
/*  margin: 10em 0px 0px 0px;*/
}

div.links p {
  margin: 0px;
}

div.links p.top1 {
  margin: 1em 0px 0px 0px;
}

div.links p.bot1 {
  margin: 0px 0px 1em 0px;
}

/* footer */
div.footer1 { 
  margin: 100px 0px 0px 0px;
  padding: 5px 10px;
  border-top: 1px solid #ada592;
}

div.footer { 
  margin: 0px;
  padding: 5px 10px;
  border-top: 1px solid #ada592;
}

div.footer hr {
  margin: 10px 0px 5px 0px;
}

p.footer-copy {
  margin: 0px 0px 5px 0px;
  font-size: 8pt;
}

/* impressum */
p.impressum { 
  margin-top: 12px;
  margin-bottom: 0px;
}


form.impressum { 
  margin-top: 12px;
  margin-bottom: 0px;
}

form.impressum table { 
  border-width: 0px;
  border-spacing: 0px;
}

form.impressum table td { 
  text-align: left;
  vertical-align: top;
}

form.impressum table td.text { 
  font-size: 80%;
  width: 120px;
}

form.impressum input { 
  font-family: monospace;
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
  margin-top: 3px;
  margin-bottom: 12px;
}

form.impressum textarea { 
  font-family: monospace;
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
  margin-top: 3px;
  margin-bottom: 12px;
}

form.impressum input.button { 
  font: bold 11pt Verdana,Arial,sans-serif;
  background-color: #ada592;
  color: #fefcf6;
}

/* list of images/albums */
table.index {
 border-width: 1px;
 border-style: solid;
 border-color: #ada592;
 background-color: #ffffff;
 margin-bottom: 20px;
 padding: 0px;
 width: 100%;
}

table.index tr {
 margin: 0px;
}

table.index td {
 vertical-align: top;
 margin: 0px;
 padding: 5px;
}

table.index td.img {
 width: 200px;
 line-height: 0px;
}

table.index td.img1 {
 width: 128px;
 line-height: 0px;
}

table.index td.txt {
}

table.index h3 {
 margin: 0px 0px 10px 0px;
}

table.index p {
 margin: 0px 0px 10px 0px;
}

table.index p.pic-data {
 margin: 0px 0px 4px 0px;
 font-size: 8pt;
}

table.index p.footer {
 margin-top: 0px;
 font-size: 9pt;
}

div.txt-text {
 margin: 0px;
}

div.txt-data {
 margin: 10px 0px 0px 0px;
}

/* story */
table.story {
 border-width: 0px;
 border-style: none;
 border-color: #ada592;
 background-color: #fefcf6;
 margin-bottom: 20px;
 padding: 0px;
 width: 100%;
}

table.story tr {
 margin: 0px;
}

table.story td {
 vertical-align: top;
 margin: 0px;
 padding: 0px;
}

table.story td.img {
 width: 420px;
 line-height: 0px;
}

table.story td.txt {
}

table.story h3 {
 margin: 0px 0px 10px 0px;
 font-size: 10pt;
}

table.story p {
 margin: 0px 0px 10px 0px;
 font-size: 9pt;
}

table.story p.footer {
 margin-top: 0px;
 font-size: 8pt;
}

/* article */
div.article p.withimg {
 clear: right; 
}

div.article p.fineprint {
 font-size: 8pt;
}

div.article p.sorry {
 font-size: 10pt;
 font-weight: bold;
}

div.article div.imgbox {
 float: left;
}

img.art-mini {
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #342305;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

img.art-mini-r {
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #342305;
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

/* news */
div.news h4 {
 background-color: #ada592;
 color: #ffffff;
 padding: 2px 6px;
 margin: 20px 0px 10px 0px;
}

div.news h5 {
 margin: 10px 0px 10px 0px;
}

div.news p {
 margin: 10px 0px 0px 0px;
}

/* webring */
div.webring {
 margin-top: 50px;
}

/* m-j-s */
table.m-j-s { 
/*  border: 0px none #000000; */
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  display: inline;
}

table.m-j-s tr { 
  margin: 0px;
  padding: 0px;
}

table.m-j-s td { 
  margin: 0px;
  padding: 0px;
}

table.m-j-s td.big { 
  font: bold 40pt Garamond,Palatino,Times New Roman,Times,serif;
  line-height: 0.5em;
  vertical-align: middle;
}

table.m-j-s td.big a { 
  text-decoration: none;
}

table.m-j-s td.small { 
  font: normal 12pt Verdana,Arial,sans-serif;
  vertical-align: top;
}

table.m-j-s-links { 
/*  border: 0px none #000000; */
  width: 100%;
  border: 1px solid #ada592;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

table.m-j-s-links td.icon { 
  vertical-align: top;
  padding: 9px 5px;
}

table.m-j-s-links td.text { 
  vertical-align: top;
  padding: 6px;
}

div.section { 
  margin: 0px 0px 20px 0px;
}

div.m-j-s-logo { 
  background-color: #ff0000;
  border: 1px solid #ada592;
  background-color: #ffffff;
  padding: 16px 0px 10px 0px;
  margin-bottom: 40px;
  text-align: center;
}

div.right { 
  margin: 0px 0px 20px 180px;
  padding-top: 3px;
  text-align: right;
}

div.indent { 
  margin: 0px 0px 20px 180px;
  padding-top: 3px;
}

div.margin { 
  position: absolute;
/** positioning with div.main/main1 DOESN'T WORK WITH IE6 **
  left: 0px;
  top: 5px; **/
  left: 140px;
  top: 115px;
  width: 160px;
}

div.indent h3 {
  margin: 0px 0px 10px 0px;
}

small.actitle { 
  font-weight: normal;
  font-size: 8pt;
}

p.error { 
  margin: 0px;
  font-weight: bold;
}

p.sorry { 
  margin: 0px;
}