@charset "iso-8859-2";

body {
	background: #fff;
	color: #747474;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

div#contentpage {
	background: #fff url('../images/background.gif') repeat-x top;
}

#index {
	width: 474px;
	height: 451px;
	margin: 40px auto 20px auto;
}

#index h1 { margin: 0 0 0 0; padding: 0 0 0 0;}

#index h1 a {
  display: block;
	width: 474px;
	height: 451px;
	background: url('../images/index.gif') no-repeat;
}
#index h1 a span {
  display: none;
}
#index_menu {
	margin: 0 0 15px 0;
}

ul#index_menu_hu {
	width: 712px;
	height: 20px;
	margin: 0 auto;
	list-style: none;
}

ul#index_menu_hu li {
	float: left;
	padding: 0 0 0 18px;
	background: url('../images/index_menu_border.gif') no-repeat left;
}

ul#index_menu_hu li.first {
	padding: 0;
	background: none;
}

ul#index_menu_hu li a {
	display: block;
	height: 20px;
}

ul#index_menu_hu li a span {
	display: none;
}

#index_menu_hu_kaiserotto a {
	width: 88px;
	background: url('../images/index_menu_hu_kaiserotto.gif');
}

#index_menu_hu_webaruhaz a {
	width: 84px;
	background: url('../images/index_menu_hu_webaruhaz.gif');
}

#index_menu_hu_kepugynokseg a {
	width: 107px;
	background: url('../images/index_menu_hu_kepugynokseg.gif');
}

#index_menu_hu_portrefotozas a {
	width: 109px;
	background: url('../images/index_menu_hu_portrefotozas.gif');
}

#index_menu_hu_hungaricum a {
	width: 95px;
	background: url('../images/index_menu_hu_hungaricum.gif');
}

#index_menu_hu_blog a {
	width: 40px;
	background: url('../images/index_menu_hu_blog.gif');
}

#index_menu_hu_kapcsolat a {
	width: 80px;
	background: url('../images/index_menu_hu_kapcsolat.gif');
}

#index_menu_hu_kaiserotto a:hover, #index_menu_hu_webaruhaz a:hover, #index_menu_hu_kepugynokseg a:hover, #index_menu_hu_portrefotozas a:hover, #index_menu_hu_hungaricum a:hover, #index_menu_hu_blog a:hover, #index_menu_hu_kapcsolat a:hover {
	background-position: bottom;
}

ul#index_menu_en {
	width: 712px;
	height: 20px;
	margin: 0 auto;
 	padding: 0 0 0 3px;
	list-style: none;
}

ul#index_menu_en li {
	float: left;
	padding: 0 0 0 13px;
	background: url('../images/index_menu_border.gif') no-repeat left;
}

ul#index_menu_en li.first {
	padding: 0;
	background: none;
}

ul#index_menu_en li a {
	display: block;
	height: 20px;
}

ul#index_menu_en li a span {
	display: none;
}

#index_menu_en_ottokaiser a {
	width: 83px;
	background: url('../images/index_menu_en_ottokaiser.gif');
}

#index_menu_en_shoponline a {
	width: 87px;
	background: url('../images/index_menu_en_shoponline.gif');
}

#index_menu_en_photoagency a {
	width: 104px;
	background: url('../images/index_menu_en_photoagency.gif');
}

#index_menu_en_portraitprofessional a {
	width: 158px;
	background: url('../images/index_menu_en_portraitprofessional.gif');
}

#index_menu_en_hungaricum a {
	width: 92px;
	background: url('../images/index_menu_en_hungaricum.gif');
}

#index_menu_en_blog a {
	width: 39px;
	background: url('../images/index_menu_en_blog.gif');
}

#index_menu_en_contact a {
	width: 66px;
	background: url('../images/index_menu_en_contact.gif');
}

#index_menu_en_ottokaiser a:hover, #index_menu_en_shoponline a:hover, #index_menu_en_photoagency a:hover, #index_menu_en_portraitprofessional a:hover, #index_menu_en_hungaricum a:hover, #index_menu_en_blog a:hover, #index_menu_en_contact a:hover {
	background-position: bottom;
}

#header {
	width: 1000px;
	height: 59px;
	margin: 0 auto;
	background: #181919 url('../images/header.gif') no-repeat left;
}

#menu {
	width: 1000px;
	height: 53px;
	margin: 0 auto 10px auto;
}

#menu ul {
	width: 877px;
	height: 33px;
	margin: 0 auto;
	list-style: none;
  padding-left: 3px;
}

#menu ul li {
	position: relative;
	float: left;
}

#menu ul li a {
	display: block;
	height: 33px;
}

#menu ul li a span {
	display: none;
}

#menu_kaiserotto a {
	width: 119px;
	background: url('../images/menu_kaiserotto.gif') bottom;
}

#menu_webaruhaz a {
	width: 127px;
	background: url('../images/menu_webaruhaz.gif') bottom;
}

#menu_kepugynokseg a {
	width: 149px;
	background: url('../images/menu_kepugynokseg.gif') bottom;
}

#menu_portrefotozas a {
	width: 142px;
	background: url('../images/menu_portrefotozas.gif') bottom;
}

#menu_hungaricum a {
	width: 136px;
	background: url('../images/menu_hungaricum.gif') bottom;
}

#menu_blog a {
	width: 84px;
	background: url('../images/menu_blog.gif') bottom;
}

#menu_kapcsolat a {
	width: 120px;
	background: url('../images/menu_kapcsolat.gif') bottom;
}

#menu_kaiserotto a:hover, #menu_webaruhaz a:hover, #menu_kepugynokseg a:hover, #menu_portrefotozas a:hover, #menu_hungaricum a:hover, #menu_blog a:hover, #menu_kapcsolat a:hover {
	background-position: top;
}

#menu_kaiserotto.active a, #menu_webaruhaz.active a, #menu_kepugynokseg.active a, #menu_portrefotozas.active a, #menu_hungaricum.active a, #menu_blog.active a, #menu_kapcsolat.active a {
	background-position: top;
}

#menu ul li ul.menu_level_2.submenu_active {
	display: block;
}

#menu ul li ul.menu_level_2 {
	display: none;
	position: absolute;
	height: 18px;
	left: 10px;
	top: 36px;
	width: 500px;
}

#menu ul li ul.menu_level_2 li a {
	display: inline;
	padding: 0 8px;
	background: none;
	color: #898989;
	text-decoration: none;
}

#menu ul li ul.menu_level_2 li a:hover {
	color: #e6180e;
}

#content {
	width: 831px;
	height: 430px;
	margin: 0 auto;
}

#left {
	float: left;
	width: 310px;
}

#left ul {
	float: right;
	margin: 50px 40px 0 0;
	text-align: right;
	list-style: none;
}

#left ul li {
	margin: 0 0 12px 0;
  float: none;
}

#left ul li a {
	color: #898989;
	text-decoration: none;
}

#left ul li a:hover {
	color: #e6180e;
}

#right {
	float: right;
	width: 480px;
	padding: 0 0 0 40px;
	border-left: 1px solid #c7c7c7;
}

#footer {
	width: 877px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: url('../images/footer.gif') no-repeat top;
}

#footer p {
	float: right;
	padding: 5px 0 0 0;
  margin-right: 15px; 
	color: #7a7a7a;
	font-size: 11px;
}

#footer p a {
	color: #7a7a7a;
	text-decoration: none;
}

#footer p a:hover {
	text-decoration: underline;
}

#footer p span {
	margin: 0 0 0 40px;
	color: #acacac;
}

#footer ul { float: left; padding-top: 6px; }

#footer ul li { display: inline; list-style: none; padding: 1px 3px 0 3px;}

#footer ul li a {
	color: #7a7a7a;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}


#webtown {
	float: right;
}

.center {
	text-align: center;
}

div#portrePreview
{
  text-align: right;
  padding-right: 44px;
}
.left_img {
	margin: 20px 0;
}

.italic {
	font-style: italic;
}

a.back {
	margin: 0 0 10px 0;
	float:left;
	width: 30px;
}

.content_small {
	height: 340px;
	border-bottom: 2px solid #c1c1c1;
}

.content_big {
	height: 390px;
}

.content_small .scroll {
	padding: 0 20px 0 0;
	height: 300px !important;
	overflow: auto;
}

.content_big .scroll {
	padding: 0 20px 0 0;
	height: 350px !important;
	overflow: auto;
}

.bottom {
	padding: 5px 0 0 0;
	text-align: center;
}

.bottom img{
	margin: 0 5px;
}

.product {
	float: left;
	width: 86px;
	margin: 0 24px 20px 0;
	font-size: 11px;
	text-align: center;
	height:135px;
}

.product span {
	display: block;
	margin: 2px 0;
	color: #e6180e;
}

a.button {
	display: block;
	width: 66px;
	height: 30px;
	background: url('../images/button.jpg') no-repeat;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 28px;
	text-decoration: none;
}

#content .bigmargin {
	margin-bottom: 50px;
}

input.input {
	width: 23px;
	height: 20px;
	margin: 0 10px 0 0;
	padding: 4px 3px 0 3px;
	background: url('../images/input.jpg') no-repeat;
	border: 0;
	color: #747474;
	font-weight: bold;
	text-align: center;
}

input.button2 {
	position: relative;
	top: 2px;
	width: 111px;
	height: 24px;
	padding: 0;
	background: url('../images/button2.jpg') no-repeat;
	border: 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

label.label {
	clear: left;
	float: left;
	width: 100px;
	color: #e6180e;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}

label.label.notfirst {
	clear: none;
	margin-left: 20px;
}

label.label.notfirst2 {
	clear: none;
	margin-left: 158px;
}

input.input2 {
	float: left;
	width: 226px;
	height: 22px;
	margin: 0 10px 0 0;
	padding: 4px 3px 0 3px;
	background: url('../images/input2.jpg') no-repeat;
	border: 0;
	color: #747474;
	font-weight: bold;
}

input.input3 {
	float: left;
	width: 176px;
	height: 22px;
	margin: 0 10px 0 0;
	padding: 4px 3px 0 3px;
	background: url('../images/input3.jpg') no-repeat;
	border: 0;
	color: #747474;
	font-weight: bold;
}

input.input4 {
	float: left;
	width: 76px;
	height: 22px;
	margin: 0 10px 0 0;
	padding: 4px 3px 0 3px;
	background: url('../images/input4.jpg') no-repeat;
	border: 0;
	color: #747474;
	font-weight: bold;
}

input.input5 {
	float: left;
	width: 426px;
	height: 22px;
	margin: 0 10px 0 0;
	padding: 4px 3px 0 3px;
	background: url('../images/input5.jpg') no-repeat;
	border: 0;
	color: #747474;
	font-weight: bold;
}

p.inputp {
	height: 40px;
	margin: 0;
}

p.inputp2 {
	height: 30px;
	margin: 0;
}

p.textareap {
	height: 180px;
	margin: 0;
}

p.textareap2 {
	height: 180px;
	margin: 0;
}

textarea.textarea {
	float: left;
	width: 226px;
	height: 162px;
	margin: 0 10px 0 0;
	padding: 4px 3px 0 3px;
	background: url('../images/textarea.jpg') no-repeat;
	border: 0;
	color: #747474;
	font-weight: bold;
}

textarea.textarea2 {
	float: left;
	width: 426px;
	height: 162px;
	padding: 4px 3px 0 3px;
	background: url('../images/textarea2.jpg') no-repeat;
	border: 0;
	color: #747474;
	font-weight: bold;
}

input.button {
	clear: left;
	float: left;
	width: 66px;
	height: 30px;
	margin: 10px 0 0 265px;
	padding: 0;
	background: url('../images/button.jpg') no-repeat;
	border: 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

input.elkuld {
	clear: left;
	float: left;
	width: 66px;
	height: 30px;
	margin: 10px 0 0 265px;
	padding: 0;
	background: url('../images/elkuld.jpg') no-repeat;
	border: 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

input.megsem {
	clear: left;
	float: left;
	width: 73px;
	height: 30px;
	padding: 0;
	background: url('../images/megsem.jpg') no-repeat;
	border: 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

input.megrendelem {
	clear: left;
	float: left;
	width: 99px;
	height: 30px;
	padding: 0;
	background: url('../images/megrendelem.jpg') no-repeat;
	border: 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}


input.elkuldg{
	clear: left;
	float: left;
	width: 99px;
	height: 30px;
	padding: 0;
	background: url('../images/gomb_elkuld.jpg') no-repeat;
	border: 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

table.cart {
	width: 800px;
	margin: 0 0 20px 0;
}

table.cart td {
	padding: 8px 10px;
}

table.cart tr.row1 td {
	background: #e2e2e2;
	color: #3f3e3e;
}

table.cart tr.row2 td {
	background: #ededed;
	color: #3f3e3e;
}

table.cart tr.sum td {
	padding: 14px 10px;
	background: #e6180e;
	color: #fff;
	font-weight: bold;
}

table.cart td span {
	color: #747474;
	font-size: 11px;
}

table.cart td strong {
	color: #3f3e3e;
}

input.cart {
	width: 20px;
	border: 0;
	color: #3f3e3e;
	font-weight: bold;
	text-align: center;
}

table.cart td a  {
	text-decoration: none;
}

table.cart td a em {
	color: #e6180e;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
}

.smallmarginleft {
	margin-left: 10px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}


#sf_admin_container #admin_prices td {
    background-color:#FFFFFF;
	font-family:Arial,sans-serif;
	font-size:12px;
	margin:0;
	padding:3px;
}


#sf_admin_container #admin_prices th {
    text-align: left;
    padding-left: 6px;
    font-weight: normal;
}
#sf_admin_container table {
	border-right:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
}

#sf_admin_container td, #sf_admin_container th{
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	vertical-align:middle;
}

#sf_admin_container th{
		padding: 2px;
	}

#sf_admin_container #admin_prices input{
	width: 50px;
	border: 0;
	padding: 2px;
}

.pr_left_img {
   width: 265px;
}

#menu ul.menu_level_2 ul.webshop_level_1 {
	width: 500px;
	}

div#rendelesDetails div { width: 260px; float: left; }
div#rendelesDetails div dt { font-style: italic; }
div#rendelesDetails div dd { font-weight: bold; padding-left: 24px; margin-bottom: 6px;}