@font-face {
	font-family: Edelsans;
	src: url('font/edelsans.otf');
}

@font-face {
        font-family: EdelsansLight;
        src: url('font/edelsans_ultralight.otf');
}

@font-face {
        font-family: EdelsansSemiBold;
        src: url('font/edelsans_semibold.otf');
}

@font-face {
        font-family: EdelsansBolder;
        src: url('font/edelsans_bolder.otf');
}

body
{
	font-family:Edelsans;
	background-color:#fece00;
	background-image:url(/pics/muleback.jpg);
	background-repeat:no-repeat;
	background-position:center 0px;

}

.start
{
	position:absolute;
        top:60%;
        left:30%;
        width:40%;

}


.start a:link { text-decoration:none; border:none; color:transparent; }
.start a:visited { text-decoration:none; border:none; color:transparent; }
.start a:hover { text-decoration:none; border:none; color:transparent; }
.start a:active { text-decoration:none; border:none; color:transparent; }
.start a:focus { text-decoration:none; border:none; color:transparent; }


.mid-back, .midright-back, .midfull-back
{
	background-color:#fcbc00;
	z-index:1;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	
	position:absolute;
	top:0%;
	left:28%;
	width:44%;
	height:1030px;
}

.midfull-back
{
        left:8%;
        width:84%;
}

.midright-back
{
	left:28%;
	width:67%
}

.mid, .browser, .midright, .midfull
{
	text-align:center;
	color:#003882;
	font-size:12px;
	
	overflow:visible;
	
	z-index:2;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	
	position:absolute;
	top:0%;
	left:28%;
	width:40%;
	
	padding:3% 2% 3% 2%;
}

.midfull
{
	left:8%;
	width:80%;
}

.table-mid
{
	color:#003882;
	font-size:12px;
	text-align:left;
	
	margin-left:28%;
	margin-right:28%;

}

.links
{
	font-family:EdelsansSemiBold;
        font-size:16px;
        text-align:center;
	


}

.right
{
	text-align:center;
	color:#f7f1a7;
	font-size:20px;

	/*
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	*/
	/*
	z-index:1;
	*/
	
	padding-top:13%;
	
	position:absolute;
	top:0%;
	right:-1.5%;
    width:31%;
	height:80%;
}

.midright
{
	width:63%;

}

.fileinput-global
{
	position:relative;
	cursor:pointer;
}

.fileinput-invisible
{
	position:relative;
	z-index:3;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.button-fullscreen, .button-smallscreen
{
	z-index:3;

	position:absolute;
	top:1%;

	cursor:pointer;
}

.button-fullscreen
{
	left:66%;
}

.button-smallscreen
{
	left:86%;
}

.button-fullscreen a:link { text-decoration:none; border:none; color:transparent; }
.button-fullscreen a:visited { text-decoration:none; border:none; color:transparent; }
.button-fullscreen a:hover { text-decoration:none; border:none; color:transparent; }
.button-fullscreen a:active { text-decoration:none; border:none; color:transparent; }
.button-fullscreen a:focus { text-decoration:none; border:none; color:transparent; }

.button-smallscreen a:link { text-decoration:none; border:none; color:transparent; }
.button-smallscreen a:visited { text-decoration:none; border:none; color:transparent; }
.button-smallscreen a:hover { text-decoration:none; border:none; color:transparent; }
.button-smallscreen a:active { text-decoration:none; border:none; color:transparent; }
.button-smallscreen a:focus { text-decoration:none; border:none; color:transparent; }


.button, .button-normal, .button-browse
{
	background-color:#003882;
	color:#fdfbd4;
	font-style:italic;
	border:none;
	padding:3px 8px 3px 6px;
	border-radius: 8px 8px 8px 8px;

}

.button-normal
{
	font-style:normal;
}

.button-browse
{
	z-index:2;
	position:absolute;
	left:178px;
	top:0px;
	margin-left: 6%;
    margin-top: 1%;
}

.audiocontrol {
	margin-left: -19.5%;

}

audio {
	width: 116%;
	box-shadow: none;
	border-radius: none;
	transform: scale(0.7);
}

.textfeld-guestbook, .textfeld, .textfeld-fileinput, .textfeld-mix, .textfeld-foto
{
	margin:4% 15% 4% 15%;
	font-size:12px;
	font-weight:normal;
	color:#003882;
	background-color:#ffda5d;
	padding:3% 3% 3% 3%;
	border-radius: 8px 8px 8px 8px;

}

.textfeld, .textfeld-fileinput
{
	margin:0;
	padding:4px 4px 4px 4px;
	vertical-align:middle;
}

.italic, .italic-text, .italic-12
{
	font-style:italic;
}

.italic-text
{
	color:#f7f1a7;
}

.italic-12
{
	font-size:12px;
}

.info
{
	color:#9c9a92;
	font-size:10px;
	padding:3px 1px 0px 1px;
}

.textfeld-white
{
	color:#003882;
	font-family:Edelsans;
	font-size:12px;
	
	background-color:#ffffff;
	
	border-style:solid;
	border-width:8px;
	border-color:#ffffff;
	
	width:100%;
}

.textfeld-fileinput
{
	z-index:2;
	position:absolute;
	left:0%;
	top:0%;
}

.textfeld-mix, .textfeld-foto
{
	font-family:EdelsansSemiBold;
	font-size:11px;
	border-style:solid;
	border-width:2px;
	border-color:#fcbc00;
	background-color:#f7f1a7;
}

.textfeld-mix
{
	padding: 2% 0% 1% 0%;
	background-image: radial-gradient(#f1f3f4, #f7f1a7);
}

.download-button
{
	margin-top: -3%;
}


.textfeld-foto
{
	margin:5% 25% 5% 25%;
	padding:0% 0% 0% 0%;
}

.textfeld-abs
{
	margin-top:4%;
	color:#ffffff;
	text-align:right;
}

.foto
{
	border-color:#f7f1a7;
	border-style:solid;
	border-width:2px;
	margin:1%;
}

.menu
{
	font-family:EdelsansSemiBold;
	font-size:30px;
	color:#f7f1a7;
	position:absolute;
	top:22%;
	left:5%;
	width:22%;
	height:100%;
}

.menu a:link { text-decoration:none; color:#f7f1a7; }
.menu a:visited { text-decoration:none; color:#f7f1a7; }
.menu a:hover { text-decoration:none; color:#003882; }
.menu a:active { text-decoration:none; color:#f7f1a7; }
.menu a:focus { text-decoration:none; color:#f7f1a7; }

.menu-active
{
	margin-left:25%;
	
}

.page-title
{
	color:#003882;
	font-size:45px;
	font-family:EdelsansBolder;
	line-height:1.05;
	padding-top:3%;
}

.page-title-music
{
	font-size:55px;

}

.page-footer
{
	font-size:16px;
	font-family:EdelsansBolder;
	margin-top:5%

}

.section-title
{
	color:#f7f1a7;
	font-size:45px;
	padding-top:3%;
	padding-bottom:4%;
	font-family:EdelsansSemiBold;
}


.browser A { text-decoration: none; 
			color: #003882;
			}
.browser A:Hover { color : #003882; 
		  text-decoration : underline; }
	   
table.filelist { background-color:#ffda5d; 
        		 width:100%; 
				 border:1px solid #f7f1a7;
				 }
				 
.browser th { background-color:#ffda5d; 
	 font-size: 9pt; 
	 color:#003882; }

tr.mouseout { background-color:#ffda5d;
			border:0px solid #356eb2;
			}

tr.mousein  { background-color:#f7f1a7; }
tr.mousein td { border-top:0px solid #000000;
				border-bottom:0px solid #000000;
				border-left:0px solid #b2b2b2;
				border-right:0px solid #b2b2b2; }
tr.checked  { background-color:#fff882; }
tr.checked td {border:0px solid #fff882;}

tr.mousechecked { background-color:#356eb2; }
tr.mousechecked td {border:0px solid #356eb2;}

.browser td {  font-size: 9pt; 
	 color: #003882; }

td.message { background-color: #FFFFFF; 
			 color: #FF0000; 
			 text-align:center; 
			 font-family:EdelsansSemiBold; } 
			 
td.error { background-color: #FF0000;
			 color: #FFFFFF; 
			 text-align:center; 
			 font-family:EdelsansSemiBold; }
			 
.formular {margin: 1px; padding: 1em; border:0px solid #000000;}
.formular2 {margin: 1px; }