/* Start of CMSMS style sheet 'basis' */
/*Stylesheet fuer hubertus-helfenbrunn.de */

/** Seitenlayout **/
body {
 text-align: center;
 margin: 0;
 padding: 0;
}
body#tinymce {
text-align: left;
}

#nav, #all, #fot {
 width: 90%;
 max-width: 900px;
 margin: auto;
 text-align: left;
}
/* Fixierte Navigation oben */
#navwrap {
 position: fixed;
 width: 100%;
 top: 0;
 height: 42px;
 overflow: visible;
 z-index: 200;
}
#nav {
 position: relative; top:0; left:0;
 min-height: 30px;
 padding-top: 0px;
 padding-bottom: 0px;
 font-size: 15px;
 margin-top: 12px;
 background: #d1d8c1 url('/style/nav-bg.jpg') top center;
}
#nav div.pad {
 margin-left: 125px; /* Logo.width + Logo.left + 5 */
}

/* Hauptbereiche */
#all, #fot {
 text-align: left;
 margin: auto;
 margin-top: 10px;
 padding: 0;
}
#all {
 margin-top: 42px;
}
#hdr {
 padding-bottom: 10px;
 background: #4A7C48 url('/style/hgrad.png') repeat-x bottom;
 border-bottom: 1px solid #6B9366;
 color: black;
}
#hdr h1 {
 color: black;
 font-size: 30px;
 padding: 0;
 line-height:1em;
 margin-bottom: 0.0em;
 padding-top:0.4em;
}
#hdr h1 img {
 margin-top: 10px;
}
#logo {
 float: left;
 position: relative;
 top: -20px;
 left: -30px;
 z-index: 300;
}
body, #navwrap {
 background: white url('/style/bodybg.png') repeat-x 0px 0px fixed; /*#782019*/
}
#bdy {
 text-align: left;
 background-color: #FFF7EB;
 margin: 0;
 min-height: 24em;
 padding: 0.2em 2em 1em 2em;
 font-size:1.2em;
}
#fot {
 text-align: center;
 font-size: 80%;
 line-height: 1em;
 margin-top: 12px;
 margin-bottom: 1em;
 color: white;
}

/* Fuer Layout mit Spalte rechts */
div#rechts {
 float: right;
 width: 200px;
 font-size: 90%;
 border-bottom: 1px solid #666;
}
div#rechts h3, div#rechts h4 {
 padding: 0.2em 0;
 border-top: 2px solid #666;
 border-bottom: 1px solid #666;
}

#path a { text-decoration: none; }
#bor {
 background: #d1d8c1 url('/style/bor-bg.jpg') bottom center;
 height: 1em;
 text-align: center;
 line-height: 1em;
 padding: 1.5em 0.5em;
 margin-bottom: 30px;
}

/* Glow effect around main box */
#all { position: relative; }
.glow {
 position: absolute;
 width: 16px;
 height: 16px;
 background: url('/style/corners.png') no-repeat;
}
.tl { top: -16px;    left: -16px; }
.tm { top: -16px;    left: 0;      width: 100%;  background: url('/style/horizontal.png') repeat-x; }
.tr { top: -16px;    right: -16px;               background-position: 100% 0; }
.sl { top: 0;        left: -16px;  height: 100%; background: url('/style/vertical.png') repeat-y; }
.sr { top: 0;        right: -16px; height: 100%; background: url('/style/vertical.png') repeat-y 100% 0; }
.bl { bottom: -16px; left: -16px;                background-position: 0 100%; }
.bm { bottom: -16px; left: 0;      width: 100%;  background: url('/style/horizontal.png') repeat-x 0 100%; }
.br { bottom: -16px; right: -16px;               background-position: 100% 100%; }

/* Startseite */
#bdy.index {
background: #D1D8C1 url('/style/startbg.png') repeat-x 0 0 scroll;
border-bottom: 1px solid #50814d;
}
div#fotos, div#passepartout {
 position: absolute;
 top: 0;
 right: 0;
 width: 360px;
 height: 640px;
 z-index: 20;
}
div#fotos img {
 display: block;
 position: absolute;
 width: 230px;
 height: 173px;
}
div#passepartout {
 background: url('/style/passpartout.png') no-repeat scroll;
 z-index: 25;
}
div#collage {
 position: relative;
 height: 590px;
 z-index: 30;
}
div#collage img {
 position:absolute;
}
div.txt {
 position: relative;
 z-index: 100;
}

/* Formatting */
html, body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 line-height: 1.125em; /* 16x1.125=18 */
}

#hdr, #bdy, #fot {
 font-size: 0.9em;
 line-height: 1.2em;
}

a { color: #700C18; }
a:visited { color: #000; }
a:focus, a:hover { color: #782019; }
a.ext:after { content:url("/style/icon-external-link.gif"); margin-left: 5px; }

h1, h2, h3 {
 color: #003E2A;
}

#bdy p {
 text-align: justify;
}
#bdy ul {
 list-style-type: square;
}
th, td {
 text-align: left;
 vertical-align: top;
}
img {
 border: none;
}
a.obfumail img {
 vertical-align: middle;
}
a.obfumail:hover {
 border-bottom: 1px dotted #781D19;
}
.inl {
 display: inline;
}
.blue {
 color: #0093DD;
}

.print { display: none; }
.screen { display: inline; }

td, th {
 padding: 0.2em;
}
th {
 border-top: 3px solid black;
 border-bottom: 1px solid black;
 font-weight: bold;
}

.ungerade, tr.ungerade td, th {
 background-color: white;
}
tr.last td {
 border-bottom: 3px solid black;
}

.initial {
 float: left;
 font-size: 300%;
 line-height: 0.85em;
 margin-right: 0.03em;
 margin-bottom:-0.25em;
 font-family: serif;
 color: #003E2A;
}
.clear {
 clear: both;
}
.ext {}
div.person {}

/* EOF */
/* End of 'basis' */