html {overflow-y: scroll; _overflow: visible;}

a {	color: #000000; text-decoration: none; padding: 2px;}
a:hover { text-decoration: none; background-color: #f36; color: #fff;}

body { font: normal 12px Georgia, "Times New Roman", Times, serif; color: #f36;	line-height: 20px;	background-color: #331f18; background-image: url(bgpattern4.gif);	margin: 0; }

body.bg2 { background-image: url(bgpattern4.gif);}

body.bg3 { background-image: url(bgpattern4.gif);}

body.bg4 { background-image: url(bgpattern4.gif);}

h2 {font: normal 18px georgia, sans-serif; color: #f36 !important; /*'Trebuchet ms', Tahoma, Arial, Helvetica, sans-serif;*/ margin: 0px 0px 10px 0px;	text-transform: uppercase;}

p {	font-size: 11px; color: #000000; line-height: 15px; margin: 5px 0px 10px 0px;}

.hilited { font-size: 16px;}
.colored {color: #f36;}
.small {font-size: 11px;}
.list-styled {background: url(list-style-type.png) no-repeat center left; padding-left: 12px;  }
.hidden {text-indent: -2000px; overflow: hidden;}


div.container {width:920px; margin: 0px auto;  background: transparent;}

div.content {/*background-color: #fff;*/}
div.container.fixed {height:602px;}
div.container.expand {display: table;}

 /* fixed backgrounds */
div.container.bg-fix01 {background:url(boxbg1.png) no-repeat;margin-bottom: 0px;}
div.container.bg-fix02 {background:url(boxbg2.png) no-repeat;}
div.container.bg-fix03 {background:url(boxbg3.png) no-repeat;}
div.container.bg-fix04 {background:url(boxbg4.png) no-repeat;}
div.container.bg-fix05 {background:url(boxbg5.png) no-repeat;}
div.container.bg-fix06 {background:url(boxbg6.png) no-repeat;}

/* expanded backgrounds */
div.container.bg-exp01 {background: #fff url(expbg1.png) no-repeat; margin-bottom: 20px;}
div.container.bg-exp02 {background: #fff url(expbg2.png) no-repeat; margin-bottom: 20px;}
div.container.bg-exp03 {background: #fff url(expbg3.png) no-repeat; margin-bottom: 20px;}
div.container.bg-exp04 {background: #fff url(expbg4.png) no-repeat; margin-bottom: 20px;}
div.container.bg-exp05 {background: #fff url(expbg5.png) no-repeat; margin-bottom: 20px;}
div.container.bg-exp06 {background: #fff url(expbg6.png) no-repeat; margin-bottom: 20px;}


div.head {display: block; height: 160px;}
div.logo a {display: block; width: 310px; height: 85px; /*background-color: red; */position: relative; top: 60px; left: 90px;}
div.logo a:hover {background: transparent;}

div.foot {display: block; background: transparent url(foot.png) no-repeat; width: 920px; height: 20px; clear:both;}

div.menu {padding: 0px 0px 0px 20px;}
div.menu ul {width: 160px;}

div.menu ul li a:hover,
div.menu ul li a.active {background-color: #f36; color: #fff;}


/* references
*/
div.reference {display: block; margin: 15px 0px 0px 0px;}
div.reference div.ref-head {margin: 6px 0px 0px 0px;}
div.reference p {margin-top: 10px;}
div.reference p a img {display: block; border: solid 4px #ffd3e5; padding: 1px; margin: 0px 0px 10px 10px;}
div.reference p a img:hover {border: solid 4px #f36;}
div.reference span.ref-name {font: bold 18px georgia, sans-serif; margin-left: 10px; color: #333;}

/* services 
*/

div.services-list ul {padding-left: 10px;}
div.services-list ul li {background: url(list-style-type.png) no-repeat center left; padding-left: 12px;  }
div.services-list ul li a {line-height: 22px; text-transform: uppercase;}


/*div.services div.services-gallery a img {display: block; border: solid 4px #ffd3e5; padding: 1px; margin: 0px 0px 10px 10px;}
div.services div.services-gallery a img:hover {border: solid 4px #f36;}*/

/* contact
*/

div.contact p {}
div.contact p span a {line-height: 20px;}


/* LINKS


/* LINK IMAGES
*/
a.image {background-color: transparent; display: block; padding: 0px; margin: 0px;}
a.image:hover {background-color: transparent !important;}
div.services div.services-gallery a img,
div.contact p a img, 
div.portfolio img {display: block; border: solid 4px #ffd3e5; padding: 1px; margin: 0px 10px 10px 0px;}
div.portfolio img:hover {border: solid 4px #f36;}
div.services div.services-gallery a img:hover,
div.contact p a img:hover {border: solid 4px #f36; }



/* FORM
*/
form {color: #333; }
form input, form textarea {font: normal 12px georgia, sans-serif; }
form ul {padding-left: 20px;}
form ul li {margin: 5px 0px; }
form ul li.form-li-labels {}
form ul li.form-li-labels select {font: normal 11px georgia, sans-serif; border: solid 1px #f9d3df; background-color: #fce9ef; color: #333;}
form ul li.form-li-labels input.input-text,
form ul li.form-li-labels textarea {margin: 3px 0px; }
form label {display: block; width: 115px; float: left; padding-top: 2px; text-align: right; padding-right: 10px; font-size: 11px;}

form select {font: normal 12px georgia, sans-serif !important; border: solid 1px #f9d3df; background-color: #fce9ef; color: #666 !important;}

form ul li textarea,
form ul li input.input-text {border: none; border-top: solid 2px #f9d3df; background-color: #fce9ef; color: #666;}
form ul li input.input-text {width: 180px; height: 18px;}
form ul li textarea {width: 310px; height: 45px;}

form input.input-text:focus, form textarea:focus {border-top: solid 2px #f36;}
form ul li.form-radio {display: block; }
form ul li.form-radio label {width: 140px; }

input.input-button {display: block !important; width: 77px !important; height: 18px !important; border: none !important;}

form.login {font-size: 11px; background: url(bg.login.png) no-repeat; height: 197px;}
form.login label { width: 45px; text-align: right; margin-right: 0px;}
form.login ul {padding-top: 10px;}
form.login ul li {margin: 8px 0px;}
form.login ul li.first-li {margin: 0px 0px 8px 0px;}
form.login ul li.lost-pass {padding-left: 50px; padding-top: 6px !important; clear: both;}
form.login input.input-button {margin: 3px 0px 0px 10px; }

p.width-480 {width: 480px;}



/* FORM registration
*/

form.reg input {border: none; border-top: solid 2px #f9d3df; background-color: #fce9ef; color: #666;width: 150px; height: 18px;}
form.reg textarea {border: none; border-top: solid 2px #f9d3df; background-color: #fce9ef; color: #666;}
form.reg ul li.form-li-labels select {font: normal 12px georgia, sans-serif; border: solid 1px #f9d3df; background-color: #fce9ef; color: #666;}
form.reg input:focus, form.reg textarea:focus {border-top: solid 2px #f36;}
form.reg ul#nyelv label {float: none; text-align: left; width: 80px;}
form.reg ul#nyelv select {width: 88px;}
form.reg input.radio,
form.reg input.checkbox {width: 20px; float:left; background-color: transparent; border: none;}
form.reg .radio-label label {width: 30px; text-align: left;}
form.reg .check-label div {width: 144px;}
form.reg .jobs4col ul { border-right: solid 1px #e6e6e6;} 
form.reg .check-label ul li {clear:both;}
form.reg .check-label ul.jobstime li {clear: none; margin-right: 50px;}
form.reg .check-label ul.jobstime li label {margin-right: 8px;}
form.reg div.magamrol ul li.jogsi div {padding-left: 30px;}
form.reg textarea.onjellemzes-textarea {width: 270px; height: 320px;}
form.reg ul.fenykep-label label {width: 115px; text-align: right;}
form.reg ul.fenykep-label input {width: 270px;}
form.reg div.reg-experience {margin-left: 20px;}
form.reg hr {background-color: #ccc; border: none; padding: 0px; margin: 15px 0px 20px; height: 1px;}
form.reg input.mobilform {width: 80px;}
form.form ul li input.mobilformoffer {width: 106px;}
form.form ul li input.persformoffer {width: 43px;}

/*form ul li select.mobil-select {height: 20px;}*/
form.reg ul li.mobilnum {font-size: 11px;}

img.progressbar {margin: 2px 20px 0px 0px;}

a {	cursor: pointer;	}



