/************/
/*ÁLTALÁNOS */
/************/
*{padding:0; margin:0;}
body {font-size:62.5%; background-image:url(images/bg_out.jpg); background-repeat: repeat-x; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/

.full-page {width: 100%; border: 1px solid #000; }
.page-container {width:980px; margin:0px auto; margin-top:0; margin-bottom:20px; font-size:1.0em; background-color:rgb(255,255,255);}
.main {clear:both; width:980px; height: 100%; padding-bottom:10px; }
.warning {margin-left:12.5em; margin-bottom:5px; color:rgb(255,0,0); }
.clearer {clear:both; visibility:hidden; height: 10px;}
.clearer30 {clear:both; visibility:hidden; height: 30px;}
.orange {border-bottom:3px solid rgb(250,150,0); width:980px;}
.separator {margin: 15px 0 15px 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(161,161,161);}
.print {width: 200px; margin:20px 0 0 0; float:left;}
/*********/
/*FEJLÉC */
/*********/
.print_header {display: none; }
.header_top {width: 980px; height: 94px; background:url(../images/top_bg.jpg); background-repeat: no-repeat;}
.header-main {margin:0 0 0 0; padding: 0 0 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; width: 770px; height: 276px; background:url(../images/head_bg.jpg); float: left; }
.main-navigation {float:left; width:210px; height:276px; background:url(../images/menu_bg.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {margin:0 0 0 0; padding: 0 0 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; float: left; width: 980px; height: 22px; background:url(../images/center_top_placeholder.jpg);}

/******************/
/*APARTMAN FEJLÉC */
/******************/
.header-main-apartment {margin:0 0 0 0; padding: 0 0 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; width: 770px; height: 276px; background:url(../images/head_bg2.jpg); float: left; }
.main-navigation-apartment {float:left; width:210px; height:276px; background:url(../images/menu_bg2.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom-apartment {margin:0 0 0 0; padding: 0 0 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; float: left; width: 980px; height: 22px; background:url(../images/center_top_placeholder2.jpg);}

/*********************/
/*APARTMAN YACHTCLUB */
/*********************/
.header-main-yachtclub {margin:0 0 0 0; padding: 0 0 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; width: 770px; height: 276px; background:url(../images/head_bg3.jpg); float: left; }
.main-navigation-yachtclub {float:left; width:210px; height:276px; background:url(../images/menu_bg3.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom-yachtclub {margin:0 0 0 0; padding: 0 0 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; float: left; width: 980px; height: 22px; background:url(../images/center_top_placeholder3.jpg);}

/************************/
/*TOVÁBBI FEJLÉC ELEMEK */
/************************/
.sitelogo {width:300px; height:58px; position:absolute; z-index:1; margin:22px 0 0 0; background:url(../images/top_logo.jpg); background-repeat: no-repeat; }
.header_menu {width:500px; height:45px; position:absolute; z-index:1; margin:48px 0 0 320px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.language_menu {width:75px; height:45px; position:absolute; z-index:1; margin:48px 0 0 900px; float: left; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.breadcrumb {overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; margin-left: 210px; padding-top:4px;}

/***********/
/*BAL OLDAL*/
/***********/
.left-side {float:left; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; width:210px; display: inline;}

/************/
/*JOBB OLDAL*/
/************/
.right_side {display: inline; float: left; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }

/**************/
/*KÖZÉPSŐ RÉSZ*/
/**************/
.main_content {float:left; padding:0 10px 0 10px; width:505px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; border-left:1px solid rgb(204,204,204); border-right:1px solid rgb(204,204,204);}

/***************/
/*FOGLALÁS BOX */
/***************/
.reservation {margin:0px 0px 15px 10px; background-color:rgb(132,202,255); width: 190px;}
.reservation_head {background:url(../images/box_head_foglalas.jpg); background-repeat: no-repeat; width:190px; height:35px;}
.reservation form {padding:0px 10px 10px 10px; }
.reservation input {width:3em; padding:0.2em 0.2em 0.2em 0.2em; border:1px solid rgb(0,64,110);; font-family:verdana,arial,sans-serif; font-size:110%; }
.reservation input.button {width:9.0em; margin-right:0px; padding:0.2em 0.2em 0.2em 0.2em; background:rgb(213,225,240); border:solid 1px rgb(70,122,167); text-align:center; font-family:arial,verdana,sans-serif; color:rgb(70,122,167); font-size:110%;}
.reservation input.button:hover {cursor: pointer; border:solid 1px rgb(70,122,167); background:rgb(248,224,150); color:rgb(70,122,167);}
.select {padding:0.1em 0 0.1em 0.2em; border:1px solid rgb(0,64,110);; font-family:verdana,arial,sans-serif; font-size:110%; }
.room_type {margin-left:13em;}

/*******************/
/*MEGKÖZELÍTÉS BOX */
/*******************/
.arrival {margin:0px 0 0 10px; background-color:rgb(179,241,255); width: 190px; margin-bottom: 15px;}
.arrival_head {background:url(../images/box_head_map.jpg); background-repeat: no-repeat; width: 190px; height: 40px;}

/*****************/
/*APARTMANOK BOX */
/*****************/
.apartman {margin:0px 0 0 10px; background-color:rgb(255,211,185); width: 220px; margin-bottom: 15px;}
.apartman_head {background:url(../images/box_head_apartman.jpg); background-repeat: no-repeat; width: 220px; height: 40px;}

/****************/
/*YACHTCLUB BOX */
/****************/
.yachtclub {margin:0px 0 15px 10px; background-color:rgb(255,231,185); width: 220px; padding-bottom:10px;}
.yachtclub_head {background:url(../images/box_head_yachtclub.jpg); background-repeat: no-repeat; width: 220px; height: 40px;}

/******************/
/*CSOMAGAJÁNLATOK */
/******************/
.packages {width:210px; padding: 0 0 0 0; clear:both;}
.packages .package_image {clear:both; float:left;}
.packages .package_description {margin-left: 80px;}
.packages .package_price {width:200px; padding: 0 0 0 0; clear:both; margin: 10px 5px 0 10px; text-align:left;}

/***********************/
/*KÖZÉP BELSŐ TARTALMA */
/***********************/
.subcontent {width: 495px; margin: 10px 5px 0 5px;overflow:visible !important; /*Firefox*/; overflow:hidden /*IE6*/;}
.subcontent img {padding: 2px 2px 2px 2px; border: 1px solid rgb(100,100,100);}
.subcontent fieldset {border: 0; background-color:rgb(236,236,236); background-image:url(../images/subcontent_bg1.jpg); background-position: bottom; background-repeat: no-repeat;}
.subcontent form {width:430px; margin: 0 45px 0 45px; padding:20px 0 0 0; }
.subcontent form img {border: 0;}
.subcontent label {width: 14em; margin: 3px 0 3px 0; float:left; text-align:right; padding: 0 5px 0 0; font-size:1.1em; color: rgb(80,80,80);}
.subcontent input {margin: 2px 0 2px 0; padding:0.2em 0.2em 0.2em 0.2em; border:1px solid rgb(130,130,130); font-family:verdana,arial,sans-serif; font-size:100%; }
.subcontent textarea {margin: 2px 0 2px 0; padding:0.2em 0.2em 0.2em 0.2em; border:1px solid rgb(130,130,130); font-family:verdana,arial,sans-serif; font-size:100%; }

/*********/
/*LÁBLÉC */
/*********/
.footer {margin-top:0; margin-bottom:10px; float: left; width:980px; text-align:center;}

/*****************/
/*SZOLGÁLTATÁSOK */
/*****************/
.services {margin: 0 0 10px 0; padding: 0 0 10px 0; background-color:rgb(255,255,255); background-repeat:no-repeat;}

.contentdetails {margin: 0 0 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.contentdetails table {margin: 10px 0 10px 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; width: 493px; padding: 5px;}
.contentdetails th {padding: 2px 0 2px 0; text-align: center;}
.contentdetails td {padding: 2px 0 2px 0; text-align: center;}

/*********/
/*SZOBÁK */
/*********/
.rooms {margin: 5px 5px 5px 5px; background-color:rgb(230,230,230); }
.roomdetails {margin: 0 0 0 0; background-color:rgb(230,230,230); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.roomdetails form {border: 1px solid rgb(0,0,0); float:right; margin:0 0 0 0;background-color:rgb(230,230,230); width:475px; }
.roomdetails .button{float: right; }
.roomdetails .price-table {float: left; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; width: 493px;}
.roomdetails table {margin: 10px 0 10px 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; width: 493px; padding: 5px;}
.roomdetails th {padding: 2px 0 2px 0; text-align: center;}
.roomdetails td {padding: 2px 0 2px 0; text-align: center;}
.roomthumbs {width:163px; float:left; border: 1px solid rgb(255,255,255); margin: 0 0 0 0; background-color:rgb(230,230,230); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}


/**********/
/*APARTMANOK*/
/**********/
.apartmandetails {width: 495px; float:left; margin: 0 0 15px 0; background-color:rgb(236,236,236); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; padding: 0 0 0 0; background-image:url(../images/subcontent_bg2.jpg); background-position: bottom; background-repeat: no-repeat;}
.apartmandetails form {border: 1px solid rgb(0,0,0); float:right; margin:0 0 0 0;background-color:rgb(230,230,230); float: right; width:475px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.apartmandetails .button{float: right; }
.apartmandetails .package_price {width:495px; padding: 5px 0 0 0; clear:both; margin: 0 0 0 0; text-align:left; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.apartmandetails .price-table {float: left; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; width: 495px;}
.apartmandetails table {margin: 10px 0 10px 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; width: 465px; background: rgb(255, 255, 255);}
.apartmandetails th {padding: 5px 5px 5px 5px; text-align: center; background: rgb(206, 80, 0);}
.apartmandetails td {padding: 5px 5px 5px 5px; text-align: center;}

/********/


/**********/
/*CSOMAGOK*/
/**********/
.packagedetails {width: 495px; float:left; margin: 0 0 20px 0; background-color:rgb(236,236,236); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; padding: 0 0 0 0; background-image:url(../images/subcontent_bg1.jpg); background-position: bottom; background-repeat: no-repeat;}
.packagedetails form {border: 1px solid rgb(0,0,0); float:right; margin:0 0 0 0;background-color:rgb(230,230,230); float: right; width:475px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.packagedetails .button{float: right; }
.packagedetails .package_price {width:495px; padding: 5px 0 0 0; clear:both; margin: 0 0 0 0; text-align:left; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.packagedetails table {margin-left: 30px; }

.galleries {width: 495px; float:left; margin: 0 0 20px 0; background-color:rgb(236,236,236); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; padding: 0 0 0 0; }
.gallery {width:130px; float:left; margin:0 5px 0 5px; padding:5px 10px 5px 10px; }

/********/
/*CSAPAT*/
/********/
.staffdetails {margin: 0 0 0 0; background-color:rgb(255,255,255); }
.staffdetails img {float: left; }
.staffdescription {margin: 0 0 0 110px; width:235px; }
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 1000;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/*******/
/*AFTER*/
/*******/
.page-container:after, .header_main:after, .package_price:after, .breadcrumb:after, .roomdetails:after, .roomthumbs:after, .packagedetails:after, .services:after, .subcontent:after, .separator:after, .main:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}