body {
  background-color: #555555;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-3dlight-color: #555555;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-face-color: #101010;
  scrollbar-shadow-color: #CCCCCC;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #333333;
  background-attachment: fixed;
  margin: 0px;
  background-image: URL(images_de/background.jpg);
}

table,td,tr {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #EEEEEE;
}

a:link,a:visited,a:active {
  font-size: 11px;
  color: #F4A73C;
  text-decoration: none
}

a:hover {
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none
}

a.topnavi: {
  color: #FFFFFF;
}

a.topnavi:visited {
  color: #FFFFFF;
  text-decoration: none;
}

a.topnavi:link {
  color: #FFFFFF;
  text-decoration: none;
}

a.topnavi:hover {
  color: #FF6600;
  text-decoration: none;
}

a.pagenavi: {
  color: #F4A73C;
}

a.pagenavi:visited {
  color: #F4A73C;
  text-decoration: none;
}

a.pagenavi:link {
  color: #F4A73C;
  text-decoration: none;
}

a.pagenavi:hover {
  color: #FFFFFF;
  text-decoration: none;
}

a.pagenavi:active {
  color: #FFFFFF;
  text-decoration: none;
}

a.camnavi: {
  color: #F4A73C;
}

a.camnavi:visited {
  color: #F4A73C;
  text-decoration: none;
}

a.camnavi:link {
  color: #F4A73C;
  text-decoration: none;
}

a.camnavi:hover {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bolder;
}

a.camnavi:active {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bolder;
}

a.copy: {
  color: #FFFFFF;
}

a.copy:visited {
  color: #FFFFFF;
  text-decoration: none;
}

a.copy:link {
  color: #FFFFFF;
  text-decoration: none;
}

a.copy:hover {
  color: #FF6600;
  text-decoration: none;
}

h1 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #FFFFFF;
  display: inline;
}

h2 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bolder;
  color: #FFFFFF;
  display: inline;
}

h3 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bolder;
  color: #FFFFFF;
  display: inline;
}

h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  display: inline
}

h5 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: bolder;
  display: inline
}

h6 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bolder;
  color: #FFFFFF;
  display: inline
}

div.copy {
  margin: 20px;
  margin-bottom: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #777777;
}

.copy {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  text-align: center;
}

.main-headline {
  line-height: 38px;
  background-image: url(images_de/headline_bg.jpg);
}

.mainbg {
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #676767;
  border-bottom-color: #676767;
  border-left-color: #676767;
}

.right-headline {
  line-height: 37px;
  background-image: url(images_de/right_headbg.jpg);
}

.topnavi {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.pagenavi {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.toppipe {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 14px;
}

.camborder {
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #676767;
  border-bottom-color: #676767;
  border-left-color: #676767;
  background-image: url(images_de/cambg.jpg);
}

.picborder {
  border-width: 1px;
  border-style: solid;
  border-color: #555555;
}

.camname {
  height: 37px;
  background-image: url(images_de/cam_name.jpg);
}

.minised-navibg {
  height: 22px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CCCCCC;
  background-image: url(images_de/minised_navibg.jpg);
}

.camnavi {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/* CSS for first scrolling box */
#scrollingContainer {
  position: absolute; //
  top: 32px;
  left: 30px;
  width: 265px; /* 170 pixels in width */
  height: 124px; /* Height of box */
  /*    border:1px solid #000;  /* Black border around box */
  background-color: transparent;
  /*    background-color: #E2EBED;  /* Light blue background color */
  padding: 2px; /* A little bit of space between border of box and text inside */
  margin-right: 10px; /* Right margin of 10 pixels */
  font-size: 0.9em; /* Smaller font size than the rest of the page */
  overflow: hidden; /* Hide overflow content */
}

#scrollingContainer p h1 {
  color: white;
  font-family: verdana, arial;
}

.scrollthumb {
  width: 80px;
  border: 0; 
  padding-right: 10px;
  padding-bottom: 5px;
}

.scrolltitle {
  font-size: 14px;
  color: #ffffff;
}

.scrolltext {
  font-family: verdana;
  font-size: 11px;
  color: #ffffff;
}
/* End css for my first scrolling box */
/* CSS for my second scrolling box */