/* Sieruan Casey Refactoring */


html, body { height: 100%; }
#page {
	min-height: 100%;
	height:auto !important;
	height:100%;
	overflow:hidden;
	background: #DFDFDF;
}

body {
/*	background: url("/static/img/background.png"); */
	background: #EEE;
	margin: 0 0 0 0;
	}

main {
	max-width:760px;
	min-width:595px;
	margin:auto;
	height:100%;
	position:relative;
}

header {
	height:87px;
	max-width:760px;
	width:100%;
	top:0px;
	position:fixed !important;
	position:absolute;
}

#content {
	top:87px;
	height:calc(100%-87px-60px);
	height:80%;
	position:relative;
	overflow:auto;
	width:100%;
}
footer {
	height:60px;
	max-width:760px;
	min-width:595px;
	width:100%;
	bottom:0px;
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	color: #666666;
}

.blend {
	height:30px;
	line-height:30px;
	background:url('/static/img/f-blend.png');
}
.foot {
	height:30px;
	line-height:30px;
	background:url('/static/img/f-background.png');
}

/* ------------------------------------------------------------------ */

.news {
	min-height:400px; 
	width:250px;
	height:100%;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 20px;
	text-align: justify;
}
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

/* actorsdemo und sonicallures
*/

#frame {
	position: relative;
    height: 100%;
    width: 100%; 	
}

.nav {
	text-decoration:none;
	padding: 6px 12px;
}
.left  { float:left;  }
.right { float:right; }

.button {
	width:360px;
	margin: 200px 200px;
	padding:32px 32px;
	color:#CCC;
	background-color:#666;
	border-radius:16px;
	font-weight:bolder;
	
	border:none;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap
}






#versionstring::after {
				content: "Version 0.1.5";
			}