/* =============== */
/* general formats */
/* =============== */
body {
	background-color:	#FFFFCC;
	font-family:		'Verdana', 'Tahoma', 'Arial', sans-serif;
	font-size:		small;
	margin:			0px;
	padding:		5px;
}

img {
	border-style:		none;
        border-width:		0px;
}

.bold {
	font-weight:		bold;
}

.ul {
	text-decoration:	underline;
}

.boldul {
	font-weight:		bold;
	text-decoration:	underline;
}

.italic {
	font-style:		italic;
}

.biu {
	font-weight:		bold;
	font-style:		italic;
	text-decoration:	underline;
}

.small {
	font-size:		75%;
}

.large {
	font-size:		125%;
}

h1 {
	font-size:		150%;
	font-weight:		bold;
}



/* ===================== */
/* formats for home page */
/* ===================== */
#P1_title {
	height:			50px;
	text-align:		center;
}

#P1_main_area1 {
	position:		absolute;
	left:			0px;
	top:			50px;
	width:			19.8%;
	text-align:		right;
	padding:		3px;
}

#P1_main_area2 {
	position:		absolute;
	top:			50px;
	margin-left:		20%;
	margin-right:		20%;
	width:			60%;
	text-align:		center;
	padding:		3px;
}

#P1_main_area3 {
	position:		absolute;
	right:			0px;
	top:			50px;
	width:			19%;
	text-align:		left;
	padding:		3px;
}

#P1_friends {
	position:		absolute;
	margin-top:		430px;
	width:			99%;
	text-align:		center;
	padding:		3px;
	border-top-style:	outset;
	border-top-width:	4px;
	border-top-color:	#E0E0FF;
}

.column25 {
	float:			left;
	width:			30%;
	padding:		3px;
}

.right75 {
	right:			0%;
	width:			68.5%;
	padding:		3px;
	text-align:		right;
}

.column60 {
	float:			left;
	width:			65%;
	padding:		3px;
}

.right30 {
	right:			0%;
	width:			33%;
	padding:		3px;
	text-align:		right;
}

.exploresite {
	font-size:		125%;
	vertical-align:		super;
}


/* ===================== */
/* formats for menu page */
/* ===================== */
#MP_title {
	width:			99%;
	height:			50px;
	text-align:		center;
}

#MP_pict {
	margin-left:		2%;
	width:			38%;
	text-align:		left;
	padding:		3px;
	float:			left;
}

#MP_menu {
	margin-top:		5%;
	text-align:		left;
	padding:		3px;
	line-height:		150%;
}

#MP_foot {
	clear:			both;
	padding:		3px;
	border-top-style:	outset;
	border-top-width:	4px;
	border-top-color:	#E0E0FF;
}

/* ===================== */
/* formats for text page */
/* ===================== */
#TP_title {
	width:			99%;
	height:			50px;
	padding:		3px;
	text-align:		left;
}

.TP_ttext {
	position:		relative;
	top:			-10px;
}

#TP_foot {
	clear:			both;
	width:			99%;
	padding:		3px;
	border-top-style:	outset;
	border-top-width:	4px;
	border-top-color:	#E0E0FF;
}

.caption {
	margin-top:		15px;
	font-weight:		bold;
}

.paragraph {
	margin-top:		1ex;
	text-align:		left;
	padding:		5px;
	clear:			both;
	font-size:		80%;
}

.parahead {
	font-size:		170%;
	font-weight:		bold;
}

.pict {
	padding:		3px;
	float:			right;
	width:			79%;
	background-color:	#F0F0FF;	
/*	border-style:		outset;
	border-width:		4px;
	border-color:		#E0E0FF;
*/}

.pictsub {
	width:			50%;
	float:			left;
}



/* ====================== */
/* formats for misc pages */
/* ====================== */
.parastat {
	margin-top:		1ex;
	width:			85%;
	text-align:		left;
	padding:		5px;
	clear:			both;
	font-size:		80%;
}

.pictstat {
	padding:		3px;
	float:			right;
	width:			55%;
	background-color:	#F0F0FF;	
	border-style:		outset;
	border-width:		4px;
	border-color:		#E0E0FF;
}

.paralit {
	position:		relative;
	left:			153px;     /* FLAME Logo Breite */
	margin-top:		1ex;
	text-align:		left;
	padding:		5px;
	font-size:		80%;
}

table {
	background-color:	#FFFFFF;	
	border-style:		outset;
	border-width:		4px;
	border-color:		#E0E0FF;
	table-layout:		fixed;
}

.friendtab {
	width:			80%;
	left:			10%;
	position:		relative;
}

.friendcell {
	vertical-align:		top;
	padding:		5px;
}

.colltab {
	width:			70%;
	left:			15%;
	position:		relative;
}

.colldesc {
	vertical-align:		top;
	padding:		5px;
}

.collprice {
	width:			30%;
	vertical-align:		top;
	text-align:		right;
	padding:		5px;
	padding-right:		20px;
}

td.datacell, th.datacell {
	text-align:		right;
}



/* ==================== */
/* formats for pictures */
/* ==================== */
.LOGO {
	width:			153px;
	height:			39px;
}

.piratriss {
	width:			228px;
	height:			500px;
}

.landscape {
	width:			384px;
	height:			256px;
}

.portrait {
	width:			256px;
	height:			384px;
}

.landscape2x {
	width:			768px;
	height:			510px;
}

.portrait2x {
	width:			510px;
	height:			768px;
}

.portrait1_5x {
	width:			384px;
	height:			512px;
}

.landscape_excel {
	width:			480px;
	height:			280px;
}

.logosmall {
	width:			88px;
	height:			31px;
}