body { font-family:Verdana, Helvetica, Arial, sans-serif; color:#634; font-size:13px; background:url(http://www.kreativ-ajandek-foltvarras.hu/img/body.gif) repeat fixed #3E0816;  }

p{margin:8px 0; padding: 0;}
h1, h2, h3, h4, h5, h6{margin: 0; padding: 0; font-weight:100; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;}
h1{font-size:22px; margin:20px 0 10px 0; padding:0; }
h2{font-size:18px; margin:20px 0 10px 0; color:#645E4F; padding:0 0 0 30px; background: url(http://www.kreativ-ajandek-foltvarras.hu/img/h2.gif) no-repeat left top;}
h2 a:link, h2 a:visited{color:#645E4F !important;}
h2 a:hover, h2 a:active{color:#634 !important;}
h3{font-size:16px; margin:20px 0 10px 0; padding:0; font-weight:100; color:#5D4226;}
a{outline:none;}
#content a:link{ color:#09f; text-decoration:none;  /*margin-left:10px;*/ }
#content a:visited{color:#66c; text-decoration:none; /*margin-left:10px;*/ }
#content a:hover, #content a:active{color:#c63; text-decoration:none; /*margin-left:10px;*/ }
#content ul li, ol li{margin:10px 0 10px 0;}

#bodyContainer {height:100%; width:100%; margin:0; text-align:center;}
#centerContainer {width:100%; height:100%;}
#mainContainer {position: relative; top:0px; width:950px; margin:0 auto; text-align: left;}
#heading{position:absolute; top:0px; left:0; width:950px;}
#content{position:absolute; top:30px; left:0; width:950px; height:300px; background: url(http://www.kreativ-ajandek-foltvarras.hu/img/head.jpg) no-repeat top center; border:0px solid #fff;}
#text{position:absolute; top:300px; right:0; width:700px;padding:20px 20px 40px 230px; border-bottom:5px solid #634; background: url(http://www.kreativ-ajandek-foltvarras.hu/img/content.jpg) repeat-y top center;}
#logo{position:absolute; top:110px;left:25px;}

#slogan{position:absolute; top:225px; left:460px;}
#slogan h2{font-size:28px; font-weight:100; margin:0; padding:0; color:#FFCC64; background:transparent; }

#box1{float:left; clear:both; width:320px; height:350px; padding:10px; margin-bottom:20px; border:1px dotted #226AA4; background-color:#FFF7F8;}
#box2{float:right; width:320px; height:350px; padding:10px; margin-bottom:20px; border:1px dotted #226AA4; background-color:#FFF7F8;}
#box3{float:left; clear:both; width:320px; height:400px; padding:10px; border:1px dotted #226AA4; background-color:#FFF7F8;}
#box4{float:right; width:320px; padding:10px; height:400px; margin-bottom:20px; border:1px dotted #226AA4; background-color:#FFF7F8;}
#box5{float:right; width:320px; height:130px; padding:10px; border:1px dotted #226AA4; background-color:#FFF7F8;}
#box1 h2, #box2 h2, #box3 h2, #box4 h2, #box5 h2{margin:0;}

#menu{position:absolute; top:340px; left:0px; width:208px; text-align:right; font-size:15px; font-weight:600;}
#menu ul {margin: 0; padding: 0; list-style: none; }
#menu ul ul li {margin: 0; padding: 0; list-style: none; width:250px; }
#menu ul li {position: relative; top:0;margin: 0;}
#menu li ul {position: absolute; left: 150px; top:0; display: none;}
#menu ul li a:link, #menu ul li a:visited{display: block;; text-decoration: none; color: #663344; background:transparent; padding: 5px 13px 5px 0px; border: 0px;}
#menu ul li a:hover, #menu ul li a:active{ color:#997788;}
div#menu ul ul, div#menu ul li:hover ul ul{position:absolute; top:0px; left:208px; display:none; background: url(http://www.kreativ-ajandek-foltvarras.hu/img/content_menu.jpg) repeat-y top center; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
div#menu ul li:hover ul li, div#menu ul ul li:hover ul li{position:relative; top:0px; left:6px; background:transparent; display:block;}
#menu li:hover ul {display: block; font-size:0.9em; text-align:left;}
#menu li:hover ul, li.over ul { display: block;}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left;}
* html ul li a { height: 1%; }
/* End */
.current{color: #C87A1E !important; background:url(http://www.kreativ-ajandek-foltvarras.hu/img/menu_current.jpg) no-repeat center right !important;}
#content ul li{list-style-image:url(http://www.kreativ-ajandek-foltvarras.hu/img/ul.gif); float:none;}

.back a:link, .back a:visited{position:absolute; bottom:10px; right:20px; width:20px; height:15px; background: url(http://www.kreativ-ajandek-foltvarras.hu/img/back_arrow.gif) no-repeat top center;}
.back a:hover, .back a:active{background: url(http://www.kreativ-ajandek-foltvarras.hu/img/back_arrow.gif) no-repeat bottom center; }

#footer{position:absolute; bottom:25px; left:230px; width:800px; color:#634; font-size:12px; text-decoration:none;}
#footer li {margin:0; display:inline; }
#footer ul{position:absolute; top:0px; left:0px; list-style:none; margin:0; padding:3px 0; }	   
#footer a:link, #footer a:visited {color:#978; text-decoration:none;}
#footer a:hover, #footer a:active {color:#baa; }
.current_footer{color:#CA8150 !important;}

.img_right{float:right; margin:0 0 8px 8px;}
.clear{clear:both;}
.index_open{width:90px; text-align:center; float:left; margin-right:15px;}
.index_open h3{margin:5px 0 5px 0; padding:0; font-size:11px; font-weight:600;}

#form{margin:0;padding:0; background:transparent; color:#634; z-index:100;}
fieldset{width: 370px; border:1px solid #B6A082; padding:0 10px 10px 0; background:url(img/form.jpg) no-repeat bottom left; }
legend{font-weight:bold; border:1px solid #B6A082; background:transparent; font-size:13px; margin-left:5px; padding:1px 3px;}
.form{text-align:right;}
.submit, .reset{position:relative; top:0; margin:5px 5px 5px 10px;}
#question, #message, #megrendelo_question{margin:0 0 0 5px;width:355px;height:80px;}
#name, #phone, #email, #megrendelo_nev, #megrendelo_telefon, #megrendelo_email, #megrendelo_post_cim, #megrendelo_szla_cim, #duopack, #kulcstarto_csopp, #kulcstarto_potty {width:240px; margin:5px 0;}
.err, .err ul li{font-size:11px; color: red; text-align:right; list-style:none; list-style-image:none !important;}
.red{color:red;}
#name, #email, #message, #letters_code, #captchaimg{background-color:#FCF5E0; border:1px solid #B6A082;}
#form a:link{ color:#09f; text-decoration:none;  /*margin-left:10px;*/ }
#form a:visited{color:#66c; text-decoration:none; /*margin-left:10px;*/ }
#form a:hover, #form a:active{color:#c63; text-decoration:none; /*margin-left:10px;*/ }