@import "https://fonts.googleapis.com/css?family=Audiowide|Bangers";


/*

*[title] {
    position: relative;
	width:140px;
	font-family:Arial;
	font-size:17px;
	color:#444444
}

*[title]::after {
    content: attr(title);

    position: absolute;
    top: -20px;
    right: -20px;
    width: 150px;

    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;

    display: block;
    font-size: 17px;
    line-height: 21px;
    background: rgba(211, 211, 211, 0.41);;
    padding: 2px 2px;
    border: 1px solid #7799FF;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.4);
}

*[title]:hover::after {
    opacity: 1;
}

*/

@media all and (display-mode: standalone) {
  body {
    background-color: #FFCC00;
  }
  input, button{
	  
  font-size:14px; 
  padding:1px;
  
	  
  }
}


/*@import "https://fonts.googleapis.com/css?family=Audiowide|Bangers&display=swap";*/

* { 
  transition: all 0.2s linear;    
    transition: -moz-all 0.2s linear;
    transition: -webkit-all 0.2s linear;
    transition: all 0.2s linear;
transition: -moz-transform 2.1s ease-in-out;
transition: -webkit-transform 2.1s ease-in-out;
transition: transform 2.1s ease-in-out; 
}


img{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;
}

*{
  -webkit-user-select: rgba(211,211,211,0.47);  /* Chrome all / Safari all */
  -moz-user-select: rgba(211,211,211,0.47);    /* Firefox all */
  -ms-user-select: rgba(211,211,211,0.47);     /* IE 10+ */
  -o-user-select: rgba(211,211,211,0.47);
  user-select: rgba(211,211,211,0.47);
}



.dark-mode {
background-image: url(https://www.elisadaschatz.de/back7.jpeg);
color: #eee;
}
.dark-mode a {
color: #111;
}
body.dark-mode {
background-color: #111;
color: #eee;
}
body.dark-mode a {
color: #111;
}
body.dark-mode button {
background-color: #eee;
color: #111;
}

body.dark-mode div {
background-color:rgba(221,221,221,0.71);
color: #111;
}

.light-mode {
background-color: transparent;
color: #111;
}
.light-mode a {
color: #111;
}
body.light-mode {
background-color: transparent;
color: #111;
}
body.light-mode a {
color: #111;
}
body.light-mode button {
background-color: #111;
color: #eee;
}

body.light-mode div {
background-color:rgba(41,41,41,0.71);
color: #eee;
}

.one-mode {
background-image: url(https://www.elisadaschatz.de/back4.jpeg);
color: #111;
}
.one-mode a {
color: #111;
}
body.one-mode {
background-color: #7799FF;
color: #111;
}
body.one-mode a {
color: #111;
}
body.one-mode button {
background-color:#7799FF;
background-size:cover;
background-attachment:fixed;
color: #FFF;
}

body.one-mode div {
background-color:#7799FF;
background-size:cover;
background-attachment:fixed;
color: #FFF;
}

.two-mode {
background-image: url(https://www.elisadaschatz.de/back4.jpeg);
color: #111;
}
.two-mode a {
color: #111;
}
body.two-mode {
background-image: url(https://www.elisadaschatz.de/netzbild/discjockeyclick);
color: #111;
}
body.two-mode a {
color: #111;
}
body.two-mode button {
background-color: #FFCC00;
color: #444444;
}

body.two-mode div {
background-color: #FFCC00;
color: #444444;
}

a, button, select, input, *{

transition:all 1.7s ease-in-out infinite;

}


*{
	
font-family:Audiowide;
font-size:21px;
color:#888888;
	
}

.classkeyclass{

font-size:21px;
color:#444444;
background-color:#rgba(211,211,211,0.87);
padding:7px;

}

.prcontentall {
/*background-image:url(https://www.musik.chat/netzbild/netzwerksocial);*/
-webkit-backdrop-filter: blur(0px); /* Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+ */
backdrop-filter: blur(0px); /* No one supports non prefixed yet */
background-size:cover;
background-attachment:fixed;
margin:4px;
width:680px;
max-width:680px;
height:auto; 
max-height:760px; 
}




#blickend{

position:absolute;
top:0px;
left:0px;
background-color:transparent;
margin:111px;
padding:111px; 
border:0px;
pointer-events:none

}


#partnerimprintdiv{

width:210px;

}


#partnerimprintdiv:hover{

width:410px;

}


/*
.slideContainer {
  width: 200px;
  height: 200px;
  overflow: hidden;
  position: relative;
}

.slide, .mindestinations44 {
  width: 100%;
  height: 100%;
  background: #6699FF;
}

#slide {
  width: 100%;
  height: 100%;
  background: #6699FF;
}

#slide:hover, .mindestinations44:hover {
  width: 100%;
  height: 100%;
  background: #FFCC00;
}

#slide2 {
  width: 100%;
  height: 100%;
  background: #6699FF;
}

#slide2:hover {
  width: 100%;
  height: 100%;
  background: #99CCFF;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
}
*/



/*

#textlogo {
  font-family: 'Audiowide', cursive;
  stroke-dashoffset: 100%;
  stroke-dasharray: 100%;
  -webkit-animation: draw 11s forwards ease-in;
  animation: draw 11s forwards ease-in;
  background-clip: text;
  font-size:418pt;
  transform: rotate(-28);
}

@-webkit-keyframes draw {
  100% {
    stroke-dashoffset: 0%;
  }

@keyframes draw {
  100% {
    stroke-dashoffset: 0%;
  }
}

}

*/

#htmlpartsgemerkt{
	
position:absolute;
top:-21px;
left:-21px;
width:370px;
height:240px;
border:4px solid #FFFFFF;
padding:7px;
radius:4px 4px 1px 2px;
color:#777777;
background-color:#EEEEEE;
overflow-x:hidden;
overflow-y:auto;
font-family:Bangers;
font-size:21px;

}


#htmlpartsgemerkt:hover{
	
position:absolute;
top:-21px;
left:-21px;
width:370px;
height:240px;
border:4px solid #DDDDDD;
padding:7px;
radius:4px 4px 1px 2px;
color:#444444;
background-color:#FFFFFF;
overflow-x:hidden;
overflow-y:auto;
font-family:Bangers;
font-size:21px;

}



#htmlpartsgemerkt a{
	
padding:2px;
color:#444444;
background-color:#EEEEEE;
font-family:Bangers;
font-size:24px;

}


#htmlpartsgemerkt a:hover{
	
padding:2px;
color:#773399;
background-color:#FFFFFF;
font-family:Bangers;
font-size:24px;

}



.bodyspanspanssv {
/*background-image:url(https://www.musik.chat/netzbild/netzwerksocial);*/ /*https://www.musik.chat/images/HUHUWUWUWUS.png*/
-webkit-backdrop-filter: blur(0px); /* Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+ */
backdrop-filter: blur(0px); /* No one supports non prefixed yet */
background-size:cover;
background-attachment:fixed;
margin:4px;
width:680px;
height:auto; 
max-height:770px; 
}

.h1spanspanss { 
position:absolute; 
top:0px; 
left:0px;
    background-color:#FFFFFF;
    overflow:hidden;
    display:inline-block; 
    padding:4px; 
    font-family:Arial;
    color:transparent;
    font-size:61px;
	z-index:400000000000
	
      /* that css is the main think (mix-blend-mode: lighten;)
      mix-blend-mode: lighten;*/
}

.spanspanss { 
	font-family:Arial; 
	font-size:61px; 
    /*background: url(https://www.musik.chat/images/HUHUWUWUWUS.png) 0px 0px repeat;*/
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color:transparent;
    display:block;
    text-transform: uppercase;
	
}


@media print {
* {-webkit-print-color-adjust: exact;}



.spanhalfcolor {
	font-family:Arial;
	font-size:378px; 
  position: relative;
  color: rgba(88,88,88,0.41);
  opacity: 0.47; filter: alpha(opacity=47);
      text-transform: uppercase;
}

.spanhalfcolor:before {
	font-family:Arial;
	font-size:378px; 
  content: attr(data-char);
  position: absolute;
  width: 50%;
  overflow: hidden;
  color: rgb(100,100,100);
  opacity: 0.47; filter: alpha(opacity=47);
      text-transform: uppercase;
}


}
* {-webkit-print-color-adjust: exact;}

/*

*
{

font-family:Audiowide

}
*/
span
{

font-family:Audiowide

}

/*
@media print {
        body, * {
            width:480px;
        }


    }
*/
	
/*
.unteresmenu {
  transition: transform 1s;
  transform-style: preserve-3d;
}

.unteresmenu:after{
  transform: translateZ(-2px);
}

.unteresmenu.roll-TL {
  transform: rotate3d(1, -1, 0, 4deg);
}

.unteresmenu.roll-TR {
  transform: rotate3d(-1, -1, 0, -4deg);
}

.unteresmenu.roll-BL {
  transform: rotate3d(-1, -1, 0, 4deg);
}

.unteresmenu.roll-BR {
  transform: rotate3d(1, -1, 0, -4deg);
}

*/



img { 
  /* position: absolute; top: 0px; left: 0px; */
  /* transform: translate(-50%, -50%); */
  transition: all 0.2s linear;    
    transition: -moz-all 0.2s linear;
    transition: -webkit-all 0.2s linear;
    transition: all 0.2s linear;
}



.linkidsids2class {
	position:absolute;
	top:0px; 
	left:0px;
  width: auto;
  height: 32px;
  overflow:visible;
  font-size: 27px;
  background-color:#FFCC00;
  z-index:40001;
    display: block;
    float: left;
transition: zoom 0.7s ease-in-out;
transition: -moz-transform 0.7s ease-in-out;
transition: -webkit-transform 0.7s ease-in-out;
transition: transform 0.7s ease-in-out; 
		zoom: 1.18;
    -moz-transform: scale(1.18);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.18);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.18); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.18);   
    transform-origin: 0 0;  
transform: rotate(0deg);
    -webkit-animation-name: neueskommentar121; 
    -webkit-animation-duration: 1s; 
    animation-name: neueskommentar121;
    animation-duration: 1s;
	animation-fill-mode: forwards;  
	opacity: 0.87; filter: alpha(opacity=87);
	transform: rotateY(17deg); 
}


.mylinkidsids2class {
	position:absolute;
	top:0px; 
	left:0px;
  width: auto;
  height: 32px;
  overflow:visible;
  font-size: 27px;
  background-color:#FFCC00;
  z-index:40001;
    display: block;
    float: left;
transition: zoom 0.7s ease-in-out;
transition: -moz-transform 0.7s ease-in-out;
transition: -webkit-transform 0.7s ease-in-out;
transition: transform 0.7s ease-in-out; 
		zoom: 1.18;
    -moz-transform: scale(1.18);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.18);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.18); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.18);   
    transform-origin: 0 0;  
transform: rotate(0deg);
    -webkit-animation-name: neueskommentar121; 
    -webkit-animation-duration: 1s; 
    animation-name: neueskommentar121;
    animation-duration: 1s;
	animation-fill-mode: forwards;  
	opacity: 0.87; filter: alpha(opacity=87);
	transform: rotateY(17deg); 
}

/*
.* {
transition: zoom 0.7s ease-in-out;
transition: -moz-transform 0.7s ease-in-out;
transition: -webkit-transform 0.7s ease-in-out;
transition: transform 0.7s ease-in-out; 
		zoom: 2.48;
    -moz-transform: scale(3.28);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(2.94);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(2.48); 
    -webkit-transform-origin: 0 0;  
    transform: scale(2.24);   
    transform-origin: 0 0;  
transform: rotate(0deg);
    -webkit-animation-name: neueskommentar121; 
    -webkit-animation-duration: 1s; 
    animation-name: neueskommentar121;
    animation-duration: 1s;
	animation-fill-mode: forwards;  
	opacity: 0.10; filter: alpha(opacity=100);
	transform: rotateY(2.1deg); 
}
*/

*{
	
scroll-behavior: smooth; 
	
}


@media print {
    html, body {
       display: none;  /* hide whole page */
    }
}


.linkidsids2class:hover {
	position:absolute;
	top:0px; 
	left:0px;
  width: auto;
  height: 32px;
  overflow:visible;
  font-size: 18px;
  background-color:#FFCC00;
  z-index:400011;
    display: block;
    float: left;
		zoom: 1.28;
    -moz-transform: scale(1.28);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.28);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.28); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.28);   
    transform-origin: 0 0;  
	transform: rotate(1deg);
transition: zoom 1s  ease-in-out;
transition: -moz-transform 1s ease-in-out;
transition: -webkit-transform 1s ease-in-out;
transition: transform 1s ease-in-out; 
    -webkit-animation-name: neueskommentar12; 
    -webkit-animation-duration: 1s; 
    animation-name: neueskommentar12;
    animation-duration: 1s;
	animation-fill-mode: forwards;  
	opacity: 0.77; filter: alpha(opacity=77);
	transform: rotateY(21deg); 
}


.mylinkidsids2class:hover {
	position:absolute;
	top:0px; 
	left:0px;
  width: auto;
  height: 32px;
  overflow:visible;
  font-size: 18px;
  background-color:#FFCC00;
  z-index:400011;
    display: block;
    float: left;
		zoom: 1.28;
    -moz-transform: scale(1.28);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.28);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.28); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.28);   
    transform-origin: 0 0;  
	transform: rotate(1deg);
transition: zoom 1s  ease-in-out;
transition: -moz-transform 1s ease-in-out;
transition: -webkit-transform 1s ease-in-out;
transition: transform 1s ease-in-out; 
    -webkit-animation-name: neueskommentar12; 
    -webkit-animation-duration: 1s; 
    animation-name: neueskommentar12;
    animation-duration: 1s;
	animation-fill-mode: forwards;  
	opacity: 0.77; filter: alpha(opacity=77);
	transform: rotateY(21deg); 
}


.mylinkarounds {
	position:relative; 
	top:0px; 
	left:0px;
  width: 200px;
  height: 24px;
  overflow: visible;
}


@-webkit-keyframes neueskommentar12 {
	  25% {
    background-color:#CCCCCC;opacity: 0.97; filter: alpha(opacity=97);transform: rotate(2deg);
  }	
	  50% {
    background-color:#99CCFF;opacity: 0.77; filter: alpha(opacity=77);transform: rotate(-1deg);
  }	
	  65% {
    background-color:#DDDDDD;opacity: 0.87; filter: alpha(opacity=87);transform: rotate(0deg);
  }
  80% {
    background-color:#FFCC00;opacity: 0.77; filter: alpha(opacity=77);transform: rotate(2deg);
  }
	
  100% {
    background-color:#6699FF;opacity: 0.77; filter: alpha(opacity=77);transform: rotate(1deg);
  }
	
	/*
    from {background-color:#CCCCCC;opacity: 0.97; filter: alpha(opacity=97);transform: rotate(2deg);}
    to {background-color:#FFCC00;opacity: 0.77; filter: alpha(opacity=77);transform: rotate(7deg);}
	*/
	
/*
25% {
    transform: rotate(40deg);
}
50% {
    transform: rotate(110deg);
}
75% {
    transform: rotate(70deg);
}
100% {
    transform: rotate(28deg);
}

*/

}

/*
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
  */

@keyframes neueskommentar12 {
	  25% {
    background-color:#CCCCCC;opacity: 0.97; filter: alpha(opacity=97);transform: rotate(2deg);
  }	
	  50% {
    background-color:#99CCFF;opacity: 0.77; filter: alpha(opacity=77);transform: rotate(-1deg);
  }	
	  65% {
    background-color:#DDDDDD;opacity: 0.87; filter: alpha(opacity=87);transform: rotate(0deg);
  }
  80% {
    background-color:#6699FF;opacity: 0.77; filter: alpha(opacity=77);transform: rotate(2deg);
  }
	
  100% {
    background-color:#FFCC00;opacity: 0.77; filter: alpha(opacity=77);transform: rotate(1deg);
  }
	
	/*
    from {background-color:#CCCCCC;opacity: 0.97; filter: alpha(opacity=97);transform: rotate(2deg);}
    to {background-color:#FFCC00;opacity: 0.77; filter: alpha(opacity=77);transform: rotate(7deg);}
	*/
}

@-webkit-keyframes neueskommentar121 {
    from {background-color:#FFFFFF;transform: rotate(-2deg);opacity: 0.81; filter: alpha(opacity=81);}
    to {background-color:#FFFFFF;transform: rotate(0deg);opacity: 0.62; filter: alpha(opacity=62);}
}


@keyframes neueskommentar121 {
    from {background-color:#FFFFFF;transform: rotate(-2deg);opacity: 0.81; filter: alpha(opacity=81);}
    to {background-color:#FFFFFF;transform: rotate(0deg);opacity: 0.62; filter: alpha(opacity=62);}
}


#oncontextnearmousediv
{

z-index:8000000000000000;
background-color:#FFFFFF; 
/*display:block;*/

}


#oncontextnearmousediv:hover
{

z-index:8000000000000000;
background-color:#FFFFFF; 
/*display:block;*/

}


#oncontextnearmousedivdrag
{
 
/*display:block;*/
transform: scale(1.4,1.4) translate(100px,88px);
}



div { 

  transition: all 0.2s linear;    
    transition: -moz-all 0.2s linear;
    transition: -webkit-all 0.2s linear;
    transition: all 0.2s linear;
word-wrap: break-word; 
/*object-fit: contain; */
}

/*

div:hover { 

  transition: all 0.8s linear;    
    transition: -moz-all 0.8s linear;
    transition: -webkit-all 0.8s linear;
    transition: all 0.8s linear;

}

*/

/*

a:hover, button:hover { 

  transition: all 0.8s linear;    
    transition: -moz-all 0.8s linear;
    transition: -webkit-all 0.8s linear;
    transition: all 0.8s linear;
	padding:4px; 
}

a, button { 

  transition: all 0.2s linear;    
    transition: -moz-all 0.2s linear;
    transition: -webkit-all 0.2s linear;
    transition: all 0.2s linear;
}

*/



::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #DDDDDD;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #DDDDDD;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #DDDDDD;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #DDDDDD;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #DDDDDD;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #DDDDDD;
}

.icon-play{
color:#6699FF;
background-color:#FFCC00; 
font-size:42px;
border:2px solid #CCCCCC; 
padding:4px; 
}

.icon-play:before {
    content: "\25B6";
}


* ::-webkit-selection, [contenteditable]::-webkit-selection {
	background: #DDDDDD;
	color:#888888;
}

* ::-moz-selection, [contenteditable]::-moz-selection {
	background: #DDDDDD;
	color:#888888;
}

* ::selection, [contenteditable]::selection {
	background: #DDDDDD;
	color:#888888;
}

div, span, button, input, a:not(#unteresmenu a)
{

-moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px;
word-wrap: break-word;  
}

div
{

-moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px;
word-wrap: break-word;  

}

div:hover, span:hover, button:hover, input:hover, a:hover:not(#unteresmenu a)
{

-moz-border-radius:2px 8px 8px 8px; -webkit-border-radius:2px 8px 8px 8px; -khtml-border-radius:2px 8px 8px 8px; border-radius:2px 8px 8px 8px;
word-wrap: break-word;  

}

textarea
{

resize:none;
-moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px;
word-wrap: break-word;  
}
 
textarea:hover
{

resize:none;
-moz-border-radius:2px 8px 8px 8px; -webkit-border-radius:2px 8px 8px 8px; -khtml-border-radius:2px 8px 8px 8px; border-radius:2px 8px 8px 8px;
word-wrap: break-word;  

}
 
.custom-menu {
font-family:Audiowide; 
font-size:16px; 
color:#336699;
background-color:#FFFFFF;
width:140px; 
height:108px; 
z-index:8787870003333;
position: absolute;
top:40px; 
left:-120px;
border:4px solid #6699FF;
padding: 4px;
word-wrap: break-word; 
-moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px; box-shadow: 4px 4px 2px #CCCCCC;

}

 
.custom-menu:hover  {
font-family:Audiowide; 
font-size:16px; 
color:#336699;
background-color:#FFFFFF;
width:140px; 
height:108px; 
z-index:8787870003333;
position: absolute;
top:40px; 
left:-120px;
border:4px solid #6699FF;
padding: 4px;
word-wrap: break-word; 
-moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px; box-shadow: 4px 4px 2px #CCCCCC;

}

::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #6699FF;
	border:2px solid #FFCC00;
  -webkit-transition: 0.85s;
  -moz-transition: 0.85s;
          transition: 0.85s;
	
}

::-webkit-scrollbar:hover {
    height: 12px;
    width: 12px;
    background: #EEEEEE;
	/* border:2px solid #6699FF; */
	
}

::-webkit-scrollbar-thumb {
    background: #666666;
    -webkit-border-radius: 0px;
}

::-webkit-scrollbar-corner {
    background: #FFFFFF;
}




ol, ul {
	font-size:14px;
  list-style: none
 
}

li {
	font-size:14px;
  list-style: none
 
}


.leiterwerbung
{
	
opacity: 0.72; filter: alpha(opacity=72); z-index:320
	
}

/*
.drawborders {
  overflow: hidden;
  position: relative;
}
.drawborders:hover {
  overflow: hidden;
  position: relative;
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH"
  
}
.drawborders::before, .drawborders::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  border: 2px solid transparent;
  width: 0;
  height: 0
}
.drawborders::before {
  top: 0;
  left: 0;
  border-top-color: #99CCFF;
  border-right-color: #FFCC00;
  animation: borderborder 2s infinite;
}
.drawborders::after {
  bottom: 0;
  right: 0;
  animation: borderborder 2s 1s infinite, borderColor 2s 1s infinite;
}

@keyframes borderborder {
  0% {
    width: 0;
    height: 0;
  }
  25% {
    width: 100%;
    height: 0;
  }
  50% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@keyframes borderColor {
  0% {
    border-bottom-color: #6699FF;
    border-left-color: #CCCCCC;
  }
  50% {
    border-bottom-color: #6699FF;
    border-left-color: #CCCCCC;
  }
  51% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  100% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
}

*/
 
.sidelikemenunav{
    position: fixed;
    right:7px;
    top: 40px;
    width: 220px;
	/*
    height: calc(100vh - 70px); 
	*/
	height:28px; 
    background-color: #FFFFFF;
	border:2px solid #CCCCCC; 
    transform: translateX(100%);
    transition: transform 0.7s ease-in-out;
	overflow-x:hidden;
	overflow-y:hidden;
	z-index:8070000000000000000000;
	

}
   
.sidelikemenunavso{
    position: fixed;
    right:220px;
    bottom: 4px;
    width: 220px;
	/*
    height: calc(100vh - 70px); 
	*/
	height:28px; 
    background-color: #FFFFFF;
	border:2px solid #CCCCCC; 
    transform: translateX(100%);
    transition: transform 0.7s ease-in-out;
	overflow-x:hidden;
	overflow-y:hidden

}

.sidelikemenunav-view{
    transform: translateX(0);
	overflow-x:hidden;
	overflow-y:hidden;
	z-index:80700000000000000000001;
}

.sidelikemenunav a{
    color: #336699;
    display: block;
    background-color: #FFFFFF;
    padding: 4px;
    border:0px solid #CCCCCC;
    text-decoration: none;
	overflow-x:hidden;
	overflow-y:hidden;
	z-index:80700000000000000000001;
}

.sidelikemenunav a:hover{
    color: #888888;
    display: block;
    background-color: #FFCC00;
    padding: 4px;
    border:2px solid #EEEEEE;
    text-decoration: underline;
	overflow-x:hidden;
	overflow-y:hidden;
	z-index:80700000000000000000001;
}


.leiterwerbung:hover
{
	
opacity: 0.87; filter: alpha(opacity=87);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
		z-index:32088888888888888888;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
  -o-filter: blur(0px);
  filter: blur(0px);
}


.1timesclubdoms{

background-color:#EFEFEF; padding:4px; 
border: 3px solid #DDDDDD; -moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px; box-shadow: 4px 4px 2px #88BBFF;
word-wrap: break-word;
}

.developer1{

width:580px; color:#336699; background-color:#FFFFFF; padding:4px; 
border: 2px solid #DDDDDD;
-moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px; box-shadow: 4px 4px 2px #CCCCCC;
word-wrap: break-word;
}

.developer4{

width:580px; color:#336699; background-color:#FFFFFF; padding:4px; 
border: 4px solid #DDDDDD;
-moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px; box-shadow: 4px 4px 2px #CCCCCC;
word-wrap: break-word;
}

.developer2{

width:500px; color:#336699; background-color:#FFFFFF; padding:4px; 
border: 2px solid #88BBFF;
-moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px; box-shadow: 4px 4px 2px #CCCCCC;
word-wrap: break-word;
}

.chat2{

width:480px; color:#336699; padding:4px; 
border: 2px solid #DDDDDD;
-moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px; box-shadow: 4px 4px 2px #DDDDDD;
word-wrap: break-word;
}
.chat4{

width:470px; color:#888888; padding:8px; 
border: 2px solid #BBBBBB;
-moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px;
word-wrap: break-word;
font-size:17px;
  transition: transform 1.4s infinite;
transform: perspective(1714px) rotateX(-1deg) rotateY(-1deg) rotateZ(-1deg) scale(1, 1); perspective: 1714px;
}

.chat4:hover{

width:470px; color:#888888; padding:4px; 
border: 2px solid #CCCCCC;
-moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px;
word-wrap: break-word;
font-size:18px;
  transition: transform 0.4s infinite;
transform: perspective(1214px) rotateX(1deg) rotateY(1deg) rotateZ(0deg) scale(1.02, 1.02); perspective: 1214px;
}

.chat71{

width:470px; color:#336699; padding:4px; 
border: 3px solid #88BBFF;
-moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px;
word-wrap: break-word;
}

.imprint{

width:270px; color:#336699; background-color:#EFEFEF; padding:4px; 
border: 3px solid #DDDDDD;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
box-shadow: 4px 4px 2px #88BBFF;
word-wrap: break-word;
}

.stream_boxen{

width:170px; color:#336699; background-color:#FFFFFF; padding:0px; 
border: 2px solid #DDDDDD;
margin: 0px 0px 10px 0px; 
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
box-shadow: 4px 4px 2px #CCCCCC;
word-wrap: break-word;
}

.stream_boxen_dev{

width:400px; color:#336699; background-color:#FFFFFF; padding:8px; 
border: 2px solid #DDDDDD;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
word-wrap: break-word;
}

.stream_preview_user_chat{
 position:absolute; top:10px; left:-208px; width:200px; height:340px; color:#336699; border:2px solid #BBBBBB; visibility:hidden; 
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px;
overflow-x:hidden; overflow-y:auto; word-wrap: break-word;
}

@media print {
	
.musikprintcontentzoom
{
	
    zoom: 1.24;
    -moz-transform: scale(1.24);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.24);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.24); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.24);   /* Standard Property  */
    transform-origin: 0 0;  /* Standard Property */
	
}

}

.musikprintcontentzoom
{
	
    zoom: 1.04; /* 1.24 */
    -moz-transform: scale(1.04);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.04);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.04); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.04);   /* Standard Property  */
    transform-origin: 0 0;  /* Standard Property */
	height:auto; 
	max-height:400px; 
	overflow:visible
}

.stream_preview{
	

    zoom: 1;
    -moz-transform: scale(1);
    /*-moz-transform-origin: 0 0;  */
    -o-transform: scale(1);
    /*-o-transform-origin: 0 0;  */
    -webkit-transform: scale(1); 
    /*-webkit-transform-origin: 0 0;  */
    transform: scale(1);   /* Standard Property  */
    /*transform-origin: 0 0; */ /* Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;

	
 position:absolute; top:10px; left:-208px; width:200px; height:340px; color:#336699; background-color:#FFFFFF; border:2px solid #BBBBBB; visibility:hidden; 
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px;
overflow-x:hidden; overflow-y:auto; word-wrap: break-word;
perspective: 2100px;
}

.stream_boxinside{
	
	direction: LTR; 
    zoom: 1;
    -moz-transform: scale(1);
    /*-moz-transform-origin: 0 0;  */
    -o-transform: scale(1);
    /*-o-transform-origin: 0 0;  */
    -webkit-transform: scale(1); 
    /*-webkit-transform-origin: 0 0;  */
    transform: scale(1);   /* Standard Property  */
    /*transform-origin: 0 0; */ /* Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;

	
 position:absolute; top:10px; left:-48px; width:240px; height:380px; color:#336699; background-color:#FFFFFF; border:2px solid #BBBBBB; visibility:hidden; 
-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px;
overflow-x:hidden; overflow-y:auto; word-wrap: break-word;
perspective: 1700px;
}

.stream_boxinsidestart{
	
	direction: RTL; 
    zoom: 0.88;
    -moz-transform: scale(0.88);
    /*-moz-transform-origin: 0 0;  */
    -o-transform: scale(0.88);
    /*-o-transform-origin: 0 0;  */
    -webkit-transform: scale(0.88); 
    /*-webkit-transform-origin: 0 0;  */
    transform: scale(0.88);   /* Standard Property  */
    /*transform-origin: 0 0; */ /* Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;

	
 position:absolute; top:70px; left:-144px; width:340px; height:120px; color:#336699; background-color:#99CCFF; border:2px solid #6699FF; visibility:visible; 
-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px;
overflow-x:hidden; overflow-y:auto; word-wrap: break-word;
perspective: 1400px;
}

.stream_boxinside:hover{
	

    zoom: 1.2;
    -moz-transform: scale(1.2);
    /*-moz-transform-origin: 0 0;  */
    -o-transform: scale(1.2);
    /*-o-transform-origin: 0 0;  */
    -webkit-transform: scale(1.2); 
    /*-webkit-transform-origin: 0 0;  */
    transform: scale(1.2);   /* Standard Property  */
    /*transform-origin: 0 0; */ /* Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;

	
 position:absolute; top:10px; left:-128px; width:280px; height:310px; color:#336699; background-color:#FFFFFF; border:2px solid #6699FF; visibility:hidden; 
-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px;
overflow-x:hidden; overflow-y:auto; word-wrap: break-word;
perspective: 1800px;
}

.stream_preview:hover{
	

    zoom: 1.4;
    -moz-transform: scale(1.6);
    /*-moz-transform-origin: 0 0;  */
    -o-transform: scale(1.4);
    /*-o-transform-origin: 0 0;  */
    -webkit-transform: scale(1.4); 
    /*-webkit-transform-origin: 0 0;  */
    transform: scale(1.4);   /* Standard Property  */
    /*transform-origin: 0 0; */ /* Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
	
	
 position:absolute; top:10px; left:-208px; width:200px; height:340px; color:#336699; background-color:#FFFFFF; border:2px solid #BBBBBB; visibility:hidden; 
-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px;
overflow-x:hidden; overflow-y:auto; word-wrap: break-word;
perspective: 1400px;
}

.stream_previewhover{
	

    zoom: 1.4;
    -moz-transform: scale(1.6);
    /*-moz-transform-origin: 0 0;  */
    -o-transform: scale(1.4);
    /*-o-transform-origin: 0 0;  */
    -webkit-transform: scale(1.4); 
    /*-webkit-transform-origin: 0 0;  */
    transform: scale(1.4);   /* Standard Property  */
    /*transform-origin: 0 0; */ /* Standard Property */
    transition: zoom 1.8s ease-in-out;
    transition: -moz-transform 1.8s ease-in-out;
    transition: -webkit-transform 1.8s ease-in-out;
    transition: transform 1.8s ease-in-out;
	
	
 position:absolute; top:10px; left:-208px; width:200px; height:340px; color:#336699; background-color:#FFFFFF; border:2px solid #BBBBBB; visibility:visible; 
-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px;
overflow-x:visible; overflow-y:visible; word-wrap: break-word;

}

.stream_previewhover:hover{
	

    zoom: 1.44;
    -moz-transform: scale(1.54);
    /*-moz-transform-origin: 0 0;  */
    -o-transform: scale(1.44);
    /*-o-transform-origin: 0 0;  */
    -webkit-transform: scale(1.44); 
    /*-webkit-transform-origin: 0 0;  */
    transform: scale(1.44);   /* Standard Property  */
    /*transform-origin: 0 0; */ /* Standard Property */
    transition: zoom 1.1s ease-in-out;
    transition: -moz-transform 1.1s ease-in-out;
    transition: -webkit-transform 1.1s ease-in-out;
    transition: transform 1.1s ease-in-out;
position:absolute; top:10px; left:-208px; width:200px; height:340px; color:#336699; background-color:#FFFFFF; border:2px solid #BBBBBB; visibility:visible; 
-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px;
overflow-x:visible; overflow-y:visible; word-wrap: break-word;

}

.stream_chat{


    zoom: 1;
    -moz-transform: scale(1);
    /*-moz-transform-origin: 0 0;  */
    -o-transform: scale(1);
    /*-o-transform-origin: 0 0;  */
    -webkit-transform: scale(1); 
    /*-webkit-transform-origin: 0 0;  */
    transform: scale(1);   /* Standard Property  */
    /*transform-origin: 0 0; */ /* Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;

	
 position:absolute; top:88px; left:60px; width:120px; height:80px; color:#336699; border:2px solid #CCCCCC; visibility:hidden; overflow:hidden; max-width:120px; 
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px;
box-shadow: 2px 2px 1px #DDDDDD;
}

#popupjavascriptajax{


    zoom: 0.74;
    -moz-transform: scale(0.74);
    /*-moz-transform-origin: 0 0;  */
    -o-transform: scale(0.74);
    /*-o-transform-origin: 0 0;  */
    -webkit-transform: scale(0.74); 
    /*-webkit-transform-origin: 0 0;  */
    transform: scale(0.74);   /* Standard Property  */
    /*transform-origin: 0 0; */ /* Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;

}




audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}


video::-webkit-media-controls-download-button {

	position:relative;
	top:0px;
	left:8px;
	pointer-events:none;
	display:none;
    background-color: rgba(201, 201, 201, 0.8);
	font-size:21px; 
    padding:4px; 
	color:#FFFFFF;
	
}

video::-webkit-media-controls-panel {
    background: transparent;
    
}


video::-webkit-media-controls-play-button {
	position:relative;
	pointer-events:auto;
	top:0px;
	left:8px;
    background-color: rgba(201, 201, 201, 0.8);
	font-size:21px; 
    padding:4px; 
	color:#FFFFFF
}

 
video::-internal-media-controls-download-button {
    display:none;
	pointer-events:none;
	background-color:transparent
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
	background-color:transparent
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
	background-color:transparent
}



a:link { text-decoration:none;  color: #888888 }
a:visited { text-decoration:none; color: #888888 }
a:hover { text-decoration:none; color: #777777 }
a:active { text-decoration:underline;  color: #AAAAAA;}

.owntitlestyle
{
display: inline-block;
position:fixed; 
top:0px; 
left:0px;
max-width:240px;
color:#888888;
background-color:#FFFFFF; 
padding:2px; 
border:2px solid #CCCCCC;
pointer-events:none; 
z-index:100000000010000000000088887777777777777
}

.passandforg {   color: #6699ff }

::-webkit-scrollbar {
    height: 12px;
    width: 8px;
    background: #88BBFF;
}

::-webkit-scrollbar-thumb {
    background: #888888;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #000;
}



.input_butten {
font-family:Audiowide;
font-size:14px; 
  display: inline-block;
  border-radius: 4px;
  background-color: #FFFFFF;
  border: 2px solid #CCCCCC;
  color: #336699;
  text-align: center;
  font-size: 16px;
  padding: 4px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 2px;    
	zoom: 1;
    -moz-transform: scale(1);
  /*  -moz-transform-origin: 0 0;  */
    -o-transform: scale(1);
  /*  -o-transform-origin: 0 0;  */
    -webkit-transform: scale(1); 
  /*  -webkit-transform-origin: 0 0;  */
    transform: scale(1);   /* Standard Property  */
  /*  transform-origin: 0 0; */ /* Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;

}

.input_butten:hover {
font-family:Audiowide;
font-size:14px; 
  display: inline-block;
  border-radius: 4px;
  background-color: #FFFFFF;
  border: 2px solid #CCCCCC;
  color: #336699;
  text-align: center;
  font-size: 16px;
  padding: 4px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 2px;    
	zoom: 1.2;
    -moz-transform: scale(1.2);
    -moz-transform-origin: 0 0; 
    -o-transform: scale(1.2);
    -o-transform-origin: 0 0; 
    -webkit-transform: scale(1.2);
    -webkit-transform-origin: 0 0; 
    transform: scale(1.2);   /* Standard Property */
    transform-origin: 0 0;   /* Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;

}


.main {
	width: 100%; /* percentage fixes the X axis white space when zoom out */
	height: 100vh; /* this is still an issue where you see white space when zoom out in the Y axis */
	overflow: scroll; /* needed for safari to show the x axis scrollbar */; 
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.main .section {
	width: 200%;
	height: 200vh;
	background-image: url('https://www.musik.work/images/truedudenep.jpg');
	background-size: cover;
	/*transform-origin: 0 0;*/; 
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.input_butten span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.input_butten span:after {
  /*content: '\00bb';*/
  content: url('images/blue_paul_small.gif');
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.input_butten:hover span {
  padding-right: 18px;
}

.input_butten:hover span:after {
  opacity: 1;
  right: 0;
}

.inputtype {  font-size: 12px; font-family: "Courier New", Courier, mono; background-color: #ffffff ; color: #336699; direction:ltr; filter:Alpha(opacity=100, finishopacity=70, style=1); border: 2px solid #88BBFF; }


.transparent {
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.seiten_text {

filter: alpha(opacity=70); opacity: .7;

}

.bt2 {  font-size: 12px; background-color: #6699FF; color: #FFCC00;  background-repeat: no-repeat; background-position: center left; border: solid 5px #6699ff;  }



.inputtype {  font-size: 12px; font-family: "Courier New", Courier, mono; padding:4px; width:280px; height:28px; color:#336699; background-color:#AADDFF; border: 5px solid #88BBFF;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px;  }

.inputtype_titel {  font-size: 12px; font-family: "Courier New", Courier, mono; background-color: #EEEEEE ; color: #336699; direction:ltr; filter:Alpha(opacity=100, finishopacity=70, style=1); border: 2px solid #88BBFF; 
-moz-border-radius:4px 4px 4px 4px; 
-webkit-border-radius:4px 4px 4px 4px; 
-khtml-border-radius:4px 4px 4px 4px; 
border-radius:4px 4px 4px 4px; 
}

.inputtype_file {  font-size: 14px; font-family:Audiowide; background-color: #DADADA ; color: #336699; direction:ltr; filter:Alpha(opacity=100, finishopacity=70, style=1); border: 2px solid #88BBFF; }

.inputtype_login {

font-size: 12px; font-family: Audiowide; background-color: #EEEEEE; color: #6699FF; border: 5px solid #88BBFF; 
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.inputtype_breit {

font-size: 18px; font-family: Audiowide; background-color: #ffffff; color: #6699FF; border: 2px solid #88BBFF; height:30px;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.inputtype_butten {

font-size: 14px; font-family: Audiowide; background-color: #ffffff; color: #6699FF; border: 2px solid #88BBFF; height:26px;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.inputtype_gr_edit {

font-size: 14px; font-family: Audiowide; background-color: #ffffff; color: #6699FF; border: 2px solid #88BBFF; height:120px;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.inputtype_gr_edit2 {

font-size: 14px; font-family: Audiowide; background-color: #ffffff; color: #6699FF; border: 2px solid #88BBFF; height:240px;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}


.input_feld {

padding:4px; width:294px; height:28px; font-family:Audiowide; font-size:12px; color:#336699; background-color:#FFFFFF; background-image: -moz-linear-gradient(top, #FFFFFF 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #FFFFFF 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #FFFFFF 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #FFFFFF 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF'); border: 2px solid #AACCFF;
-moz-border-radius:0px 4px 4px 4px; 
-webkit-border-radius:0px 4px 4px 4px; 
-khtml-border-radius:0px 4px 4px 4px; 
border-radius:0px 4px 4px 4px; 
opacity: 0.9; filter: alpha(opacity=90);
}

.input_feld_ich {

padding:10px; width:494px; height:48px; font-family:Audiowide; font-size:28px; color:#336699; background-color:#CCDDFF; background-image: -moz-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCDDFF', endColorstr='#FFFFFF'); border: 2px solid #88BBFF;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}



.indexplayer{
color:#336699;

/*
background-image: -moz-linear-gradient(top, #FFFFFF 25%, #EEEEEE 75%); background-image: -webkit-linear-gradient(top, #FFFFFF 25%, #EEEEEE 75%); background-image: -ms-linear-gradient(top, #FFFFFF 25%, #EEEEEE 75%); background-image: -o-linear-gradient(top, #FFFFFF 25%, #EEEEEE 75%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EEEEEE); -moz-border-radius:1px 4px 4px 4px; -webkit-border-radius:1px 4px 4px 4px; -khtml-border-radius:1px 4px 4px 4px; border-radius:1px 4px 4px 4px; box-shadow: 4px 4px 2px #BBBBBB;
*/
	
}



div::-moz-selection {
color: #000;
background: #FFF;
}

span::-moz-selection {
color: #000;
background: #FFF;
}

img::-moz-selection {
color: #000;
background: #FFF;
}

*::-moz-selection {
color: #000;
background: #FFF;
}

.input_hg {

height:44px; width:306px; padding:0px; text-align:center; background-color:#FFFFFF; background-image: -moz-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); 
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.teilen_feld {

padding:4px; font-family:Audiowide; font-size:16px; color:#336699; background-color:#EEEEEE; 
border: 5px solid #88BBFF;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.input_feld2 {

padding:4px; width:304px; height:34px; font-family:Audiowide; font-size:18px; color:#336699; background-color:#FFFFFF; background-image: -moz-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); border: 2px solid #CCCCCC;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
opacity: 0.7; filter: alpha(opacity=70);
}

.input_feldKlein {

padding:4px; width:294px; height:28px; font-family:Audiowide; font-size:18px; color:#336699; background-color:#CCDDFF; background-image: -moz-linear-gradient(top, #AADDFF 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #AADDFF 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #AADDFF 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #AADDFF 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AADDFF', endColorstr='#FFFFFF'); border: 2px solid #88BBFF;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.input_feld2_ich {

padding:10px; width:494px; height:48px; font-family:Audiowide; font-size:28px; color:#336699; background-color:#CCDDFF; background-image: -moz-linear-gradient(top, #AADDFF 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #AADDFF 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #AADDFF 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #AADDFF 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AADDFF', endColorstr='#FFFFFF'); border: 2px solid #88BBFF;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.input_mouseover {

padding:4px; width:294px; height:28px; color:#336699; background-color:#CCDDFF; background-image: -moz-linear-gradient(top, #FFFFFF 25%, #AADDFF 75%);
background-image: -webkit-linear-gradient(top, #FFFFFF 25%, #AADDFF 75%);
background-image: -ms-linear-gradient(top, #FFFFFF 25%, #AADDFF 75%);
background-image: -o-linear-gradient(top, #FFFFFF 25%, #AADDFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#AADDFF'); border: 2px solid #88BBFF;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.input_tfeld {

padding:4px; width:280px; height:88px; color:#336699; background-color:#CCDDFF; background-image: -moz-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCDDFF', endColorstr='#FFFFFF'); border: 2px solid #88BBFF;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.input_tfeld2 {

padding:4px; width:280px; height:88px; color:#336699; background-color:#CCDDFF; background-image: -moz-linear-gradient(top, #AADDFF 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #AADDFF 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #AADDFF 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #AADDFF 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AADDFF', endColorstr='#FFFFFF'); border: 2px solid #88BBFF;
-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.mobi_boxen{

padding:4px; width:480px; color:#336699; background-color:#CCDDFF; background-image: -moz-linear-gradient(top, #FFFFFF 25%, #AADDFF 75%);
background-image: -webkit-linear-gradient(top, #FFFFFF 25%, #AADDFF 75%);
background-image: -ms-linear-gradient(top, #FFFFFF 25%, #AADDFF 75%);
background-image: -o-linear-gradient(top, #FFFFFF 25%, #AADDFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#AADDFF'); border: 6px solid #DDDDDD;

}

.row_nachricht_0 {
    background-image: -moz-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); 
    font-family:Audiowide; 
	border: 3px solid #88BBFF;
	width:460px;
	text-align:right;
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.row_nachricht_0:hover {
    background-image: -moz-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); 
    font-family:Audiowide; 
	border: 3px solid #88BBFF;
	width:460px;
	text-align:right;
	-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px; 
}

.row_nachrichtchat_0 {
    background-image: -moz-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); 
    font-family:Audiowide; 
	border: 2px solid #DDDDDD;
	width:300px;
	text-align:right;
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.row_nachrichtchat_0:hover {
    background-image: -moz-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); 
    font-family:Audiowide; 
	border: 2px solid #DDDDDD;
	width:300px;
	text-align:right;
	-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px; 
}



.frameseite_1 {
    background-image: -moz-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCDDFF', endColorstr='#FFFFFF'); 
    font-family:Audiowide; 
	border: 2px solid #88BBFF;
	width:560px;
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.row_friends_0 {
    background-image: -moz-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); 
    font-family:Audiowide; 
	border: 2px solid #DDDDDD;
	width:280px;
	-moz-border-radius:1px 4px 4px 0px; 
-webkit-border-radius:1px 4px 4px 0px; 
-khtml-border-radius:1px 4px 4px 0px; 
border-radius:1px 4px 4px 0px; 
margin:6px; 
}

.row_ff_0 {
    background-image: -moz-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCDDFF', endColorstr='#FFFFFF'); 
    font-family:Audiowide; 
	border: 5px solid #88BBFF;
	width:180px;
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}

.row_ff_1 {
    background-image: -moz-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCDDFF', endColorstr='#FFFFFF'); 
    font-family:Audiowide; 
	border: 5px solid #88BBFF;
	width:180px;
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
}
.row_nachricht_1 {
    background-image: -moz-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); 
	font-family:Audiowide; 
	border: 3px solid #88BBFF;
	width:460px;
	text-align:left;
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 

}

.row_nachricht_1:hover {
    background-image: -moz-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); 
	font-family:Audiowide; 
	border: 3px solid #88BBFF;
	width:460px;
	text-align:left;
	-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px; 

}

.row_nachrichtchat_1 {
    background-image: -moz-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); 
	font-family:Audiowide; 
	border: 2px solid #DDDDDD;
	width:300px;
	text-align:left;
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 

}

.row_nachrichtchat_1:hover {
    background-image: -moz-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #EEEEEE 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); 
	font-family:Audiowide; 
	border: 2px solid #DDDDDD;
	width:300px;
	text-align:left;
	-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px; 

}
.row_friends_1 {
    background-image: -moz-linear-gradient(top, #88BBFF 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #88BBFF 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #88BBFF 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #88BBFF 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88BBFF', endColorstr='#FFFFFF'); 
	font-family:Audiowide; 
	border: 2px solid #DDDDDD;
	width:280px;
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 
margin:6px; 

}
.myprofil_form1 {

position:absolute; top:10; left:10px; text-align:right; width:260; height:400; background-color:ffffff

}

.myprofil_form2 {

position:absolute; top:10; left:280px; text-align:right; width:260; height:400; background-color:ffffff

}


.bild_prozent { height:140px; width:140px }


.content {

position:absolute; top:0; left:0px; width:600; height:430; font-face:Audiowide

}

.contentLogin {

position:absolute; top:0; left:0px; width:440; height:430; background-color:ffcc00; text-align:right

}






.row_0 {
    
	background-color:#FFFFFF; 
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 


}
.row_1 {
    
	background-color:#EEEEEE; 
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 

}



.row_0:hover {
    
	background-color:#FFFFFF; 
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px; 


}
.row_1:hover {
    
	background-color:#EEEEEE; 
	-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px; 

}



.rowover_0 {
color:#336699;
    background-color:        #DDDDDD;
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 

}
.rowover_1 {
color:#336699;
    background-color:        #DDDDDD;
	-moz-border-radius:1px 4px 4px 4px; 
-webkit-border-radius:1px 4px 4px 4px; 
-khtml-border-radius:1px 4px 4px 4px; 
border-radius:1px 4px 4px 4px; 

}
.rowover_0:hover  {
color:#336699;
    background-color:        #DDDDDD;
	-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px; 

}
.rowover_1:hover  {
color:#336699;
    background-color:        #DDDDDD;
	-moz-border-radius:2px 8px 8px 8px; 
-webkit-border-radius:2px 8px 8px 8px; 
-khtml-border-radius:2px 8px 8px 8px; 
border-radius:2px 8px 8px 8px; 

}
.tableLine
{
    font-family:      Audiowide;
    font-style:       normal;
    font-size:        9px;
    BORDER-TOP:       #A6A6A6 1px solid; 
    BORDER-LEFT:      #A6A6A6 1px solid; 
    BORDER-BOTTOM:    #A6A6A6 1px solid;
    BORDER-RIGHT:     #A6A6A6 1px solid;
}

.new a {
 color: #999999;
 background-color: #E1E1E1;
 border: solid 1px #999999;
 font-weight: bold;
 text-decoration: none;
 padding: 5px;
  -webkit-transition: 0.85s;
  -moz-transition: 0.85s;
          transition: 0.85s;
}

.new a:hover {
 color: #FFD700;
 background-color: #00A3F0;
 border: solid 1px #FFD700;
 padding: 5px;
}

.mark {
 color: #FFD700;
 background-color: #0080C0;
 border: solid 1px #FFD700;
 padding: 5px;
}

.ProfilNeues {

color: #6699ff;
background-color:#FFFFB3; 
font-size: 16px


}

.profi_content { background-color:#FFFFB3 }


.xbtooltip {
white-space: nowrap; 
      display: none;
      position: absolute;
      background-color: #FFCC00;
	  overflow: hidden; 
	  width:120px
    }
	
	
.nickchatwidth {
white-space: nowrap; 
	  overflow: hidden; 
	  width:100px
    }
		
.nickchatwidth :hover {
	  text-overflow: inherit; overflow: visible;
    
	  background-color:FFCC00;
  -webkit-transition: 0.85s;
  -moz-transition: 0.85s;
          transition: 0.85s;
    }
	
.nickwidth {
white-space: nowrap; 
	  overflow: hidden; 
	  width:120px
    }

#tt1 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px;
	  height:80px
    }
	
#ktt1 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px;
	  height:80px
    }
	
#ftt1 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px;
	  height:80px
    }
	
#ott1 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px;
	  height:80px
    }


#tt2 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px;
	  height:80px
    }
#tt3 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px;
	  height:80px
    }
#tt4 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px;
	  height:80px
    }
	
#teilen {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px
    }
	
#externseite_tt1 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
	  font-size:18px;
      padding: 8px;
      width: 440px
    }
	
	
#tt5 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px;
	  height:80px
    }
#tt6 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px;
	  height:80px
    }
#tt7 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px;
	  height:80px
    }

#zt1 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px;
	  height:80px
    }

#zt2 {
background-image: -moz-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -webkit-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -ms-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
background-image: -o-linear-gradient(top, #97A0E0 25%, #6699FF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97A0E0', endColorstr='#6699FF'); 
      color: #FFFFFF;
      padding: 8px;
      width: 240px;
	  height:80px
    }

#overlay {
visibility: hidden;
position: absolute;
left: 190px;
top: 100px;
width:240px;
height:200px;
text-align:center;
z-index: 1000;
background-color:#6699FF;
padding: 10px;



}

#overlay div {
width:240px;
height:200px;
margin: 1px auto;
border:5px solid #ffffff;
text-align:left;
padding: 10px;
}

.umleitung2_eins {
    background-image: -moz-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -webkit-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -ms-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
background-image: -o-linear-gradient(top, #CCDDFF 25%, #FFFFFF 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCDDFF', endColorstr='#FFFFFF'); 
    font-family:Audiowide; 
	border: 5px solid #88BBFF;
	width:880px;
	-moz-border-radius:4px 4px 4px 4px; 
-webkit-border-radius:4px 4px 4px 4px; 
-khtml-border-radius:4px 4px 4px 4px; 
border-radius:4px 4px 4px 4px; 
box-shadow: 4px 4px 2px #FFCC00;
}

.umleitung2_suche{
    background-color:#FFFFFF;
    font-family:Audiowide; 
	border: 5px solid #88BBFF;
	width:480px;
	height:74px; 
	padding:10px;
	font-size:28px;
	color:#6699FF;
	-moz-border-radius:4px 4px 4px 4px; 
-webkit-border-radius:4px 4px 4px 4px; 
-khtml-border-radius:4px 4px 4px 4px; 
border-radius:4px 4px 4px 4px; 
box-shadow: 4px 4px 2px #FFCC00;
}

.suchbox
{

    -webkit-animation-name: suchfade; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: suchfade;
    animation-duration: 1s;

}

.suchbox:hover
{

    -webkit-animation-name: suchfade; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: suchfade;
    animation-duration: 1s;

}



img {

  transition: transform 1.7s infinite;
transform: perspective(1114em) rotateX(2deg) rotateY(2deg) rotateZ(+2deg) scale(0.84, 0.84); perspective: 1114em;
}

img:hover {

  transition: transform 0.8s infinite;
transform: perspective(814em) rotateX(-1deg) rotateY(-1deg) rotateZ(-1deg) scale(1.08, 1.08); perspective: 814em;

}


.adminoverbild {

    -webkit-animation-name: adminobenbild; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-name: adminobenbild;
    animation-duration: 2s;
	zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1);   /* Standard Property  */
    transform-origin: 0 0;  /*Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.adminoverbild:hover {

    -webkit-animation-name: adminobenbild; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-name: adminobenbild;
    animation-duration: 2s;
	zoom: 1.12;
width:420px;
min-width:420px;
height:370px;
max-height:370px;
overflow:visible;
    -moz-transform: scale(1.12);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.12);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.12); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.12);   /* Standard Property  */
    transform-origin: 0 0;  /*Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.adminovlfooschover {

position:absolute;
left:71px;
top:14px;
/*
width:420px;
min-width:420px;
height:180px;
max-height:180px;
*/
	zoom: 1.11;
    -moz-transform: scale(1.11);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.11);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.11); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.11);   /* Standard Property  */
    transform-origin: 0 0;  /*Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;

}

.adminovlfooschover:hover {


	zoom: 1.11;
    -moz-transform: scale(1.11);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.11);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.11); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.11);   /* Standard Property  */
    transform-origin: 0 0;  /*Standard Property */
    transition: zoom 1.4s ease-in-out;
    transition: -moz-transform 1.4s ease-in-out;
    transition: -webkit-transform 1.4s ease-in-out;
    transition: transform 1.4s ease-in-out;

}

.adminovlfooschoverslider {

width:420px;
min-width:420px;
overflow:visible;
	zoom: 1.11;
    -moz-transform: scale(1.11);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.11);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.11); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.11);   /* Standard Property  */
    transform-origin: 0 0;  /*Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.playloudnessset {


	zoom: 1.0;
    -moz-transform: scale(1.0);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.0);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.0); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.0);   /* Standard Property  */
    transform-origin: 0 0;  /*Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.playloudnessset:hover {

	zoom: 1.28;
    -moz-transform: scale(1.28);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.28);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.28); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.28);   /* Standard Property  */
    transform-origin: 0 0;  /*Standard Property */
    transition: zoom 1.2s ease-in-out;
    transition: -moz-transform 1.2s ease-in-out;
    transition: -webkit-transform 1.2s ease-in-out;
    transition: transform 1.2s ease-in-out;
}

.stream_divhilfs {

	zoom: 1.28;
    -moz-transform: scale(1.28);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.28);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.28); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.28);   /* Standard Property  */
    transform-origin: 0 0;  /*Standard Property */
    transition: zoom 1.2s ease-in-out;
    transition: -moz-transform 1.2s ease-in-out;
    transition: -webkit-transform 1.2s ease-in-out;
    transition: transform 1.2s ease-in-out;
}



#untenmenuwaau {

	top:-21px;


	
}



/*
#untenmenuwaau:hover {

}
*/



#untenmenuwaau a{
	position:relative;
	top:0px;
	left:0px;
width:auto;
overflow:visible;
transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1); 
    transition: -moz-transform 0.7s ease-in-out;
    transition: -webkit-transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
	
}

/*

#untenmenuwaau a a:not(#untenmenuwaau a){
	position:absolute;
	top:0px;
	left:0px;
width:auto;
overflow:visible;
transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1); 
    transition: -moz-transform 0.7s ease-in-out;
    transition: -webkit-transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
	
}

*/


#untenmenuwaau a:hover{
	position:relative;
	top:0px;
	left:0px;
width:auto;
overflow:visible;
transform: scale(1.88); 
    -moz-transform: scale(1.88);
    -o-transform: scale(1.88);
    -webkit-transform: scale(1.88); 
    transition: -moz-transform 1.7s ease-in-out;
    transition: -webkit-transform 1.7s ease-in-out;
    transition: transform 1.7s ease-in-out;
	
}



@keyframes untenlinkszoom {
	/* rotateY(-17deg); // infinite //  transition: transform 1.7s; */
	/* animation-name: untenlinkszoom; */
    from {zoom: 2.88;-webkit-transform: scale(1.48);}
    to {zoom: 1.48;-webkit-transform: scale(1.48);}
}

@-webkit-keyframes untenlinkszoom {
    from {zoom: 2.88;-webkit-transform: scale(1.48);}
    to {zoom: 1.48;-webkit-transform: scale(1.48);}
}

#untenmenuwaauahover {
	/*position:fixed;
	  :not(.special) 
	left:calc(14% + 210px);;
	margin-right:210px;  */
	/*left:0px;*/
	/* */ 
	
transition: transform 0.8s infinite;
transform: perspective(814em) rotateX(-11deg) rotateY(-11deg) rotateZ(-11deg) scale(4, 4); perspective: 814em;
	
	zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(2);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(2); 
    -webkit-transform-origin: 0 0;  
    transform: scale(2);   /* Standard Property  */
    transform-origin: 0 0;  /*Standard Property */
    transition: zoom 0.7s ease-in-out;
    transition: -moz-transform 0.7s ease-in-out;
    transition: -webkit-transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
	
}

.adminovlfooschoverout {

position:absolute;
left:70px;
top:14px;
width:81px;
	zoom: 1.0;
    -moz-transform: scale(1.0);
    -moz-transform-origin: 0 0;  
    -o-transform: scale(1.0);
    -o-transform-origin: 0 0;  
    -webkit-transform: scale(1.0); 
    -webkit-transform-origin: 0 0;  
    transform: scale(1.0);   /* Standard Property  */
    transform-origin: 0 0;  /*Standard Property */
    transition: zoom 0.5s ease-in-out;
    transition: -moz-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

@-webkit-keyframes suchfade {
    from {left: 800px;}
    to {left: 17px;}
}

/* Standard syntax */
@keyframes suchfade {
    from {left: 800px;}
    to {left: 17px;}
}

.hauptstartdiv1 {

    -webkit-animation-name: hauptstartdiv1; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1.5s; /* Chrome, Safari, Opera */
    animation-name: hauptstartdiv1;
    animation-duration: 1.5s;
	padding:0px 0px 10px 0px;

}

@-webkit-keyframes hauptstartdiv1 {
    from {background-color:#6699FF;}
    to {background-color:#FFFFFF;}
}

/* Standard syntax */
@keyframes hauptstartdiv1 {
    from {background-color:#6699FF;}
    to {background-color:#FFFFFF;}
}

.hauptstartdiv {

    -webkit-animation-name: hauptstartdiv; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2.5s; /* Chrome, Safari, Opera */
    animation-name: hauptstartdiv;
    animation-duration: 2.5s;
	padding:0px 0px 10px 0px;

}

.zufallframes{

    -webkit-animation-name: zufallframes; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2.2s; /* Chrome, Safari, Opera */
    animation-name: zufallframes;
    animation-duration: 2.2s;
animation-delay: 0.4s;
}

@-webkit-keyframes zufallframes {
    from {color:#DDDDDD;}
    to {color:#336699;}
}

/* Standard syntax */
@keyframes zufallframes {
    from {color:#DDDDDD;}
    to {color:#336699;}
}

.neuaniframes{

    -webkit-animation-name: neuaniframes; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3.4s; /* Chrome, Safari, Opera */
    animation-name: neuaniframes;
    animation-duration: 3.4s;
animation-delay: 0.4s;
}

@-webkit-keyframes neuaniframes {
    from {color:#88BBFF;}
    to {color:#FFFFFF;}
}

/* Standard syntax */
@keyframes neuaniframes {
    from {background-color:#88BBFF;}
    to {background-color:#FFFFFF;}
}


.canvasanim_0{

    -webkit-animation-name: canvasanim_0; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: canvasanim_0;
    animation-duration: 1s;
animation-delay: 0s;
}

.canvasanim_1{

    -webkit-animation-name: canvasanim_1; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: canvasanim_1;
    animation-duration: 1s;
animation-delay: 0s;
}

@-webkit-keyframes canvasanim_1 {
    from {color:#88BBFF;}
    to {color:#FFFFFF;}
}

/* Standard syntax */
@keyframes canvasanim_1 {
    from {background-color:#88BBFF;}
    to {background-color:#FFFFFF;}
}

@-webkit-keyframes canvasanim_0 {
    from {color:#88BBFF;}
    to {color:#FFFFFF;}
}

/* Standard syntax */
@keyframes canvasanim_0 {
    from {background-color:#88BBFF;}
    to {background-color:#FFFFFF;}
}

.neueskommentar{

    -webkit-animation-name: neueskommentar; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2.5s; /* Chrome, Safari, Opera */
    animation-name: neueskommentar;
    animation-duration: 2.5s;
}

@-webkit-keyframes neueskommentar {
    from {background-color:#FFCC00;}
    to {background-color:#FFFFFF;}
}

/* Standard syntax */
@keyframes neueskommentar {
    from {background-color:#FFCC00;}
    to {background-color:#FFFFFF;}
}

@-webkit-keyframes hauptstartdiv {
    from {background-color:#CCCCCC;}
    to {background-color:#FFFFFF;}
}

/* Standard syntax */
@keyframes hauptstartdiv {
    from {background-color:#CCCCCC;}
    to {background-color:#FFFFFF;}
}

  /* Chrome, Safari, Opera */
@-webkit-keyframes adminobenbild {
    from {background-color:#88BBFF}
    to {background-color:#FFFFFF;}
}

/* Standard syntax */
@keyframes adminobenbild {
    from {background-color:#88BBFF}
    to {background-color:#FFFFFF;}
}

::-webkit-scrollbar {
    width: 10px;
    height: 2em
}
::-webkit-scrollbar-button {
    background: #666666
}
::-webkit-scrollbar-track-piece {
    background: #88BBFF
}
::-webkit-scrollbar-thumb {
    background: #444444
}



select {
	/*
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   */
   
border:2px solid #CCCCCC
   
}
 
select::-ms-expand { /* for IE 11 */
    /*display: none;*/
}

/*
in die netzwerke. wo netzwerk oder machine oncontextmenu sinnvolles appen oder einfacher
*/

* ::-webkit-selection, [contenteditable]::-webkit-selection  {
	background: #DDDDDD;
}

* ::-moz-selection, [contenteditable]::-moz-selection {
	background: #DDDDDD;
}

* ::selection, [contenteditable]::selection {
	background: #DDDDDD;
}



#squareparent {position:fixed; top:11px; left:11px; width:170px; max-width:170px; max-height:440px; border:2px solid #CCCCCC; overflow:visible; z-index:41; visibility:hidden; }

#square {position:fixed; top:64px; left:68px; width:170px; max-width:170px; height:440px; max-height:440px; color:#BBBBBB; font-size:14px; border:2px solid #CCCCCC; overflow:hidden; z-index:40; visibility:hidden; }


*::selection {
    color:#6699FF;
    background:#FFCC00;
    font-size:14px;
}

*::-moz-selection {
    color:#6699FF;
    background:#FFCC00;
    font-size:14px;
}

*::-webkit-selection {
    color:#6699FF;
    background:#FFCC00;
    font-size:14px;
}


textarea::-webkit-selection {
    color:#888888;
    background:#DDDDDD;
    font-size:24px;
}

textarea::selection {
    color:#888888;
    background:#DDDDDD;
    font-size:24px;
}

textarea::-moz-selection {
    color:#888888;
    background:#DDDDDD;
    font-size:24px;
}

input[type="text"]::placeholder { 

font-size:41px; 

}

input[class="smalesoundslide"] { 

font-size:21px; 
width:140px;
max-width:140px;
height:14px;
max-height:14px;
overflow:hidden

}



@-webkit-keyframes fadeInv { from { opacity:0.4; } to { opacity:1; } }
@-moz-keyframes fadeInv { from { opacity:0.4; } to { opacity:1; } }
@keyframes fadeInv { from { opacity:0.4; } to { opacity:1; } }

body {

    opacity:0.4;
    -webkit-animation:fadeInv ease-in 1;
    -moz-animation:fadeInv ease-in 1;
    animation:fadeInv ease-in 1;

    -webkit-animation-fill-mode:forwards; 
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:4s;
    -moz-animation-duration:4s;
    animation-duration:4s;
}


.state-overview{
	
display:none;	
	
}



textarea{
  -webkit-user-select: #CCCCCC;  /* Chrome all / Safari all */
  -moz-user-select: #CCCCCC;     /* Firefox all */
  -ms-user-select: #CCCCCC;      /* IE 10+ */
  -o-user-select: #CCCCCC;
  user-select: #CCCCCC;
}