body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Arial,Helvetica,sans-serif;
margin: 0; 
padding: 5px;
background: url(back.jpg);
}

#titelgrafik {
border:0;
width:100%;
text-align:center;
}

#titelgrafik img {
text-align:center;
width:800px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
}

ul#Navigation {
font-size: 0.83em;
position: absolute;
left: 0.5em;
top: 91px;
width: 12em;
margin: 0 0 1.2em 0; 
padding: 0 0 0 0;
border-right: 1px solid #777;
border-left: 1px solid #777;
border-top: 1px solid #777;
}

ul#Navigation li {
list-style: none;
margin: 0px; padding: 0px;
border-bottom: 1px solid #777;
background-color: #fafafa;
}

ul#Navigation a, ul#Navigation a:visited, ul#Navigation a:active, ul#Navigation  li.navtitel {
display: block;
padding: 5px 5px 5px 25px;
margin: 0 0 0 0;
font-weight: bold;
color: black; 
text-decoration: none;
background: #fafafa url(grafiken/sonne2.gif) no-repeat 5px 0.5em;
}
ul#Navigation ul {
margin:0;
padding:0;
background:transparent;
}
ul#Navigation li li {
border:0;
background:transparent;
}
ul#Navigation li li a, ul#Navigation li li a:visited, ul#Navigation li li a:active
{
font-weight:normal;
background:transparent;
padding: 2px 2px 2px 10px;
}
ul#Navigation li li a:hover {
text-decoration:underline;
background:0;
}
ul#Navigation a:hover, ul#Navigation  li.navtitel:hover {
text-decoration:none;
background: #e0e5ff url(grafiken/sonne.gif) no-repeat 5px 0.5em;
}

ul#Navigation a.active {
color:#aa2c2c;
}

ul#Navigation li li a.active {
font-weight:bold;
}


/* IE Bug */
* html ul#Navigation a {
height: 1em;
}

ul#Navigation strong {
color:#ffaa00;
margin-left:1em;
font-style:italic;
}
div#Info {
font-size: 0.9em;
position:absolute;
top:24em;
left:0.4em;
margin: 0 0 1.1em; padding: 0;
background-color: #fafafa; 
border: 1px solid black;
width: 180px;
}

div#Inhalt {
margin: 1px 0.1em 1em 10.5em;
padding: 1em 1em 1em 1em;
border: 1px solid black;
background-color: #fafafa;
}

* html div#Inhalt {
height: 1em;  /* 3-Pixel-Bug IE */
}

div#Inhalt h1.Titel {
font-size: 1.3em;
margin: 0 0 0.5em 0; 
padding: 0.3em;
text-align: left;
color:black;
font-family: Arial,Helvetica,sans-serif;
background:url(grafiken/titel.jpg) repeat-y right #ccf;
}

div#Inhalt h2 {
font-size: 1.2em;
margin: 0px;
padding: 0px;
}
div#Inhalt h3 {
font-size: 1em;
margin: 0.5em 0 0em;
}
div#Inhalt h6 {
font-size: 0.6em;
margin: 0 0 0.6em 0;
}
div#Inhalt p, div#Inhalt li {
font-size: 0.8em;
margin: 0.7em 0;
}

p#Fusszeile {
font-size: 0.7em;
margin: 0 0 0 14.5em; 
padding: 0.1em;
text-align: center;
}

p#Fusszeile img {
vertical-align:middle;
margin-left: 10px;
margin-right: 10px;
}

.small {
font-size:0.75em;
}

table.small, table.normal {
border-collapse:collapse;
margin-top: 0.7em;
margin-bottom: 0.7em;
}

.small tr {
background-color: #f9f9f9;
}

.small tr.dark {
background-color: #f0f0f0;
}

.small td, .small th {
border: 1px solid #dddddd;
padding: 0.05em 0.3em;
}

.small th
{
background-color: #eaeaea;
}

.normal {
font-size:0.8em;
}

.normal tr {
background-color: #f9f9f9;
}

.normal td, .normal th {
border: 1px solid #dddddd;
padding:0.1em 0.4em 0.1em 0.4em;
}

.normal tr.dark, .normal th {
background-color: #f0f0f0;
}

.normal th {
background-color: #eaeaea;
}


input {
margin-top:1px;
margin-bottom:0px;
}

.noborder {
border:0px solid;
}

div.mycontent#Inhalt a, .bilder a {
text-decoration: none;
color:navy;
font-weight: bold;
/*font-size:10pt;*/
}

div.mycontent#Inhalt a:hover , .bilder a:hover {
text-decoration: underline;
}

.box
{
background-color:#eeeeee;
padding:4px;
border-width:1px;
border-color:#aaaaaa;
border-style:solid;
margin-top:15px;
margin-bottom:5px;
}

.i
{
font-family:"Times New Roman", serif;
}

img {
border:0px;
}

img.left {
float:left;
margin-right:10px;
margin-bottom:4px;
}

p.imgtext {
clear:both;
}

#gaestebuch {
}

#gaestebuch table.haupt {
width:620px;
border-spacing:7px;
}

#gaestebuch .komment {

}

#gaestebuch .beitrag {
text-align:left;
font-size:0.8em;
border:2px solid #dddddd;
background-color: #f6f6f6;
vertical-align:top;
padding:5px;
}

#gaestebuch td.info {
width:140px;
border:2px solid #dddddd;
background-color: #f6f6f6;
}

#uw_text {
padding:3px;
font-size:0.7em;
background:#e0e5ff;
}

#uw_text img {
margin:1px;
}

#uw_text2 {
padding:2px;
font-size:0.7em;
background:url('grafiken/achtung.gif') no-repeat center 2px;
}

#uw_text3 {
padding:2px;
font-size:0.9em;
}

/* Webcam */
#webcam {
border:1px solid #999;
width:800px;
min-height:629px;
height:auto !important;
height:629px; /* IE */
}

#webcam #webcam_head {
width:800px; 
background: #dfdfdf; 
padding: 0px; 
font-weight: bold;
height: 36px;
}

#webcam #webcam_head2 {
padding:0px;
margin:0;
text-align:left;
padding: 0px 5px 3px 5px;
background:#f5f5f5;
font-size:0.9em;
}

#webcam #webcam_head3 {
margin-top:3px;
/* float:left; */
}

#webcam .webcam_button, 
#webcam #webcam_head2 .button, 
#webcam .webcam_headlink .button {
border:1px solid #999;
font-size:1em;
padding:0px 2px;
margin: 0px 2px 0px 2px;
}

#webcam .webcam_button:hover,
#webcam #webcam_head2 .button:hover,
#webcam .webcam_headlink .button:hover {
background:#fff;
}

#webcam #webcam_head2 .select {
border:1px solid #999;
font-size:1em;
}

#webcam .webcam_headlink {
float:left;
margin-left:10px;
background: #fff;
padding:3px 6px;
margin:4px;
border: 1px solid #bbb;
}

#webcam .webcam_headlink .button {
font-size: 0.7em;
}

#webcam .webcam_headlink a {
font-size:1.05em !important;
color: #555 !important;
border-bottom: 1px dotted #555;
}

#webcam .webcam_headlink a:hover {
text-decoration:none !important;
}

#webcam .webcam_headlink_selected {
background:#e9e9ff;
border: 1px solid #99f;
}

#webcam .webcam_headlink_selected a {
color: #111 !important;
}

#webcam #webcam_archiv {
list-style-type:none;
width:100%;
min-height:570px;
height:auto !important;
height:570px; /* IE */
/* overflow:scroll; */
padding:0px;
margin:0;
}

#webcam ul#webcam_archiv li ul {
list-style-type:none;
margin: 0 0 0 0; 
padding:0;
padding: 0 0 20px 0; 
}

#webcam ul#webcam_archiv li {
clear:both;
width:100%;
margin: 0 0 0 0; 
padding-top: 2px;
}

#webcam .webcam_archiv_titel {
border-bottom:1px solid #9d9;
font-size:1.1em;
padding:5px;
margin-top:3px;
background:#efe;
font-weight:bold;
}

#webcam ul#webcam_archiv li li {
clear:none;
float: left;
margin:1px;
padding:3px;
background: #fff;
border: 5px #f8f8f8 solid;
text-align:center;
width:100px;
height:115px;
border:1px solid #dddddd;
vertical-align:bottom;
}

#webcam ul#webcam_archiv li li a {
font-size:1.2em;
}

* html #webcam ul#webcam_archiv li li {
height:115px;
}

#webcam ul#webcam_archiv li a {
vertical-align:bottom;
}

#webcam .strgrp {
float:right;
font-size:0.8em;
text-align:center;
margin-left: 18px;
}

#webcam .strgrp em {
color: #888;
}

#webcam .thumbinfo {
font-size:0.95em;
color:#888;
}

#webcam .archivwahl {
position: absolute; 
top: 1.5em; 
left: 0.3em;
width:15em;
border:1px solid #999; 
background:#eeffee; 
display:none; 
z-index:10000;
font-size: 0.8em;
padding:5px;
font-weight: normal;
}

#webcam .archivwahl a.aw {
border:0;
text-decoration: underline !important;
font-weight: normal !important;
}