* {
margin: 0;
padding: 0;
} 

@font-face {
   font-family: 'cg';
   src: url( g.eot);
   src: local (''); 
   src: url( g.woff) format('woff'); 
}

@font-face {
   font-family: 'cgb';
   src: url( gb.eot);
   src: local (''); 
   src: url( gb.woff) format('woff'); 
}


BODY, HTML
{
	margin: 0;
	padding: 0;
	width:100%;
	height: 100%;
	font-family: cg, Trebuchet MS;
font-size: 15px; 
	letter-spacing: 0.5px;
	line-height: 22px;
	color: black;
	cursor: default;
	background: black url(../images/loader.gif) no-repeat center center;
}

img{display: block;}
/*
Standart-Schriften, Gr��e und Farbe
*/
.mini		 {
	font-size: 8px; 
	letter-spacing: 1px;
}
.mini2		 {
	font-size: 8px; 
	letter-spacing: 1px;
}

.small		 {
	font-size: 10px; 
	letter-spacing: 1px;
}

.semismall		 {
	font-size: 12px; 
	letter-spacing: 1px;
}
.middle		 {
	font-size: 15px; 
	letter-spacing: 0.5px;
	line-height: 22px;
} 
.normal		 {
	font-size: 12px; 
	letter-spacing: 1px;
	cursor: default
} 
.large		 {
	font-size: 19px;
	letter-spacing: 1px;
		font-family: 'cgb';
} 

.xtralarge		 {
	font-size: 35px;
	letter-spacing: 1px;
} 
.xxl		 {
	font-size: 44px;
	letter-spacing: 1px;
}
.times		{
	font-family: Times New Roman;	
}

/*
Schriftfarben & Ausrichtung
*/

.blu	{
	color: #56a9ff;	
			font-family: 'cgb';
}

.creme	{
	color: #e8c299;	
}
.white	{
	color: white;	
}
.black	{
	color: black;	
}
.lightgray	{
	color: #878787
}

.gray	{
	color: #c9c9c9	
}

.upperCase	{
	text-transform: uppercase;
}

.normal-letter-spacing	{
	letter-spacing: 1px;
}

.center		{
	text-align: center	
}

.right		{
	text-align: right	
}

.bold	{
	font-weight: bold	
}
.shadow-white {
	text-shadow: 1px 1px 1px rgba(1, 66, 109, 1);
}
.shadow-white2 {
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.73);
}

.shadow-black {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
}
.shadow-black3 {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
}
.shadow-black2 {
	-webkit-box-shadow: 2px 5px 12px 0px rgba(0, 0, 0, 0.20);
	-moz-box-shadow:    2px 5px 12px 0px rgba(0, 0, 0, 0.20);
	box-shadow:         2px 5px 12px 0px rgba(0, 0, 0, 0.20);	
}

/*
Links 56a9ff
*/

a.nav:link, a.nav:visited
{	
	color: white;
	transition:.5s;
}
a.nav:hover
{	
	color: #e8c299
}

a.nav:active
{	
	color: #e8c299
}




a, a:link	 {
	color: #56a9ff;
	text-decoration:none;
	transition:.5s;
	cursor: pointer;
	font-family: cgb;
	letter-spacing: 1px
}
a:visited	 {

}
a:hover		 {
	color: #979797;
}
a:active	 {
	color: #979797;
}


.linkbold	{
	font-family: cgb;
	letter-spacing: 1px	
}

/*
Copyright-Bereichder Seite
*/


#copyright
{
	position: absolute;
	top: 100%;
}

a.copyright:link	 {
	color: #56a9ff;
	text-decoration:none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
a.copyright:visited	 {
	color: #56a9ff;
}
a.copyright:hover		 {
	color: #979797;
	text-decoration: none
}
a.copyright:active	 {
	color: #979797;
	text-decoration:none
}

/*
Seitenlayout
*/

#canvas {
	width: 100%;
	min-height: 100%;	
	height: auto !important;
	height: 100%;
	overflow: hidden !important;
	position: absolute;
}

#fu	{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/fu.png);	
}	

#header	{
	width: 895px;
	height: 160px;
	margin: 0px auto;
	position: relative;
	transition: 0.5s all ease-in-out;
}



#logo	{
	position: absolute;
	width: 312px;
	height: 107px; /*107 */
	background: url(../images/how_about.png) no-repeat top;
	padding: 0px;
	top: 28px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	opacity: 1.0;
	cursor: pointer;
	
	
}

#logo:hover	{
	opacity: 0.5;
}


.hover-80	{
		-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	cursor: pointer
}
.hover-80:hover	{
	opacity: 0.8;
}

#stamp	{
	position: absolute;
	width: 107px;
	height: 113px; /*107 */
	background: url(../images/live_stamp.png) no-repeat top;
	padding: 0px;
	top: 30px;
	left: 310px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	opacity: .7;
	
}	

	

#flags	{
	position: absolute;
	left: 466px;  /*755px */
	width: 445px;
	height: 25px; /*70px */
	top: 10px;
	border-radius: 0px 0px 7px 7px;	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	background: url(../images/fu.png);
	cursor: pointer;
	overflow: hidden
}
#flags:hover	{
	
	-webkit-box-shadow: 2px 5px 6px 0px rgba(0, 0, 0, 0.20);
	-moz-box-shadow:    2px 5px 6px 0px rgba(0, 0, 0, 0.20);
	box-shadow:         2px 5px 6px 0px rgba(0, 0, 0, 0.20);
	border-radius: 0px 0px 7px 7px;	
}

#flags img {
	display: inline;
	margin-right: -2px;
	cursor: 	
}

a.flag:link, a.flag:visited #flags
{	
	color: white;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	opacity: 0.5;
	font-family: 'cg'
}

a.flag:hover
{	
	opacity: 1.0
}

#navigation	{
	padding-top: 112px	
}

.sub-navigation	{
	margin-top: -5px;	
	overflow: hidden;	
	width: 100%;	
	height: 0px;	
	display: inline-flex;	
	justify-content: space-evenly;	
	align-items: flex-end;	
	margin-left: -5px;	
	transition: 0.5s all ease-in-out;
	color: white;
	opacity: 0.0
}

.sub-navigation-visible	{
	height: 30px;	
	opacity: 1.0
}

a.scheisslinks {

	color: white;
	transition: 0.5
}
a.scheisslinks:visited{

	color: white;
}
a.scheisslinks:hover{
	color: #e8c299;
}
a.scheisslinks:links{

	color: white!important;
}
a.scheisslinks:links{

	color: white!important;
}





.sub-navigation	p{
}


#navigation-list
{
	list-style-type: none;
}
#navigation-list li
{
	float: right;
	height: 34px;
	padding-right: 10px;
	padding-left: 10px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.73);�
}
	
#scroll-navigation-div
{
	position: fixed;
	height: 70px;
	width: 100%;
	background: black;
	top: 0%;
}

#scroll-navigation
{
	width: 825px;
	margin: 0px auto;
	padding-top: 22px
}	



#newsletter-box	{
	position: relative;
	background: url(../images/bg_70_alpha.png);
	border-radius: 25px;
	width: 310px;	
	height: auto;
	padding: 10px 25px 20px 25px;
	text-align: justify
}

#dates-box	{
	position: relative;
	background: url(../images/bg_70_alpha.png);
	border-radius: 25px;
	width: 310px;	
	height: auto; /* 260 */
	padding: 10px 25px 20px 25px;
	text-align: left;
	margin-top: 30px;
	overflow: hidden
}

#partner-box	{
	position: relative;
	background: url(../images/bg_70_alpha.png);
	border-radius: 25px;
	width: 310px;	
	padding: 10px 25px 20px 25px;
	text-align: justify;
	margin-top: 30px;
	overflow: hidden;
}

#partner-fold-down	{
	overflow: hidden;
	
}

.partner img	{
	margin-top: 30px;
	width: 230px;
	max-height: 100px;
}


#partner-img{
	margin-top: 10px;
	margin-left: 25px;
    background-image: url("images/partner/sparkasse_hanauerland.png");
    width: calc(100% - 50px);
    height: calc(100% - 20px);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;

}

#content	{
	color: black
}








/*
#content a:link, a:visited	{
	color: #56a9ff;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;	
}

#content a:hover
{	
	color: #979797;

}

#content a:active
{	
	color: #979797
}
*/
.content	{
	list-style-type: none;
	width: 940px;
	margin: 0px auto;
}

.content li	{
	float: left;
	padding-right: 30px;
	padding-left: 10px;	
}
#content-box	{
	position: relative;
	width: 450px;
	height: auto;
	min-height: 600px;
	background: url(../images/bg_93_alpha.png);
	border-radius: 25px;
	margin: 0px auto;
	padding: 20px 25px 20px 25px
}

#content-box img	{
	margin-left: -25px	
}


#subnav-box	{
	width: auto;
	height: 25px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #979797;
	font-size: 12px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.73);�	
}



#subnav {
	list-style-type: none;
}

#subnav li	{
	float: left;
	width: 400px;
}

/*
includes
*/

.bluebox	{
	background: #56a9ff;
	border-radius: 10px;	
	-webkit-box-shadow: 3px 3px 1px 0px rgba(0, 0, 0, 0.14);
	-moz-box-shadow:    3px 3px 1px 0px rgba(0, 0, 0, 0.14);
	box-shadow:         3px 3px 1px 0px rgba(0, 0, 0, 0.14);
	width: 40px;
	height: 45px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
	cursor: pointer	
}

a.bluebox:link, a.bluebox:visited
{	
	color: white;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	opacity: 1.0
}
a.bluebox:hover
{	
	opacity: 0.7
}


.ref	{
	margin-top: 15px;
	background-size: 450px 65px;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.14);
	-moz-box-shadow:    3px 3px 5px 0px rgba(0, 0, 0, 0.14);
	box-shadow:         3px 3px 5px 0px rgba(0, 0, 0, 0.14);
	width: 450px;
	height: 65px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
	cursor: default	!important
}

a.ref:link, a.ref:visited
{	
	color: white;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.2s;
	opacity: 0.7
}
a.ref:hover
{	
	opacity: 1.0
}






.news-date-box-large	{
	color: white;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	line-height: 15px;
	letter-spacing: 1px;
	padding-top: 9px
}

.news-date-box-small	{
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px	
}

#news-title-list	{
	list-style-type: none;
}

#news-title-list li	{
	float: left;
	padding-left: 10px;
	letter-spacing: 2px;
	border-bottom: 2px solid #d3d8db;
	height: 60px;
	padding-right: 0px	
}

.text-list {
	list-style-type: none;	
}
.text-list li{
	float: left;
		
}


#captchaimg
{
	width: 170px	
}












#box	{
	position: relative;
	width: 400px;
	height: 200px;
	background: url(../images/bg_80_alpha.png);
	margin: 0px auto;
	top: 40%;
	border-radius: 25px;
	padding: 10px
}
#msg	{
	position: relative;
	width: 541px;
	height: 1050px;
	background: url(../images/we_ll_bak.png);
	margin: 0px auto;
	top: 34%;
	padding: 0px
}
#dev	{
	position: fixed;
	left: 0%;
	top: 0%;
	padding: 0px
}

#loader	{
	position: relative;
	width: 66px;
	height: 66px;
	background: url(../images/loader.gif);
	margin: 0px auto;
	top: 50%;
	padding: 0px
}
#background {
	position: fixed;
	top: -7%	
}

#foreground {
	position: fixed;
	top: 11% /*28 */
}

#links {
	position: absolute;
	top: 950px; /*28 */
	left: -280px;
}

.links-rotate270 {
	top: 850px;
	-webkit-transform: rotate(270deg);
	 -moz-transform: rotate(270deg);
	 -o-transform: rotate(270deg);
	 -ms-transform: rotate(270deg);
	 transform: rotate(270deg);
}

.links-rotate0 {
	
	-webkit-transform: rotate(0deg);
	 -moz-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
	 -ms-transform: rotate(0deg);
	 transform: rotate(0deg);
}

#gesichtsbuch {
	display: inline;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	opacity: 0.5;
	margin-bottom: 7px;
	margin-right: 20px;
}

#gesichtsbuch:hover
{	
	opacity: 1.0;
}
#deinrohr {
	display: inline;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	opacity: 0.5
}

#deinrohr:hover
{	
	opacity: 1.0;
}
#picture_blurred {
	position: absolute;
}

#no-script-bg	{
	width: 100%;
	height: 100%;
	background: url(../images/bg.jpg) no-repeat bottom right;
	position: absolute;
	display: table-cell;
	vertical-align: middle;
	left: 0px;
	top: 0px	
}

.textbox	{
	margin: 10px 0px 0px 0px;
	width: 280px;
	height: 30px;
	border: 0px solid #e6e6e6;
	padding: 5px 15px 5px 15px;
	font-family: cg;
	font-size: 15px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.07);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.07);
	background: white no-repeat right;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.3s;	
}

.textbox:focus	{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(86, 169, 255, 0.42);
	-moz-box-shadow:    0px 0px 5px 0px rgba(86, 169, 255, 0.42);
	box-shadow:         0px 0px 5px 0px rgba(86, 169, 255, 0.42);	
}

.button	{
	position:relative;
	margin: 0px 0px 10px auto;
	width: calc(100%-25px);
	height: 30px;
	border: 0px dashed white;
	border-top: 0px;
	padding: 12px 15px 5px 15px;
	padding-right: -20px;
	font-family: cg;
	font-size: 15px;
	border-radius: 0px;
	background: #56a9ff;	
	text-align: center;
	color: white;
	cursor: pointer;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.3s;	
 	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;	
}

.button div	{
	position: absolute;
	top: 6px;
	
}
.button img	{
	display: inline;
	padding-left: 20px	
}

.button:hover	{
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(86, 169, 255, 0.62);
	-moz-box-shadow:    0px 0px 5px 0px rgba(86, 169, 255, 0.62);
	box-shadow:         0px 0px 5px 0px rgba(86, 169, 255, 0.62);
	border: 0px dashed white;	
}




/* Labels */

label {
  display: inline-block;
  width: 450px;

}

label{
  margin: .2em 0;
  font-size: 13px
}

/* remove standard-styles */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  width: 100%
} 

audio {
	width:450px;
	height: 35px;
	border: 0px solid #bbb;
	padding: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.07);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.07);
	background-color:white;    
	font-family: cg;
	font-size: 15px;
	cursor: pointer
}

select {
	width:360px;
	height: 45px;
	border: 0px solid #bbb;
	padding:.75em 1em .5em 1em;
	margin-top: 15px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.07);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.07);
	background-color:white;
	background-image:url(../images/select.png);
	background-position: right;
	background-repeat: no-repeat;
	font-family: cg;
	font-size: 15px;
	cursor: pointer
}

select:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(86, 169, 255, 0.62);
	-moz-box-shadow:    0px 0px 5px 0px rgba(86, 169, 255, 0.62);
	box-shadow:         0px 0px 5px 0px rgba(86, 169, 255, 0.62);
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}

.lt-ie10 select {
    background-image: none;
}

option {
  background: white;
  border-bottom:1px dashed silver;
  padding:1.5em 1em .3em 1em;
  color: #56a9ff;
  height: 30px
}







/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: 0;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label 
{
	cursor: pointer;
 	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
	 display:inline-block;
}


input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 1em;
    margin-left: 0em;
    box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.1);

}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 50px;

}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background: #d6d9dc;
  box-shadow: inset 0 0 0 2px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background: #56a9ff;
  box-shadow: inset 0 0 0 2px white;
}

hr	{
	padding-top: 20px;
	margin-bottom: 10px;
	color: transparent;
	background: transparent;
	border: 0px;
	border-bottom: 2px dashed #56a9ff;	
}
.hr2	{
	padding-top: 2px;
	margin-bottom: 10px;
	color: transparent;
	background: transparent;
	border: 0px;
	border-bottom: 1px dashed #56a9ff;	
}





#galerie-list-frame	{
	width: 500px;
	height: 100%;
	margin: 0px 0px;
	padding: 0px;
	padding-left: 25px
}

#galerie-list	{
	list-style-type: none;
	margin: 0px;
	margin-top: 10px;
	padding:  0px 0px 0px 1px;
	
}

#galerie-list li	{
	float: left;
	width: 110px;
	height: 110px;	
	margin: 1px 1px 1px 1px;
	padding: 0px;
	cursor: pointer;
}

.galerie-thumbnail	{
	width: 110px;
	height: 110px;
	margin: 0px;
	background: url(../images/loading.gif) no-repeat center center;
}

.galerie-thumbnail-title	{
	width: 446px;
	height: 110px;
	margin: 0px;
	background: url(../images/loading.gif) no-repeat center center;
	
}

.galerie-thumbnail-title-font	{
}


.galerie-thumbnail-title-font	{
	margin-top: 15px;
	background-size: 450px 65px;
	width: 450px;
	height: 65px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
	cursor: pointer;
	padding: 0px;
}

a.galerie-thumbnail-title-font:link, a.galerie-thumbnail-title-font:visited
{	
	color: white;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.2s;
	opacity: 1.0
}
a.galerie-thumbnail-title-font:hover
{	
	opacity: 0.7;
	
}









#galerie-bg	{
	width: 100%;
	height: 100%;
	background: black;
	position: absolute;
	left: 0px;
	top: 0px	
}

#galerie-image-frame-list	{
	list-style-type: none	
}

#galerie-image-frame	{
	width: 120px;
	height: 120px;
	padding: 0px;
	background: white url(../images/loader_large_blue.gif) no-repeat;
	background-position: 50% 50%;	
	position: absolute;
	text-align: left;
	list-style-type: none;
	border-radius: 25px;
}

#bar-loader	{
	margin: 15px auto 0px auto
}

.galerie-submenu-list	{
	cursor: pointer	
}

#image	{
	padding: 0px;
	position: absolute;
	cursor: pointer;
	border-radius: 22px;
}

#button-back	{
	position: absolute;
	float: left;
	width: 300px;
	height: 100%;
	cursor: pointer;
	background:  url(../images/back.png) no-repeat;
	background-position: 0 50%; 
	background-size: 20%;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.2s;
	opacity: 0.3
	
}
#button-back:hover	{
	opacity: 1.0
}

#button-next	{
	position: absolute;
	width: 300px;
	height: 100%;
	right: 0px;
	cursor: pointer;
	background:  url(../images/next.png) no-repeat;
	background-position: 100% 50%;
	background-size: 20%;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.2s;
	opacity: 0.3
}
#button-next:hover	{
	opacity: 1.0
}


#frame-controls	{
	position: absolute;
	width: 181px;
	height: 86px;
	bottom: 0px;
	left: calc(50% - 90px);
	cursor: pointer;
	background: url(../images/spacer.gif);
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.2s;
	opacity: 0.3
}
#frame-controls:hover	{
	opacity: 1.0
}

#close-button	{
	position: absolute;
	right: 20px;
	top: 10px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.2s;
	opacity: 0.3;
	cursor: pointer
}

#close-button:hover	{
	opacity: 1.0
}


.sponsor 	{
	margin: auto auto !important;
	display: inline;
	padding: 5px;
	background: 
}

.s1 	{
	padding: 5px !important;
	padding-right: 5px !important;
	width: 185px;
}

.s2 	{
	padding: 5px !important;
	padding-right: 5px !important;
	width: 135px;
}

.s3 	{
	padding: 5px !important;
	padding-right: 35px !important;
	width: 105px;
}

img.desaturate {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(../images/desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
	transition-property: all;
	transition-duration: 1s;
}
img.desaturate:hover {
	filter: none;
	cursor: pointer
}

.partner-list	{
	list-style-type: none;
	height: 120px;	
}

.partner-list	li {
	float: left;
	width: 120px;
	height: 120px;
	background: white url(../images/fu.png);
	padding: 10px; 
	margin: 10px;
	margin-left: 0px;
	margin-top: 0px;
	background-position: center;
	background-size: 120px;
	background-repeat: no-repeat;
	-webkit-box-shadow: 2px 5px 6px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:    2px 5px 6px 0px rgba(0, 0, 0, 0.05);
	box-shadow:         2px 5px 6px 0px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(../images/desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
}


.partner-list	li:hover {
	filter: none;
	cursor: pointer
}





/* ADMIN */

#center {
	width: 100%;
	height: 893px;    

}

#administration	{
	margin: 0px auto;
	width: 500px	
}

#admin-menu	{
	width: 200px;	
}

#admin-menu ul	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}