/*
CSS for Ilgen Web Site
*/

body {
 font-face: blacklightd, oldlondon;
 font-style: italic;
 /* font-size: large; */
 background-color: black; transparent;
 padding: 15px;
 margin: 0 0 0 0; 

}

::-webkit-scrollbar,
  -moz-scrollbar,
  -ms-scrollbar,
  -o-scrollbar {
  width: 17px;
  height: 17px;
  background-color: transparent; #808080;
/* border-style: 3px solid; */
  border: 1px solid white;
}
::-webkit-scrollbar-shadow,
  -moz-scrollbar-shadow,
  -ms-scrollbar-shadow,
  -o-scrollbar-shadow {
    background-image: linear-gradient(to top, #808080 10%, black 90%);
  
}
::-webkit-scrollbar-button,
  -moz-scrollbar-button,
  -ms-scrollbar-button,
  -o-scrollbar-button {
  background-image: linear-gradient(to top, #808080 10%, black 90%);
  width: 14px;
  height: 14px;
}
::-webkit-scrollbar-button:hover,
  -moz-scrollbar-button:hover,
  -ms-scrollbar-button:hover,
  -o-scrollbar-button:hover {
   background-image: linear-gradient(to top, #808080 10%, white 90%);
}
::-webkit-scrollbar-button:active,
  -moz-scrollbar-button:active,
  -ms-scrollbar-button:active,
  -o-scrollbar-button:active {
   background-image: linear-gradient(to top, #808080 10%, #5e2028 90%);
}
::-webkit-scrollbar-thumb,
  -moz-scrollbar-thumb,
  -ms-scrollbar-thumb,
  -o-scrollbar-thumb {
  background-image: linear-gradient(to top, #808080 10%, black 90%);
 /* border: 3px none #ffffff; */
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover,
  -moz-scrollbar-thumb:hover,
  -ms-scrollbar-thumb:hover,
  -o-scrollbar-thumb:hover {
   background-image: linear-gradient(to top, #808080 10%, white 90%);
}
::-webkit-scrollbar-thumb:active,
  -moz-scrollbar-thumb:active,
  -ms-scrollbar-thumb:active,
  -o-scrollbar-thumb:active {
   background-image: linear-gradient(to top, #808080 10%, #5e2028 90%);
}
::-webkit-scrollbar-track,
  -moz-scrollbar-track,
  -ms-scrollbar-track,
  -o-scrollbar-track {
  shadow-color: red;
  background: transparent; 
  border: 10px  whith;
  border-radius: 0;
}
/*
::-webkit-scrollbar-track:hover,
  -moz-scrollbar-track:hover,
  -ms-scrollbar-track:hover,
  -o-scrollbar-track:hover {
  background: ;
} */
/*
::-webkit-scrollbar-arrow,
  -moz-scrollbar-arrow,
  -ms-scrollbar-arrow,
  -o-scrollbar-arrow {
  color: white; #333333;
} */
::-webkit-scrollbar-track:active,
  -moz-scrollbar-track:active,
  -ms-scrollbar-track:active,
  -o-scrollbar-track:active {
  background: transparent;
} 
::-webkit-scrollbar-corner,
  -moz-scrollbar-corner,
  -ms-scrollbar-corner,
  -o-scrollbar-corner {
  shadow-color: red;
  background: transparent;
}


h1{
 font-family: oldlondon;
 padding: 0,1px;
 letter-spacing: 0,1em;
 font-style: italic;
 font-size: small;
 font-weight: bold;
 background-color: transparent;
 color: #808080;
 position: center;
 float: center; 
}

h2{
 font-family: oldlondon;
 padding: 10px;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: xx-large;
 font-weight: bold;
 background-color: transparen;
 color: #808080;
}

h3{
 font-family: blacklightd, oldlondon;
 padding: 1px;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: medium;
 font-weight: bold;
 background-color: transparent;
 color: #808080;
}

h4{
 font-family: blacklightd, oldlondon;
 padding:   0,1px;
 letter-spacing: 0,1em;
 font-style: italic;
 font-size: x-small;
 font-size: 6pt;
 line-height: 1,5em;
 font-weight: bold;
 color: black; #808080;
 

}

h5{
 font-family: blacklightd, oldlondon;
 padding: 0,1px;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: 0;
 font-size: 6pt;
 line-height: 1,5em;
 font-weight: bold;
 background-color: transparent;
 color: #808080;

}

h6{
 font-family: blacklightd; 
 padding: 10px;
 letter-spacing: 0.1em;
 font-size: large;
 font-weight: bold;
 background-color: transparent;
 color: #808080;
 position: center;
 float: center;
}

h7{
 font-family: blacklightd, oldlondon;
 padding: 10px;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: medium;
 font-weight: bold;
 background-color: transparent;
 color: white; #808080;
 position: center;
 float: center;
}

h8{
 font-family: blacklightd, oldlondon;
 padding: 1px;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: small;
 font-weight: bold;
 line-height: 1,5em;
 background-color: transparent;
 color: white; #808080;
}

h9{
 font-family: blacklightd, oldlondon;
 padding: 1px;
 letter-spacing: 0.1em;
 font-style: italic;
 font-size: medium;
 font-weight: bold;
 background-color: transparent;
 color: black; #808080;
}

h10{
 font-family: blacklightd; 
 padding: 10px;
 letter-spacing: 0,1em;
 font-size: x-large;
 font-weight: bold;
 background-color: transparent;
 color: black;
 position: center;
 float: center;
}

h1{
 font-size: small;
}

h2{
 font-size: xX-large;
}

h3{
 font-size: medium;
}

h4{
 font-size: X-small;
}

h5{
 font-size: x-small;
}

h6{
 font-size: large;
}



p {

}


a {
 color: #808080;
}

a:link {
 text-decoration: none;
 color: #808080;
}

a:visited {
 text-decoration: none;
 color: #808080; 
}

a:hover {
 text-decoration: none;
 color: white;
}

a:active {
 color: #5e2028;
}


.object {
    -webkit-appearance: none;
    -moz-appearance: None;
    -ms-appearance: None;;
    -o-appearance: None;;  
    float: left;
    text-shadow: 10px 11px 12px white;
    border: 1px solid silver;
    box-shadow: 
    background-size: 100% 100% ;

}


.buttontext  {
     position: center;
}

input {
  font-family: blacklightd;
  width: 273px;
  background-color: white; 
  font-size: 1.1em; 
  font-weight: 300;
  color: black;
  border: 1px solid silver;
  background-image: linear-gradient(to top, #808080 10%, white 90%);
  border-radius: 0px;
}

input[type="submit"] {
  font-family: blacklightd;
  width: 173px;
  background-color: white; 
  font-size: 1.1em; 
  font-weight: 300;
  color: black;
  border: 1px solid silver;
  background-image: linear-gradient(to top, #808080 10%, white 90%);
  border-radius: 0px;
}
  
input[type="reset"] {
  font-family: blacklightd;
  width: 173px;
  background-color: white; 
  font-size: 1.1em; 
  font-weight: 100;
  color: black;
  border: 1px solid silver;
  background-image: linear-gradient(to top, #808080 10%, white 90%);
  border-radius: 0px;
}

input[type="checkbox"] {
  -moz-appearance: None;
  -webkit-appearance: none;
  font-family: blacklightd;
  width: 14px;
  height: 14px;
  background: transparent;
  font-family: blacklightd;
  margin: 0 14px 0 37px;
  font-size: 3em; 
  font-weight: 100;
  color: black;
  border: 1px solid silver;
  background-image: linear-gradient(to top, #808080 10%, white 90%);

}

input[type="checkbox"]:checked {
   background-image: linear-gradient(to top, #808080 10%, #5e2028 90%);

}


input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: None;
  -ms-appearance: None;;
  -o-appearance: None;;  
  width: 14px;
  height: 14px;
  background: transparent;
  font-family: blacklightd;
  margin: 0 14px 0 37px;
  font-size: 3em; 
  font-weight: 100;
  color: black;
  border: 1px solid silver;
  background-image: linear-gradient(to top, #808080 10%, white 90%);

}

input[type="radio"]:checked {
  background-image: linear-gradient(to top, #808080 10%, #5e2028 90%);

}

input[type="link"] {
  font-family: blacklightd, OldLondon;
  fond-style: italic;
  background-image: url("site-dateien/website-button.jpg");
  background-size: 100% 100% ;
  font-weight: 10%;
  color: #808080;
  
}

textarea {
   background:url(textarea-background-image.png) top right no-repeat;
   background-image: linear-gradient(to top, #808080 10%, white 90%);
   background-color: white;
   background-size: 100%;
   border-radius:6px; 
   border:2px solid silver;
   outline: none; 
   font-family: blacklightd;
}

select {
   background-image: linear-gradient(to top, #808080 10%, white 90%);
   background-color: white; 
   width: 279px; 
   font-size: 1.1em; 
   font-family: blacklightd;
   font-weight: 300;
}

#formular1 {
  display: block;
  position: absolute;
  width: 50%;
  float: left;
  margin: 0 0 0 0; 
}

#formular2 {
  display: block:
  position: absolute;
  width: 50%;
  margin: 0 0 0 330px; 
}

#formular3 {
  display: block;
  position: relative;
  margin: 0 0 0 0; 
}

#header {
  font-family: oldlondon;
  font-style: italic;
  text-shadow: 10px 11px 12px white;
  text-align: center;
  color: #808080;

}

#heder:hover {
  width: 300px;

} 

#contact {
  text-align: center;
  
}

#ornament {
  text-align:  center;
  height:  10px;
  position: relative;
  float:  center;
  padding: relative;
  background-color: transparent;
  
}

input#box1, input#box2,input#box3,input#box4,input#box5 {
   display: none;
    
}
label { cursor: pointer }


#textwrapper {
  position: relative;
  text-align: center;
  float: left;
  width: 100%;
  height: 900px;
  overflow: hidden;
  margin: auto;
  
}

#textwrapper .switch {
  position: relative;
  left: 50px;
  height: 50px;
  width: 50px;
  float: left;
  font-family: blacklightd;
  line-height: 2.3em;
  color: white; /*rgba(0,0,0,0.3); */
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;         

}
#textwrapper .switch:hover {
  opacity: 1;
        
        margin: 10px 0 0 0;
	border: 0px solid white;
	border-radius: 3%;
        /*background-image: linear-gradient(to top, white 10%, transparent 90%);*/
       /* box-shadow: 10px 10px 10px white inset;  */
	color: #5e2028; white;
	background-color: transparent;        
	transition: all .25s ease-in;
        -webkit-transition: all .25s ease-in;
        -moz-transition: all .25s ease-in;
        -ms-transition: all .25s ease-in;
        -o-transition: all .25s ease-in;
	
}
#textwrapper .holder {
  position: relative;
  width: 100%;
  

}
#pic1 object,
#pic2 object,
#pic3 object,
#pic4 object,
#pic5 object {
  position: absolute;
  top: 0;
  left: 0;
  margin: 100px 0px 10px 0px;
  opacity: 0;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}
#textwrapper #box1:checked ~ div#pic1 object,
#textwrapper #box2:checked ~ div#pic2 object, 
#textwrapper #box3:checked ~ div#pic3 object,
#textwrapper #box4:checked ~ div#pic4 object, 
#textwrapper #box5:checked ~ div#pic5 object  {
    opacity: 1;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}

#textwrapper #box1:checked ~ div { margin-left: 0px }
#textwrapper #box2:checked ~ div { margin-left: -50px }
#textwrapper #box3:checked ~ div { margin-left: -100px }
#textwrapper #box4:checked ~ div { margin-left: -150px }
#textwrapper #box5:checked ~ div { margin-left: -200px }
#textwrapper #box0:checked ~ div { margin-left: -250px }





#box1:checked ~ div #zwei::after {
  top: 3px;
  left: 130px;
  position: absolute;
  display: block;
  font-size: medium;
  background-image: url("site-dateien/website-button.jpg");
  background-size: 100% 100%;
  width: 176px;
  height: 50px;
  content:">>NR.2>>"; 
  z-index: 2;
 /* -webkit-transition: 1s;
       -moz-transition: 1s;
        -ms-transition: 1s;
         -o-transition: 1s;
            transition: 1s; */
        
}

#box2:checked ~ div #eins::before {
  top: 3px;
  left: 30px;
  position: absolute;
  display: block;
  font-size: medium;
  background-image: url("site-dateien/website-button.jpg");
  background-size: 100% 100%;
  width: 176px;
  height: 50px;
  content:"<<NR.1<<";
  z-index: 2;
}
#box2:checked ~ div #drei::after {
  top: 3px;
  left: 130px;
  position: absolute;
  display: block;
  font-size: medium;
  background-image: url("site-dateien/website-button.jpg");
  background-size: 100% 100%;
  width: 176px;
  height: 50px;
  content:">>NR.3>>";
  z-index: 2;
}
#box3:checked ~ div #zwei::before {
  top: 3px;
  left: 30px;
  position: absolute;
  display: block;
  font-size: medium;
  background-image: url("site-dateien/website-button.jpg");
  background-size: 100% 100%;
  width: 176px;
  height: 50px;
  content:"<<NR.2<<";
  z-index: 2;
}
#box3:checked ~ div #vier::after {
  top: 3px;
  left: 130px;
  position: absolute;
  display: block;
  font-size: medium;
  background-image: url("site-dateien/website-button.jpg");
  background-size: 100% 100%;
  width: 176px;
  height: 50px;
  content:">>NR.4>>";
  z-index: 2;
}
#box4:checked ~ div #drei::before {
  top: 3px;
  left: 30px;
  position: absolute;
  display: block;
  font-size: medium;
  background-image: url("site-dateien/website-button.jpg");
  background-size: 100% 100%;
  width: 176px;
  height: 50px;
  content:"<<NR.3<<";
  z-index: 2;
}
#box4:checked ~ div #fünf::after {
  top: 3px;
  left: 130px;
  position: absolute;
  display: block;
  font-size: medium;
  background-image: url("site-dateien/website-button.jpg");
  background-size: 100% 100%;
  width: 176px;
  height: 50px;
  content:">>NR.5>>";
  z-index: 2;
}
#box5:checked ~ div #vier::before {
  top: 3px;
  left: 30px;
  position: absolute;
  display: block;
  font-size: medium;
  background-image: url("site-dateien/website-button.jpg");
  background-size: 100% 100%;
  width: 176px;
  height: 50px;
  content:"<<NR.4<<";
  z-index: 2;
}
#box5:checked ~ div #null::after {
  top: 3px;
  left: 130px;
  position: absolute;
  display: block;
  font-size: medium;
  background-image: url("site-dateien/website-button.jpg");
  background-size: 100% 100%;
  width: 176px;
  height: 50px;
  content:"Anfang";
  z-index: 2;
}

#sitebar {
  
  font-family: blacklightd;
  letter-spacing: 0.1em;
  padding:     3px;
  line-height: 100%;
  font-size:   20px;
  width: 170px;
}

.before::before, .after::after {
            content: "\A";
            white-space: pre;
}

#sitebar span {
/*  background-image: url("site-dateien/website-button.jpg"); */
  background-size: 100% 100%;
  position: absolute;
  top: -7px; 
  left: -7px;
  margin: 50px 0 0 15px;
  width: 176px;
  height: 50px; 
  display: block;
  padding: -5em;
  font-size: medium;
  color: white;
  content: "Counter" pages;
  z-index: auto;
 
} 

#sitebar  ul {
  margin: 0;
  padding: 0;
}

#sitebar li {
	list-style: none;
	font-size: 1,5em;
	position: relative;
	margin: 0 0 0 0;
	padding: -5;
	width: 10em;
}

#sitebar ul ul {
	position: absolute;
        top: 1em;
	/* top: -3em; */
	left: 9em;
        margin: -50px 0 0 10px;
        /* margin: 0 0 -50px 10px; */
	font: 0/0 blacklightd;
	/* Unternavigation ausblenden */
	
	z-index: -1;
	transition: font 1.5s;
        -webkit-transition: font 1.5s;
        -moz-transition: font 1.5s;
        -ms-transition: font 1.5s;
        -o-transition: font 1.5s;
}

#sitebar ul li:hover ul,
#sitebar ul a:focus ~ ul {
	font: inherit;
	z-index: auto;
	/*  Unternavigation einblenden */
}

@media (min-width: 45em) {
	sitebar li {
		font-size: 1em;
	}
}

#sitebar a {
	display: block;
	padding: 0,3em;

      background-image: url("site-dateien/website-button.jpg");
     /* width: 173; 
        height: 50;
	background-repeat: no-repeat; */
	
        margin: 0;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	border: 0px solid white;
	border-radius: 3%;
        background-image: linear-gradient(to top, black 10%, transparent 90%);
        box-shadow: 0 10px 5px black inset;  
	color: black;
	background-color: trasparent;
	transition: all .25s ease-in;
        -webkit-transition: all .25s ease-in;
        -moz-transition: all .25s ease-in;
        -ms-transition: all .25s ease-in;
        -o-transition: all .25s ease-in;
}

#sitebar li[aria-current] a {
        background-color: white;
	color: black;
}

#sitebar a:focus,
#sitebar a:hover,
#sitebar li[aria-current] a:focus,
#sitebar li[aria-current] a:hover {
       	color: black;
        border: 0px solid white;
	border-radius: 10%;
        background: linear-gradient(black 10% transparent 90%);
        background-color: white;
}

#sitebar a.button
{
  background-image: url("site-dateien/website-button.jpg");
  background-size: 100% 100%;
  position: absolute;
  top: -7px; 
  left: -7px;
  margin: 50px 0 0 15px;
  width: 176px;
  height: 50px; 
  display: block;
  padding: -5em;
  font-size: medium;
  color: white;
  content: "Counter";
  z-index: auto;
 
}

#sitebar a.button: focus,
#sitebar a.button: hover,
#sitebar li[aria-current] a.button:focus,
#sitebar li[aria-current] a.button:hover {
  color: black;
  border: 0px solid white;
  border-radius: 10%;
  background: linear-gradient(black 10% transparent 90%);
  background-color: white; 

}

#bar {
        font-family: blacklightd;
        letter-spacing: 0.1em;
        padding: 10px;
        line-height: 100%;
        font-size: 20px;
        width: 170px;
}

#bar  ul {
	margin: 0;
	padding: 0;
}

#bar li {
	list-style: none;
	font-size: 1,5em;
	position: relative;
	margin: 0 0 0 0;
	padding: -5;
	width: 10em;
        float: left;
}

#bar ul ul {
	position: absolute;
	top: 0em;
	left: 9em;
        margin: 0 0 -50px 10px;
	font: 0/0 blacklightd;
	/* Unternavigation ausblenden */
	
	z-index: -1;
	transition: font 2.5s;
        -webkit-transition: font 2.5s;
        -moz-transition: font 2.5s;
        -ms-transition: font 2.5s;
        -o-transition: font 2.5s;
}

#bar ul li:hover ul,
#bar ul a:focus ~ ul {
	font: inherit;
	z-index: auto;
	/*  Unternavigation einblenden */
}

@media (min-width: 45em) {
	bar li {
		font-size: 1em;
	}
}

#bar a {
	display: block;
	padding: 0,4em;

     /* background-image: url("site-dateien/button0.gif"); */
     /* width: 176; 
        height: 62;
	background-repeat: no-repeat; */
	
        margin: 0;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	border: 0px solid white;
	border-radius: 3%;
        background-image: linear-gradient(to top, black 10%, transparent 90%);
        box-shadow: 0 10px 5px black inset;  
	color: black;
	background-color: trasparent;
	transition: all .25s ease-in;
        -webkit-transition: all .25s ease-in;
        -moz-transition: all .25s ease-in;
        -ms-transition: all .25s ease-in;
        -o-transition: all .25s ease-in;
}

#bar li[aria-current] a {
	background-color: white;
	color: black;
}

#bar a:focus,
#bar a:hover,
#bar li[aria-current] a:focus,
#bar li[aria-current] a:hover {
	color: black;
        border: 0px solid white;
	border-radius: 10%;
        background: linear-gradient(black 10% transparent 90%);
        background-color: white;
}


#navigation {
  font-family: Segoe Print, BlacklightD, BibleScrT, TimeScrDBol, Arial Black, Arial;
  letter-spacing: 0.1em;
  padding:     10px;
  line-height: 100%;
  font-size:   x-large;
  width: 380px;
  position: absolute;
}

#navigation {
  font-family: script, OldLondon;
  letter-spacing: 0.1em;
  padding:     10px;
  line-height: 100%;
  font-size:   x-large;
  width: 170px;
  position: absolute;

  transition: all 5s linear;
  -webkit-transition: all 5s linear;
  -moz-transition: all 5s linear;
  -o-transition: all 5s linear;
  -ms-transition: all 5s linear;
 

}



#navigation ul {
  margin: 0px;
  padding: 0px;
  display: none;
  

  transition: all 5s linear;
  -webkit-transition: all 5s linear;
  -moz-transition: all 5s linear;
  -o-transition: all 5s linear;
  -ms-transition: all 5s linear;

} 


#navigation li:hover ul { 
  display: block;
  float: none;
  z-index: 1;

  transition: all 5s linear;
  -webkit-transition: all 5s linear;
  -moz-transition: all 5s linear;
  -o-transition: all 5s linear;
  -ms-transition: all 5s linear;
  
}

#links {
  font-family: blacklightd, OldLondon;
  letter-spacing: 0.1em;
  padding:     10px;
  line-height: 100%;
  font-size:   x-large;
  width: 1400px;
  position: relative;
}


#linkbar {
  font-family: blacklightd, oldlondon;
  letter-spacing: 0.1em;
  padding:     10px;
  line-height: 100%;
  font-size: x-large;
  font-style: italic;
  text-shadow: 10px 11px 12px white;
  color: black, #808080;
  position: absolute;
  left:     230px;
  width:   relative;
}

#linkbar a {
	display: block;
	padding: 0,3em;

     /* background-image: url("site-dateien/button0.gif"); */
     /* width: 176; 
        height: 62;
	background-repeat: no-repeat; */
	
        margin: 0;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	border: 0px solid white;
	border-radius: 3%;
        background-image: linear-gradient(to top, #808080 10%, transparent 90%);
        box-shadow: 0 10px 5px #808080 inset;  
	color: black;
	background-color: trasparent;
	transition: all .25s ease-in;
        -webkit-transition: all .25s ease-in;
        -moz-transition: all .25s ease-in;
        -ms-transition: all .25s ease-in;
        -o-transition: all .25s ease-in;
}

#text {
  font-family: blacklightd, oldlondon;
  letter-spacing: 0.1em;
  padding:     10px;
  line-height: 100%;
  font-size: small;
  font-style: italic;
  text-shadow: 10px 11px 12px white;
  color: black, #808080;
  position: absolute;
  left:     0px;
  width:   relative;
}

#products {
  font-family: blacklightd, oldlondon;
  letter-spacing: 0.1em;
  padding:     10px;
  line-height: 100%;
  font-size: x-large;
  font-style: italic;
  text-shadow: 10px 11px 12px white;
  color: black, #808080;
  position: absolute;
  left:     230px;
  width:   relative;
}

#products-two {
  font-family: blacklightd, oldlondon;
  font-style: italic;
  letter-spacing: 0.1em;
  padding:     1px;
  font-size: small;
  color:  black; #808080;
  position: absolute;
  left:     250px;
  width:   relative;
}

#products-three {
  font-family: blacklightd, oldlondon;
  font-style: italic;
  letter-spacing: 0.1em;
  padding:     10px;
  font-size: small;
  color:  whith;
  position: absolute;
  top: 2300px;
  left:     250px;
  width:   relative;
}

/* Für evtl. Background-Schriftrolle in Rhetoric */
#background {
  font-family: blacklightd, BibleScrT, TimeScrDBol, Arial Black, Arial;
  letter-spacing: 0.1em;
  padding:     1px;
  font-size: small;
  color:  #808080; #050505;
  position: absolute;
  left:     300px;
  width:   500px;
}

#zeile {
  position: absolute;
  text-align: center;
  margin: 100% 0 0 0;
}

#footer {
  color: black, #808080;
  position: fixed;
  text-align: center;
  bottom:    0px;
  height:   64px;
  width:   100%;
  margin: 100% 0 0 0;
}

.website-button {
  margin: 3%;
  position relative;
}

.first-txt {
  position: absolute;
  top: 10px;  
  left: 30%;
  content: "Counter"; 
}

.second-txt {
  position: absolute;
  bottom: 20px;
  left: 10px;
}

.script {
  position: absolute;
  background-image: url("site-dateien/website-button.jpg");
  top: 10px;  
  left: 30%;
  content: "Counter"; 
} 

.photogallery {
 float: left;
 text-align: left;
}


.photoframe {
 position: relative;
 margin:  10px;
 border-width: 10px;
 border-style: solid;
 border-color: white;
 border-style: inset;
 float: left;
}



.photoframe1 {
 position: center;
 margin:  10px;
 border-width: 10px;
 border-style: solid;
 border-color: white;
 border-style: inset;
 float: center;
}