/* --------------- alap ---------------*/
html * { 
	margin: 0; 
	padding:0; 
	font-size: 100.01%;
}
body {
	background: url(../images/bg_body.jpg) left top repeat-x #677992;
	text-align: center;
	font-size: 82.50%;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #7e7e7e;
}

/* --------------- logó ---------------*/

#logo {
	width: 852px;
	height: 20px;
}

/* --------------- oldal ---------------*/

#page {
	width: 852px;
	margin: 0px auto 0px auto;
	text-align: left;
}

/* --------------- fejléc ---------------*/

#cheader {
	clear: left;
	float: left;
	width: 852px;
	height: 236px;
	background: url(../images/bg_header.jpg) left top no-repeat;
}
#flash {
	width: 622px;	
	margin: 0px;
	padding 0px;
	float: right;
}
.menu {
	background: url(../images/menubg.jpg) left top no-repeat;
	width: 230px;
	
}
.menu ul {
	clear: left;
	list-style-type: none;
	float: left;
	width: 145px;
	margin: 0px 0px 0px 51px;
}
.menu ul li {
	padding: 4px 0px 4px 0px;
	border-bottom: 1px solid #7b8a9c;
	list-style-type: none;
}
.menu ul li a {
	padding: 0px 0px 0px 20px;
	color: #4b5c73;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/bg_hm.gif) 4px 3px no-repeat;
}
.menu ul li a.current {
	background: url(../images/bg_hm_active.gif) 4px 3px no-repeat;
}
#slogan {
	float: left;
	width: 310px;
	margin: 60px 0px 0px 74px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	overflow: hidden;
}
#slogan h1{
	/*text-transform: lowercase;*/
	color: #394B62;
	font-size: 200.00%;
	font-weight: bold;
}
#slogan p{
	font-size: 82.50%;
	color: #394B62;
	padding-top: 10px;
	padding-left: 2px;
}

/* --------------- tartalom ---------------*/

#ccontent {
	clear: left;
	float: left;
	width:852px;
	background: url(../images/bg_ccontent.gif) left top repeat-y;
}
#leftmenue {
	clear: left;
	float: left;
	width: 145px;
	margin: 50px 58px 0px 50px;
	padding: 0px 0px 30px 0px;
	color: #3b4c63;
}
#leftmenue h2{
	padding: 0px 0px 12px 0px;
	border-bottom: 1px solid #ccc;
	font-size: 112.50%;
	text-transform: lowercase;
	color: #eb6143;
}
#leftmenue ul{
	list-style-type: none;
}
#leftmenue ul li{
	padding: 12px 0px 12px 0px;
	border-bottom: 1px solid #ccc;
	list-style-type: none;
}
#leftmenue ul li a{
	color: #3b4c63;
	text-decoration: none;
}
#leftmenue ul li a.active{
	font-weight: bold;
}
#content {
	float: left;
	width: 570px;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	line-height: 1.7em;
}
#content h1{
	margin: 0px 0px 20px 0px;
	font-size: 200.00%;
	font-weight: normal;
	text-transform: lowercase;
	color: #eb6143;
}
#content h2{
	font-size: 112.50%;
	color: #394b62;
	text-transform: lowercase;
}
#content p{
	margin: 0px 0px 30px 0px;
}
#content a{
	color: #eb6143;
}
#content #links {
	clear: left;
	float: left;
	width: 290px;
	font-size: 82.50%;
}
#content #ressourcen {
	float: left;
	font-size: 82.50%;
}
#content #links ul ,
#content #ressourcen ul{
	list-style-type: none;
}
#content #links ul li,
#content #ressourcen ul li{
	list-style-type: none;
}
#content #links ul li a,
#content #ressourcen ul li a{
	padding: 0px 0px 0px 20px;
	background: url(../images/pointer01.gif) left 4px no-repeat;
}
#content hr {
	border: 1px solid #ccc;
}

/* --------------- lábléc ---------------*/

#cfooter {
	clear: left;
	float: left;
	width:852px;
	background: url(../images/bg_ccontent.gif) left bottom repeat-y;
}
#footer {
	clear: left;
	float: left;
	width: 822px;
	margin: 0px 0px 0px 15px;
	padding: 20px 0px 20px 0px;
	border-top: 1px solid #ccc;
	font-size: 82.50%;
	text-align: right;
}
#creator {
	clear: left;
	float: left;
	width:852px;
	padding: 10px 0px 10px 0px;
	background: url(../images/bg_cfooter.gif) left top no-repeat;
	color: #afc1ce;
	font-size: 82.50%;
}
#creator a{
	color: #fff;
}

/* --------------- kapcsolat ---------------*/

#kontaktform {
	clear: left;
	float: left;
	line-height: normal;
	width: 560px;
	margin: 0px 0px 30px 0px;
	padding: 0px 10px 30px 10px;
	background-color: #efefef;
}
#kontaktform label {
	clear: left;
	float: left;
	width: 130px;
	margin: 10px 10px 0px 0px;
	text-align: right;
}
#kontaktform label.plabel {
	font-weight: bold;
}
#kontaktform input,
#kontaktform select,
#kontaktform textarea {
	float: left;
	width: 390px;
	margin: 10px 0px 0px 0px;
}
#kontaktform select{
	width: 395px;
}
#kontaktform input.submit {
	width: auto;
	float: right;
	margin: 10px 25px 0px 0px;
}
#kontaktform input.reset {
	width: auto;
	float: right;
	margin: 10px 0px 0px 0px;
}

/* --------------- képek ---------------*/

img {
	background: #fafafa;
	border: 1px solid #dcdcdc;
	padding: 7px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}
img.noborder {
	border: 0px;
	padding: 0px;
}

/* alignment classes */

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }