@charset "iso-8859-2";
body{margin:0;padding:0;font-family:Verdana,Arial,Futura,'Gill Sans',sans-serif ;text-align:center;color:#800;background-color:#ffc;}
#container{margin:120px 0 0 0;}
#head{position:absolute;top:0;left:0;width:100%;height:120px;background:#c63 url('pic/grape.jpg') no-repeat; border-bottom:dotted 1px #006;}
#main{margin:0 120px 0 120px;position:relative;padding:20px 20px 20px 20px;border-left:1px dotted #800;border-right:1px dotted #800;}
img{border:none;}
#footer{height:100px;background:#800;color:#ffc;margin:0;border-top:dotted 1px #a00;}
#footer_text {width:400px;text-align:left;font-weight:bold;font-family:Tahoma, Arial, sans-serif;color:#ffc;background-color:#800;padding:5px;float:left;} 
#footer_text p {font-size:10px;margin-left:15px;padding:0;margin-top:0;margin-bottom:0;}	
#footer_text a:link, #footer_text a:visited {text-decoration:none;color:#f93;font-size:10px;font-weight:bold;background:#800;}
#footer_text a:hover, #footer_text a:active {text-decoration:none;color:#f00;background:#800;}
p, ul, ol, pre{font-family:Verdana,Arial,Futura,'Gill Sans',sans-serif ;font-size:14px;text-align:justify;}
h1{color:#600;font-family:Georgia,'Times New Roman',Garamond,'Minion Web',serif;}h2{font-family:Georgia,'Times New Roman',Garamond,'Minion Web',serif;color:#700;}h3{color:#600;font-family:Georgia,'Times New Roman',Garamond,'Minion Web',serif;}
a:link, a:visited{font-weight:bold;color:#fc6;text-decoration:none;}
a:hover, a:active{color:#f00;}
.c{text-align:center;}
.r{text-align:right;}
#google{position:absolute;top:0;right:30px;margin:20px 10px;width:200px;}
#google fieldset {width:180px;font-weight:bold; border:solid 1px #ffc;padding:5px;}
#google legend{font-size:12px;color:#ffc;} 
#google input {width:100px;background:#ffc;border:outset 2px #f93;padding:2px;font-size:10px;font-weight:bold;color:#800;}
#google .submit{color:#800;background:#ffc;width:60px;padding:1px;font-size:10px;;font-weight:bold;cursor:pointer;border:2px outset #f93;}
#slogen{position:absolute;top:85px;right:10px;color:#800;font-family:'Times New Roman',Garamond,'Minion Web',serif;font-size:18px;width:250px;font-weight:bold;font-style:italic;}
#logo{position:absolute;top:20px;left:20px;width:135px;height:135px;background:url('pic/krepuska_logo_3.jpg');border:outset 3px #f93;}#logo a {width:135px;height:135px;display:block;}
#logo2{width:150px;height:80px;position:relative;top:10px;margin-right:20px;float:right;background:url('pic/oktatas_kultura.jpg');}#logo2 a {width:150px;height:80px;display:block;}
#side1{position:absolute;top:220px;left:0;width:120px;}
#side1 h2, #side2 h2 {font-family:tahoma, arial, sans-serif;font-size:14px;background-color:#800;color:#ffc;display:inline;padding:5px 15px 2px 15px;font-variant:small-caps;}
#side2{width:120px;position:absolute;top:150px;right:0px;}
#side1 p, #side2 p {font-family:tahoma, arial, sans-serif;font-size:10px;}
#navigation{width:100px;background:transparent;margin:auto;padding:0;}
#navigation li {margin:2px;}
#navigation ul{list-style:none;margin:0;padding:0;}	   
#navigation a:link, #navigation a:visited {font:bold 12px Tahoma, Arial, Verdana, sans-serif;text-transform:uppercase;text-align:center;display:block;border:1px solid #600;padding:2px;color:#ffc;background:#800;text-decoration:none;}
#navigation a:hover, #navigation a:active {color:#c14;background:#ffa;}
#navigation ul ul{position:absolute;top:0;left:100%;background:#ffc;}
#navigation li{position:relative;}
div#navigation ul ul{position:absolute;top:0;left:100%;width:100%;}
div#navigation ul ul ul{position: absolute;top:0;left:100%;width:100%;}
div#navigation ul ul, div#navigation ul li:hover ul ul{display:none;}
div#navigation ul li:hover ul, div#navigation ul ul li:hover ul{display:block;}	
div#navigation ul li{float:left;width:100%;}
div#navigation ul li a{height:1%;}
#nav {position:absolute;top:130px;left:175px;font-size:12px;font-weight:bold;color:#cc9;}
#contact, #contact2 {position:relative;width:70%;background:#ffa;color:#800;border:solid 1px #800;padding:1px 1px 10px 1px;display:block;margin:0 auto;}
#contact fieldset, #contact2 fieldset {position:relative;color:#800;background:#ffa;width:90%;border:solid 1px #800;padding:5px;margin:10px auto;}
#contact label, #contact2 label{float:left;margin:5px 0 0 15px;width:150px;text-align:right;font-weight:bold;font-size:12px;color:#800;background:#ffa;}
#contact fieldset input, fieldset textarea, #contact2 fieldset input, fieldset textarea{margin:5px 2px 2px 2px;width:250px;background-color:#ffc;border:solid 1px #800;color:#800;font-size:12px;font-weight:bold;}
#contact fieldset textarea, #contact2 fieldset textarea  {height:100px;font-size:12px;}
#contact legend, #contact2 legend{color:#f00;background:#ffa;font-weight:bold;font-size:14px;padding: 2px 10px;margin:5px;}
#contact .submit, #contact2 .submit{color:#ffc;background-color:#800;border:outset 2px #f93;width:110px;height:25px;font-size:11px;font-weight:bold;cursor:pointer;}
#contact .select, #contact2 .select{background-color:#ffc;color:#600;font-weight:bold;font-family:Verdana, sans-serif;font-size:10px;}
#contact fieldset p, #contact2 fieldset p{text-align:center;color:#933;background:#ffa;font-size:10px;font-weight:bold;}
#contact p {margin-left:15px;margin-right:15px;}
.header{position:relative;background-color:#800;color:#ffc;font-size:12px;font-weight:bold;padding:5px;}
#newsletter{width:110px;text-align:center;}
#newsletter input {width:90px;background:#ffa;border:solid 1px #600;padding:2px;font-size:10px;font-weight:bold;color:#800;margin:auto;}
#newsletter .submit, #cliens .submit{color:#ffc;background-color:#800;border:outset 1px #f93;width:80px;height:20px;font-size:.6em;font-weight:bold;cursor:pointer;}
#newsletter label{font-weight:bold;font-size:10px;}
.text{padding:5px 5px 3px 5px;}
.text p{padding:0;margin-top:1px;margin-bottom:5px;}
.link{float:right;font-size:1em;}
.clear{clear:both;}
.cikk{position:relative;width:45%; min-height:200px; border:solid 1px #800;background:#ffa url('http://www.krepuska-feszt.hu/pic/szolo_sarok.jpg') no-repeat bottom left;color:#800;padding:1px 1px 10px 1px;display:block;float:left;margin:15px;}
.cikk p, .recept p{padding:5px;font-size:10px;}
.cikk a, .recept a{color:#800;}.cikk a:hover,.recept a:hover{color:#f00;}
.recept{position:relative;width:42%; min-height:200px; border:solid 1px #800;background:#ffb; color:#800;padding:1px 1px 10px 1px;display:block;float:left;margin:15px;}
.l {position:absolute;right:5px;bottom:2px;}
.f{margin:10px;border:3px outset #f93;}
.k{padding:2px;border:2px outset #f93;}
.ki{font-style:italic;font-size:11px;}
.box{position:relative;width:130px;border:solid 1px #800;padding:1px 1px 10px 1px;margin:10px auto 10px auto;display:block;}