html,body{margin:0;padding:0;overflow:hidden;}
.quest,.key,.ud{display:block}
.info,#serv{position:absolute}
#former{position:relative}
.key, .result, .quest, x#cont, .email, x#bak, .aps, #what,.info,#submit,.ip,.brw,.tree,.link{display:none}
.unlocked,.active,.cb{display:block!important}
#former{overflow-y:auto;overflow--x:hidden}
#brot{float:right}
.cb{clear:both}

.quest,.aps,.email, .request{margin-bottom:20px}
.info,#serv{padding:10px}
#former {margin:0; padding:0;width:674px;height:320px;}
body>#former{width:680px;height:330px;}
#qcan{min-height:200px;margin:20px 0;xborder:2px solid #EDEDED;padding:10px;}
#former input{xborder:1px solid #666}
h2{margin-bottom:0}
p{margin:5px 0;line-height:150%}
.answer{padding:10px 0;border-bottom:1px dotted #EDEDED}
#brot{padding:0 10px 0 0}
#serv{width:300px}
#latter{padding:10px 10px 0 10px}

.info,#serv{top:0;right:0}

body{background-color:#FFFFFF;}
.info{background-color:yellow}
#former{background:#FFFFFF url('img/frbg.jpg') center center no-repeat;}

body{font-family:arial}
.ud{font-family:verdana,sans-serif}
.info{color:red}
small{color:#CCCCCC}
#former small,#serv{font-size:10px}
.quest label{font-size:16px}
.quest,.aps,.email{font-size:20px; color:#0066B2}
.quest label{font-weight:200}
.ud{font-weight:700}
.ud {text-transform:uppercase; letter-spacing:1px}
#serv{text-align:right}
#aps{text-transform:capitalize}
h2{color:#0066B2}
h2 a{text-decoration:none; color:#0066B2}
h2 a:hover{text-decoration:underline}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#14396a;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #7cacde;
}
@-moz-document url-prefix() {
    .button { -moz-border-radius:6px; border-radius:6px; }
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}
.button:active {
	position:relative;
	top:1px;
}
.button[disabled] {
	-moz-box-shadow:inset 0px 1px 0px 0px #CCCCCC;
	-webkit-box-shadow:inset 0px 1px 0px 0px #CCCCCC;
	box-shadow:inset 0px 1px 0px 0px #CCCCCC;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EDEDED), color-stop(1, #CCCCCC) );
	background:-moz-linear-gradient( center top, #EDEDED 5%, #CCCCCC 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#CCCCCC');
	background-color:#EDEDED;
	border:1px solid #CCCCCC;
	color:#999999;
	text-shadow:1px 1px 0px #CCCCCC;
}
