@charset "utf-8";
/* CSS Document */

/* ########## GENERAL ########## */
	html,body{
		padding:0px;
		margin:0px;
		
		width:100%;
		min-height:101%;
	}
	body{
		font-family:'Open Sans', sans-serif;
		font-weight:400;
		font-size:12px;
		color:#535353;
		
		cursor:default;
		
		background:url('design_images/bg.min.jpg');
		background-position:top center;
		background-attachment:fixed;
	}
	img{
		border:none;
	}
	a{
		color:#535353;
		text-decoration:underline;
		outline-width:0px;
	}
	h1,h2,h3,h4{
		display:inline;
		
		margin:0px;
		padding:0px;
		
		font-size:12px;
		line-height:normal;
		color:#535353;
	}
	ul{
		list-style-type:none;
	}
	ul,li{
		margin:0px;
		padding:0px;
	}
/* ########## GENERAL ########## */

/* ########## ICONS ########## */
	img.icon{
		position:relative;
		top:3px;
		margin:-10px 3px 0px 0px;
		
		width:16px;
		height:16px;
	}
/* ########## ICONS ########## */

/* ########## INPUTS AND LABELS ########## */
	fieldset{
		
	}
	label{
		
	}
	input[type=text],
	input[type=password],
	select{
		
	}
	select{
		
	}
	input[type=text]:focus,
	input[type=password]:focus,
	select:focus{
		
	}
	input[type=button]{
		
	}
	input[type=button]:active{
		
	}
/* ########## INPUTS AND LABELS ########## */

/* ########## BOX ########## */
	div.box{
		margin:0px 0px 0px 0px;
		padding:10px 10px 10px 10px;
		
		background-color:#fdfdfd;
		
		border:1px solid #c2c9d0;
		-webkit-border-radius:2px 2px 2px 2px;
        border-radius:2px 2px 2px 2px;
		
		-webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.1);
		-moz-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.1);
		box-shadow:0px 0px 1px 0px rgba(0,0,0,0.1);
		
		color:#787878;
	}
	div.box > p{
		margin-top:0px;
	}
/* ########## BOX ########## */

/* ########## BUTTON ########## */
	a.button{
		display:inline-block;
		
		margin:5px 5px 0px 0px;
		
		background:#fdfdfd;
		background:-moz-linear-gradient(top, #fdfdfd 0%, #f7f7f7 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f7f7f7));
		background:-webkit-linear-gradient(top, #fdfdfd 0%,#f7f7f7 100%);
		background:-o-linear-gradient(top, #fdfdfd 0%,#f7f7f7 100%);
		background:-ms-linear-gradient(top, #fdfdfd 0%,#f7f7f7 100%);
		background:linear-gradient(to bottom, #fdfdfd 0%,#f7f7f7 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f7f7f7',GradientType=0);
		
		border:1px solid #c2c9d0;
		-webkit-border-radius:2px 2px 2px 2px;
        border-radius:2px 2px 2px 2px;
		
		-webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.1);
		-moz-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.1);
		box-shadow:0px 0px 1px 0px rgba(0,0,0,0.1);
		
		text-decoration:none;
	}
	a.button:hover{
		background:#fdfdfd;
		background:-moz-linear-gradient(top, #f9fbfc 0%, #f3f6f9 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fbfc), color-stop(100%,#f3f6f9));
		background:-webkit-linear-gradient(top, #f9fbfc 0%,#f3f6f9 100%);
		background:-o-linear-gradient(top, #f9fbfc 0%,#f3f6f9 100%);
		background:-ms-linear-gradient(top, #f9fbfc 0%,#f3f6f9 100%);
		background:linear-gradient(to bottom, #f9fbfc 0%,#f3f6f9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fbfc', endColorstr='#f3f6f9',GradientType=0);
		
		border:1px solid #a8b4be;
		
		-webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.12);
		-moz-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.12);
		box-shadow:0px 0px 1px 0px rgba(0,0,0,0.12);
	}
	a.button span{
		display:inline-block;
		
		padding:6px 8px 6px 8px;
		
		color:#787878;
	}
	a.button:hover span{
		/* */
	}
	
	a.button.down{
		background:#fdfdfd;
		background:-moz-linear-gradient(top, #eceef0 0%, #dadee2 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eceef0), color-stop(100%,#dadee2));
		background:-webkit-linear-gradient(top, #eceef0 0%,#dadee2 100%);
		background:-o-linear-gradient(top, #eceef0 0%,#dadee2 100%);
		background:-ms-linear-gradient(top, #eceef0 0%,#dadee2 100%);
		background:linear-gradient(to bottom, #eceef0 0%,#dadee2 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eceef0', endColorstr='#dadee2',GradientType=0);
		
		border:1px solid #a8b2bd;
		
		-webkit-box-shadow:inset 0px 1px 1px 0px rgba(0,0,0,0.14);
		-moz-box-shadow:inset 0px 1px 1px 0px rgba(0,0,0,0.14);
		box-shadow:inset 0px 1px 1px 0px rgba(0,0,0,0.14);
	}
	a.button.down:hover{
		/* */
	}
	a.button.down span{
		/* */
	}
	a.button.down:hover span{
		/* */
	}
	
	a.button.disabled,
	a.button.disabled:hover{
		background:#fdfdfd;
		
		border:1px solid #d5d9de;
		
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	a.button.disabled span,
	a.button.disabled:hover span{
		color:#d5d9de;
	}
	a.button.disabled img{
		opacity:0.4;
		filter:alpha(opacity=40);
	}
/* ########## BUTTON ########## */

/* ########## AERO WINDOW AND INNER ########## */
	.aero{
		display:table;
		
		width:806px;
		
		margin:40px auto 40px auto;
		
		border:1px solid rgba(255,255,255,0.3);
		
		/* shine, glass, blur */
		background:-moz-linear-gradient(top, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.4) 100%), -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), url('design_images/bg_blur.min.jpg'); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.0)), color-stop(20%,rgba(255,255,255,0.2))), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.1))), url('design_images/bg_blur.min.jpg'); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.2) 20%), -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%), url('design_images/bg_blur.min.jpg'); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.2) 20%), -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%), url('design_images/bg_blur.min.jpg'); /* Opera 11.10+ */
		background:-ms-linear-gradient(top, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.2) 20%), -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%), url('design_images/bg_blur.min.jpg'); /* IE10+ */
		background:linear-gradient(top, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.2) 20%), linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 100%), url('design_images/bg_blur.min.jpg'); /* W3C */
		
		background-size:100% 136px, 100% 100%, auto auto;
		background-repeat:repeat-x, repeat, repeat;
		background-position:top left, top left, center top;
		background-attachment:scroll, scroll, fixed;
		
		-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.4);
		-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.4);
		box-shadow:0px 0px 2px 0px rgba(0,0,0,0.4);
	}
/* ########## AERO WINDOW AND INNER ########## */

/* ########## HEADER ########## */
	.aero .header{
		float:left;
		
		width:806px;
	}
	.aero .header a{
		float:left;
		
		margin:10px 10px 10px 14px;
		
		font-weight:700;
		color:#ffffff;
		text-decoration:none;
		text-shadow:0px 1px 1px rgba(0,0,0,0.4);
	}
	.aero .header a.logo{
		display:block;
		
		margin-bottom:4px;
		padding-top:97px;
		width:400px;
		height:0px;
		
		background:url('design_images/the-faceless.png') 0px 0px no-repeat;
		overflow:hidden;
	}
/* ########## HEADER ########## */

/* ########## INNER ########## */
	.aero .inner{
		display:table;
		
		width:800px;
		height:460px;
		
		margin:3px;
		
		background-color:rgba(255,255,255,1.0);
		background-image:url('design_images/bg_inner.min.png');
		
		-webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.4);
		-moz-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.4);
		box-shadow:0px 0px 1px 0px rgba(0,0,0,0.4);
	}
/* ########## INNER ########## */

/* ########## NAVIGATION ########## */
	.aero .inner .navi{
		width:800px;
		height:64px;
	}
	.aero .inner .navi ul{
		display:block;
		
		width:798px;
		height:58px;
		
		overflow:hidden;
		
		list-style-type:none;
		
		border:1px solid rgba(255,255,255,0.4);
		border-bottom:1px solid rgba(83,83,83,0.4);
		
		-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);
		-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);
		box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);
	}
	.aero .inner .navi ul > li{
		float:left;
		
		display:block;
		
		width:auto;
		height:58px;
		
		border-right:1px solid rgba(255,255,255,0.4);
		border-left:1px solid rgba(83,83,83,0.2);
	}
	.aero .inner .navi ul > li:first-child{
		border-left:none;
	}
	.aero .inner .navi ul > li:last-child{
		position:relative;
		
		border-right:none;
		
		background:-moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.14) 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.14))); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 100%); /* IE10+ */
		background:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#24000000',GradientType=0 ); /* IE6-9 */
	}
	.aero .inner .navi ul > li:last-child span{
		position:absolute;
		left:0px;
		top:0px;
		
		width:798px;
		height:58px;
		
		background:-moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.14) 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.14))); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 100%); /* IE10+ */
		background:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#24000000',GradientType=0 ); /* IE6-9 */
	}
	.aero .inner .navi ul > li a{
		display:block;
		
		height:37px;
		
		padding:21px 10px 0px 10px;
		
		font-weight:600;
		color:#787878;
		text-decoration:none;
		
		background:-moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.14) 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.14))); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 100%); /* IE10+ */
		background:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.14) 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#24000000',GradientType=0 ); /* IE6-9 */
	}
	.aero .inner .navi ul > li a:hover{
		color:#545454;
		
		background:-moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.08) 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.08))); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.08) 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.08) 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.08) 100%); /* IE10+ */
		background:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.08) 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#14000000',GradientType=0 ); /* IE6-9 */
	}
	.aero .inner .navi ul > li.active a{
		color:#545454;
		
		background:-moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
		background:linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}
/* ########## NAVIGATION ########## */

/* ########## CONTENT ########## */
	.aero .inner .content{
		float:left;
		
		width:760px;
		
		margin:16px 20px 20px 20px;
	}
/* ########## CONTENT ########## */

/* ########## UEBER UNS ########## */
	.aero .inner .content ul.ueber{
		list-style-type:none;
		
		width:480px;
		
		margin:20px auto 0px auto;
	}
	.aero .inner .content ul.ueber > li{
		float:left;
		
		display:inline-block;
		
		width:240px;
	}
/* ########## UEBER UNS ########## */

/* ########## FOOTER ########## */
	.aero ul.footer{
		float:left;
		
		width:760px;
		height:17px;
		
		margin:6px 13px 8px 0px;
		padding:0px;
		
		list-style-type:none;
		
		text-align:center;
	}
	.aero ul.footer > li{
		display:inline;
		
		margin:0px 8px 0px 0px;
		padding:0px;
	}
	.aero ul.footer > li a{
		font-weight:600;
		color:#ffffff;
		text-decoration:none;
		text-shadow:0px 1px 1px rgba(0,0,0,0.4);
	}
	.aero ul.footer > li a:hover{
		/* */
	}
/* ########## FOOTER ########## */

/* ########## UP ########## */
	.aero .up{
		float:left;
		
		width:20px;
		height:16px;
		
		margin:6px 0px 8px 13px;
	}
/* ########## UP ########## */

/* ########## PROGRESSBAR ########## */
	.progressbar{
		display:inline-block;
		width:200px;
		height:16px;
		background:#c2c9d0;
		background:-moz-linear-gradient(top, #c2c9d0 0%, #ced3d9 10%, #70a229 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c9d0), color-stop(10%,#ced3d9), color-stop(100%,#eaecee));
		background:-webkit-linear-gradient(top, #c2c9d0 0%,#ced3d9 10%,#eaecee 100%);
		background:-o-linear-gradient(top, #c2c9d0 0%,#ced3d9 10%,#eaecee 100%);
		background:-ms-linear-gradient(top, #c2c9d0 0%,#ced3d9 10%,#eaecee 100%);
		background:linear-gradient(to bottom, #c2c9d0 0%,#ced3d9 10%,#eaecee 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c9d0', endColorstr='#eaecee',GradientType=0);
		-webkit-border-radius:8px;
		border-radius:8px;
		overflow:hidden;
		-webkit-box-shadow:inset 0px 0px 2px 0px rgba(0,0,0,0.1);
		box-shadow:inset 0px 0px 2px 0px rgba(0,0,0,0.1);
	}
	.progressbar > div{
		display:inline-block;
		margin:1px;
		width:0px;
		height:14px;
		background:#cbdd87;
		background:-moz-linear-gradient(top, #cbdd87 0%, #a5c73f 30%, #70a229 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbdd87), color-stop(30%,#a5c73f), color-stop(100%,#70a229));
		background:-webkit-linear-gradient(top, #cbdd87 0%,#a5c73f 30%,#70a229 100%);
		background:-o-linear-gradient(top, #cbdd87 0%,#a5c73f 30%,#70a229 100%);
		background:-ms-linear-gradient(top, #cbdd87 0%,#a5c73f 30%,#70a229 100%);
		background:linear-gradient(to bottom, #cbdd87 0%,#a5c73f 30%,#70a229 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbdd87', endColorstr='#70a229',GradientType=0);
		-webkit-border-radius:6px;
		border-radius:6px;
		overflow:hidden;
		-webkit-box-shadow:inset 0px 0px 2px 0px rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.2);
		box-shadow:inset 0px 0px 2px 0px rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.2);
	}
	.progressbar > div > span{
		position:relative;
		display:block;
		padding-right:4px;
		font-size:10px;
		font-weight:700;
		color:#5b8516;
		line-height:14px;
		text-align:right;
		text-shadow:0px 1px 2px rgba(203,221,135,1.0);
		overflow:hidden;
	}
	.progressbar > div > span:after{
		position:absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		background:url('design_images/progressbar.gif') 0px 0px repeat;
		content:'';
		filter:alpha(opacity=8);
		opacity:0.08;
	}
/* ########## PROGRESSBAR ########## */