@font-face {
  font-family: 'Szoccer';
  src: url('/fonts/Szoccer.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body{
	/*font-family: 'Reem Kufi','Kurale','Magra','Szoccer','Lato',Helvetica,Arial,sans-serif;*/
	font-family: 'Szoccer','Lato',calibri,'DejaVu Sans',Ar7ial;
	/*font-family: 'Szoccer','Lato',calibri,'DejaVu Sans',Arial;*/
	margin : 0px;
	border : 0px;
	padding : 0px;
	background-color : #000000;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-size : 0.9em;
}

#lightboxback{
	display:none;
	position : fixed;
	left: 0px;
	top:0px;
	width:100%;
	height:100%;
	background-color: rgba(255,255,255,0.75);
	z-index:999999998;
}

#lightbox{
	display:none;
	position : fixed;
	top : 50%;
	left : 50%;
	z-index:999999999;
}


.slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.jayslider2 {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
}

/* Mouse-over effects */
.jayslider2:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.jayslider2::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.jayslider2::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
}





#shouterwg{
    transition:height 0.3s ease-out;
}


#userpictable{
    transition:height 0.3s ease-out;
	-webkit-transition: all .4s;
	transition: all .4s ;
	min-height:10px;
}








.jayswitch {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 17px;
  background-color: rgba(255,0,0,0);
}

.jayswitch input {display:none;}

.jayslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e00;
  -webkit-transition: .4s;
  transition: .4s;
}

.jayslider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .jayslider {
  background-color: #0a0;
}

input:focus + .jayslider {
  box-shadow: 0 0 1px #0a0;
}

input:checked + .jayslider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

/* Rounded jaysliders */
.jayslider.round {
  border-radius: 34px;

}

.jayslider.round:before {
  border-radius: 50%;
}



.listverlauf {
	background: rgba(166,166,166,0);
background: -moz-linear-gradient(top, rgba(166,166,166,0) 0%, rgba(84,84,84,0.35) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(166,166,166,0)), color-stop(100%, rgba(84,84,84,0.35)));
background: -webkit-linear-gradient(top, rgba(166,166,166,0) 0%, rgba(84,84,84,0.35) 100%);
background: -o-linear-gradient(top, rgba(166,166,166,0) 0%, rgba(84,84,84,0.35) 100%);
background: -ms-linear-gradient(top, rgba(166,166,166,0) 0%, rgba(84,84,84,0.35) 100%);
background: linear-gradient(to bottom, rgba(166,166,166,0) 0%, rgba(84,84,84,0.35) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a6a6', endColorstr='#545454', GradientType=0 );
}
.free{
	padding:0px;
	margin:0px;
	background-color: rgba(0,0,0,0);
}
#useravatar{
background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(243,243,243,0.5) 50%, rgba(237,237,237,0.5) 51%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(243,243,243,0.5) 50%,rgba(237,237,237,0.5) 51%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(243,243,243,0.5) 50%,rgba(237,237,237,0.5) 51%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfffffff',GradientType=0 ); /* IE6-9 */
border-radius :20px;
border : solid 2px;
border-color : rgba(128,128,128,0.5);
padding : 5px;
}

#userpic{
	width:160px;
}

.fixed {
	position: fixed;
	top:0;
	z-index : 999999;
}

.fixedusr{
	position: relative;
	top:0;
	right : -130px;
	max-width: 64px;
	z-index : 999999;
	opacity: 0.85;
    -webkit-animation: animatezoom 0.7s;
    animation: animatezoom 0.7s;
	border-radius : 100%;
	padding :5px;
	border : 1px solid;
	border-color: rgba(128,128,128,0.7);
	background-color : rgba(255,255,255,0.5);


}

.smallfixed {position: fixed; top:0;}

.newmsg{
	height :0px;
	position : relative;
	top: -16px;
	left: 18px;
	width:20px;
  -webkit-animation: animateheartbeat 0.8s infinite ease-in-out;
  animation: animateheartbeat 0.8s infinite ease-in-out;
}
.newmsggfx{
	width : 100%;
	top: 0px;
	left : 0px;
}
.newmsgtxt{
	font-size: 0.8em;
	font-weight:bold;
	color : #ffffff;
	width : 100%;
	position : relative;
	top: -18px;
	left : -1px;
}
.newbigmsg{
	height :0px;
	position : relative;
	top:  16px;
	left: 75%;
	width:40px;
	  -webkit-animation: animateheartbeat 1s infinite ease-in-out;
  animation: animateheartbeat 1s infinite ease-in-out;

}
.newbigmsg2{
	height :0px;
	position : relative;
	top:  186px;
	left: 75%;
	width:40px;
	  -webkit-animation: animateheartbeat 1.1s infinite ease-in-out;
  animation: animateheartbeat 1.1s infinite ease-in-out;

}



.newbigmsggfx{
	width : 100%;
	top: 0px;
	left : 0px;
}
.newbigmsgtxt{
	font-size: 1em;
	font-weight:bold;
	color : #ffffff;
	width : 100%;
	position : relative;
	top: -29px;
	left : -1px;
}


#abovechat{
	margin-top: 50px;
}

::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.5); 
    border-radius: 1px;
	background-color : rgba(255,255,255,0.5);
}
 
::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,1); 
	background-color : rgba(0,0,0,0.5);
}


.bubble{
	margin-bottom : 15px;
	margin-right : 10%;
	border : 2px solid;
	border-color : rgba(200,200,200,0.5);
	border-radius : 15px;
	padding : 8px;
	background-color : rgba(200,200,200,0.2);
}
.selfbubble{
	margin-bottom : 15px;
	margin-left : 10%;
	border : 2px solid;
	border-color : rgba(100,200,100,0.75);
	border-radius : 15px;
	padding : 8px;
	background-color : rgba(100,200,100,0.3);
}

.bubblewg{
	margin-bottom : 2px;
	margin-right : 10%;
	border : 1px solid;
	border-color : rgba(255,255,255,0.8);
	border-radius : 5px;
	padding : 2px;
	color: #000000;
	background-color : rgba(255,255,255,1);
}
.selfbubblewg{
	margin-bottom : 2px;
	margin-left : 10%;
	border : 1px solid;
	border-color : rgba(230,255,230,0.8);
	border-radius : 5px;
	padding : 2px;
	color : #000000;
	background-color : rgba(230,255,230,1);
}
.chathead{
	font-size : 0.8em;
	font-weight : 50;
	margin-left : 10px;
	margin-bottom : 3px;
}

.chatdate{
	font-size : 0.8em;
	font-weight : 50;
	text-align : right;
	right : 5px;
}
.chattext{
	font-size : 1em;
}


.chatheadwg{
	font-size : 0.8em;
	font-weight : 50;
	margin-left : 10px;
	margin-bottom : 3px;
}

.chatdatewg{
	font-size : 0.8em;
	font-weight : 50;
	text-align : right;
	right : 5px;
}
.chattextwg{
	font-size : 1em;
}


.shoutput {
	font-family: 'Lato',calibri,'DejaVu Sans',Arial;
	word-break: break-word;
	margin-top:4px;
	bottom : 10px;
	width: 100%;
	z-index : 99999;
	opacity : 0.95;
	padding: 14px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font-size: 1.0em;
	color : #555;
	font-weight : bold;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #DDDDDD), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	-moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	-webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	border-radius : 6px;
}

#szappchat {
	height:75%;
	max-height : 800px;
	width: 96%;
	right : 0px; 
	margin-bottom : 25px;
	z-index : 99998;
	opacity : 0.95;
	padding: 14px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font-size: 1em;
	color : #555;
	font-weight : bold;
	background-color : #ffffff;
	box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	-moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	-webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	border-radius : 6px;
	overflow-y : scroll;
	overflow-x : none;
}
#shoutbox {

	max-height : 100vH;
	width: 96%;
	right : 0px; 
	z-index : 99998;
	opacity : 0.95;
	padding: 14px;
	padding-bottom:140px;

	border: solid 1px #E5E5E5;
	outline: 0;
	font-size: 1em;
	color : #555;
	font-weight : bold;
	background-color : #ffffff;
	box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	-moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	-webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	border-radius : 6px;
	overflow-y : scroll;
	overflow-x : none;
}

#shoutboxwg {
	height:55px;
	width: 100%;
	right : 0px; 
	z-index : 99998;
	opacity : 0.95;
	padding: 0px;
	font-size: 0.8em;
	color : #555;
	overflow-y : auto;
	overflow-x : none;
}



.bigcheck {
	height : 18px; width:18px;
}
.visible {
	display : block;
}
.invisible {
	display : none;
}

.actionbutton{
	width:100%;
	padding: 7px;
	border : 1px solid;
	border-color : f17432;
    color: f17432;
    text-shadow: 1px 1px 1px rgba(128, 128, 128, 0.5);
	background: rgba(255,255,255,0.9);
	font-weight: bold;
	cursor : pointer;
}

#closebutton{
	position: absolute;
	top: -12;
	right : -12;

}
#infopopup{
	position : fixed;
	top : 50%;
	margin-top: -240px;
	left : 50%;
	margin-left : -320px;
	width: 640px;
	height : 480px;
	bottom : 0px;
	z-index : 999999;
	border-radius : 20px;
	border-width: 3px;
	border: 4px solid #555555;
	-webkit-box-shadow: -3px 5px 20px 0px rgba(0,0,0,0.9);
	-moz-box-shadow: -3px 5px 20px 0px rgba(0,0,0,0.9);
	box-shadow: -3px 5px 20px 0px rgba(0,0,0,0.9);

}
#infopopupu{
	position : fixed;
	top : 50%;
	margin-top: -240px;
	left : 50%;
	margin-left : -320px;
	width: 640px;
	height : 480px;
	bottom : 0px;
	z-index : 999999;
	border-radius : 20px;
	border-width: 3px;
	border: 4px solid #555555;
	-webkit-box-shadow: -3px 5px 20px 0px rgba(0,0,0,0.9);
	-moz-box-shadow: -3px 5px 20px 0px rgba(0,0,0,0.9);
	box-shadow: -3px 5px 20px 0px rgba(0,0,0,0.9);

}

.jaypopup{
	position : fixed;
	top : 50%;
	margin-top: -240px;
	left : 50%;
	margin-left : -320px;
	width: 640px;
	height : 480px;
	bottom : 0px;
	z-index: 9999;
	border-radius : 20px;
	border-width: 3px;
	border: 4px solid #555555;
	-webkit-box-shadow: -3px 5px 20px 0px rgba(0,0,0,0.9);
	-moz-box-shadow: -3px 5px 20px 0px rgba(0,0,0,0.9);
	box-shadow: -3px 5px 20px 0px rgba(0,0,0,0.9);

}


#popoverlay{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    background:black;
    background:rgba(0,0,0,0.8);

	z-index: 9998;
	width : 100%;
	height : 100%;

	
}
#infopopup2{
	position : fixed;
	top : 50%;
	margin-top: -240px;
	left : 50%;
	margin-left : -320px;
	width: 640px;
	height : 480px;
	bottom : 0px;
	z-index: 9999;
	border-radius : 20px;
	border-width: 3px;
	border: 4px solid #555555;
	-webkit-box-shadow: -3px 5px 20px 0px rgba(0,0,0,0.9);
	-moz-box-shadow: -3px 5px 20px 0px rgba(0,0,0,0.9);
	box-shadow: -3px 5px 20px 0px rgba(0,0,0,0.9);

}
#popoverlay2{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    background:black;
    background:rgba(0,0,0,0.8);

	z-index: 9998;
	width : 100%;
	height : 100%;

	
}
.blur {
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
        -webkit-filter: url(#blur-filter);
        filter: url(#blur-filter);
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    .blur-svg {
        display: none;
    }








.result{
    color: #ff4402;
}
.suchergebnis01{
	background-color: #ffffff;
	border: 2px solid;
	border-color: #eeeeee;
	padding : 4px;
	border-radius : 0px;
	margin : 4px;
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
}
 .suchergebnis01:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
.orangetext01{
	font-size : 1.2em;
    color: #c14402;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);

}
.orangetext02{
	font-size : 0.9em;
    color: #c14402;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);

}
#results{

}	

.redshadow{
	border: 2px solid;
	border-color: rgba(255,0,0,1);
	-webkit-box-shadow: 0px 0px 1px 2px rgba(220,200,0,0.5);
	-moz-box-shadow: 0px 0px 1px 2px rgba(220,200,0,0.5);
	box-shadow: 0px 0px 1px 2px rgba(220,200,0,0.5);
}
.greenshadow{
	border: 2px solid;
	border-color: rgba(0,220,0,1);
}

.tippinput{
	max-width: 38px;
	height : 48px;
	font-size : 1.2em;
	text-align:center;
	font-weight : bold;
}
.tippinput1{
	height: 48px;
	font-size : 1.2em;
	text-align:center;
	font-weight : bold;
}
.tippinput2{
	height: 48px;
	font-size : 1.2em;
	text-align:right;
	font-weight : bold;
}

.mobileonly{
	display : none;
}
.notfull{
	display:none;
}
.jayselect01{
	font-size : 1.2em;
	font-weight : bold;
	background-color : transparent;
	border : 1px solid;
	border-color : rgba(0,0,0,0.15);
	right : 0px;
	max-width : 90%;
}
.jayselect02{
	font-size : 1em;
	font-weight : bold;
	background-color : transparent;
	border : 1px solid;
	border-color : rgba(0,0,0,0.15);
	right : 0px;
	max-width : 90%;
}
#charttable01{
	width :90%;text-align:middle;
}
.jayblock01{
	float:left;
	width:49%;
	background-color : rgba(255,255,255,0.85);
	text-align: left;
}
.jayblock02{
	float:right;
	width:49%;
	background-color : rgba(255,255,255,0.85);
	text-align: right;
}
.outer01{
	background-color : rgba(255,255,255,0.90);
}
.switch {
	opacity : 0.75;
	padding : 5px;
	background-color : rgba(190,190,190,0.5);
	border : 2px solid;
	border-color : #ffffff;
	border-radius : 9px;
	text-decoration : none;
	color : #ffffff;
}

#sthoverr {
    opacity: 0;
	position: absolute;
	right: -20px;
	font-size : 4em;
	margin-top:-320px;
    -webkit-transition: all 0.5s;
}
#sthoverl {
    opacity: 0;
	position: absolute;
	left: -20px;
	margin-top:-320px;
	font-size : 4em;
    -webkit-transition: all 0.5s;
}
#sthoverl a{
	text-decoration : none;
	color : #ffffff;
}
#sthoverr a{
	text-decoration : none;
	color : #ffffff;
}
#sthoverr:hover{
	opacity : 1;
	right : 0px;
}
#sthoverl:hover{
	opacity : 1;
	left : 0px;
}

#stswitch:hover~#sthoverr{
	opacity : 0.5;
	right : 0px;
}
#stswitch:hover~#sthoverl{
	opacity : 0.5;
	left : 0px;
}

#sttarget {
	    -webkit-transition: all 0.5s;

}

#tabtarget {
	    -webkit-transition: all 0.5s;

}
#tabhoverr {
    opacity: 0;
	position: absolute;
	right: -20px;
	font-size : 4em;
	margin-top:-320px;
    -webkit-transition: all 0.5s;
}
#tabhoverl {
    opacity: 0;
	position: absolute;
	margin-top:-320px;
	left: -20px;
	font-size : 4em;
    -webkit-transition: all 0.5s;
}
#tabhoverl a{
	text-decoration : none;
	color : #ffffff;
}
#tabhoverr a{
	text-decoration : none;
	color : #ffffff;
}
#tabhoverr:hover{
	opacity : 1;
	right : 0px;
}
#tabhoverl:hover{
	opacity : 1;
	left : 0px;
}

#tabswitch:hover~#tabhoverr{
	opacity : 0.5;
	right : 0px;
}
#tabswitch:hover~#tabhoverl{
	opacity : 0.5;
	left : 0px;
}


.spinner {
  width: 70px;
  height: 70px;
  background-color: #f17432;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
.spinner2 {
  width: 140px;
  height: 140px;
  margin: 100px auto;
  /*background-color: #333;*/
  background-color: #f17432;
  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
.spinner3 {
  width: 55px;
  height: 55px;
  margin: 0px auto;
  background-color: #333;
  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
.spinner4 {
  width: 75%;
  margin: 0px auto;
  -webkit-animation: animatezoom2 2.0s infinite ease-in-out;
  animation: animatezoom2 2.0s infinite ease-in-out;
  font-size : 0.8em;
}

.spinner5 {
  width: 75%;
  margin: 0px auto;
  -webkit-animation: animatezoom3 1.5s infinite ease-in;
  animation: animatezoom3 1.5s infinite ease-in;
  font-size : 0.8em;
  color: #ff4444;
}

.small{
	font-size : 0.8em;
	color : #ffffff;
	font-weight : none;
}
.smallgrey{
	font-size : 0.8em;
	color : #555555;
	font-weight : none;
}

.medium{
	font-size : 0.9em;
	color : #ffffff;
}
.small a{
	font-size : 0.8em;
	color : #ffffff;
}
.score{
	font-size : 1.1em;
	color : #ffffff;
}
.score a{
	font-size : 1.1em;
	color : #ffffff;
}

.score1{
	font-size : 1.2em;
	font-weight : bold;
	color : #000000;
}
.score1 a{
	font-size : 1.2em;
	font-weight : bold;
	color : #000000;
}
.score2{
	font-size : 1.1em;
	color : #000000;
}
.score2 a{
	font-size : 1.1em;
	color : #000000;
}



#overblack {
	width:100%;
	height:100%;
	background : rgba(255,255,255,0.75);
	position:fixed;
	left:0;
	top:0;
	z-index:99999;
	display:none;
	transition: width 2s ease-out;
}
.topfixed {
	position: fixed;
	top:0;
	z-index:9999;
	font-size : 0.9em;
	width : 100%;
	max-width: 1000px;
	z-index:9998;
		    -webkit-transition: all 0.5s;

}

.minlogo{
	position : fixed;
	top : 0px;
	display : none;
	z-index:99999;
    -webkit-transition: all 0.5s;
}
.sichtbar {
	display : block;
    -webkit-transition: all 0.5s;

}
.szmenu{
    -webkit-transition: all 0.5s;
}
  
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}

@-webkit-keyframes animateheartbeat {
  0% { 
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.75;
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1;
	}
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.75;
	}
}

@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}

}

@-webkit-keyframes animatezoom2 {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}

@keyframes animatezoom2 {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1;
	}
  100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
	}
}
@-webkit-keyframes animatezoom3 {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}

@keyframes animatezoom3 {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 1;
	}
  100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
	}
}


.button01 {
	padding : 5px 10px 5px 10px;
	color: #ffffff;
	font-weight : bold;
	text-decoration : none;
	border-radius : 5px;
}
.button03 {
	padding : 15px 20px 15px 20px;
	color: #ffffff;
	font-weight : bold;
	text-decoration : none;
	border-radius : 15px;
	font-size: 1em;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 10px; /* Place the button 30px from the right */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: ea5507; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px 10px 25px 10px; /* Some padding */
    border-radius: 4px; /* Rounded corners */
	opacity :0.8;
	transform: rotate(-90deg);
	font-size:1.8em;
	}

#myBtn:hover {
    background-color: #f17432; /* Add a dark-grey background on hover */
}

.dick{
	font-weight:bold;
	font-size:1.1em;
}
.blass{
	opacity: 0.8;
}
.jayput01{
	padding : 5px;
	font-size : 1.2em;
	color:#c14402;
	font-weight : bold;
	margin : 3px;
	background-color: #ffe092;
}

.jayput02{
	padding: 14px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font-size: 1em;
	color : #555;
	font-weight : bold;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #DDDDDD), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	-moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	-webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	border-radius : 6px;
}
.formtable{
	max-width : 600px;
	width:100%;
	padding: 14px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font-size: 1em;
	color:#c14402;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
	font-weight : bold;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #DDDDDD), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	-moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	-webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 2px;
	border-radius : 6px;
}

.photoback {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-color : #010900;
	width: 100%;
	height: 700%;
    position: absolute;
	margin: 0;
    padding: 0;
	top:0;
	left:0;
	border: 0px;
}

.rasen {
    background-image: url(/images/greenback.jpg);
	width: 100%;
}
.rasen2 {
    background-image: url(/images/greenback.jpg);
	width: 100%;
}
#hnavigation{
	margin:auto;
    width: 1000px;
    height: 40px;
    background: #FFFFFF;
	list-style:none;
	text-align:center;
	font-size: 1em;
	font-weight: bold;
		-ms-user-select: None; 
	-moz-user-select: None; 
	-webkit-user-select: None;
	-webkit-transition: all 0.5s;

}
#hnavi {list-style:none;margin:0;padding:0;text-align:center;}
#hnavi li{position:relative;display:inline;z-index : 10; }
#hnavi a{display:inline-block;padding:10px;}

#hnavi ul{
	position:absolute;
	left:-20px;
	margin:0;
	padding:0;
	text-align:	left;
	background : #ffffff;
	border : 2px solid;
	border-color: #feccb1;
	display: none;

}

#hnavi ul li{display:block;}

#hnavi li:hover ul,li:active ul{
	font-size: 0.9em;
	left:15px;
	opacity : 0.9;
	top : 25;
	display : block;
    -webkit-animation: animatezoom 0.1s;
    animation: animatezoom 0.1s
}
#cresults{
	display:block;
    -webkit-animation: jayfadeIn 0.25s;
    animation: jayfadeIn 0.25s;
}

#hnavi li:hover ul a,li:active ul a
{text-decoration:none;
	color : #f17432;
	text-shadow: none;
}

#hnavi li:hover ul,li:active ul {text-decoration:none}
#hnavi li:hover ul a:hover,li:active ul a:hover
{text-decoration:none;

	background : #f17432;
	color : #ffffff;
	}
#hnavi ul a{white-space:nowrap;display:block;border-bottom:1px solid #ccc;}


.topspace{
	display : none;
	height : 56px;
}
.widgettopspace{
	display : block;
	height : 25px;
}
#background
{
	margin : 0px;
	border : 0px;
	padding : 0px;
}
 
#page
{
    margin: 0.7em auto;
    width: 1000px;

}
 
#logoheader
{
    margin: 0.7em auto;
    width: 1000px;
    height: 228px;
    background: rgba(0,0,0,0);
}
 
.headtext01{
	font-size : 2em;
	font-weight: bold;
    color: white;
    text-shadow:  2px  2px 2px #f17432,
                  2px -2px 2px #f17432,
                 -2px  2px 2px #f17432,
                 -2px -2px 2px #f17432;	
}	
 
#content
{    
    position: relative;
    float: left;
    margin: 0.7em auto;
    width: 760px;
	padding : 0.2em;
}
 
#sidebar
{
    position: relative;
    float: right;
    margin-top: 0.7em;
    width: 210px;
    min-height: 800px;
	background: rgba(230, 230, 230, 0.5);
	padding : 0.6em;
	border-radius : 8px;
}
.widget{
	max-width : 210px;
}

.bigtext{
	font-size : 1.2em;
	color: #000000;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	font-weight : bold;
}

.button02{
	padding: 10px;
	color : #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	border : 1px solid;
	border-color : rgba(255, 255, 255, 0.5)
	background: #ea5507; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #feccb1 4%, #FF6600 50%, #8B3700 98%,#000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#feccb1 4%, #FF6600 50%,#8B3700 98%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 1%,#feccb1 4%, #FF6600 50%,#8B3700 98%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	cursor : pointer;
}


.orange01{
	background: #ea5507; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #feccb1 4%, #FF6600 50%, #8B3700 98%,#000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#feccb1 4%, #FF6600 50%,#8B3700 98%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 1%,#feccb1 4%, #FF6600 50%,#8B3700 98%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.orange02{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #feccb1 1%, #f17432 50%, #ea5507 51%, #fb955e 99%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#feccb1 1%,#f17432 50%,#ea5507 51%,#fb955e 99%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 1%,#feccb1 1%,#f17432 50%,#ea5507 51%,#fb955e 99%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.orange03{
	padding: 10px;
	color : #ea5507;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	border : 1px solid;
	background-color : #ffffff;
	border-color : #ea5507;
	-ms-user-select: None; 
	-moz-user-select: None; 
	-webkit-user-select: None;
}
.orange04{
	background: #ea5507; /* Old browsers */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.75) 1%,rgba(254,204,177,0.75) 4%, rgba(255,102,0,0.75) 50%,rgba(139,55,0,0.75) 98%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.75) 1%, rgba(254,204,177,0.75) 4%, rgba(255,102,0,0.75) 50%, rgba(139,55,0,0.75) 98%,rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.75) 1%,rgba(254,204,177,0.75) 4%, rgba(255,102,0,0.75) 50%,rgba(139,55,0,0.75) 98%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	-ms-user-select: None; 
	-moz-user-select: None; 
	-webkit-user-select: None;
}

.schatten01{
	-webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.53);
	-moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.53);
	box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.53);
}
.inaktiv{
	position: relative;
	top : 10px;	color: #ffffff;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #feccb1 4%, #FF6600 50%, #8B3700 98%,#000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#feccb1 4%, #FF6600 50%,#8B3700 98%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 1%,#feccb1 4%, #FF6600 50%,#8B3700 98%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	padding-bottom : 6px;
	font-size : 0.9em;
	cursor : pointer;
}
.aktiv{
	font-size : 1em;
	position: relative;
	top : 5px;	color: f17432;
	text-shadow: 2px 2px 2px rgba(128, 128, 128, 0.5);
	background-color : rgba(240, 255, 245, 0.9);
	padding-bottom: 11px;
	border-radius : 4px 4px 0px 0px;
}
.orangetext01{
	font-size : 1.2em;
	color: f17432;
	text-shadow: 2px 2px 2px rgba(128, 128, 128, 0.5);
	font-weight: bold;
}
.tab{
	font-weight : bold;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 9px;
	-webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.53);
	-moz-box-shadow: 1px -3px 4px 1px rgba(0,0,0,0.53);
	box-shadow: 1px -3px 4px 1px rgba(0,0,0,0.53);
	margin-bottom : -3px;
	-ms-user-select: None; 
	-moz-user-select: None; 
	-webkit-user-select: None;
    -webkit-transition: all 0.2s;
}
#tabnavi ul { margin : 0px;
padding : 0px;
}

#tabnavi li {
	display: inline; /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
	white-space: nowrap;
}

.textframe01 {
	width : 100%;
	background-color : rgba(240, 255, 245, 0.9);
	padding : 20px 0 40px 0;
}
.textframe02 {
	background-color : rgba(240, 255, 245, 0.9);
	padding : 10px;
	margin-top : 16px;
	}
.textframe03 {
	font-size : 1.4em;
	font-weight:bold;
	color : #440000;
}
.head01{
	padding: 10px;
	color : #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	border : 1px solid;
	border-color : rgba(255, 255, 255, 0.5);
	background-color: #aa3300;
}

.head02{
	color : #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	border : 1px solid;
	border-color : rgba(255, 255, 255, 0.5)
}
.head02 a:link{
	color : #ffffff;
    text-decoration:none;
}
.head02 a:visited{
	color : #ffffff;
    text-decoration:none;
}
.head02 a:hover{
	color : #ffffff;
    text-decoration:none;
}
.head03{
	color : #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.head04{
	padding: 10px;
	color : #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	text-align : center
}


.sidecontent01{
	margin : 0px;
	padding : 10px;
	padding-top: 0px;
	color : #ffffff;
	background-color : rgba(0, 60, 10, 0.66);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	border : 1px solid;
	border-color : rgba(255, 255, 255, 0.5);
}


.sz-container {
	font-size: 18px;
	line-height: 1.4;
	margin: 0;
	padding: 4px;
	padding-bottom : 20px;
	color: #222;
}



.showcase01{
	width: 100%;
	border-spacing: 0px;
    border-collapse: separate;
	margin-right : 10px;
	border : 0px;
}
.showcase01 tr:nth-child(odd) {
   background-color: rgba(100,180,100,0.3);
   box-shadow: 2px 2px 3px hsla(300,15%,25%,0.1) inset;
}
.showcase01 tr:nth-child(even) {
   background-color: rgba(200,200,200,0.3);
   box-shadow: 2px 2px 3px hsla(300,15%,25%,0.1) inset;
}
.showcase01 td {
   border-bottom : 1px solid #888;
	height : 32px;
	padding : 3 8 3 0;
}
tr.lnk {
-webkit-transition: -webkit-transform 0.1s  ease-in-out;
-moz-transition: -moz-transform 0.1s  ease-in-out;
transition: transform 0.1s  ease-in-out;
}
tr:hover.lnk {
	cursor : pointer;
    -webkit-transform: scale(1.04) ;
           -moz-transform: scale(1.04) ;
             -o-transform: scale(1.04) ;
            transform: scale(1.04) ;
}

.hovimg{
	-webkit-transition: -webkit-transform 0.1s  ease-in-out;
	-moz-transition: -moz-transform 0.1s  ease-in-out;
	transition: transform .1s  ease-in-out;
	cursor : pointer;
}

.hovimg:hover{
		-webkit-transform: scale(1.05) ;
           -moz-transform: scale(1.05) ;
             -o-transform: scale(1.05) ;
            transform: scale(1.05) ;
}
.highlighted
{
	font-size : 1.6em;
	font-weight : bold;
}

.sz-logo{
	max-height : 32px;
}
.sz-logo2{
	width : 100%;
	max-width : 82px;
	min-width:24px;
}
.sz-logo3{
	width : 100%;
	max-width : 64px;
}

.sz-text{
	text-align : left;
}
.sz-number{
	text-align : right;
}
.statusline{
	text-align:right;
	position: fixed;
	bottom : 0px;
	width: 100%;
	height : 14px;
	background-color : rgba(30,30,30,0.55);
	color : rgba(255,255,255,0.35);
	font-size: 11px;
}

#navi {
   position: fixed;
   top:0;
   right:0;
   left:0;
   opacity : 0.98;
   transition: transform .25s .1s ease-in-out;
	-ms-user-select: None; 
	-moz-user-select: None; 
	-webkit-user-select: None;
}

/* Verschwindende Menuleiste beim runterscrollen

.down #navi {
   transform: translate3d(0, -100px, 0);
}

.down nav {
   transform: translate3d(-250px, 0, 0);
}

*/




/* side slide menu*/
section ul li{
    margin:0 0 10px;
}

.wrapper{

}
section{
    padding:30px 30px 30px 80px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
}
nav{
	position : fixed;
    top:0;
    left:0;
    width:250px;
    height:110%;
    margin:0 0 0 -100%;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
	overflow : auto;
	-webkit-box-shadow: 0px 3px 16px 1px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 3px 16px 1px rgba(0,0,0,0.23);
	box-shadow: 0px 3px 16px 1px rgba(0,0,0,0.23);
    text-decoration:none;
    background-color: #1D1F20;
    background-image: linear-gradient(145deg, #1D1F20, #404348);
	font-size : 1em;
	font-weight : bold;
	
}
nav ul{
    width:250px;
    padding:0;
    margin:0;
    list-style:none;
    overflow:hidden;
    text-decoration:none;
}
nav ul li{
	text-transform: uppercase;
    font-size:0.9em;
	font-family: 'Lato',calibri,'DejaVu Sans',Arial;
    color:#fff;
    text-decoration:none;
    display:block;
    padding:12px 15px;
    font-weight:300;
    border-bottom: 1px solid;
    border-color: #444444;
}
nav ul li ul{
	font-size : 0.8em;

	background: rgba(250,50,50,0);
    text-decoration:none;
}
nav ul li a:visited{
    text-decoration:none;
}
nav ul a{
    text-decoration:none;
}
nav ul a:visited{
    text-decoration:none;
}
nav ul li a{
    text-decoration:none;
    color:#f5f5f5;
    border-bottom:1px solid #333;

}
nav ul li a:visited{
    text-decoration:none;

}

nav li ul{
    color:#fff;
    font-size:1em;
    text-decoration:none;
    display:block;
    padding:12px 15px;
    font-weight:300;


}

nav ul li:hover {
    background: rgba(10,10,10,0.3);
}

nav ul li ul {
    display: none;
}
nav ul li:hover ul {
    display:block;
}

nav h3{
	color:#777777;
	text-transform: uppercase;
    font-size:0.9em;
	margin-bottom :0px;

}

label{		
    text-decoration:none;
    display:none;
    font-weight:700;
    background:rgba(255,255,255,0.8);
    width:100%;
    height:52px;
    line-height:52px;
    color:#fff;
	vertical-align: middle;
    text-align:left;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-size:2em;
    position:fixed;
    top:2px;
    left:0px;
	padding-left: 15px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;

	-webkit-box-shadow: 0px 3px 16px 1px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 3px 16px 1px rgba(0,0,0,0.23);
	box-shadow: 0px 3px 16px 1px rgba(0,0,0,0.23);
}

input[type="checkbox"]:checked ~ nav{
    margin:0;
}
input[type="checkbox"]:checked ~ label{
    left:250px;
}


#ix {
	display : none;
	color : ffffff;
	left : -40px;
	top : 0px;
	position : fixed;
	width : 40px;
	font-size: 2em;
    -moz-transition:all 300ms ease-in;
    -webkit-transition:all 300ms ease-in;
    -o-transition:all 300ms ease-in;
    transition:all 300ms ease-in;
	z-index : 99999;
}
input[type="checkbox"]:checked ~ label #ix{
    -webkit-transform:translate3d(250px, 0, 0);
    -moz-transform:translate3d(250px, 0, 0);
    -o-transform:translate3d(250px, 0, 0);
    transform:translate3d(250px, 0, 0);
}


input[type="checkbox"]:checked ~ section {
    -webkit-transform:translate3d(250px, 0, 0);
    -moz-transform:translate3d(250px, 0, 0);
    -o-transform:translate3d(250px, 0, 0);
    transform:translate3d(250px, 0, 0);
}

/* media queries */
@media screen and (max-width: 1020px) {

	#logoheader
	{
		display : none;
	}

	#hnavigation
	{
		width: 100%;
	}
	
	#page
	{
		width: 100%;
	}
	#content
	{    
		width: 68%;
	}
	 
	#sidebar
	{
		width: 220px;
	}
	.widget{
		float : left;
		margin: 0 0 20px 10px;
	}

	
	
	
#piccontainer {
	position: fixed;
	top:0;
	right : 0;
	z-index : 999999;
	height:160px;
}

#userpic{
	position: relative;
	top:0;
	right : 0px;
	max-width: 64px;
	z-index : 999998;
	opacity: 0.85;
    -webkit-animation: animatezoom 0.7s;
    animation: animatezoom 0.7s;
	border-radius : 100%;
	padding :5px;
	border : 1px solid;
	border-color: rgba(128,128,128,0.7);
	background-color : rgba(255,255,255,0.5);

}
	
	
	
	
	
	
	
	
#chatslide{
	z-index:10;
	width:350px;
	height:100%;
	position : fixed;
	top: 0px;
	right:-305px;
	-webkit-transition:  0.5s; /* Safari */
	-webkit-transition-timing-function: ease;
    transition:  0.5s;
	transition-timing-function: ease;
	overflow-x : auto;
	overflow-y : auto;

	}
	#opener{
		position : absolute;
		left : 0px;
		top : 40%;
		background-color: rgba(0,100,10,0.5);
		padding : 25px 0px 25px 5px;
		border-radius : 50% 0px 0px 50%;
		opacity : 0.5;
	}
	#mchatliste{
		height:100%;
		width:300px;
		position : absolute;
		left : 43px;
		background-color: rgba(0,100,10,0.05);
		-webkit-transition:  0.5s; /* Safari */
		-webkit-transition-timing-function: ease;
		transition:  0.5s;
		transition-timing-function: ease;
	}
	
	
	
	
	
	
	
}

@media screen and (max-width: 785px) {

.fullonly{
	display : none;
}
.mobileonly{
	display : block;
}
#useravatar{
	display:none;
}

#shouter {
	position : fixed;
	left:1px;
	bottom:1px;
	z-index : 99999999;
	}

.emojionearea .emojionearea-editor {
	line-height: 2.5;
}
.shoutput {
	padding: 14px;
	border-radius : 6px;
}



#shoutbox {
	max-height:calc(100% - 220px);
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	margin-top:140px;
	width: 96%;
	padding: 7px;
	padding-bottom:100px;
	font-size: 1em;
	border-radius : 6px;
}

#szappchat{
	height:100%;
	max-height : 100%;
	right : 0px; 
	margin-bottom : 50px;
	width: 96%;
	padding: 7px;
	font-size: 1em;
	border-radius : 6px;
}



.bubble{
	margin-bottom : 15px;
	margin-right : 10%;
	border : 1px solid;
	border-color : rgba(200,200,200,0.5);
	border-radius : 10px;
	padding : 4px;
	background-color : rgba(200,200,200,0.2);
}
.selfbubble{
	margin-bottom : 10px;
	margin-left : 10%;
	border : 1px solid;
	border-color : rgba(100,200,100,0.75);
	border-radius : 10px;
	padding : 4px;
	background-color : rgba(100,200,100,0.3);
}
.chathead{
	font-size : 0.8em;
	font-weight : 50;
	margin-left : 10px;
	margin-bottom : 3px;
}

.chatdate{
	font-size : 0.8em;
	font-weight : 50;
	text-align : right;
	right : 5px;
	width : 100%:
}

.chattext{
	font-size : 1em;
}




#closebutton{
	top: 0;
	right : 18;
}

#infopopup{
	top : 0;
	margin-top: 0;
	left : 0;
	margin-left : 0;
	width: 100%;
	bottom : 0;
	border : 0px;
	border-radius: 0px;

}
#infopopupu{
	top : 0;
	margin-top: 0;
	left : 0;
	margin-left : 0;
	width: 100%;
	bottom : 0;
	border : 0px;
	border-radius: 0px;

}

.jaypopup{
	top : 0;
	margin-top: 0;
	left : 0;
	margin-left : 0;
	width: 100%;
	bottom : 0;
	border : 0px;
	border-radius: 0px;

}






	label{
		display:block;
	}
	.topspace{
		display : block;
	}
	#hnavigation{
		display : none;
		margin : 0px;
		border : 0px;
	}
	#page
	{
		width: 100%;
		margin : 0px;
		border : 0px;
	}
	#content
	{    
		width: 100%;
		margin : 0px;
		padding : 0px;
		border : 0px;
	}
	 
	#sidebar
	{
		width: 100%;
		float: left;
		border : 0px;
		padding : 0px;
		position: relative;
		margin: 0 auto;
		padding-bottom:150px;
	}

	.photoback{
		display : none;
	}
	.rasen {
		display : none;
	}
	.widgettopspace{
		display : none;
	}
	.widget{
		float : left;
		margin: 0 0 25px 10px;
				min-width : 47%;
	}

	.jayput01{
	padding : 2px;
	font-size : 1em;
	color:#c14402;
	font-weight : bold;
	margin : 1px;
	}
	#sidebar {
		width : 94%;
		padding-right : 0px;
		margin-left : 2%;
	}

	
	#tabwrapper{		
		margin-top : 5px;
		border : none;
		-webkit-overflow-scrolling: touch;
	}
	

		#display01{
		margin-top: 0px;
	}

	.tab{
		font-weight : bold;
		padding: 20px;
		-webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.53);
		-moz-box-shadow: 1px -3px 4px 1px rgba(0,0,0,0.53);
		box-shadow: 1px -3px 4px 1px rgba(0,0,0,0.53);
	}	
	.inaktiv{
		top: 13px;
	}
	.aktiv{
		top: 13px;
	}	
	
	#tabnavi{
		overflow-x : auto;
		overflow-y : hidden;
	   border: none;
		height : 45px;
	}	
	
}
@media screen and (max-width: 650px) {
	.nosmall{
		display:none;
	}
}