/*  2017-08-07 : validated Cascading Style Sheet : */
/*  Allgemein gültig  */
/*  lightgrey   #D3D3D3  */
/*  gainsboro   #DCDCDC  */
/*  lavender   #E6E6FA  */
/*  darkgray   #A9A9A9  */
/*  turquoise   #00ffff  */
/*         used colors : #efefef (grey) + #6699ff (blue) + #febb60 (ocker)  */
/*  alternative colors : #efefef (grey) + #6699ff (blue) + #ff9966 (ocker)  */
/*  alternative colors : #efefef (grey) + #547fff (blue) + #ff7f54 (ocker)  */
/*  alternative colors : #efefef (grey) + #66bbff (blue) + #ffbb66 (ocker)  */
/*  SiG colour #1 : #6699ff (sky blue) */
/*  SiG colour #2 : #ff9900 */ 


span {}

a #logo, a:visited #logo {
  background: linear-gradient       (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%);
  background:-moz-linear-gradient   (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* Firefox */
  background:-webkit-linear-gradient(135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* Safari, Chrome */
  background:-o-linear-gradient     (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* Opera */
  background:-ms-linear-gradient    (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* IE */
  width: 40px;
  height: 40px;
  border : 1px outset gray;
  vertical-align : 50%;
  margin-left : auto;
  margin-right : auto;
  position: relative;
}

a:hover #logo {
  background: linear-gradient       (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%);
  background:-moz-linear-gradient   (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* Firefox */
  background:-webkit-linear-gradient(135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* Safari, Chrome */
  background:-o-linear-gradient     (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* Opera */
  background:-ms-linear-gradient    (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* IE */
  border-style : inset;
  color : red;
}

a:active #logo {
  background: linear-gradient       (135deg, red 50%, red 50%);
  background:-moz-linear-gradient   (135deg, red 50%, red 50%); /* Firefox */
  background:-webkit-linear-gradient(135deg, red 50%, red 50%); /* Safari, Chrome */
  background:-o-linear-gradient     (135deg, red 50%, red 50%); /* Opera */
  background:-ms-linear-gradient    (135deg, red 50%, red 50%); /* IE */
  border-style : inset;
  color : black;
}


a #logo div {
  color : white;
  position: absolute;
  font-size: 10pt;
  bottom: 2%;
  right: 4%;
  border-width : 1px;
  display : block;
  font-family : 'Calibri', verdana, arial, sans-serif;
  z-index : 3;
}

a:hover #logo div {
  color : red;
}

#next, #prev {
  border-bottom : 1px solid var(--SiG-blue);
  padding : 0;
  width : 39px;
  height : 39px; 
  position : fixed;
  top : 0;
  z-index : 3;
}
#prev, #prev:active, #prev:visited {
  background: linear-gradient       (135deg, var(--SiG-background) 50%, var(--SiG-blue) 50%);
  background:-moz-linear-gradient   (135deg, var(--SiG-background) 50%, var(--SiG-blue) 50%); /* Firefox */
  background:-webkit-linear-gradient(135deg, var(--SiG-background) 50%, var(--SiG-blue) 50%); /* Safari, Chrome */
  background:-o-linear-gradient     (135deg, var(--SiG-background) 50%, var(--SiG-blue) 50%); /* Opera */
  background:-ms-linear-gradient    (135deg, var(--SiG-background) 50%, var(--SiG-blue) 50%); /* IE */
  left : 0;
}

#prev:hover, #prev:visited:hover {
  background: linear-gradient       (135deg, var(--SiG-background) 50%, var(--SiG-ocker) 50%);
  background:-moz-linear-gradient   (135deg, var(--SiG-background) 50%, var(--SiG-ocker) 50%); /* Firefox */
  background:-webkit-linear-gradient(135deg, var(--SiG-background) 50%, var(--SiG-ocker) 50%); /* Safari, Chrome */
  background:-o-linear-gradient     (135deg, var(--SiG-background) 50%, var(--SiG-ocker) 50%); /* Opera */
  background:-ms-linear-gradient    (135deg, var(--SiG-background) 50%, var(--SiG-ocker) 50%); /* IE */
}

#next, #next:active, #next:visited {
  background: linear-gradient       (135deg, var(--SiG-ocker) 50%, var(--SiG-background) 50%);
  background:-moz-linear-gradient   (135deg, var(--SiG-ocker) 50%, var(--SiG-background) 50%); /* Firefox */
  background:-webkit-linear-gradient(135deg, var(--SiG-ocker) 50%, var(--SiG-background) 50%); /* Safari, Chrome */
  background:-o-linear-gradient     (135deg, var(--SiG-ocker) 50%, var(--SiG-background) 50%); /* Opera */
  background:-ms-linear-gradient    (135deg, var(--SiG-ocker) 50%, var(--SiG-background) 50%); /* IE */
  right : 0;
}Fgerman


#next:hover, #next:visited:hover {
  background: linear-gradient       (135deg, var(--SiG-blue) 50%, var(--SiG-background) 50%);
  background:-moz-linear-gradient   (135deg, var(--SiG-blue) 50%, var(--SiG-background) 50%); /* Firefox */
  background:-webkit-linear-gradient(135deg, var(--SiG-blue) 50%, var(--SiG-background) 50%); /* Safari, Chrome */
  background:-o-linear-gradient     (135deg, var(--SiG-blue) 50%, var(--SiG-background) 50%); /* Opera */
  background:-ms-linear-gradient    (135deg, var(--SiG-blue) 50%, var(--SiG-background) 50%); /* IE */
}

div.SiG {
  text-indent : -30px;
  margin-left : 35px;
  margin-bottom : 10px;
  max-width : 100%;
  height : auto;
}

div.SiG a:first-of-type {
  background: linear-gradient       (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%);
  background:-moz-linear-gradient   (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* Firefox */
  background:-ms-linear-gradient    (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* IE */
  background:-o-linear-gradient     (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* Opera */
  background:-webkit-linear-gradient(135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* Safari, Chrome */
  border : 1px solid gray;
  border-radius: 50%; 
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  height: 14px;
  margin: 1px 10px 1px 0px;
  padding-right: 20px;
  position: relative;
  text-decoration : none;
  width : 0px
}

div.SiG a:first-of-type:hover { 
  background: linear-gradient       (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%);
  background:-moz-linear-gradient   (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* Firefox */
  background:-ms-linear-gradient    (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* IE */
  background:-o-linear-gradient     (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* Opera */
  background:-webkit-linear-gradient(135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* Safari, Chrome */
  border: 1px inset gray;
}

div.SiG a:first-of-type:active { 
  background: linear-gradient       (135deg, red 50%, red 50%);
  background:-moz-linear-gradient   (135deg, red 50%, red 50%); /* Firefox */
  background:-ms-linear-gradient    (135deg, red 50%, red 50%); /* IE */
  background:-o-linear-gradient     (135deg, red 50%, red 50%); /* Opera */
  background:-webkit-linear-gradient(135deg, red 50%, red 50%); /* Safari, Chrome */
}

ul.SiGButton li {
  background: linear-gradient       (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%);
  background:-moz-linear-gradient   (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* Firefox */
  background:-ms-linear-gradient    (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* IE */
  background:-o-linear-gradient     (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* Opera */
  background:-webkit-linear-gradient(135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* Safari, Chrome */
  border: 1px outset gray ;
  vertical-align : middle;
  text-indent : -28px;
  padding-left : 5px;
  margin-bottom : 10px;
  margin-left : 20px;
}

ul.SiGButton li:active {
  background: linear-gradient       (135deg, red 50%, red 50%);
  background:-moz-linear-gradient   (135deg, red 50%, red 50%); /* Firefox */
  background:-ms-linear-gradient    (135deg, red 50%, red 50%); /* IE */
  background:-o-linear-gradient     (135deg, red 50%, red 50%); /* Opera */
  background:-webkit-linear-gradient(135deg, red 50%, red 50%); /* Safari, Chrome */
  border-style: inset;
}

ul.SiGButton li:active:hover {
  background: linear-gradient       (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%);
  background:-moz-linear-gradient   (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* Firefox */
  background:-ms-linear-gradient    (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* IE */
  background:-o-linear-gradient     (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* Opera */
  background:-webkit-linear-gradient(135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* Safari, Chrome */
  border-style: inset;
}

ul.SiGButton li:hover {
  background: linear-gradient       (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%);
  background:-moz-linear-gradient   (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* Firefox */
  background:-ms-linear-gradient    (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* IE */
  background:-o-linear-gradient     (135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* Opera */
  background:-webkit-linear-gradient(135deg, var(--SiG-blue) 50%, var(--SiG-ocker) 50%); /* Safari, Chrome */
  border-style: inset;
  text-decoration : none;
  font-weight : normal;
  color : navy;
}

ul.SiGButton li:visited {
  background: linear-gradient       (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%);
  background:-moz-linear-gradient   (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* Firefox */
  background:-ms-linear-gradient    (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* IE */
  background:-o-linear-gradient     (135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* Opera */
  background:-webkit-linear-gradient(135deg, var(--SiG-ocker) 50%, var(--SiG-blue) 50%); /* Safari, Chrome */
}

ul.SiGButton li:visited:hover {
  border: solid 1px outset;
  text-decoration : none;
  font-weight : normal;
  color : var(--SiG-background);
}

/* -------------------------------------------------------------------------- */