@charset "UTF-8";

/* default */

.clear {
float: none;
clear: both;
display: block;
width: 0;
height: 0;
line-height: 0;
font-size: 0;
}
.block {
display: block;	
}

/* layout */

html {
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #eee, #fff); /* IE10 */
background-image:      -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */
background-image:         linear-gradient(top, #eee, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff'); /* IE6–IE9 */
}
body {
margin: 0 auto;
text-align: center;
font-family: "Times New Roman", Times, serif;
background: url(../images/default/bg.jpg) no-repeat fixed center top;
}
#container {
position: relative;
margin: 0 auto;
padding: 15px 0px;
width: 990px;
height: auto;
text-align: left;
}
#logo {
position: absolute;
top: 0px;
right: 0px;
width: 300px;
height: 200px;
background: url(../images/logo/logo.png) no-repeat left top;
z-index: 10;
}
#change-style-box {
position: absolute;
top: 0px;
left: 15px;
width: auto;
height: 20px;
z-index: 10;
}
#header {
position: relative;
width: 990px;
height: 170px;
background: url(../images/default/header.png) no-repeat left top;
}
#img-view {
position: relative;
margin: 0 auto;
width: 990px;
height: 200px;
}
#img-view-border {
position: absolute;
top: 0;
left: 15px;
width: 960px;
height: 200px;
background: url(../images/default/img-view.png) no-repeat left top;
z-index: 10;
}
#menu {
position: relative;
margin-top: 15px;
width: 990px;
height: 40px;
}
#nav {
position: relative;
margin: 0 auto;
width: 960px;
height: 40px;
background: url(../images/default/menu.png) no-repeat -15px 0px;	
}
#main {
position: relative;
margin: 0 auto;
padding: 15px 0px;
width: 960px;
height: auto;
background: url(../images/default/main.gif) repeat left top;
}
.col-box-1-2-3 {
width: 960px;
height: auto;
}
.col-box-1_2_3 {
width: 960px;
height: auto;
}
.bg-col-box-1_2_3 {
background: url(../images/default/col1_2_3.gif) repeat-y left top;
}
.bg-col-box-img-1_2_3 {
background: url(../images/default/col-img1_2_3.png) no-repeat left top;
}
.col-box-1-2_3 {
width: 960px;
height: auto;
background: url(../images/default/col1-2_3.gif) repeat-y left top;
}
.bg-col-box-1-2_3 {
background: url(../images/default/col1-2_3.gif) repeat-y left top;
}
.col-box-1_2-3 {
width: 960px;
height: auto;
}
.bg-col-box-1_2-3 {
background: url(../images/default/col1_2-3.gif) repeat-y left top;
}
.col-box-left_right {
width: 960px;
height: auto;
}
.bg-col-box-left_right {
background: url(../images/default/col-left-right.gif) repeat-y left top;
}
.col-left {
display: inline;
float: left;
margin-left: 15px;
padding: 20px;
width: 418px;
height: auto;
background: #ddd;
}
.col-right {
display: inline;
float: right;
margin-right: 15px;
padding: 20px;
width: 417px;
height: auto;
background: #ddd;
	
}
.col-box {
position: relative;
margin: 0 auto;
padding: 20px;
width: 890px;
height: auto;
background: /*#ddd*/#eee0b7;
}
.col-two {
display: inline;
float: left;
margin-left: 15px;
padding: 20px;
width: 575px;
height: auto;
background: #ddd;
}
.col1, .col2, .col3 {
display: inline;
float: left;
margin-left: 15px;
padding: 20px;
width: 260px;
height: auto;
/*background: #dc9;*/
}
.col-bottom {
width: 100%;
height: 15px;
}
#footer {
position: relative;
margin: 0 auto;
width: 990px;
height: 90px;
background: url(../images/default/footer.png) no-repeat left top;
}

/* img-slide */

#img-slide, #img-slide li {
width: 990px;
height: 215px;
list-style: none;
}
#img-slide li a {
display: block;
width: 990px;
height: 215px;
line-height: 200px;
font-size: 14px;
color: #000;
text-align: center;
vertical-align: middle;
text-decoration: none;
}
#top-btn {
position: fixed;
right: 5px;
bottom: 5px;
width: 30px;
height: 30px;
background: url(../images/default/top.png) no-repeat left top;
}
#top-btn p a {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 12px;
font-weight: bold;
text-align: center;
vertical-align: middle;
text-decoration: none;
}
#top-btn p a:hover {
cursor: pointer;
}

/* change-style */

#change-style, #change-style {
list-style: none;	
}
#change-style {
display: block;
}
#change-style li {
display: inline;
float: left;
width: 150px;
height: 20px;
background: #222;
}
.change-style-first-li {
margin-right: 5px;	
}
#change-style li a {
display: block;
width: 150px;
height: 20px;
line-height: 20px;
font-size: 12px;
color: #ddd;
text-align: center;
vertical-align: middle;
text-decoration: none;
font-variant: small-caps;
text-transform: capitalize;
letter-spacing: 1px;
}
	
/* nav */

#nav, #nav li {
list-style: none;
}
#nav {
display: block;
}
#nav li {
display: inline;
float: left;
width: 192px;
height: 40px;
}
#nav li a {
display: block;
width: 192px;
height: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-variant: small-caps;
text-transform: capitalize;
line-height: 40px;
letter-spacing: 2px;
text-align: center;
vertical-align: middle;
text-decoration: none;
color: #ccc;
}
#nav li a:hover {
cursor: pointer;
color: #fff;
}
#nav li#m-a1 {
background: url(../images/default/menu.png) no-repeat -15px -80px;
}
#nav li#m-a2 {
background: url(../images/default/menu.png) no-repeat -207px -80px;
}
#nav li#m-a3 {
background: url(../images/default/menu.png) no-repeat -399px -80px;
}
#nav li#m-a4 {
background: url(../images/default/menu.png) no-repeat -591px -80px;
}
#nav li#m-a5 {
background: url(../images/default/menu.png) no-repeat -783px -80px;
}
#nav li#m1 a:hover {
background: url(../images/default/menu.png) no-repeat -15px -40px;
}
#nav li#m2 a:hover {
background: url(../images/default/menu.png) no-repeat -207px -40px;
}
#nav li#m3 a:hover {
background: url(../images/default/menu.png) no-repeat -399px -40px;
}
#nav li#m4 a:hover {
background: url(../images/default/menu.png) no-repeat -591px -40px;
}
#nav li#m5 a:hover {
background: url(../images/default/menu.png) no-repeat -783px -40px;
}
#nav li a span#active{
color: #fff;
}

/* text */
h1, h2, h3, h4, h5, h6 {
font-family: "Big Caslon", Georgia, "Times New Roman", Times, serif;
}
h1 em {
display: none;	
}
h2 {
font-size: 2.2em;
font-weight: normal;
text-transform: uppercase;
color: #555;
line-height: 1.33em;
text-align: left;
vertical-align: middle;
}
h3 {
font-size: 1.2em;
font-weight: normal;
text-transform: uppercase;
color: #444;
line-height: 1em;
text-align: left;
vertical-align: middle;
background: url(../images/default/h3.png) no-repeat 0px 1px;
}
h3 .five-days {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #09f;	
}
h4 {
font-size: 0.8em;
font-weight: normal;
text-transform: uppercase;
color: #444;
line-height: 2em;
text-align: left;
vertical-align: middle;
letter-spacing: 1px;
}
p {
line-height: 150%;
font-size: 14px;
text-align: left;
color: #210;
}
.initiale {
display: inline;
float: left;
margin-top: 0.15em;
margin-right: 0.2em;
padding: 0.1em 0.2em;
font-size: 3em;
height: 1em;
line-height: 1em;
text-align: left;
border-bottom: 1px dotted #666;
background: url(../images/default/initiale.png) no-repeat 0px 0px;
}
.initiale-color1 {
color: #38d;
}
.initiale-color2 {
color: #666;
}
blockquote {
line-height: 150%;
font-size: 14px;
text-align: left;
color: #210;
}
blockquote:before {
float: left;
content: '„';
color: #210;
text-indent: -0.7em;
}
blockquote:after {
content: '”';
color: #210;
}
blockquote p {
display: inline;
}
q {
line-height: 150%;
text-align: left;
}
q:before {
float: left;
content: '„';
text-indent: -0.5em;
}
q:after {
position: relative;
left: 0.125em;
content: '”';
}
p.separate0 {
margin: 5px 0px;
padding: 0;
height: 0;
border-top: 1px dashed #fff;	
}
p.separate1 {
margin: 5px 0px;
padding: 0;
height: 0;
border-top: 1px dashed #222;	
}
p.separate2 {
margin: 10px 0px;
padding: 0;
height: 0;
border-top: 1px dashed #222;	
}
p.separate3 {
margin: 10px 0px;
padding: 0;
height: 0;
border-top: 1px dashed #fff;	
}
p.separate4 {
margin: 10px 0px;
padding: 0;
height: 0;
border-top: 1px dashed #39f;	
}
.separate-h3 {
padding: 15px 0px 10px 0px;	
}
.col-box p cite {
display: block;
text-align: right;
font-style: italic;
color: #000;
}
#footer p {
margin: 0;
padding: 0;
font-family: Tahoma, Geneva, sans-serif;
color: #333;
font-size: 11px;
line-height: 90px;
text-align: center;
vertical-align: middle;
}
dl {
line-height: 150%;
font-size: 14px;
text-align: left;
}
ol.tab-ol, ul.tab-ul, ol.list-ol, ul.list-ul {
margin-left: 15px;	
}
ol.tab-ol li, ol.list-ol li {
line-height: 150%;
font-size: 14px;
text-align: left;
color: #210;
list-style-type: decimal;
list-style-position: inside;
}
ul.tab-ul li, ul.list-ul li {
line-height: 150%;
font-size: 14px;
text-align: left;
color: #210;
}
ol.tab-ol li a, ol.list-ol li a, ul.tab-ul li a, ul.list-ul li a {
color: #210;
text-decoration: none;
}
ol.tab-ol li a:hover, ol.list-ol li a:hover, ul.tab-ul li a:hover, ul.list-ul li a:hover {
color: #210;
text-decoration: underline;
}

.download-list li a {
text-decoration: none;
border: none;
font-size: 0.9em;
line-height: 1.5;
}
.no_bg {
background: none !important;
}
.float-none {
float: none;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.top-space1 {
padding-top: 15px;	
}
.bottom-space1 {
padding-bottom: 15px;	
}
.normal {
font-weight: normal;
font-style: normal;
font-variant: normal;
text-transform: none;
}
.capitalize {
text-transform: capitalize;	
}
.uppercase {
text-transform: uppercase;	
}
.lowercase {
text-transform: lowercase;
}
.bold {
font-weight: bold;	
}
.italic {
font-style: italic;
}
.bold-italic {
font-weight: bold;	
font-style: italic;
}
.underline {
text-decoration: underline;	
}
.underline-none {
text-decoration: none;	
}
.text-left {
text-align: left;	
}
.text-center {
text-align: center;	
}
.text-right {
text-align: right;
}
.text-size-1-05 {
font-size: 1.05em;	
}
.text-size-1-1 {
font-size: 1.1em;	
}
.text-size-1-15 {
font-size: 1.15em;	
}
.text-size-1-2 {
font-size: 1.2em;	
}
.text-size-1-25 {
font-size: 1.25em;	
}
.text-size-1-5 {
font-size: 1.5em;	
}
.text-size-2 {
font-size: 2em;	
}
.color000 {color: #000;}
.color111 {color: #111;}
.color222 {color: #222;}
.color333 {color: #333;}
.color444 {color: #444;}
.color555 {color: #555;}
.color666 {color: #666;}
.color777 {color: #777;}
.color888 {color: #888;}
.color999 {color: #999;}
.coloraaa {color: #aaa;}
.colorbbb {color: #bbb;}
.colorccc {color: #ccc;}
.colorddd {color: #ddd;}
.colorfff {color: #fff;}
.empty-line {
display: block;
width: auto;
height: 28px;
}

/* images */

.photo-left {
display: inline;
float: left;
margin: 0 30px 0 0;
}
.photo-right {
display: inline;
float: right;
margin: 0 0 0 30px;
}

/* gallery */

.gallery-img-box {
position: relative;
margin: 0 auto;
width: 575px;
height: auto;
background: url(../images/default/gallery-img-box.png) no-repeat left top;
}
.gallery-tn {
display: inline;
float: left;
width: 200px;
height: 90px;
}
.gallery-tn a {
text-decoration: none;
}
.gallery-tn-details {
position: absolute;
display: block;
left: 0;
top: 0;
width: 190px;
height: 80px;
border: 5px solid #21435c;
}
.gallery-tn-details:hover:before {
position: absolute;
display: block;
left: -5px;
top: -5px;
width: 190px;
height: 80px;
line-height: 80px;
vertical-align: middle;
content: "tovább...";
background: rgba(20,120,190,0.8) url(../images/default/details.png) no-repeat 128px center;
text-align: left;
text-indent: 40px;
font-size: 12px;
color: #fff;
border: 5px solid #635970;
}
.gallery-tn a img {
position: relative;
margin: 0;
padding: 5px;
width: 190px;
height: 80px;
color: #210;
}
.gallery-desc {
display: inline;
float: right;
width: 360px;
height: auto;
}
.gallery-desc div {
width: 360px;
height: 30px;
}
p.p-gallery-desc {
font-size: 13px;
line-height: 30px;
vertical-align: middle;
letter-spacing: 1px;	
text-indent: 15px;
color: #210;
}
.gallery-desc div.main {
width: 360px;
height: 90px;
}
.p-gallery-main-desc {
height: 90px;
font-size: 18px;
line-height: 45px;
vertical-align: middle;
letter-spacing: 1px;	
text-indent: 15px;
text-transform: uppercase;
color: #432;
}
.span-gallery-main-desc {
display: block;
font-size: 14px;
color: #878;
}
p.p-gallery-desc span {
font-variant: small-caps;
text-transform: capitalize;
}
p.p-gallery-desc span strong {
font-size: 16px;
}
.gallery-tn a img {
background-color: #21435c;	
}
.gallery-tn a img:hover {
background-color: #635970;	
}
p.video-list {
font-size: 13px;
letter-spacing: 1px;	
color: #210;
}
p.video-list span {
font-variant: small-caps;
text-transform: capitalize;
}
p.video-list a {
text-decoration: none;	
color: #210;
}

/* contact */

p.contact {
font-size: 13px;
letter-spacing: 1px;	
color: #210;
}
p.contact span {
font-variant: small-caps;
text-transform: capitalize;
}
p.contact span strong {
font-size: 16px;
}

/* links */

.the-links a {
color: #210;
text-decoration: none;
}
.the-links a:hover {
text-decoration: underline;
}
a span.link:after {
content: " ↑";
font-size: 0.75em;
vertical-align: top;
}
a span.link:hover:after {
content: " ←";
}
a span.download-link:after {
font-size: 0.75em;
vertical-align: top;
content: " ↓";
}
a span.download-link:hover:after {
font-size: 0.75em;
vertical-align: top;
content: " ←";
}
.link-border { border-bottom: 1px solid #666; }
.link-border:hover { text-decoration: none !important; }

/* tabs */

.tab-box {
position: relative;
margin: 0 auto;
width: 960px;
height: auto;
}
#menu-tabs {
position: relative;
margin: 0 auto;
width: 930px;
height: auto;
background: #555 url(../images/default/menu-tab.png) repeat-x 0px 0px;
}
#ul-tabs, #ul-tabs li {
list-style: none;
}
#ul-tabs {
display: block;	
}
#ul-tabs li {
display: inline;
float: left;
width: 186px;
height: 40px;
}
.tabLiContent {
display: none;	
}
.tabBlock {
display: block;	
}
#ul-tabs li span {
display: block;
width: 186px;
height: 40px;
line-height: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-variant: small-caps;
text-transform: capitalize;
text-decoration: none;
letter-spacing: 1px;
color: #fff;
text-align: center;
vertical-align: middle;
}
#ul-tabs li span:hover {
background: #222 url(../images/default/menu-tab.png) repeat-x 0px -40px;
cursor: pointer;
}
#ul-tabs li a {
text-decoration: none;
color: #fff;
}
.tabButtonActive {
background: #333 url(../images/default/menu-tab.png) repeat-x 0px -80px;
}
#tab-content-box {
position: relative;
margin: 0 auto;
width: 960px;
height: auto;
}

/* about me */

.data-box {
background: transparent;
}
.data-col-3 {
display: inline;
float: left;
width: 280px;
height: auto;
}
.data-col-sep {
margin-right: 10px;
border-right: 1px dashed #333;
}

.staff-box {
background: url(../images/default/staff-separate.gif) repeat-y left top;
}
.staff {
display: inline;
float: left;
width: 178px;
height: auto;
}
.staff p {
margin-left: 15px;	
}

/* groups */

.col-box-groups {
width: 890px;
height: auto;
}
.col-box-groups-separate {
border-bottom: 1px dashed #222;	
}
.col-groups1, .col-groups2, .col-groups3 {
padding-bottom: 15px;
height: auto;
}
.col-groups1 {
display: inline;
float: left;
width: 220px;	
}
.col-groups2 {
display: inline;
float: left;
width: 200px;	
}
.col-groups3 {
display: inline;
float: left;
width: 440px;	
}
.col-groups2, .col-groups3 {
margin-left: 15px;	
}
.groups-img-box {
width: 440px;
height: 200px;
}
.groups-img1 {
display: inline;
float: left;
margin-top: 20px;
width: 212px;
height: 162px;
}
.groups-img2 {
display: inline;
float: left;
margin-top: 20px;
margin-left: 15px;
width: 212px;
height: 162px;
}
.groups-img1, .groups-img2 {
background: #21435c;	
}
.groups-img1 img, .groups-img2 img {
padding: 5px;
width: 202px;
height: 152px;	
}

/* index-img */
.index-img {
width: 280px;
height: 210px;
}
.col-img1, .col-img2, .col-img3 {
display: inline;
float: left;
padding: 10px;
width: 260px;
height: auto;
}
.col-img1 {
margin-left: 15px;	
}
.col-img2, .col-img3 {
margin-left: 35px;	
}

#index-under-img {
position: relative;
margin: 0 auto;
width: 930px;
height: 290px;
}

/* hr */

.hr1 {
margin: 0;
padding: 0;
width: 100%;
height: 15px;
border: 0;
background: url(../images/default/hr1.png) no-repeat center top;
}
.hr2 {
margin: 0;
padding: 0;
width: 100%;
height: 5px;
border: 0;
background: url(../images/default/hr2.png) no-repeat center top;
}

/* details */

a.details-btn {
position: relative;
display: inline;
float: right;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
vertical-align: middle;
text-decoration: none;
background: url(../images/default/details.png) no-repeat left top;
}
a.details-btn:hover {
cursor: pointer;
}

/* bottom box */
#bottom-box {
width: 100%;
background: #424;
text-align: left;
}
#bottom-inner-box {
position: relative;
margin: 0 auto;
padding: 20px;
width: 920px;
}
#bottom-inner-box dl dt, #bottom-inner-box dl dd {
color: #a9a;
text-align: left;
line-height: 1.7em;
font-size: 14px;
}
#bottom-inner-box dt {
display: inline;
float: left;
margin: 0;
width: 500px;
}
#bottom-inner-box dd {
float: none;
width: auto;
margin-left: 250px;
}
#bottom-inner-box dl dt a, #bottom-inner-box dl dd a {
color: #a9a;
text-decoration: none;
}
.partners li {
margin-right: 1em;
opacity: .5;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}
.partners li:hover {
opacity: 1;
}
.partners li, .partners li a {
color: #a9a;
text-decoration: none;
font-size: .9em;
display: inline;
float: left;
}
.partners li a {
display: block;
}
.partners li span {
display: block;
margin: 1em 0;
}

/* --- sitemap --- */

#sitemap-box {
position: relative;
padding: 20px 0px 10px 0px;
width: 100%;
height: auto;
background: #aa5;
}
#sitemap-inner-box {
position: relative;
margin: 0 auto;
width: 930px;
height: auto;
text-align: left;
}

#awards_box {
padding: 10px 0;
}

/* level 1 */

#sitemap a {
font-size: 13px;
text-decoration: none;
color: #121;
}
#sitemap, #sitemap ul, #sitemap li {
margin: 0;
padding: 0;
list-style: none;
}
#sitemap ul {
display: none;
}
#sitemap li {
line-height: 30px;
border-top: 1px dashed #444;
position: relative;
width: 100%;
}
#sitemap li a {
padding-left: 30px;
}
#sitemap li span {
display: block;
position: absolute;
top: 0;
left: 0px;
width: 30px;
height: 30px;
cursor: auto;
}
#sitemap li span:hover {
cursor: pointer;
}
#sitemap li span.collapsed {
background: url(../images/default/collapsed.gif) no-repeat center center;
}
#sitemap li span.expanded {
background: url(../images/default/expanded.gif) no-repeat center center;
}

/* level 2 */

#sitemap li li {
background: transparent;
}
#sitemap li li a {
padding-left: 60px;
}
#sitemap li li span {
display: block;
position: absolute;
top: 0;
left: 30px;
width: 30px;
height: 30px;
cursor: auto;
}

/* level 3 */

#sitemap li li li {
background: transparent;
}
#sitemap li li li a {
padding-left: 90px;
}
#sitemap li li li span {
display: block;
position: absolute;
top: 0;
left: 60px;
width: 30px;
height: 30px;
cursor: auto;
}

/* level 4 */

#sitemap li li li li {
background: transparent;
}
#sitemap li li li li a {
padding-left: 90px;
}
#sitemap li li li li span {
display: block;
position: absolute;
top: 0;
left: 90px;
width: 30px;
height: 30px;
cursor: auto;
}
