/* Start of CMSMS style sheet 'style.css' */
a, body, div, span, ul, li, ol, h1, h2, h3, h4, h5, p, table, tr, td, th,form, label, input, select, textarea, option {

	margin: 0;

	padding: 0;

} 

body {

       text-align: justify;
       font-family: "Times New Roman", Times, serif;

	color: #333333;

	background-color: #ffffff;

	background-image: url(img/bg.gif);

	background-repeat: repeat;

	background-position: left top;

	font-size: 14px;

	}

h1 {

	font-size: 24px;

	font-family: "Times New Roman", Times, serif;

	line-height: 30px;

	font-weight: bold;

}

h2 {

        color: #18507c;

	font-family: "Times New Roman", Times, serif;

	font-size: 22px;

	line-height: 24px;

	font-weight: bold;

}

h3 {

        color: #007dff;

	font-size: 18px;

	font-family: "Times New Roman", Times, serif;

	line-height: 20px;

	font-weight: normal;

        border-bottom: 1px solid #d6c69f;

        padding-left: 15px;

        margin: 0 0 0.5em 0;

}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #007dff; 
}

a:visited {
   text-decoration: none;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: #DADADA;
   color: #385C72;
}

#container {

	margin: 0 auto;

	padding: 0;

	width: 920px;

	}

#header {

	height: 110px;

	width: 770px;

	margin: 0;

	padding: 0 75px;

	position: relative;

}

#header #logo {

	height: 110px;

	width: 603px;

	background-image: url(img/logo.png);

	background-repeat: no-repeat;

	background-position: left top;

}

#header #logo a {

	display: block;

	height: 110px;

	width: 270px;

}

#header #logo a span {

	display: none;

}

#header #lang {

	height: 20px;

	width: 90px;

	position: absolute;

	right: 70px;

	bottom: 0px;

}

#header #lang a{

	height: 20px;

	width: 26px;

}

#header #submenu {

	height: 12px;

	width: 200px;

	position: absolute;

	right: 45px;

	top: 10px;

}

#header #submenu li{

        height: 12px;

        list-style-type:none;

	float:left;

	padding: 0 10px;

        border-right: 1px solid #666666;

}

#header #submenu li a{

	line-height: 12px;

	font-size: 12px;

        display:block;

        color: #666666;

        text-decoration:none;

}

#header #submenu li a:hover{

        color: #000000;

}

#menu {

	height: 30px;

	width: 750px;

	margin: 0;

	background-image: url(img/menu_bg.png);

	background-repeat: no-repeat;

	background-position: center top;

	padding: 40px 85px 10px 85px;

}

#menu ul {

	list-style-type: none;

        height: 30px;

}

#menu li {

	float: left;

	height: 30px;

	

}

#menu ul.menu_hu{

	padding: 0 0 0 35px;

}

#menu ul.menu_hu li {

	padding: 0 29px 0 0;

}

#menu ul.menu_ro {

	padding: 0 0 0 35px;

}

#menu ul.menu_ro li {

	padding: 0 34px 0 0;

}

#menu ul.menu_en{

	padding: 0 0 0 45px;

}

#menu ul.menu_en li {

	padding: 0 46px 0 0;

}

#menu ul.menu_de li {

	padding: 0 46px 0 0;

}

#menu a {

	font-size: 20px;

	text-decoration: none;

	font-family: "Times New Roman", Times, serif;

	color: #333333;

	background-image: url(img/menu_separator.png);

	background-repeat: no-repeat;

	background-position: left top;

	display: block;

	padding-left: 27px;

        height: 30px;

        line-height: 30px;

}

#menu a:hover {

	color: #007dff;

        background-position: 0 -30px;

}

#menu a.currentpage {

	color: #007dff;

        background-position: 0 -30px;

}

#welcome {

	height: 300px;

	width: 900px;

	padding: 10px;

	background-image: url(img/welcome_bg.png);

	background-repeat: no-repeat;

	background-position: left top;

}

#welcome #slideshow {

       position:relative;

       height:350px;

       float: right;

       height: 300px;

       width: 450px;

}

#welcome #slideshow IMG {

       position:absolute;

       top:0;

       left:0;

       z-index:8;

}



#welcome #slideshow IMG.active {

       z-index:10;

}



#welcome #slideshow IMG.last-active {

       z-index:9;

}



#welcome #hello {

	float: left;

	height: 300px;

	width: 450px;

	background-repeat: no-repeat;

	background-position: left top;

}

#welcome .hello_hu {

	background-image: url(img/hello_hu.jpg);

}

#welcome .hello_ro {

	background-image: url(img/hello_ro.jpg);

}

#welcome .hello_en{

	background-image: url(img/hello_en.jpg);

}

#welcome .hello_de{

	background-image: url(img/hello_de.jpg);

}

#content-wrap {

	width: 750px;

	background-image: url(img/content_bg.png);

	background-repeat: repeat-y;

	background-position: center top;

	margin: 0;

	padding: 10px 85px 20px 85px;

	float: left;

}

#content-wrap #content{

	width: 460px;

	margin: 0;

	float: left;

}

#content-wrap #content h1{

	width: 445px;

	margin: 0 0 20px 0;

	height: 40px;

	padding-left: 15px;

}

#content-wrap #content .img-left{

	margin: 0 15px 15px 0;

	border: 5px solid #d6c69f;

        float: left;

}

#content-wrap #content .img-right{

	margin: 0 0 15px 15px ;

	border: 5px solid #d6c69f;

        float: right;

}

#content-wrap #content .border{

	border: 5px solid #d6c69f;

}



#content-wrap #content table.arak {

	font-size: 12px;

	border-top: 1px solid #18507c;

	border-left: 1px solid #18507c;

}

table.arak th, td {

	border-bottom: 1px solid #dadada;

	border-top: 1px solid #dadada;

        padding: 3px;

}

table.arak th{

	background-color:#18507c;

	border-right: 1px solid #ffffff;

	color: #FFFFFF;

}

table.arak td{

	background-color:#18507c;

	border-right: 1px solid #d6c69f;

}

#content-wrap #gallery{

	margin: 0 0 0 15px;

	float: left;

}



/* sidebar */ 



#content-wrap #sidebar {

	float: left;

	width: 265px;

	margin: 0 25px 0 0;

	

}

#sidebar #offer{

        color: #18507c;

	float: left;

        width: 220px;

	margin: 0 0 20px 0;

        padding:15px 15px 5px 30px;

	height: 180px;

        background-image: url(img/offer.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#sidebar #booking{

        float: left;

	width: 220px;

	margin: 0 0 20px 0;

        padding:15px 15px 5px 30px;

	height: 320px;

	background-image: url(img/booking.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#sidebar #booking span{

       display:none;



}

#booking .booking_form label{

	color: #18507c;

	width: 80px;

	margin: 0 0 3px 0;

        font-family: "Times New Roman", Times, serif;

        font-size: 14px;

}

#booking .booking_form .formtext{

	color: #18507c;

	margin: 0 0 3px 0;

        font-family: "Times New Roman", Times, serif;

        font-size: 14px;

        float: left;

        width: 220px;

}

#booking .booking_form input, select{

	color: #ffffff;

        margin: 0 0 10px 0;

        background-color:#18507c;

        border-bottom: 1px solid #18507c;

	border-right: 1px solid #18507c;

        border-style: none;

        font-family: "Times New Roman", Times, serif;

        font-size: 12px;

}

#booking .booking_form input{

	width: 215px;

        height: 14px;

        padding:2px;

	

}

#booking .booking_form .adults{

	width: 100px;

        float: left;

        margin-right:20px;

}

#booking .booking_form .adults label{

	width: 80px;

        float: left;

}

#booking .booking_form .adults  select{

	width: 100px;

        float: left;

}

#booking .booking_form .child{

	width: 100px;

        float: left;

}

#booking .booking_form .child label{

	width: 80px;

        float: left;

}

#booking .booking_form .child select{

	width: 100px;

        float: left;

}

#booking .booking_form .year{

	width: 60px;

        float: left;

}

#booking .booking_form .month{

	width: 120px;

        float: left;

}

#booking .booking_form .day{

	width: 40px;

        float: left;

}

#booking .booking_form .submit input{

	width: 120px;

        height: 20px;

        float: right;

        background-color:#18507c;

        padding: 0 4px;

        color:#ffffff;

        cursor: pointer;

        margin: 10px 5px;

}



/* vendégkönyv*/



.guestbook  .button, .guestbook-showform-button input{

	background-color:#18507c;

        border: 1px solid #18507c;

	color: #FFFFFF;

        padding: 2px;

        cursor: pointer;

        margin: 0 0 15px 0;

}

.guestbook  td{

	padding: 3px;

        border-bottom: 1px solid #18507c;

        border-style: none none solid none;

        margin: 0 ;

}

.guestbook-entry {

      width: 460px;

      float:left;

      margin: 0 0 30px 0;

}

.guestbook .inputstyle input, textarea{

        background-color:#bbbbbb;

        border-bottom: 1px solid #18507c;

	border-right: 1px solid #18507c;

        border-style: none solid solid none;

        width: 240px;

        

}

.guestbook .entry-header {

      background-color:#bbbbbb;

      border-bottom: 1px solid #18507c;

      border-top: 1px solid #18507c;

      width: 450px;

      float:left;

      padding: 0 5px;

}

.guestbook .entry-sendername {

      font-family:Arial, Helvetica, sans-serif;

      font-size:14px;

      float:left;

      line-height: 20px;

      font-weight:bold;

}

.guestbook .entry-total{

      font-family:Arial, Helvetica, sans-serif;

      font-size:12px;

      float:left;

      line-height: 20px;

      font-weight:bold;

      padding: 0 10px 0 0;

}



.guestbook .entry-country {

      font-family:Arial, Helvetica, sans-serif;

      font-size:12px;

      font-style:italic;

      line-height: 20px;

      float:left;

      padding: 0 0 0 15px;

}

.guestbook .entry-posted {

      float:right;

      font-size:11px;

      font-style:italic;

      line-height: 20px;

}

.guestbook .entry-text {

      float:left;

      font-family:Arial, Helvetica, sans-serif;

      font-size:12px;

      padding: 5px;

}





#footer {

	width: 770px;

	margin: 0;

	background-image: url(img/footer_bg.png);

	background-repeat: no-repeat;

	background-position: center top;

	height: 25px;

        padding: 40px 75px 0 75px;

	clear: both;

        font-size: 12px;

}
/* End of 'style.css' */