body {
  font-family:Tahoma, sans-serif;
  font-size:10pt;
  text-align:center;
  background-color:white;
  background-image:url(img/bg.png);
  color:black;
  margin:0; padding:0px;
}

img {
  padding:0;
  margin:0;
  border-style:none;
}

.page {
  width:894px;
  text-align:left;    /* Seiteninhalt wieder links ausrichten */
  border:1px solid black;
  border-top-style:none;
  background-color:white;
  margin:0 auto;      /* standardkonforme horizontale Zentrierung */
  min-height:350px;
}

.head {
  background-image:url(img/head2.png);
  background-position:right;
  background-repeat:no-repeat;
  height:126px;
}


.header_bg {
  height:177px;
  background-image:url(img/top_bg.png);
  background-position:left;
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:0;
}

.darkbar {
  background-image:url(img/bardark.png);
  height:23px;
  padding:6px 2px 0 5px;
  color:Silver;
  font-weight:bold;
}

.subbar {
  height:22px;
  background-image:url(img/bardark_shad.png);
  background-repeat:repeat-x;
}

.lightbar {
  height:18px;
  padding:4px 8px 0 15px;
  background-image:url(img/barlight.png);
  background-repeat:no-repeat;
  background-position:right;
  float:left;
}

.lightbar a {
  text-decoration:none;
}

.darkbar a {
  color:white;
  text-decoration:none;
}

.darkbar a:hover {
  color:Silver;
}


div.clearer  {clear:  right;  line-height:  0;  height:  0;}


.subbox {
  float:right;
  margin:30px 0;
  width:240px;
  height:84px;
  font-size:9pt;
}


.subbox_info {
  height:20px;
  font-size:9pt;
  color:white;
}

.subbox a {
  color:#404040;;
}

.subbox a:hover {
  color:black;
}

fieldset {
  border:0;
  margin:0;
  padding:0;
}

.subbox input {
  font-size:8pt;
}


.main {
  min-height:100px;
  padding:5px 5px 5px 10px;
}

.icon {
  vertical-align:bottom;
  border:none;
}

.sidebar {
  width:300px;
  float:right;
}

.sidebar h1 {
  margin-top:5px;
  margin-bottom:5px;
  font-size:10pt;
  border-bottom:solid 1px gray;
  padding:3px 3px 0 3px;
}

.contentbox {
  width:500px;
  border:solid 1px gray;
  padding:5px;
  margin-bottom:20px;
}

.smalltext {
  color:gray;
  font-size:8pt;
  margin:0;
  padding:0;
}

a.simple {
  text-decoration:none;
}

form {
  margin:0;
}

h1.contentbox_title {
  margin-top:5px;
  margin-bottom:0;
  font-size:12pt;

  background-image:url(img/h1_bg.png);
  background-repeat:repeat-x;
  display:inline;
  padding:3px 3px 0 3px;
  max-width:500px;
  white-space:normal;
}

.ff
{
background-color:#CCCCCC;
}

ul {
  padding-left:16px;
}

li {
  margin-bottom:3px;
}


a {
  color:#404040;
  text-decoration:underline;
}

a:hover {
  color:black;
}


a:active {
  color:Black;
}

h1 a {
  text-decoration:none;
}

h1 {
  font-size:12pt;
  margin:0 0 1em 0;
}

p {
  margin-top:0.5em;
  margin-bottom:0.5em;
}

label {
  cursor:pointer;
  color:#404040;
  margin-top:3px;
}

td {
  vertical-align:top;
}

.smalltab {
  margin:0;
  padding:0;
}

.smalltab td {
  margin:0;
  padding:0 4px 0 0;
}

.smalltab tr {
  margin:0;
  padding:0;
}

.formtab {
  margin:10px;
  padding:0;
}

.formtab td {
  margin:0;
  padding:3px 4px 6px 0;
}

.formtab tr {
  margin:0;
  padding:0;
}

td.title {
  text-align:right;
}

th {
  text-align:right;
  padding-right:0.5em;
  vertical-align:top;
}

.user_m {
  color:#3F7CC7;
  text-decoration:none;
}

.user_m:hover {
  color:#2E619E;
  text-decoration:none;
}

.user_w {
  color:#F50AD2;
  text-decoration:none;
}

.user_w:hover {
  color:#A90791;
  text-decoration:none;
}

.user_na {
  color:#666666;
  text-decoration:none;
}

.user_na:hover {
  color:#4B4B4B;
  text-decoration:none;
}

.smallcampic {
  border:solid 1px silver;
  width:160px;
  height:120px;
}

.tinycampic {
  border:solid 1px silver;
  width:48px;
  height:36px;
}

div.boxError
{
  border:solid 2px red;
  padding:0;
  margin:8px;
  background-color:white;
  width:484px;
}

div.boxSuccess
{
  border:solid 2px green;
  padding:0;
  margin:8px;
  width:484px;
}

div.boxInfo
{
  border:solid 2px yellow;
  padding:0;
  margin:8px;
  width:484px;
}

table.webcams
{
  margin:0;
  padding:0;
}


table.webcams td
{
  margin:5px;
  padding:1px;
  border:solid 1px #E1E1E1;
  background-color:#EFEFEF;
}

.right
{
  text-align:right;
}

.webcampic
{
  width:320px;
  height:240px;
  border:solid 1px silver;
}

div.snapshot
{
  width:320px;
  margin:0 0 15px 5px;
}

.nodecoration a
{
  text-decoration:none;
}

.indent
{
  padding-left:1em;
}

div.galViewPicOuter
{
  position:absolute;
  top:20px;
  left: 50%;
  margin-left:-260px;
  width:520px;
  border:solid 6px white;
  z-index:101;
}

div.galViewPicInner
{
  border:solid 1px black;
  background-image:url(img/transp_bg.png);
  padding:5px;
}

.darkenBackground {
  background-color: rgb(0, 0, 0);
  opacity: 0.7; /* Safari, Opera */
  -moz-opacity:0.70; /* FireFox */
  filter: alpha(opacity=70); /* IE */
  z-index: 100;
  height: 100%;
  width: 100%;
  background-repeat:repeat;
  position:fixed;
  top: 0px;
  left: 0px;
}