/* ================== General Elements ===================== */
body {
    background-color: rgb(255,255,190); /* text bg color */
    /*color: rgb(136,0,0); /* text color */
    color: rgb(0,0,0); /* text color */
}

* {
    margin: 0;
    padding: 0;
    font-family: Frutiger, Verdana, Arial, sans-serif;
}
img {
    vertical-align: bottom; /* prevents vertical gap between images */
}
li {
    list-style-type: none;
}
hr,
.off-left { /* hide visually, but not aurally */
   position: absolute; 
   left: -999px; 
   width: 990px;
}
dfn {
    font-style: normal;
}
/* ================== Content ===================== */
#body {
    margin: 1em;
}
#path{
   margin-bottom: 1em;
   /*border: 1px solid rgb(135,0,0);
   border-width: 1px 0;
   padding: 1em 0;*/
   max-width: 57.35em;
   font-size: 80%;
}
#path em {
   font-style: normal;
}
#contentcontainer {
    /*overflow: hidden;*/
    width: 59em;
}
#contentcontainer:after {
    content: ".";
    display: block;
    clear: both;
    height: 3px;
    visibility: hidden;
    font-size: 1px;
}
#content {
    float: left;
    width: 28em;
    background-color: rgb(255,255,190); /* text bg color */
}
#content * {
    padding: 0 1em;
}
#content * * {
    padding: 0;
}
#content .imglink img,
#marginal img {
    border: 1px solid rgb(136,0,0);
}
#marginal h2,
#content h1 {
    margin-bottom: 1em;
    padding: .5em 1em;
    font-size: 1em;
    background-color: rgb(136,0,0);
    color: #FFF;
}
/* all block elements in content container */
#contentcontainer address, 
#contentcontainer blockquote, 
#contentcontainer div, 
#contentcontainer dl, 
#contentcontainer fieldset, 
#contentcontainer form, 
#contentcontainer h1, 
#contentcontainer h2, 
#contentcontainer h3, 
#contentcontainer h4, 
#contentcontainer h5, 
#contentcontainer h6, 
#contentcontainer hr, 
#contentcontainer noscript, 
#contentcontainer ol,  
#contentcontainer p, 
#contentcontainer table, 
#contentcontainer ul {
    margin-bottom: 1em;
    line-height: 1.55;
}
#contentcontainer p {
   /*margin-bottom: 0;
   x-text-indent: 2em;*/
   font-size: 98%;
}
#contentcontainer blockquote {
    margin-left: 1em;
    border: rgb(136,0,0) solid 2px;
    padding: 1em 1em 0;
    font-style:italic;
}

#contentcontainer h2,
#contentcontainer h3,
#contentcontainer h4,
#contentcontainer h5,
#contentcontainer h6 {
   border-bottom: 1px solid rgb(136,0,0);
   font-size: 1em;
   padding-left: 0;
   padding-right: 0;
   margin-left: 1em;
   margin-right: 1em;
   margin-top: 1em;
}
#contentcontainer div h2,
#contentcontainer div h3,
#contentcontainer div h4,
#contentcontainer div h5,
#contentcontainer div h6 {
   margin-left: 0;
   margin-right: 0;
}
#marginal h2 {
   margin-top: 0;
    padding: .5em 1em;
}
/*#content ul li {
  list-style: disc;
  margin-left: 16px;
}
#content ul li span {
   color: #000; (text color)
}*/

#content ul.simplelist  {
    margin-left: 1em;
}
#content ul.simplelist li {
    list-style-type: disc;
    padding-left: .5em;
}
#content dl.enumeration,
#content dl.links {
    margin: 0 0 1em;
}
#content dl.links:after {
    content: ".";
    display: block;
    clear: both;
    height: 3px;
    visibility: hidden;
    font-size: 1px;
}
#content dl.enumeration dt {
    font-weight: bold;
}
#content dl.enumeration dd {
    margin-left: 1em;
}
#content dl.links dt {
    float: left;
    clear: left;
    /*border-top: 3px double rgb(136,0,0);*/
    padding-top: .5em;
    width: 15em;
}
#content dl.links dd {
    margin: 0 0 .5em 15em;
    /*border-top: 3px double rgb(136,0,0);*/
    padding: .5em 0 0 1em;
}
#content dl.links dt {
   text-align: right;
}
#content dl dt.firstitem,
#content dl dd.firstitem {
   border-top: 0 none;
}

#contentcontainer dl.portrait {
    /*overflow: hidden;*/
    width: 20em;
}
#contentcontainer dl.portrait:after {
    content: ".";
    display: block;
    clear: both;
    height: 3px;
    visibility: hidden;
    font-size: 1px;
}
#contentcontainer dl.portrait dt {
    display: block;
    float: left;
    margin: .25em .75em 0 0;
}
#contentcontainer dl.portrait dd.name {
    font-weight: bold;
}
#contentcontainer dl.portrait dd.last {
    margin-bottom: 1em;
}

input.contactbutton {
    vertical-align: text-bottom;
}
.nobr {
   display: block;
   white-space: nowrap;
}
#adsense {
    margin: 1em 0;
}

/* ================== Marginal ===================== */
#marginal {
    float: left;
    /*margin-top: 480px;*/
    margin-left: 1em;
    width: 30em;
}
#marginal p {
    margin: 0 1em 1em;
}
#marginal p.illu {
    margin: 0 0 2em;
}
#claim-de,
#claim-en {
    margin-bottom: .25em;
    color: rgb(136,0,0);
    text-transform: uppercase;
    font-size: 350%;
    line-height: 1.2;
}
#claim-de {letter-spacing: .08em}
#claim-en {letter-spacing: .065em}

#logo {
    position: relative;
    left: 75%;
    top: -122px;
    width: 190px;
}

/* ================== Navigation ===================== */
#footer,
#nav {
    clear: both;
    /*overflow: hidden;*/
}
#footer:after,
#nav:after {
    content: ".";
    display: block;
    clear: both;
    height: 3px;
    visibility: hidden;
    font-size: 1px;
}

#nav div {
    float: left;
    width: 29em;
    margin: 0 0 .75em;
}
#footer,
#nav ul {
    padding: 0;
    margin: 0 0 0 -1em;
    /*overflow: hidden;*/
}
#footer:after,
#nav ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 3px;
    visibility: hidden;
    font-size: 1px;
}

#footer ul li,
#nav ul li {
    display: block;
    float: left;
    margin: 0 0 0 1em;
    padding: 0;
    text-align: center;
}
#footer ul li a,
#footer ul li span,
#nav ul li a,
#nav ul li span {
    display: block;
    margin: 0;
    padding: .5em;
    width: 6em;
    height: 7em;
    font-weight: bold;
    font-size: 90%;
    text-decoration: underline;
    text-transform: uppercase;
    background-color: rgb(136,0,0);
    color: #FFF;
}
#nav ul li a,
#nav ul li span {
  	 display: table-cell;
  	 vertical-align: middle;
}
#footer ul li a.hilite,
#footer ul li a:focus,
#footer ul li a:hover,
#footer ul li span,
#nav ul li a.hilite,
#nav ul li a:focus,
#nav ul li a:hover,
#nav ul li span {
    background-color: rgb(178,95,95);
   
}
#nav ul li.empty span {
    background-color: rgb(136,0,0);
   
}
#footer ul li span,
#nav ul li span {
    text-decoration: none;
}
#footer ul li a:focus,
#footer ul li a:hover,
#nav ul li a:focus,
#nav ul li a:hover {
    text-decoration: underline;
}
#footer ul li span em,
#nav ul li span em {
    text-decoration: none;
    font-style: normal;
}
#footer ul li a:active,
#nav ul li a:active {
    background-color: rgb(255,205,205);
    color: rgb(10,10,10);
}
#footer {
    margin-left: 0;
    margin-top: 105px;
    background-color: rgb(136,0,0);
    background-image: url(/pix/bg/gradient.jpg);
    background-position: right top;
    background-repeat: repeat-y;
}
#footer ul {
    /*overflow: hidden;*/
    margin-left: -1em;
}
#footer ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 3px;
    visibility: hidden;
    font-size: 1px;
}
#footer ul li {
	width: 10em;
    margin-right: 0;
    text-align: center;
}
#footer ul li span,
#footer ul li a {
    padding: .5em 1em;
    width: 10em;
    height: 1em;
}
#footer ul li a {
    background-color: transparent;
}
.special a,
#path a,
#contentcontainer a {
    color: rgb(136,0,0);
}
.special a:visited,
#path a:visited,
#contentcontainer a:visited {
    color: rgb(136,0,0);
    text-decoration: none;
    border-bottom: 1px dashed  rgb(136,0,0);
}
.special a:focus,
.special a:hover,
#path a:focus,
#path a:hover,
#contentcontainer a:focus,
#contentcontainer a:hover {
    color: #fff;
    background-color: rgb(178,95,95);
}
.special a:active,
#path a:active,
#contentcontainer a:active {
    background-color: rgb(255,205,205);
    color: rgb(10,10,10);
}
#content .imglink a {
    color: transparent;
    text-decoration: none;
}
#content .imglink a:visited {
    color: transparent;
    text-decoration: none;
    border-bottom: 0 none;
}
/*#content .imglink a:visited img {
    border-style: dashed;
}*/
#content .imglink a:focus,
#content .imglink a:hover {
    color: transparent;
    background-color: transparent;
}
#content .imglink a:active {
    background-color: transparent;
    color: transparent;
}
/* ================== Special Designs ===================== */


/* Guestbook Style */
#guestbook blockquote {
   margin: 1em;
   border: 3px double rgb(136,0,0);
   padding: 1em;
   background-color: rgb(255,255,205);
}
#guestbook #content hr {
   position: static; 
   left: auto; 
   width: auto;
   margin: 1em;
   border: thin solid rgb(136,0,0);
}
#guestbook div.nav_pages,
#guestbook div.nav_pages ul {
    padding: 0;
}
#guestbook div.nav_pages ul {
    margin-left: 1em;
}
#guestbook div.nav_pages ul li {
    display: inline;
    margin-left: 0;
    margin-right: 1em;
}
#guestform  {
    padding: 1em 1em 0;
}
#guestform legend {
    font-weight: bold;
}
#guestform p {
    margin-bottom: 1em;
}
/* Wide Page Style */
#media #contentcontainer,
#press #contentcontainer {
    /*overflow: hidden;*/
    background-image: none;
}
#media #contentcontainer:after,
#press #contentcontainer:after {
    content: ".";
    display: block;
    clear: both;
    height: 3px;
    visibility: hidden;
    font-size: 1px;
}
#media #content,
#press #content {
    float: none;
    width: auto;
}
#press div.scan {
    float: left;
    margin: .25em 1em 1em 1em;
    border: 1px solid rgb(136,0,0);
    width: 15em;
    background-color: rgb(255,255,205);
}
#press div.scan div {
    margin: 1em;
}
#press .scan div h2 {
    margin-left: 0;
    margin-right: 0;
}
#press div.scan img {
    margin-bottom: .5em;
    border: 1px solid #000;
    width: 100%;
}
/* Prices Style*/
#contentcontainer table.pricetable {
    width: 100%;
    border-collapse: collapse;
}
#contentcontainer table.pricetable th,
#contentcontainer table.pricetable td {
    border: 0 none;
    border-spacing: 1em;
    margin: 0;
    padding: 0;
}
#contentcontainer table.pricetable tbody td, 
#contentcontainer table.pricetable tbody th {
    border: 0 none;
	padding: .5em;
}
#contentcontainer table.pricetable tbody tr:hover a,
#contentcontainer table.pricetable tbody tr:hover td, 
#contentcontainer table.pricetable tbody tr:hover th {
	background-color: rgb(136,0,0);
   color: rgb(255,255,255)
}
#contentcontainer table.pricetable tbody tr:hover a:visited {
    border-bottom-color: rgb(255,255,255);
}

#contentcontainer table.pricetable td.col2 {
    width: 3em;
    text-align: right;
}

#contentcontainer table.pricetable td.col3 {
   width: 5em;
   text-align: right;
}

#contentcontainer table.pricetable td, 
#contentcontainer table.pricetable th {
	vertical-align: top;
    line-height: 1em;
}

/* Image Gallery Style */
/*#content ul.media,
#content ul.gallery {
    overflow: hidden;
}*/
#content ul.media:after,
#content ul.gallery:after {
    content: ".";
    display: block;
    clear: both;
    height: 3px;
    visibility: hidden;
    font-size: 1px;
}
#content ul.media li,
#content ul.gallery li {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0 1em 1em 0;
}
#content ul.media a,
#content ul.gallery li a {
    display: block;
    padding: .75em;
    width: 16em;
    border: 1px solid rgb(136,0,0);
    border-width: 1px 1px 1px 5px;
    height: 8em;
}
#contentcontainer div.portrait p,
#content ul.media li img,
#content ul.gallery li img {
    display: block;
    float: left;
    margin-right: .5em;
    width: 100px;
    border: 0 none;
    /*overflow: hidden;*/
}
#contentcontainer div.portrait p:after,
#content ul.media li img:after,
#content ul.gallery li img:after {
    content: ".";
    display: block;
    clear: both;
    height: 3px;
    visibility: hidden;
    font-size: 1px;
}
#contentcontainer div.portrait {
    clear: both;
	/*overflow: hidden;*/
}
#contentcontainer div.portrait:after {
    content: ".";
    display: block;
    clear: both;
    height: 3px;
    visibility: hidden;
    font-size: 1px;
}
#contentcontainer div.portrait p {
    width: 12.1875em;
}
#contentcontainer div.portrait p img {
    width: 194px;
}
#content ul.media a {
    color: #000;
    width: 11.25em;
    height: 6.5em;
    text-decoration: none;
}
#content ul.media a span.title {
    color: rgb(136,0,0);
    text-decoration: underline;
}
#content ul.media a:hover,
#content ul.media a:focus,
#content ul.media a:hover span.title,
#content ul.media a:focus span.title {
    color: #fff;
}
#content ul.media li img {
    /*display: inline;
    float : none;
    margin-right: 0;*/
    width: 65px;
    /*border: 0 none;*/
}
#content ul.books a {
    /*xwidth: 11.25em;*/
    height: 10em;
}


p.paddened {
    padding: 2em 0;
}

#links #contentcontainer,
#guestbook #contentcontainer {
    /*overflow: hidden;*/
    background-image: none;
    width: 57.35em;
}
#links #contentcontainer:after,
#guestbook #contentcontainer:after {
    content: ".";
    display: block;
    clear: both;
    height: 3px;
    visibility: hidden;
    font-size: 1px;
}
#links #content,
#guestbook #content {
    float: none;
    width: auto;
}

form#lengths {
    position: fixed;
    top: 1em;
    right: 1em;
    width: 10em;
}
form#lengths input {
    width: 4em;
}

/* special format */
.special {
	color: #e00;
	font-weight: bold;
}

#headspecial {
	margin-bottom: 1em;
	border: 2px dashed rgb(136,0,0);
	max-width: 57.35em;
}
#headspecial #headimg {
	position: relative;
	top: -15px;
	left: 5px;
	width: 100px;
	height: 0;
}
#headspecial p.special {
	margin: 1em 1em 1em 112px;
	/*padding-left: 100px;*/
    line-height: 1.55;
}