html
{
	overflow : scroll;
}

body
{
	margin : 0px auto;
	text-align : center;
	font-family : Verdana, sans-serif;
}

#container
{
	width : 900px;
	margin : 0px auto;
}

#top
{
	position : relative;
	width : 900px;
	height : 100px;
	background-color : white;
	border-bottom : solid 1px #C3C3C3;
}

#left
{
	width : 200px;
	float : left;
	background : url('./img/leftborder.gif') no-repeat top right;
	padding : 0px 1px 0px 0px;
	text-align : left;
}

#right
{
	width : 699px;
	min-height : 450px;
	float : left;
	background-color : white;
	text-align : justify;
}

#sitemeterholder
{
	width : 160px;
	background-color : white;
	padding : 2px 4px;
}

#contactholder
{
	width : 160px;
	background-color : #EDEDED;
	padding : 2px 12px;
	margin : 24px 4px 4px 4px;
	font-size : 12px;
	text-align : left;
}

.contactname
{
	font-size : 12px;
	font-weight : bold;
	color : #003366;
}

.contactphone
{
	font-size : 12px;
	font-weight : bold;
	color : #003366;
}

.contactmail
{
	font-size : 12px;
	font-weight : bold;
	color : #003366;
	text-decoration : none;
}

.contactmail:hover
{
	color : #636363;
}

#mholder
{
	width : 200px;
	background-color : white;
	text-align : right;
//	background : url('./img/ribbon.gif') no-repeat top left white;
}

.mlev1
{
	font-size : 12px;
	font-weight : bold;
	text-align : right;
	margin : 8px 14px 8px 0px;
}

.mlev1 a
{
	text-decoration : none;
	color : #636363;
}

.mlev1 a:hover
{
	text-decoration : none;
	color : #003366;
}

.mlev1selected
{
	font-size : 12px;
	font-weight : bold;
	text-align : right;
	margin : 8px 24px 8px 0px;
}

.mlev1selected a
{
	text-decoration : none;
	color : #003366;
}

.mlev1selected a:hover
{
	text-decoration : none;
	color : #003366;
}

.mlev2
{
	font-size : 12px;
	font-weight : bold;
	text-align : right;
	margin : 0px 14px 0px 0px;
	padding : 0px 14px 0px 0px;
	border-right : solid 1px green;
}

.mlev2 a
{
	text-decoration : none;
	color : #636363;
}

.mlev2 a:hover
{
	text-decoration : none;
	color : #003366;
}

.mlev2selected
{
	font-size : 12px;
	font-weight : bold;
	text-align : right;
	margin : 0px 14px 0px 0px;
	padding : 0px 14px 0px 0px;
	border-right : solid 1px green;
}

.mlev2selected a
{
	text-decoration : none;
	color : #636363;
}

.mlev2selected a:hover
{
	text-decoration : none;
	color : #003366;
}

#clearfloat
{
	float : clear;
}

#footer
{
	width : 900px;
	height : 13px;
	display : block;
	border-bottom : solid 1px #EDEDED;
	border-top : solid 1px #EDEDED;
	font-size : 10px;
	text-align : right;
	color : #D3D3D3;
}

h1
{
	font-size : 13px;
	font-weight : bold;
	color : #003366;
	margin : 6px;
}

h2
{
	font-size : 12px;
	font-weight : bold;
	color : #003366;
	margin : 6px 0px 6px 12px;
}

.head2
{
	font-size : 12px;
	font-weight : bold;
	color : #003366;
	margin : 6px 0px 6px 12px;
}

.normaltext
{
	font-size : 13px;
	margin : 10px;
	color : #636363;
}

.divtext
{
	font-size : 13px;
	font-weight : normal;
	margin : 4px;
	color : #636363;
}

.rightimg
{
	float : right;
	padding : 8px;
}

.plist
{
	font-size : 13px;
	font-weight : bold;
}

.plist li
{
	margin : 4px;
	color : #636363;
	font-weight : normal;
}

.plist a
{
	text-decoration : none;
	color : #636363;
}

.plist a:hover
{
	text-decoration : none;
}

.plist2
{
	font-size : 12px;
	font-weight : bold;
}

.plist2 li
{
	margin : 4px;
	color : #636363;
	font-weight : bold;
}

.plist2 a
{
	text-decoration : none;
	color : #636363;
}

.plist2 a:hover
{
	text-decoration : none;
}

.divtext a
{
	text-decoration : none;
	font-weight : bold;
	color : #003366;
}

.divtext a:hover
{
	text-decoration : none;
	font-weight : bold;
	color : #003366;
}

.normalhilight
{
	font-weight : bold;
}

#forditas_honlap
{
	position : relative;
	width : 450px;
	margin : 8px;
	padding : 4px;
	border : solid 1px #aaaaaa;
	background-color : #c8dbe9;
	color : #636363;
}

#forditas_dokuk
{
	position : relative;
	width : 450px;
	margin : 8px;
	padding : 4px;
	border : solid 1px #aaaaaa;
	background-color : #c8dbe9;
	color : #636363;
}

#forditas_levelezes
{
	position : relative;
	width : 450px;
	margin : 8px;
	padding : 4px;
	border : solid 1px #aaaaaa;
	background-color : #c8dbe9;
	color : #636363;
}

#forditas_cikkek
{
	position : relative;
	width : 450px;
	margin : 8px;
	padding : 4px;
	border : solid 1px #aaaaaa;
	background-color : #c8dbe9;
	color : #636363;
}

#forditas_oneletrajz
{
	position : relative;
	width : 450px;
	margin : 8px;
	padding : 4px;
	border : solid 1px #aaaaaa;
	background-color : #c8dbe9;
	color : #636363;
}

.pricetable
{
	width : 390px;
	margin : 0px 0px 0px 12px;
}

.col1
{
	font-size : 13px;
	font-weight : bold;
	color : #636363;
	padding : 4px;
	border-bottom : solid 1px #c8dbe9;
}

.col2
{
	font-size : 13px;
	font-weight : bold;
	color : #003366;
	text-align : right;
	padding : 4px;
	border-bottom : solid 1px #c8dbe9;
}

.contacttable
{
	width : 250px;
	margin : 0px 0px 0px 12px;
}

.ccol1
{
	font-size : 13px;
	font-weight : bold;
	color : #636363;
	padding : 4px;
	border-bottom : solid 1px #c8dbe9;
}

.ccol2
{
	font-size : 13px;
	font-weight : bold;
	color : #003366;
	text-align : right;
	padding : 4px;
	border-bottom : solid 1px #c8dbe9;
}

.ema
{
	text-decoration : none;
	font-weight : bold;
	color : #003366;
}

#languages
{
	position : absolute;
	bottom : 5px;
	right : 5px;
}

#languages a
{
	width : 50px;
	text-decoration : none;
	color : black;
	font-size : 10px;
	font-weight : bold;
}

#languages a:hover
{
	width : 50px;
	text-decoration : none;
	color : #666699;
	font-size : 10px;
	font-weight : bold;
}

.separator
{
	font-size : 9px;
	font-weight : bold;
}

.linka
{
	margin : 8px 12px;
	font-size : 12px;
}

.linka a
{
	text-decoration : none;
	color : #363636;
	font-weight : bold;
}

.linka a:hover
{
	text-decoration : none;
	color : #006699;
	font-weight : bold;
	padding : 0px 0px 0px 2px;
}

#calculator
{
	width : 360px;
	margin : 8px;
	padding : 4px;
}

.calculatorform p
{
	width : 300px;
	clear : left;
	margin : 0;
	padding : 5px 0 8px 0;
	padding-left : 200px; /* width of left column containing the label elements */
	border-top : solid 1px #c8dbe9;
	height : 1%;
}

.calculatorform label
{
	font-weight : bold;
	float : left;
	margin-left : -194px; /* width of left column */
	width : 150px; /* width of labels. Should be smaller than left column (155px) to create some right margin */
	font-size : 12px;
	color : #636363;
}

.labels2
{
	font-size : 12px;
	font-weight : bold;
	color : #003366;
}

.calculatorform input[type="text"]
{ /*width of text boxes. IE6 does not understand this attribute*/
	width : 180px;
}

.famount
{
	font-size : 14px;
	font-weight : bold;
	color : red;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix
{
	margin-left : 3px;
}

.textfield
{
	font-size : 12px;
	font-weight : bold;
	background-color : #AFCADF;
	color : black;
	border : dashed 1px #636363;
	text-align : right;
	padding : 0px 1px;
}

.special
{
	font-size : 11px;
}

#bookmark
{
	position : absolute;
	width : 100px;
	right : 5px;
	top : 5px;
	font-size : 10px;
	font-weight : bold;
}

#pricetableholder
{
	position : relative;
}

#saleholder
{
	position : absolute;
	right : 100px;
	top : 20px;
}

.tcell1
{
	width : 300px;
	font-size : 13px;
	margin : 10px;
	font-weight : bold;
	background-color : #FEFEFE;
	color : #003366;
}

.tcell2
{
	width : 250px;
	font-size : 13px;
	margin : 10px;
	font-weight : bold;
	background-color : #FEFEFE;
	color : #003366;
}

.tcell3
{
	width : 150px;
	text-align : right;
	font-size : 13px;
	margin : 10px;
	font-weight : bold;
	background-color : #FEFEFE;
	color : #003366;
}

.bcell1
{
	width : 300px;
	font-size : 13px;
	margin : 10px;
	padding : 2px;
	border-bottom : solid 1px #636363;
	color : #636363;
}

.bcell2
{
	width : 250px;
	font-size : 13px;
	font-weight : bold;
	margin : 10px;
	padding : 2px;
	border-bottom : solid 1px #636363;
	color : red;
}

.bcell3
{
	width : 150px;
	text-align : right;
	font-size : 13px;
	margin : 10px;
	padding : 2px;
	border-bottom : solid 1px #636363;
	color : #636363;
}

.boldy
{
	font-weight : bold;
}