HTML
{
   height:100%;
}
body
{
 cursor: url("https://www.saentisblick.de/pics/sonnenblume.ani"), url("https://www.saentisblick.de/pics/sonnenblume.gif"), auto;
 font-family:Verdana;
 font-size:12px;
 background-image: url(../pics/bg2.jpg);
 background-repeat: repeat-y;
 background-position: center;
 background-color:#FFFF99;
 text-align:center;
 margin:0px;
}
h1 {font-size:18px;color:#000000;margin-bottom:20px;}
h2 {font-size:14px;color:#000000;}
h3 {font-size:12px;color:#000000;}
h4 {font-size:10px;color:#000000;}

hr {height:0,1px;color:#CC3333;}

img {border: none;}

code {font-size:14px;color:#0000ff;}
pre
{
 font-family:Verdana;
 font-size:10px;
 color:#000000;
 padding:0px;
 text-align:justify;
}
a:link, a:visited, a:active, a:hover
{
  text-decoration:underline;
  font-weight:normal;
  color:#000000;
  font-size:12px;
}
a:active, a:hover
{
  color:#666666;
  text-decoration:underline;
}
a.menu {
 display:block;
 padding-left:50px;
 padding-top:3px;
 padding-bottom:3px;
 border-top:0px solid #000;
 background-color:#FFFF99;
 text-align:left;
 color:#CC3333;
 text-decoration:none;
 }
a.menu-right {
 display:block;
 padding:3px;
 border-top:0px solid #000;
 background-color:;
 text-align:left;
 color:#CC3333;
 text-decoration:none;
 }
a.menu:link, a.menu:visited
{
  color:#CC3333;
 background-color:;
 text-decoration:underline; font-weight:bold;
}
a.menu:active, a.menu:hover
{
  color:#FFFF99; font-weight:bold;
 background-color:#CC3333;
}

#title {
height:488px;
padding:0px;
background-color:;
border-bottom:0px solid #000;
}
#right {
background-color:;
width:120px;
float:right;
}
#left {
background-color:;
width:275px;
float:left;
}
#foot {
height:120px;
padding:0px 10px 0px 10px;
background-color:;
border-top:1px solid #FFFF99;
}
.menutitle{
font-weight:bold;
text-align:left;
margin:0px;
}
.menutitle-right{
font-weight:bold;
text-align:right;
margin:0px;
}
.menucontainer-left {
border:0px solid #CC3333;
background-color:;
width:215px;
margin:10px 10px 10px 50px;
}
.menucontainer-right {
border:0px solid #000000;
background-color:;
text-align:right;
width:100px;
margin:5px 10px 5px 10px;
}
#content {
border:0px solid ;
background-color:;
 background-image: url(../pics/blgif);
 background-repeat: repeat;
width:605px;
float:left;
padding:20px 10px 0px 10px;
}
table { width:100%; }
td { border:0px solid #000; vertical-align:top; overflow:hidden; }
td.links{text-align:right;padding-right:3px;z-index:10;}
td.rechts{padding-left:3px;z-index:10;}

select {
        width: 100%;
        border: 1px solid #FFFF99;
        border-bottom: 1px solid #FFFF99;
}
input {
        border: 1px solid #FFFF99;
        border-bottom: 1px solid #FFFF99;
}
textarea {
        width: 100%;
        padding-right:3px;
        border: 1px solid #FFFF99;
        border-bottom: 1px solid #FFFF99;
}


/* beginn s3slider */


#slider {
    width: 1000px; /* important to be same as image width */
    height: 388px; /* important to be same as image height */
    position: relative; /* important */
        overflow: hidden; /* important */
}
#sliderContent {
    width: 800px; /* important to be same as image width or wider */
    height: 348px;
    position: absolute;
        margin-top: 0%;
        left: -40px;
        margin-right: 0px;
        margin-bottom: 0;
}
.sliderImage {
    float: left;
    position: relative;
        display: none;
}
.sliderImage span {
    position: absolute;
        font: 20px/30px Monotype Corsiva, Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 800px;
    background-color: ;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
    opacity: 0.8;
    color: #000;
    display: none;
}
.clear {
        clear: both;
}
.sliderImage span strong {
    font-size: 40px;
}
.top {
        top: 0;
        left: 0;
}
.bottom {
        bottom: 0px;
    left: 0;
}
ul { list-style-type: none;}

/* Ende s3slider */

#cookiedingsbums a {color:#000; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums {
   outline: 1px solid #7b92a9;
   text-align:right;
   border-top:1px solid #fff;
   background: #d6e0eb;
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9));
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
   position:fixed;
   bottom:0px;
   z-index:10000;
   width:100%;
   font-size:12px;
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white;
   border-left:1px solid white;
   border-bottom:1px solid #7b92a9;
   border-right:1px solid #7b92a9;
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9));
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}



img.webcam {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img.webcam:hover {
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(3.0, 3.0);
 -moz-transform: scale(3.0, 3.0);
 -webkit-transform: scale(3.0, 3.0);
 -o-transform: scale(3.0, 3.0);
 -ms-transform: scale(3.0, 3.0);
}