* { font-family: arial, helvetica, sans-serif; }
BODY { margin: 0px; padding: 10px; font-size: 12px; color: #000000; text-align: justify; }

#container { width: 770px; margin-left: auto; margin-right: auto; background-image: url("../image/index/index_containerbg.gif"); background-repeat: repeat-y; border: 2px solid #000000; } 
#header { position: relative; width: 100%; height: 93px; background-image: url("../image/index/index_header.jpg"); background-repeat: no-repeat; } 
#leftcol { position: relative; width: 221px; float: left; background-image: url("../image/index/index_lefttop.gif"); background-repeat: no-repeat; padding: 100px 5px 10px 0px; }
#maincol { position: relative; width: 484px; float: right; background-image: url("../image/index/index_maintop.gif"); background-repeat: no-repeat; display: inline; padding: 30px 30px 30px 30px; }
#footer { clear: both; background-color: #f9d7b9; background-image: url("../image/index/index_footerbg.gif"); background-repeat: repeat-y; } 
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix{ display: inline-table; }

/* Internet Explorer (MAC verzió) hack \*/
* html .fix { height: 1%; }
.fix{ display: block; }
/* Internet Explorer (MAC verzió) hack vége */  

#maincol DIV.boxtitle { color: #ffffff; background-color: #f98824; padding: 2px 2px 2px 4px; border-left: 10px solid #000000; font-weight: bold; }
#maincol DIV.boxcontent { border: 1px solid #f98824; padding: 10px; }
#maincol DIV.error_message { background-color: #eb9d87; padding: 5px; font-weight: bold; color: #000000; }
#maincol DIV.success_message { background-color: #b6deb4; padding: 5px; font-weight: bold; color: #000000; }

H1 { font-size: 24px; color: #000000; font-weight: bold; margin: 0px 0px 30px 10px; }
H1.service { display: block; width: 300px; height: 22px; background-image: url("../image/index/index_service.gif"); background-repeat: no-repeat; margin: 0px 0px 30px 10px; font-size: 1px; }
H1.reference { display: block; width: 300px; height: 22px; background-image: url("../image/index/index_reference.gif"); background-repeat: no-repeat; margin: 0px 0px 30px 10px; font-size: 1px; }
H1.contact { display: block; width: 300px; height: 22px; background-image: url("../image/index/index_contact.gif"); background-repeat: no-repeat; margin: 0px 0px 30px 10px; font-size: 1px; }
H1.present { display: block; width: 300px; height: 22px; background-image: url("../image/index/index_present.gif"); background-repeat: no-repeat; margin: 0px 0px 30px 10px; font-size: 1px; }

UL { margin-top: 0px; margin-bottom: 0px; }

IMG { border: 0px; margin: 0px; vertical-align: top; }
IMG.menucircle { margin-bottom: 10px; }
IMG.present1 { float: right; margin: 3px 1px 0px 10px; }
IMG.present2 { float: left; margin: 3px 10px 0px 1px; }
IMG.service { float: right; margin: 3px 1px 0px 10px; }
IMG.contact { float: right; margin: 3px 1px 0px 10px; }
IMG.jv { float: right; }

FORM { display: inline; }
#maincol INPUT.button { width: 200px; color: #ffffff; font-size: 12px; font-family: arial, helvetica, sans-serif; border-width: 0px; background-color: #f98824; margin-top: 3px; }
#maincol INPUT.text { width: 460px; color: #000000; font-size: 12px; font-family: arial, helvetica, sans-serif; border: 1px solid #f98824; background-color: #FFFFFF; }
#maincol TEXTAREA.textarea { width: 460px; color: #000000; font-size: 12px; font-family: arial, helvetica, sans-serif; border: 1px solid #f98824; background-color: #FFFFFF; margin-bottom: 0px; }


A.bemutatkozas { display: block; margin: 0px 0px 5px 0px; text-decoration: none; }
A.szolgaltatasok { display: block; margin: 0px 0px 2px 0px; text-decoration: none; }
A.referenciak { display: block; margin: 0px 0px 5px 0px; text-decoration: none; }
A.elerhetosegek { display: block; margin: 0px 0px 2px 0px; text-decoration: none; }

#maincol A { color: #f98824; font-weight: bold; text-decoration: none; font-size: 12px; }
#maincol A:visited { color: #f98824; }
#maincol A:active { color: #f98824; }
#maincol A:hover { color: #f97500; }


P { margin: 0px; }
.copyright { text-align: right; font-weight: bold; padding: 4px 3px 2px 3px; }
.menu { text-align: right; }


TABLE.gallerytable { width: 100%; border: 0px; border-collapse: collapse;}
TABLE.gallerytable TD.gallery { width: 150px; text-align: center; vertical-align: top; }
TABLE.gallerytable TD.gallerypicture { width: 110px; text-align: center; vertical-align: top; }

IMG.gallery { border: 1px solid #f98824; width: 150px; height: 113px; }
IMG.gallerypicture { border: 1px solid #f98824; width: 110px; height: 83px; }

#maincol DIV.gallerytitle { color: #ffffff; background-color: #f98824; padding: 2px 2px 2px 4px; border-left: 10px solid #000000; font-weight: bold; }
#maincol DIV.gallerycontent { border: 1px solid #f98824; padding: 3px; }

#leftcol DIV.counter { text-align: center; margin: 15px 0 0 0; }