@import url("form.css");

@charset "UTF-8";
/* CSS Document */

/* LAYOUT */
* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
background:url(../images/background.jpg) center center no-repeat;
text-align:center; /* horizontal centering for IE Win quirks */
font-size:62.5%; /* resets 1em to 10px */
font-family:Tahoma, Geneva, Arial, sans-serif;
}
.clearleft {
clear:left;
}
.clearright {
clear:right;
}
.clearboth {
clear:both;
}

form input.ftext, form textarea.ftext, form select.ftext {
font-size:13px;
line-height:16px;
margin:2px 0;
padding:2px 3px;
width:200px;
}
form select.ftext {
padding:0;
}
button {
width:auto;
display:block;
float:left;
padding:5px 10px;
background:#000;
font-family:Tahoma, Arial, Verdana, sans-serif;
font-size:10px;
text-transform:uppercase;
text-decoration:none;
line-height:14px;
font-weight:bold;
color:#fff/*#565656*/;
cursor:pointer;
}
button:hover {
text-decoration:none;
background:#565656;
}

#distance { 
width:1px;
height:50%;
margin-bottom:-291px; /* half of container's height */
float:left;
}
#wrapper {
margin:0 auto;
position:relative; /* puts container in front of distance */
background:url(../images/wrapper-bg.png) center center no-repeat;
text-align:left;
height:574px;
width:980px;
clear:left;
}
#content {
position:relative;
float:right;
width:413px; /* 433px */
height:485px; /* 540px */
padding:37px 10px 18px;
overflow:hidden;
}
#flash {
padding-top:16px;
}
#langselect {
position:absolute;
top:-10px;
right:10px;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
color:#717171;
background:url(../images/bullet.gif) top left no-repeat;
padding-left:12px;
}
#footer {
position:absolute;
bottom:-10px;
right:10px;
color:#404040;
font-size:0.9em;
}

/* NYELVI VÁLASZTÓ */
#langselect a {
color:#717171;
text-decoration:none;
}
#langselect a:hover {
color:#717171;
text-decoration:underline;
}

/* CONTENT STYLING */
#content div.scroll {
height:485px;
padding-right:10px;
overflow:auto;
}
#content h1 {
padding:0.6em 0;
font-family:"Times New Roman", Times, serif;
font-size:2em;
font-weight:normal;
}
#content h2 {
font-family:"Times New Roman", Times, serif;
padding-left:15px;
padding-bottom:1em;
font-size:1.4em;
font-weight:bold;
}
#content h3 {
padding-left:15px;
padding-top:0.8em;
padding-bottom:0.6em;
font-size:1.2em;
font-weight:bold;
}
#content h4 {
padding-left:15px;
padding-top:0.8em;
padding-bottom:0.3em;
font-size:1.1em;
font-weight:bold;
}
#content ul {
margin-left:15px;
padding-left:15px;
}
#content ul li {
font-size:1.1em;
padding:0.4em 0;
text-align:justify;
line-height:1.4em;
}
#download-link {
padding-left:5px;
font-weight:bold;
color:#87AF1A;
text-decoration:none;
text-transform:lowercase;
}
#download-link:hover {
text-decoration:underline;
color:#87AF1A;
}
#content p {
padding-left:15px;
padding-bottom:0.7em;
text-align:justify;
font-size:1.2em;
line-height:1.4em;
}
#content p.lead {
font-weight:bold;
}
#content table {
padding:3px 10px;
padding-bottom:0.7em;
font-size:1.1em;
line-height:1.4em;
}
#content table.border {
border:solid 1px #828181;
margin:0 auto;
width:90%;
background-color:#fff;
}
#content table td {
padding:0.1em 0.15em;
}
#content table td.title {
font-weight:bold;
}
#content img {
padding:5px;
background-color:#fff;
border:1px solid #b4b4b4;
}
#content a:hover img {
border-color:#828181;
}
#content span img {
margin:1em auto;
display:block;
}
#content p a, #content table a {
color:#87af1a;
text-decoration:underline;
}
#content p a:hover, #content table a:hover {
color:#87af1a;
text-decoration:none;
}
#content a.back {
padding-left:15px;
font-size:1.1em;
font-weight:bold;
color:#717171;
text-decoration:none;
}
#content a.back:hover {
color:#87af1a;
text-decoration:underline;
}
#content #gallery {
padding-left:15px;
}
#content #gallery div.gallery-picture {
float:left;
margin:10px 0;
text-align:center;
vertical-align:middle;
width:47%;
}

/* cikklista */
#content div.item_horizontal {
padding-bottom:0.5em;
}
#content div.item_horizontal img {
float:left;
margin-right:0.8em;
}
#content div.item_horizontal h2 {
padding-bottom:0.3em;
}
#content div.item_horizontal h2 a {
color:#000;
text-decoration:none;
}
#content div.item_horizontal h2 a:hover {
color:#000;
text-decoration:underline;
}





#footer span {
margin-left:23px;
padding-left:10px;
background:url(../images/bullet-small.gif) top left no-repeat;
}
#footer strong {
font-weight:normal;
color:#000;
}
#footer a {
color:#404040;
text-decoration:underline;
}
#footer a:hover {
color:#404040;
text-decoration:none;
}

/* ajax loading */
#content-loading {
margin:230px auto 0;
text-align:center;
}
#content-loading img {
background:none !important;
border:none !important;
vertical-align:middle;
}