/****
 *
 * filename      : css_main.css
 * project       : mp-network.de 2006
 *
 * copyright     : (c) 2005 by pokepika
 * author        : Patrick Westerhoff
 *                 pokepika
 * email         : projects@pokepika.com
 *
 */
 
html
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;		height: 100%;	color: #000000;
	background: #FFFFFF url(./images/img_background.jpg) repeat-x fixed top;
}

body
{
	position: absolute;		top: 50%;	left: 50%;
	margin-left: -250px;	margin-top: -300px;
	width: 500px;			height: 600px;	
	color: #000000;			padding: 1px;
	background: #FFFFFF url(./images/img_body.gif) no-repeat center;
}

/** anchors, hyperlinks **/
a:link			{ color: #999999;	text-decoration: none; }
a:visited		{ color: #999999;	text-decoration: none; }
a:hover			{ color: #666666;	text-decoration: underline; }

/** headings **/
h1				{ color: #999999;	background: transparent;
				font-size: 11pt;	text-align: center; }
h2				{ color: #666666;	background: transparent;
				font-size: 9pt;		text-align: center; }

/** general classes **/
img				{ border: 0px; }
*.b				{ font-weight: bold; }
*.i				{ font-style: italic; }
*.u				{ text-decoration: underline; }
*.s				{ text-decoration: line-through; }
*.o				{ text-decoration: overline; }
*.clr			{ clear: both; }
*.fll			{ float: left; }
*.flr			{ float: right; }

div.indent		{ margin-top: 2px;	margin-left: 10px;	line-height: 200%; }
div.block		{ margin-bottom: 10px; padding-bottom: 10px;
				background: url(./images/img_line.gif) bottom no-repeat; }
div.pages		{ text-align: center;	font-size: 7pt; }
div.msg			{ width: 70%;	margin: 30px auto;		text-align: center; }
div.err			{ width: 70%;	margin: 30px auto;		text-align: center;
				color: #FF3333; }

/** extended classes **/
div.overlay		{ position: absolute;	display: none;	text-align: center;
				padding: 5px;	background: #EEEEEE;	border: 1px solid #CCCCCC; }
div.overlay img	{ margin: 3px; }
img.adm			{ width: 10px;		height: 10px;		margin: 0px 2px; }

/** form element **/
form#adm_form	{ width: 335px;		margin: auto;		border: 1px solid #EEEEEE;
				padding: 5px 10px; }
form#gb_form	{ width: 335px;		margin: auto;		border: 1px solid #EEEEEE;
				padding: 5px 10px;	display: none; }
div.form_title	{ width: 355px;		margin: auto;	border: 1px solid #EEEEEE;
				background: #EEEEEE;	padding: 1px 0px;	text-align: center; }
div.form_panel	{ width: 155px;		margin: 5px 0px; }
div.form_row	{ width: 335px;		margin: 5px 0px; }

input			{ font-size: 8pt;	border: 1px solid #EEEEEE; }
input:focus		{ border: 1px solid #CCCCCC; }
input.txt		{ width: 100%;		padding: 1px; }
input.captcha	{ width: 25px;		padding: 1px; }
input.btn		{ width: 120px;	 	padding: 2px;	background: #EEEEEE; }

textarea		{ width: 100%;		height: 65px;
				font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
				border: 1px solid #EEEEEE; }
textarea:focus	{ border: 1px solid #CCCCCC; }



/** page layout **/
div#header		{ width: 500px;	height: 100px;
				border-bottom: 1px solid #000000;
				background: url(./images/img_header.jpg) no-repeat; }
div#header_adm	{ width: 500px;	height: 100px;
				border-bottom: 1px solid #000000;
				background: url(./images/img_header_admin.jpg) no-repeat; }
div#menu		{ width: 85px;	height: 442px;	float: left;	padding-top: 5px;
				background: url(./images/img_menu.jpg) no-repeat;	text-align: center; }
div#menu img	{ width: 65px;	height: 65px;	margin: 1px 3px; }
div#frame		{ width: 390px;	height: 425px;	float: right;
				padding: 5px;	margin: 5px;
				background: url(./images/img_content.gif) no-repeat; }
div#content		{ width: 380px; height: 415px;	padding: 5px;	overflow: auto; }
div#menu_title	{ width: 85px;	height: 7px;	float: left;
				background: url(./images/img_menu.gif) no-repeat center; }
div#links		{ width: 490px;	height: auto;	clear: both;
				padding: 5px 5px;	text-align: center; }
div#links img	{ width: 88px;	height: 31px;	margin: 0px 2px; }
div#copyright	{ width: 500px;	height: 15px;	position: absolute;		bottom: 0px;
				background: url(./images/img_footer.gif) no-repeat; }

/* div#menu img :: hover effekt */
div#menu img			{ -moz-opacity: 0.4;	filter: alpha(opacity=40); }
div#menu a:hover img	{ -moz-opacity: 1.0;	filter: alpha(opacity=100); }


/**  **/
object#gallery
{
	width: 380px;		height: 415px;
	display: block;
}