html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background-color:#e6e6e6;
}

#header {
	padding: 5px;
}

#pattern{
	background-image:url(images/pattern.png);
	background-repeat:repeat-y;
	position:relative;
}

#page{
    background-image:url(images/background.jpg); /*Az árnyékolás képe*/
	background-repeat:repeat-y;
	top:0px;
	width: 1020px;
	font-size: 100%;
	color: black;
	text-align: left;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	
	border-left:1px solid #dfdede;
	border-right:1px solid #dfdede;
	
	border-bottom:5px solid #f88102;
}

#arnyek{ /* Árnyékolás lenne, de inkább képet használok*/
	-moz-box-shadow: 0px 0px 10px rgba(68,68,68,0.6);
    -webkit-box-shadow: 0px 0px 10px rgba(68,68,68,0.6);
    box-shadow: 0px 0px 10px rgba(68,68,68,0.6);

	/*Sajnos ha explorer alatt van árnyék akkor a footer-t nem lehet elohozni!*/
	
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";*/
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000');*/
}


#footer {
	position:absolute;
	width:1006px;
	margin: 0em;
	padding-top:20px;
	font-size: 13px;
	text-align: center;
}

#menu {
	visibility:hidden;
	position:fixed;
	width: 160px;
	left:125px;
	z-index: 1;
	height: 100%;
}

#menuProdAbout{
	border-top:solid #dfdede 1px;
	border-bottom:solid #dfdede 1px;
	
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
 	-webkit-border-bottom-right-radius: 5px;
	
	background-image:url(images/menu/bgmenu2.png);
	padding-left:15px;
	padding-top:10px;
	color:#333333;
}

#menu ul {
	margin: 0em;
	list-style-type: none;
	padding-left:7px;
	padding-top:10px;
	padding-bottom:10px;
}

#menu li {
	padding-top:3px;
	padding-bottom:3px;
	font-size: 10pt;
}

#menu #ma-nw { /*piros kiemelés*/
	color: #FF0000;
}

#menu #ma-nw:hover {
	color:#FF0000;
	text-decoration: none;
}

#menu a {
	color:#2c4993;
	text-decoration: none;
}

#menu a:hover, a:active { /*mikor az egér a menu item felett van*/
	color:#e1630e; /*narancs*/
	text-decoration: none;
}


#content {
	margin-left: 0px;
	font-size: 10pt;
	line-height: 140%;
	width: 800px;
	position:relative;
	top: -40px;
	left: 200px;
	visibility:hidden;
	height:100%;
}

#content h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 1.5em 0em 0em 0em;
}

#content h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0em;
	padding: 2em 0em 0em 0.5em;
	color: navy;
	clear: both;
}

#content h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0em;
	padding: 1em 0em 0em 1em;
	color: #dc6c1f;
	clear: both;
}

#content h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 0em;
	padding: 2em 0em 0em 0.5em;
	color: navy;
	clear: both;
}

#content a:link, #content a:visited {
	color: navy;
}

#content a:hover {
	text-decoration: underline;
	color:#FD781E;
}

#wrapper table {
	border:none;
}

#wrapper td {
	border:none;
	text-align:center;
	margin-bottom:1em;
	font-size:8pt;
}

#wrapper div {
	width:200px;
}

.crossover{
	position:relative;
	left:0px;
	height:180px;
	width:240px;
	float:left;
	background-repeat: no-repeat;
	border:1px #e6e6e6 solid;
}

.crossover23{
	position:relative;
	margin-left:15px;
	height:180px;
	width:240px;
	float:left;
	background-repeat: no-repeat;
	border:1px #e6e6e6 solid;
}

.download {
	font-size: 8pt;
}

.download li {
	padding-bottom: 3px;
	padding-left: 1em;
	list-style-image: url(images/menu/pdf.gif);
}

dl {
	margin: 0em 0em 0.5em 1em;
}

dt {
/*	font-weight: bold;*/
	margin: 0em;
}

dd {
	color: #999999;
	margin-left: 2em;
	font-size:8pt;
	line-height:105%;
	font-style:italic;
}

div.submenu {
	padding-right:25px;
	float: right;
}

div.submenu div.smitem {
	float: left;
	background-color: #DDEEFF;
	border: 1px solid #99CCFF;
	margin: 2px;
	padding: 2px;
	color: #99CCFF;
}

div.submenu div.smitem a {
	text-decoration: none;
	color: #FD781E;
}

div.ismitem {
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	background-image: url(images/menu/bgselect.png);
}

div.imgselmenu {
	width: 35px;
	padding-top: 3px;
	padding-left: 5px;
	float: left;
}

div.imgselmenu a {
	color: blue;
	text-decoration: none;
}

div.imgselmenu a:hover {
	color: red;
	text-decoration: none;
}

div.imgsub {
	margin-top: 3px;
	text-align: center;
	font-size: 8pt;
	line-height: 10pt;
	font-weight: bold;
	width: 240px;
}

div.pop {
	font-size: 14px;
	font-weight: bold;
	clear: both;
	margin-left: 1em;
	cursor: pointer;
	color: #444444;
}

div.tomb {
	float: left;
	width: 50%;
}

div.detail {
	display: none;
	font-size: 80%;
	clear: both;
}

div.image {
	float: left;
	margin-left: 60px;
	padding-top: 5px;
}


div.staff img {
	border: 2px groove #dfdede;
}

img.tomb {
	border: 2px groove #dfdede;
}

a.menu:link
{
	display:block;
	width:100%;
}


/*
table {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
}

td {
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}

th {
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}
*/
/**
 *	Tipmage - Base StyleSheet
 *	version 1.0
 *
 *	Tipmage is a javascript class aimed at creating and managing tooltips
 *	(or "notes") over images.
 *	Tipmage makes it possible to mark rectangular portions of an image and
 *	attach a description to each one of them. The description will be shown
 *	as a tooltip when the mouse is over the right section of the image.
 *	The class can work in two ways: in _normal_ mode it just shows the tooltips,
 *	while in _edit_ mode it also allows the user to edit them.
 *	Tipmage supports the use of special callback functions to perform operations
 *	related to the editing of a tooltip (for example AJaX calls to access a database).
 *	An external CSS stylesheet allows to customize the appearance of the user interface.
 *
 *	See: http://www.simbul.net/stuff/tipmage.php
 *
 *	Copyright (C) 2005 by
 *	Alessandro Morandi
 *	www.simbul.net
 *
 *	Feel free to redistribute under the GPL
 *	http://www.gnu.org/copyleft/gpl.html
 */

/******** Normal mode declarations ********/

/* Rectangles */
.tmRect {
	border: 1px solid white;
	}
.tmRectContrast {
	border: 1px solid black;
	}
.tmRectSelected {
	border: 1px solid red;
	}
.tmRectContrastSelected {
	border: 1px solid blue;
	}

/* Tooltip (i.e. container for text) */
.tmTooltip {
	border:0px solid black;
	background:#ffffe5;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	}
.tmText {
     font-family: Verdana, Arial, Sans-serif, 'Times New Roman';
     font-size: 8pt;
     font-weight: normal;
     font-style: normal;
     color: #333333;
     text-decoration: none;
}

/******** Edit mode declarations ********/

/* Rectangle shown when editing */
.tmRectMod {
	border: 1px dashed red;
	}
.tmRectContrastMod {
	border: 1px dashed blue;
	}

/* Corners (handlers) of the rectangle shown when editing */
.tmCorner {
	border:1px solid red;
	background: white;
	}

/* Tooltip shown when editing and related elements */
.tmTooltipMod {
	padding:0px;
	border:0px solid #0066FF;
	background:blue;
	}
.tmForm {
	margin:0;
	}
.tmTextArea {
	width:100%;
	height:100px;
	}
.tmButton {
	font: 0.8em/0.8em Verdana,Arial,Helvetica,sans-serif;
	border:2px solid #888;
	background:#CCCCCC;
	margin-right:5px;
	margin-top:5px;
	}