body                { font-family: 'Comic Sans MS',Arial,Helvetica,sans-serif; font-size: 13px; background-color: #666666; color: #ff66ff; font-size: 13px; background-image:url('schluss.jpg'); background-attachment: fixed; margin: 0px; padding: 0px; border: 0px; }
h1                  { font-family: Verdana,Arial,Helvetica,sans-serif; margin: 0px 0px 20px 0px; font-size:24px; font-weight:normal; }
h2                  { margin: 30px 0px 20px 0px; font-size: 18px; font-weight:bold; }
h3                  { font-size: 13px; }
img                 { border: 0px; }
p.text              { font-size: 13px; line-height: 19px; }
a:link              { text-decoration:none; font-weight:bold; color:#000000; }
a:visited           { text-decoration:none; font-weight:bold; color:#800080; }
a:hover             { text-decoration:none; font-weight:bold; color:#000000; }
a:active            { text-decoration:none; font-weight:bold; color:#000000; }
a:focus             { text-decoration:none; font-weight:bold; color:#800080; }

#top                { position: relative; top: 0px; left: 0px; height:60px; color:#000000; background-color:#ffcc00; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; background-image:url('img/sunflowers_bg.jpg'); background-repeat:no-repeat; background-position:  right 50%;; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:20px }
#top div.left       { margin: 0px; padding: 13px 0px 0px 20px; float: left; }
#top div.right      { margin: 0px; padding: 0px 15px 0px 0px; text-align: right; font-size: 13px; font-weight: normal; }
#top div.left h1    { font-family: Georgia, Times, serif; font-size: 26px; font-style: italic; font-weight: bold; color:#000000; margin: 0px; padding: 0px 0px 4px 0px; }
#top a.titlelink    { color: #aa0000; text-decoration: none; }
#top p.left a       { color: black; text-decoration: none; }

#nav                { position: relative; left: 20px; top: 0px; float: left; margin-bottom: 20px; width:130px; color:#000; background-color: #ffffcc; font-size: 13px; padding: 0px 0px 6px 0px; border: 1px solid #ffcc00; }
#nav h3.top         { margin: 0px 0px 7px 0px; padding: 3px 10px 3px 10px; display: block; font-size: 13px; color: #000000; background: #ffcc00; text-decoration: none; font-weight: bold; }
#nav h3.sub         { margin: 10px 0px 10px 0px; padding: 3px 10px 3px 10px; display: block; font-size: 13px; color: #000000; background: #ffcc00; text-decoration: none; font-weight: bold; }

#nav ul.top         { margin: 0px; padding: 0px; }
#nav ul.sub         { margin: 6px 0px 0px 0px; padding: 6px 0px 0px 0px; border-top: 1px solid #ffcc00; }
#nav li             { list-style: none; margin: 0px; padding: 0px; }

#nav li a           { padding: 3px 10px 3px 18px; display: block; height: 13px; }
#nav li a:link      { text-decoration: none; font-weight: bold; background-image:url('img/link.gif'); background-repeat:no-repeat; background-position: 10px 3px }
#nav li a:visited   { text-decoration: none; font-weight: bold; background-image:url('img/link.gif'); background-repeat:no-repeat; background-position: 10px 3px }
#nav li a:hover     { text-decoration: none; font-weight: bold; background: #ffee99 url('img/link_mo.gif') no-repeat 10px 3px;  }
#nav li a:active    { text-decoration: none; font-weight: bold; background-image:url('img/link.gif'); background-repeat:no-repeat; background-position: 10px 3px }

#nav li a.active    { color: red; }

#subnav             { position: relative; top: 0px; left: 0px; max-width: 700px; background-image:url('img/dotted.gif'); background-repeat: repeat-x; width:expression(document.body.clientWidth > (915)? "700px" : "auto" ); z-index: 2; margin-left:180px; margin-right:30px; margin-top:0px; margin-bottom:25px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:5px; background-position-y:50% }
#subnav p.left      { margin: 0px; float: left; font-size: 13px; line-height: 16px; color: black; font-weight: bold; background-image:url('img/location.gif'); background-repeat:no-repeat; background-position:  left 50%;; padding-left:12px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#subnav p.right     { margin: 0px; padding: 0px 0px 0px 0px; text-align: right; font-size: 13px; line-height: 16px; }

#content            { margin: 0px 30px 0px 180px; color: #000; background-color: #fffff3; line-height: 19px; max-width: 700px; width:expression(document.body.clientWidth > (915)? "700px" : "auto" ); }
#content p          { padding: 0px; /*text-align: justify;*/ }
#content h1         { margin-top: 0px; margin-bottom: 20px; }

#bottom             { clear: both; margin: 40px 0px 0px 0px; height: 60px; color:#000; background-color:#ffcc00; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; }
#bottom p.left      { margin: 0px; padding: 10px 0px 0px 20px; float: left; font-size: 11px; }
#bottom p.right     { margin: 0px; padding: 10px 20px 0px 0px; text-align: right; font-size: 11px; font-weight: normal; }

.small              { font-size: 11px; }
.small-x            { font-size: 11px; color: #808080; line-height: 16px; }
.code               { font-family: courier-new, courier; font-size: 13px; color: #000080; }
.codebox            { padding: 10px; font-family: courier-new, courier; font-size: 13px; color: #000080; background: #f9f9f9; border: 1px dotted #c0c0c0; }
.codebox span.output { font-family: Courier New, Courier; font-size: 13px; color: black; }

td.scl             { width: 50%; padding-right: 10px; padding-bottom: 25px; vertical-align: top; line-height: 19px; }
td.scr             { width: 50%; padding-left: 10px; padding-bottom: 25px; vertical-align: top; line-height: 19px; }
img.teaser         { float: left; margin: 0px 7px 7px 0px; border: 1px solid black; }
img.teaser-r       { float: right; margin: 0px 0px 20px 20px; border: 1px solid black; }
img.teaser-or      { float: left; border: 0px none;; margin-left:0px; margin-right:7px; margin-top:0px; margin-bottom:7px }
img.teaser-orr     { float: right; margin: 0px 0px 20px 20px; border: 0px; }

td.inputcell       { padding: 3px 0px 3px 0px; }

/* Gästebuch */
div.gb              { margin: 0px 0px 20px 0px; padding: 0px; border: 1px solid #ffcc00; }
div.gb-author       { margin: 0px; padding: 1px 10px 1px 10px; border-bottom: 1px solid #ffcc00; background: #ffffcc; }
p.gb-author-left    { margin: 0px; float: left; }
p.gb-author-right   { margin: 0px; text-align: right; }
div.gb-entry        { margin: 10px; padding: 0px; }
p.gb-browse         { text-align: right; }
p.gb-browse a       { font-weight: bold; }
p.gb-admin-buttons  { margin: 5px 0px 0px 0px; text-align: right; }
div.news-bottom     { margin: 0px; padding: 1px 10px 1px 10px; border-top: 1px solid #ffcc00; background: #ffffcc; }
p.news-bottom-left  { margin: 0px; float: left; }
p.news-bottom-right { margin: 0px; text-align: right; }
.comment            { margin: 10px 0px 0px 0px; color: #808080; font-style: italic; }

/* News: */
p.date              { font-size: 11px; margin: 0px 0px 5px 0px; }
p.subject           { margin: 0px 0px 5px 0px; font-size: 15px; font-weight: bold; }
p.text              { margin: 0px; }
p.comments          { margin: 5px 0px 0px 0px; font-size: 11px; }
p.comment-text      { margin: 0px 0px 0px 0px; }
p.commentauthor     { margin: 20px 0px 5px 0px; }
td.comformb         { width: 145px; }
textarea.comtext    { width: 420px; height: 120px; font-family: verdana, arial, sans-serif; font-size: 13px; }
input.comdata       { width: 130px; font-family: verdana, arial, sans-serif; }
.preview            { width: 50%; margin: 30px 0px 20px 0px; font-weight: bold; border-bottom: 1px dotted #c0c0c0; color: red; }
p.comment-hl        { width: 50%; margin: 35px 0px 20px 0px; font-weight: bold; border-bottom: 1px dotted #c0c0c0; }
input.bbcode-button { width: 45px; height: 20px; font-size: 11px; font-weight: normal; margin: 0px 0px 5px 0px; background: #efefef; }
div.news-sep        { margin: 25px 0px 15px 0px; padding: 0px; font-size: 0px; width: 150px; border-top: 1px dotted #c0c0c0; }
div.comment-sep     { margin: 25px 0px 15px 0px; padding: 0px; font-size: 0px; width: 150px; border-top: 1px dotted #c0c0c0; }
a.xml               { border:1px solid; border-color:#fc9 #630 #330 #f96; padding:0 4px; font:bold 8pt Verdana,sans-serif; color:#fff; background:#f60; text-decoration:none; margin:0; }
a.xml:link { color: #fff; text-decoration: none; }
a.xml:visited { color: #fff; text-decoration: none; }
a.xml:hover { color: #fff; text-decoration: none; }
a.xml:active { color: #fff; text-decoration: none; }
input.bbcode-button    { width: 45px; height: 20px; font-size: 11px; font-weight: normal; margin: 0px 0px 5px 0px; background: #efefef; }
button.smiley-button   { width: 23px; height: 23px; font-size: 11px; font-weight: normal; margin: 0px 1px 1px 0px; background: #efefef; }

.caution            { color: red; font-weight: bold; }

table.normaltab     { border-collapse: collapse; }
td.normalcell       { margin: 0px; padding: 5px; vertical-align: top; border: 1px solid #808080; }

/* für Thumbnail-Demo: */
img.thumbnail { border: 1px solid black; margin: 0px 19px 19px 0px; }

a:link        { color: #ff00ff; text-decoration: none; }
a:visited     { color: #800080; text-decoration: none; }
a:hover       { color: #ff00ff; text-decoration: none; }
a:active      { color: #800080; text-decoration: none; }

a.textlink:link        { font-size: 18px; padding-left: 0px; color: #ff00ff; text-decoration: none;  font-weight: normal; background-repeat:no-repeat; background-position:   left top; }
a.textlink:visited     { font-size: 18px; padding-left: 0px; color: #800080; text-decoration: underline; font-weight: normal; background-repeat:no-repeat; background-position:   left top; }
a.textlink:hover       { font-size: 18px; padding-left: 0px; color: #ff00ff; text-decoration: underline; font-weight: normal; background-repeat:no-repeat; background-position:   left top;}
a.textlink:active      { font-size: 18px; padding-left: 0px; color: #800080; text-decoration: none; font-weight: normal; background-repeat:no-repeat; background-position:   left top; }

a.textlink-out:link        { padding-left: 13px; color: #0000cc; text-decoration: none;  font-weight: bold; background-image:url('img/link_extern.gif'); background-repeat:no-repeat; background-position:  left top; }
a.textlink-out:visited     { padding-left: 13px; color: #0000cc; text-decoration: none; font-weight: bold; background-image:url('img/link_extern.gif'); background-repeat:no-repeat; background-position:  left top; }
a.textlink-out:hover       { padding-left: 13px; color: #0000ff; text-decoration: underline; font-weight: bold; background-image:url('img/link_extern_mo.gif'); background-repeat:no-repeat; background-position:  left top;}
a.textlink-out:active      { padding-left: 13px; color: #ff0000; text-decoration: none; font-weight: bold; background-image:url('img/link_extern.gif'); background-repeat:no-repeat; background-position:  left top; }
a.textlink-out-s:link        { padding-left: 13px; color: #0000cc; text-decoration: none;  font-weight: normal; background-image:url('img/link_extern.gif'); background-repeat:no-repeat; background-position:  left top; }
a.textlink-out-s:visited     { padding-left: 13px; color: #0000cc; text-decoration: none; font-weight: normal; background-image:url('img/link_extern.gif'); background-repeat:no-repeat; background-position:  left top; }
a.textlink-out-s:hover       { padding-left: 13px; color: #0000ff; text-decoration: underline; font-weight: normal; background-image:url('img/link_extern_mo.gif'); background-repeat:no-repeat; background-position:  left top;}
a.textlink-out-s:active      { padding-left: 13px; color: #ff0000; text-decoration: none; font-weight: normal; background-image:url('img/link_extern.gif'); background-repeat:no-repeat; background-position:  left top; }

/* photoheader.html */
photo-main        { margin: 0px; padding: 0px; }
img               { border: 0px; }
img.photo         { border: 1px solid black; }
#photosubnav      { position: relative; top: 0px; left: 0px; background-image:url('img/dotted.gif'); background-repeat: repeat-x; z-index: 2; margin-left:20px; margin-right:20px; margin-top:0px; margin-bottom:25px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:5px; background-position-y:50% }
#photocontent     { position: relative; top: 0px; left: 0px; text-align: left; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; line-height: 19px; }
.fotonav          { width: 100%; }
.fotonavl         { width: 40%;  margin: 0px; font-size: 13px; color: black; background-image:url('img/location.gif'); background-repeat:no-repeat; background-position:  left 50%;; padding-left:12px; padding-right:0px; padding-top:0px; padding-bottom:0px }
.fotonavm         { width: 20%; text-align: center; padding: 0px 0px 0px 0px; }
.fotonavr         { width: 40%; text-align: right; padding: 0px 0px 0px 0px; }
.photocont        { text-align: center; margin: 0px 0px 0px 0px; }
.phototitle       { margin: 10px 0px 0px 0px; text-align: center; }
.photodescription { margin: 10px 0px 0px 0px; line-height: 19px; text-align: justify; }
h2.photocomment   { font-size: 13px; font-weight: bold; background-image:url('img/dotted.gif'); background-repeat: repeat-x; margin-left:0px; margin-right:0px; margin-top:20px; margin-bottom:12px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:3px; background-position-y:50% }
.small            { font-size: 11px; }
#sendphoto        { width: 642px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0px; padding: 0px; border: 0px; }
#sendphoto h2     { font-size: 13px; font-weight: bold; background-image:url('img/dotted.gif'); background-repeat: repeat-x; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:20px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:3px; background-position-y:50% }

/* Hinweis für Diashow: */
#diashow-note-ov    { position: absolute; top: 16px; right: 25px; width:300px; margin: 0px; padding: 0px; }
#diashow-note-ph    { position: absolute; top: 16px; right: 185px; width:300px; margin: 0px; padding: 0px; }
#diashow-note-top   { position: absolute; top: 0px; left: 0px; width:300px; height: 16px; margin: 0px; padding: 0px; border: 0px none; text-align: left; background-image:url('img/help_bubble_bg.gif'); background-repeat:no-repeat; z-index: 2 }
#diashow-note-body  { position: absolute; top: 16px; left: 0px; width:278px; border-left: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; margin: 0px; padding: 10px 10px 10px 10px; color: #000; text-align: left; background: #ffffcc; z-index: 2; }
#diashow-note-body h1 { margin: 0px; padding: 0px 0px 3px 0px; font-size: 13px; color: red; font-weight: bold; }
#diashow-note-body p.text  { margin: 0px; padding: 0px; }
#diashow-note-body p.js    { margin: 7px 0px 0px 0px; padding: 0px; font-size: 11px; line-height: 16px; }
#diashow-note-body p.close { position: absolute; top: 5px; right: 10px; margin: 0px; padding: 0px; text-align: right; font-size: 11px; }