html, body {
	background-color:	#404040;
	background-image:	url('/pics/repbg_001.png');
	margin:			0px;
	border:			0px;
	padding:		0px;
	color:			#dddddd;
	font-family:		Calibri, Tahoma, Arial, Verdana;
	font-size:		12px;
	font-style:		normal;
	font-weight:		normal;
	text-align:		center;
}

img {
	border:			0px;
}
table, p, div {
	margin:			0px;
	border:			0px;
	padding:		0px;
	border-collapse:	collapse;
}

td, tr, th {
	margin:			0px;
	border:			0px;
	padding:		0px;
}
a {
	color:                  #ffffff;
	text-decoration:	none;
}

ul, ol {
	list-style: none;
}

h2 {
	font-size:		16px;
	font-weight:		bold;
}

/* ---------------------------------------------------------------------------------- */
/* loginFrame
/* ---------------------------------------------------------------------------------- */

div.loginFrame {
	margin-right:		auto;
	margin-left:		auto;
	background-color:	#000000;
	border-radius:		32px;	
	text-align:		center;
	opacity:		0.6;
	font-size:              12px;
}

table.loginForm {
	margin-right:		auto;
	margin-left:		auto;
	border-top: 		16px solid #000000;
	border-bottom:		16px solid #000000;
}

table.loginForm a {
	background-color:       #333333;
	border:                 1px solid #666666;
	color:                  #cccccc;
	text-decoration:	none;
	font-family:            Calibri, Tahoma, Arial, Verdana;
	margin-top:             16px;
	padding-left:		8px;
	padding-right:		8px;
}

table.loginForm td {
	padding:		4px;
	text-align:		right;
}

table.loginForm td.fixedRight {
	padding-left:           auto;
	padding-right:          4px;
	text-align:             right;
}

table.loginForm td.fixedLeft {
	padding-left:           4px;
	padding-right:          auto;
	text-align:             left;
}

input {
	background-color:       #666666;
	border: 		1px solid #999999;
	color:			#cccccc;
	font-family: 		Calibri, Tahoma, Arial, Verdana;
	font-size: 		12px;
}
input#submit {
	margin-top:             16px;
	background-color:       #333333;
	border: 		1px solid #666666;
	padding-left:		18px;
	padding-right:		18px;
}
input#checkbox {
	background-color:	#666666;
	color:			#cccccc;
}

p.message {
	border-top: 		16px solid #000000;
	background-color:       #cc6600;
	width:			234px;
	text-align:		center;
	padding:		4px;
	margin-left:            auto;
	margin-right:           auto;
}

@media screen and (min-width: 1140px) {

	div.loginFrame {
		margin-top:		64px;
		width:			60%;
		padding-top:		128px;
		padding-bottom:		128px;
	}
	img.logoLarge { 
		padding-bottom:		64px;
	}
	img.logoSmall {
		display:		none;
	}

}

@media screen and (min-width: 760px) and (max-width: 1139px) {

	div.loginFrame {
		margin-top:		48px;
		width:			70%;
		padding-top:		96px;
		padding-bottom:		96px;
	}
	img.logoLarge { 
		padding-bottom:		64px;
	}
	img.logoSmall {
		display:		none;
	}
}

@media screen and (min-width: 470px) and (max-width: 759px) {

	div.loginFrame {
		margin-top:		32px;
		width:			80%;
		padding-top:		64px;
		padding-bottom:		64px;
	}
	img.logoLarge { 
		padding-bottom:		48px;
	}
	img.logoSmall {
		display:		none;
	}
}

@media screen and (max-width: 469px) {

	div.loginFrame {
		margin-top:		16px;
		width:			90%;
		padding-top:		32px;
		padding-bottom:		32px;
	}
	img.logoLarge { 
		display:		none;
	}
	img.logoSmall { 
		padding-bottom:		32px;
	}

}

/* ---------------------------------------------------------------------------------- */
/* pageFrame and topMenu
/* ---------------------------------------------------------------------------------- */

div.pageFrame {
	margin-right:		auto;
	margin-left:		auto;
	background-color:	#000000;
	text-align:		left;
	opacity:		0.6;
	font-size:              12px;
}

div.topMenuImgScp {
	font-size:              4px;
}

div.topMenuHeadline {
	float:			left;
	background-color:	#003366;
}

a.topMenuImage {
	float:			left;
}

a.topMenuLink {
	float:			left;
	background-color:	#222222;
}

a.topMenuLogout {
	float:			right;
	background-color:	#222222;
}

@media screen and (min-width: 1140px) {

	div.pageFrame {
		margin-top:		64px;
		width:			60%;
		padding:		32px;
		border-radius:		32px;	
	}
	div.topMenuImgScp {
		float:			left;
		width:			32px;	
	}
	div.topMenuHeadline {
		font-size:              16px;
		padding:		8px 24px 8px 24px;
		border-radius:		4px;	
		margin-right:		32px;
	}
	a.topMenuLink {
		font-size:              16px;
		padding:		8px 24px 8px 24px;
		border-radius:		4px;	
		margin-right:		32px;
	}
	a.topMenuImage {
		margin-top:		6px;
	}
	a.topMenuLogout {
		font-size:              16px;
		padding:		8px 24px 8px 24px;
		border-radius:		4px;	
	}
	img.topMenuLogoSmall {
		display:		none;
	}

}

@media screen and (min-width: 760px) and (max-width: 1139px) {

	div.pageFrame {
		margin-top:		48px;
		width:			70%;
		padding:		24px;
		border-radius:		24px;	
	}
	div.topMenuImgScp {
		clear:			both;
		width:			2px;	
	}
	div.topMenuHeadline {
		font-size:              16px;
		padding:		8px 24px 8px 24px;
		border-radius:		4px;	
		margin-right:		24px;
	}
	a.topMenuLink {
		font-size:              16px;
		padding:		8px 24px 8px 24px;
		border-radius:		4px;	
		margin-right:		24px;
	}
	a.topMenuImage {
		margin-top:		5px;
	}
	a.topMenuLogout {
		font-size:              14px;
		padding:		6px 16px 6px 16px;
		border-radius:		4px;	
	}
	img.topMenuLogoSmall {
		display:		none;
	}
}

@media screen and (min-width: 470px) and (max-width: 759px) {

	div.pageFrame {
		margin-top:		32px;
		width:			80%;
		padding:		16px;
		border-radius:		16px;	
	}
	div.topMenuImgScp {
		clear:			both;
		width:			2px;	
	}
	div.topMenuHeadline {
		font-size:              12px;
		padding:		4px 8px 4px 8px;
		border-radius:		3px;	
		margin-right:		16px;
	}
	a.topMenuLink {
		font-size:              12px;
		padding:		4px 8px 4px 8px;
		border-radius:		3px;	
		margin-right:		16px;
	}
	a.topMenuImage {
		margin-top:		2px;
	}
	a.topMenuLogout {
		font-size:              12px;
		padding:		4px 8px 4px 8px;
		border-radius:		3px;	
	}
	img.topMenuLogoSmall {
		display:		none;
	}
}

@media screen and (max-width: 469px) {

	div.pageFrame {
		margin-top:		16px;
		width:			90%;
		padding:		8px;
		border-radius:		8px;	
	}
	div.topMenuImgScp {
		clear:			both;
		width:			2px;	
	}
	div.topMenuHeadline {
		font-size:              11px;
		padding:		2px 4px 2px 4px;
		border-radius:		2px;	
		margin-right:		8px;
	}
	a.topMenuLink {
		font-size:              11px;
		padding:		2px 4px 2px 4px;
		border-radius:		2px;	
		margin-right:		8px;
	}
	a.topMenuImage {
		margin-top:		0px;
	}
	a.topMenuLogout {
		font-size:              11px;
		padding:		2px 4px 2px 4px;
		border-radius:		2px;	
	}
	img.topMenuLogoLarge {
		display:		none;
	}

}

/* ---------------------------------------------------------------------------------- */
/* pageCont
/* ---------------------------------------------------------------------------------- */

div.pageCont {
	clear:			both;
	min-height:		128px;
}

/* ---------------------------------------------------------------------------------- */
/* debug
/* ---------------------------------------------------------------------------------- */

div.debugLine {

		font-size:		10px;
		width:			100%;
		text-align:		right;
		padding-right:		16px;
		color:			#bbbbbb;
}