@CHARSET "UTF-8";

/*********************************************************************

 * name:          page.css

 * projekt:       www.touringhotel.hu

 * release:       2009.06.28.

 * description:   page css | typo & main layout elements

 * developer:     eFBe

**********************************************************************

 * global elements

**********************************************************************/



BODY {

	margin: 0;

	padding: 0;

  

  position: relative;

  

  font-family: Verdana, Arial, Tahoma;

  font-size: 12px;

  color: black;

  _text-align: center; /* ie6 centerize */

  

  background: url(../images/body_bg_line.gif) repeat-x left top #FFFFFF;

  

  _overflow: auto; /* remove inactive scrollbar in ie6 */

}



P {

	margin: 0px 0px 5px 0px;

	

	font-family: Verdana, Arial, Tahoma;

  font-size: 11px;

  color: #000000;

  text-align:justify;

}



UL LI, OL LI {

	font-family: Verdana, Arial, Tahoma;

  font-size: 11px;

  color: black;

}



A IMG {

	border: 0px none; /* img anchor reset */

}



A {

	text-decoration: underline;

	color: #AF391B;

}



A:hover {

	text-decoration: none;

}





.wrapper {

	margin: 0px auto;

	padding-top: 42px;

	

	position: relative;

	

	width: 962px;

	_overflow: hidden;

	

	_text-align: left; /* ie6 decenterize */

}





/* lang select */

.language_selector {

  padding-right: 0px;

  

  height: 20px;

  _overflow: hidden; /* nasty ie makes it 24 otherwise */

  

  position: absolute;

  top: 10px;

  right: 0px;

}



.language_selector P {

  cursor: default; /* text is kinda annoying */

}



.language_selector SPAN {

  padding: 2px 7px 3px 5px;

  

  display: -moz-inline-box;

  display: inline-block;

  

  background: url(../images/lang_dot.gif) repeat-y right top;

}



.language_selector SPAN.lang_last {

  background: none;

}



.language_selector A {

  padding: 0px 0px 0px 16px;

  

  display: -moz-inline-box; /* this fixes mozilla padding bug */

  display: inline-block;

  

  color: #393939;

  text-decoration: none;

  

  background-repeat: no-repeat;

  background-image: url(../images/flag_palette.gif);

  

}



.language_selector A.lang_hu {

  background-position: 0px 4px;

}

.language_selector A.lang_en {

  background-position: 0px -24px;

}

.language_selector A.lang_de {

  background-position: 0px -52px;

}

.language_selector A.lang_it {

  background-position: 0px -80px;

}

.language_selector A.lang_pl {

  background-position: 0px -108px;

}

.language_selector A.lang_ru {

  background-position: 0px -136px;

}

.language_selector A.lang_ro {

  background-position: 0px -164px;

}


@media all and (min-width:0px) { /* background position fix in safari */

  html:not(:link) .language_selector A.lang_hu {

    background-position: 0px 3px;

  }

}

@media all and (min-width:0px) {

  html:not(:link) .language_selector A.lang_en {

    background-position: 0px -25px;

  }

}

@media all and (min-width:0px) {

  html:not(:link) .language_selector A.lang_de {

    background-position: 0px -53px;

  }

}

@media all and (min-width:0px) {

  html:not(:link) .language_selector A.lang_it {

    background-position: 0px -81px;

  }

}

@media all and (min-width:0px) {

  html:not(:link) .language_selector A.lang_pl {

    background-position: 0px -109px;

  }

}

@media all and (min-width:0px) {

  html:not(:link) .language_selector A.lang_ru {

    background-position: 0px -137px;

  }

}

@media all and (min-width:0px) {

  html:not(:link) .language_selector A.lang_ro {

    background-position: 0px -165px;

  }

}
/*********************************************************************

 * header

**********************************************************************/



.header {

	margin: 0px 0px 0px 12px;

	padding: 7px 0px 0px 0px;

	

	height: 83px; /* 90px */

	_height: 90px;

	width: 950px;

	

	position: relative;

	

	background: url(../images/header_line.gif) repeat-x left top #FFFFFF;

}



.header A.header_logo {

	display: block;

	width: 211px;

	height: 68px;

	

	position: absolute;

	left: 11px;

	top: 7px;

	

	background: url(../images/header_logo.gif) no-repeat left top;

}



.header A.header_logo SPAN {

	display: none;

}



.header_menu {

	width: 694px;

	height: 60px;

	

	position: absolute;

	left: 256px;

	top: 7px;

}



.header_menu UL {

	margin: 0px;

  padding: 0px;

	

	list-style-type: none;

	list-style-position: outside;

}



.header_menu UL LI {

	margin: 0px;

	padding: 0px 0px 0px 0px;

	

  display: inline;

  

  list-style-position: outside;

  text-align: center;

}



.header_menu UL LI A {

	margin-right: -3px; /* clear the default 5px gutter */

	padding: 30px 10px 0px 9px;

	

	display: -moz-inline-box;

	display: inline-block;

	height: 30px; /* 60px */

	_height: 60px;

	

	

	font-family: Verdana, Arial, Tahoma, sans-serif;

  font-size: 11px;

  font-weight: bold;

  color: #533B0F;

  text-decoration: none;

	

	border-left: 1px solid #D8C2A9;

}



.header_menu UL LI A:hover,

.header_menu UL LI A.active {

	border-left-color: #C8744C;

	color: #FFFFFF;

	

	background: url(../images/activemenu_bg.gif) no-repeat right top;

}



.header_menu UL LI.lastitem A {

	border-right: 1px solid #D8C2A9;

    padding-right:8px;

}





/*********************************************************************

 * content

**********************************************************************/



.content {

	width: 962px;

	overflow: hidden;

}





.left_column {

	width: 250px;

	

	float: left;

}





/* reservation box */

.reserve_box {

	margin-bottom: 8px;



	width: 250px;

	overflow: hidden;



	background: url(../images/reserve_box_body.gif) no-repeat right top #FFFFFF;

}



.reserve_box .body { /* the form itself */

	margin: 0px 0px 0px 30px;

	padding: 30px 0px 20px 0px;

	

	*padding-bottom: 0px;



	width: 210px;

}



.reserve_box .body H6 {

	margin: 0px 0px 16px 0px;

	padding: 0px 0px 2px 0px;

	

	width: 194px;

	

  font-family: Verdana, Arial, Tahoma;

  font-size: 19px;

  font-weight: normal;

  color: #FFFFFF;

  

  border-bottom: 1px solid #F1B16F;

}



.reserve_box .body LABEL {

	margin-bottom: 2px;



	display: block;

	width: 190px;

	

	font-family: Verdana, Arial, Tahoma;

  font-size: 11px;

  font-weight: bold;

  color: #FFEEBC;

  

  cursor: pointer;

}



.reserve_box .body INPUT.text_input {

	margin-bottom: 8px;

	padding: 2px;

	

	display: block;

	width: 188px; /* 194px */

	_width: 194px;

	height: 14px; /* 20px */

	_height: 20px;

	

	font-family: Verdana, Arial, Tahoma;

  font-size: 12px;

	color: #6F6F6F;

	

	border: 1px solid #362A19;

}



.reserve_box .body LABEL.inline_label,

.reserve_box .body INPUT.inline_input {

	margin-top: 6px;



	display: -moz-inline-box;

	display: inline-block;

	

	float: left;

	

	width: auto;

}



.reserve_box .body LABEL.inline_label {

	margin-right: 6px;

	padding-top: 3px;

}



.reserve_box .body INPUT.quarter_input {

	width: 24px; /* 30px */

	_width: 30px;

}



.reserve_box .body INPUT.button {

	margin: 22px 0px 0px 56px;

	padding: 0px 8px 2px 8px;

	*padding: 0px 1px 2px 1px;



	display: block;

	height: 26px;

	

	font-family: Verdana, Arial, Tahoma;

  font-size: 13px;

  font-weight: bold;

	color: #F2DCB4;

	

	cursor: pointer;

	

	background: #382C1C;

	border: 0px none;

}



.reserve_box .foot {

	width: 250px;

	height: 4px;

	overflow: hidden;

	

	background: url(../images/reserve_box_foot.gif) no-repeat 0px 0px;

}



/*reservation*/

.reservation .body { /* the form itself */

    margin: 0px;

    padding: 0px;

    

    *padding-bottom: 0px;



    width: 600px;

}



.reservation .body H6 {

    margin: 0px 0px 16px 0px;

    padding: 0px 0px 2px 0px;

    

    width: 194px;

    

  font-family: Verdana, Arial, Tahoma;

  font-size: 19px;

  font-weight: normal;

  color: #FFFFFF;

}



.reservation .body LABEL {

    margin-bottom: 2px;



    display: block;

    width: 190px;

    

    font-family: Verdana, Arial, Tahoma;

  font-size: 11px;

  font-weight: bold;

  color: #383838;

  

  cursor: pointer;

}



.reservation .body INPUT.text_input {

    margin-bottom: 8px;

    padding: 2px;

    

    display: block;

    width: 238px; /* 194px */

    _width: 194px;

    height: 14px; /* 20px */

    _height: 20px;

    

    font-family: Verdana, Arial, Tahoma;

  font-size: 12px;

    color: #6F6F6F;

    

    border: 1px solid #362A19;

}

.reservation .body SELECT.text_input {

    margin-bottom: 8px;

    padding: 0px 0px 0px 2px;

    

    display: block;

    width: 244px; /* 194px */

    _width: 194px;

    height: 20px; /* 20px */

    _height: 20px;

    

    font-family: Verdana, Arial, Tahoma;

  font-size: 12px;

    color: #6F6F6F;

    

    border: 1px solid #362A19;

}

.reservation .body .textarea_input {

    margin-bottom: 8px;

    padding: 2px;

    

    display: block;

    width: 238px; /* 194px */

    _width: 194px;

    height: 60px; /* 20px */

    _height: 60px;

    

    font-family: Verdana, Arial, Tahoma;

  font-size: 12px;

    color: #6F6F6F;

    

    border: 1px solid #362A19;

}



.reservation .body LABEL.inline_label,

.reservation .body INPUT.inline_input {

    margin-top: 6px;



    display: -moz-inline-box;

    display: inline-block;

    

    float: left;

    

    width: auto;

}



.reservation .body LABEL.inline_label {

    margin-right: 6px;

    padding-top: 3px;

}



.reservation .body INPUT.quarter_input {

    width: 24px; /* 30px */

    _width: 30px;

}



.reservation .body INPUT.button {

    margin: 22px 0px 0px 56px;

    padding: 0px 8px 2px 8px;

    *padding: 0px 1px 2px 1px;



    display: block;

    height: 26px;

    

    font-family: Verdana, Arial, Tahoma;

  font-size: 13px;

  font-weight: bold;

    color: #F2DCB4;

    

    cursor: pointer;

    

    background: #382C1C;

    border: 0px none;

}



/* link box */

.link_box {

	margin-left: 11px;

	

	width: 239px;

	overflow: hidden;

}



.link_box H6.head {

	margin: 0px;

	padding: 15px 20px 9px 20px;

	

	width: 199px; /* 239px */

	_width: 239px;

	

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

  font-size: 20px;

  font-weight: normal;

  color: #382C1C;

	

	background: url(../images/linkbox_headline.gif) repeat-y left top;

	border-top: 1px solid #EFDEC6;

	border-bottom: 2px solid #CEAB80;

}



.link_box UL.body,

.sight_box UL.body {

	margin: 0px 0px 8px 0px;

	padding: 24px 14px 24px 14px;

	

	width: 211px; /* 239px */

	_width: 239px;

	

	background: url(../images/linkbox_bodyline.gif) repeat-x left top #FFFFFF;

}



.sight_box UL.body {

  width: 188px; /* 216px */

  _width: 216px;

}





.link_box UL.body LI,

.sight_box UL.body LI {

	margin: 0px 0px 2px 0px;

	padding: 0px 0px 0px 16px;

	

	font-family: Verdana, Arial, Tahoma;

	font-size: 13px;

	line-height: 18px;

	

	list-style-type: none;

	list-style-position: outside;

	

	background: url(../images/star.gif) no-repeat 0px 3px;

}



.sight_box UL.body LI {

	margin-bottom: 10px;

}



.link_box UL.body LI A,

.sight_box UL.body LI A {

	color: #AF391B;

	text-decoration: underline;

}



.link_box UL.body LI A:hover,

.sight_box UL.body LI A:hover {

	text-decoration: none;

}



.partner_box {

	margin-left: 11px;

	padding: 4px 0px 0px 0px;

	

	width: 239px;

	height: 92px; /* 96px */

	_height: 96px;

	

	background: url(../images/partner_box_bg.gif) no-repeat left top;

}



.partner_box A {

	margin: 0px 0px 0px 4px;

	

	display: block;

	width: 231px;

	height: 88px;

	

	text-decoration: none;

}



.partner_box A SPAN {

	margin: 19px 0px 0px 22px;

	

	display: block;

	

	font-family: Verdana, Arial, Tahoma;

	font-size: 19px;

	font-weight: normal;

	color: #FFFFFF;

}





.midright_column {

  width: 702px;

  

  float: right;

}



.main_illustration {

	margin-bottom: 10px;

	padding-top: 3px;

	

	background: url(../images/illustration_line.gif) repeat-x left top;

}





.mid_column {

	margin-left: 10px;

	

	width: 476px;

	

	float: left;

	

	background: url(../images/mid_column_bgline.gif) repeat-x left top;

}



.mid_box {

    margin-bottom: 8px;

    padding: 10px;

    border-bottom:1px solid #D4561A;

    width: 460px;

    _width: 476px;

}



.mid_box H1 {

    margin: 0px;

    padding: 0px 0px 10px 0px;

    

  font-family: Verdana, Arial, Tahoma, sans-serif;

  font-size: 14px;

  font-weight: normal;

  color: #AF391B;

  letter-spacing:0.8px;

}

.mid_box H2 {

	margin: 0px;

	padding: 0px 0px 10px 0px;

	

  font-family: Verdana, Arial, Tahoma, sans-serif;

  font-size: 13px;

  font-weight: normal;

  color: #AF391B;

}



.mid_box P {

	margin: 0px;

	padding: 6px 0px;

	

	font-family: Verdana, Arial, Tahoma, Helvetica, Geneva;

	font-size: 12px;

	color: #382C1C;

}



.intro_box {

	border-bottom: 2px solid #F3E9DD;

}



.mid_box P SPAN.highlight {

	font-weight: bold;

	color: #AF391B;

}



SPAN.illustration_wrap {

	margin-right: 18px;

	padding: 3px;

	_padding: 4px;

	

	display: block;

	

	float: left;

	

	border: 1px solid #D7C8B7;

	background-color: #F8EBDB;

}



P.footlink {

	padding-top: 40px;

	

	font-family: Verdana, Arial, Tahoma;

	font-size: 12px;

}



P.info_g{

    font-size:16px;

    font-style:italic;

    color:#076F0B;

}



/* right */

.right_column {

	width: 216px;

	

	float: right;

}



.map_box {

	margin-bottom: 8px;

	

	width: 216px;

	overflow: hidden;

}



.map_box .body {

	padding: 3px;

	

	width: 208px; /* 216px */

	_width: 216px;

	height:300px;

	background-color: #FFFDF2;

	border: 1px solid #E6DCD5;

}



.map_box .foot {

	width: 216px;

	height: 37px;

	

	position: relative;

	

	background: url(../images/map_box_foot.gif) no-repeat left top;

}



.map_box .foot SPAN {

	display: block;

	

	position: absolute;

	left: 61px;

	top: 8px;

	

	cursor: default;

	

	font-family: Verdana, Arial, Tahoma, sans-serif;

	font-size: 18px;

	color: #FFEEBC;

}





.info_box {

	margin-bottom: 8px;

	

	width: 214px;

	_width: 216px;

	

	border: 1px solid #E4D9D1;

}



.info_box .body {

	padding-bottom: 10px;

	

	width: 212px;

	_width: 214px;

	

	border: 1px solid #FBF8EE;

	background: url(../images/info_box_bgline.gif) repeat-x left top #FBF8EE;

}



.info_box .body H6 {

	margin: 0px;

	padding: 14px 0px 12px 38px;

	

	font-family: Verdana, Arial, Tahoma, sans-serif;

	font-size: 20px;

	line-height: 22px;

	font-weight: normal;

	color: #382C1C;

}



.info_box .body H6 SPAN {

	color: #B4462A;

}



.info_box .body P {

	margin: 0px;

	padding: 0px 10px;

	

	font-family: Verdana, Arial, Tahoma, Helvetica, Geneva;

	font-size: 12px;

	color: #382C1C;

}



.info_box .body P.more {

	font-family: Verdana, Arial, Tahoma;

	font-size: 12px;

	text-align: right;

}



.info_box .body P.more A {

	color: #AF391B;

	text-decoration: underline;

}



.info_box .body P.more A:hover {

	text-decoration: none;

}





.sight_box .head {

  width: 214px;

  _width: 216px;

  

  border: 1px solid #E4D9D1;

  border-bottom: 1px solid #CEAB80;

}



.sight_box .head H6 {

	margin: 0px;

  padding: 12px 0px 6px 12px;

  

  width: 200px;

  _width: 214px;

  

  font-family: Verdana, Arial, Tahoma, sans-serif;

	font-size: 18px;

	font-weight: normal;

	color: #AF391B;

  

  border: 1px solid #FBF8EE;

  background: url(../images/info_box_bgline.gif) repeat-x left top #FBF8EE;

}





/*********************************************************************

 * footer

**********************************************************************/



.footer {

	margin-top: 40px;

	margin-left: 260px;

	padding: 20px 0px;



	width: 702px;

	

	background: url(../images/footer_line.gif) repeat-x left top #FFFFFF;

}



.footer P {

	font-family: Verdana, Arial, Tahoma;

  font-size: 12px;

	color: #AF391B;

	text-align: center;

	word-spacing: -1px;

}



.footer P A {

	color: #AF391B;

	text-decoration: underline;

}



.footer P A:hover {

	text-decoration: none;

}



.footer P.imprint {

	font-size: 11px;

	color: #707070;

}



.footer P.imprint A {

	color: #707070;

	text-decoration: none;

}



.footer P.imprint A:hover {

	color: #707070;

	text-decoration: underline;

}





/*********************************************************************

 * service selectors

**********************************************************************/



.clear {

  clear: both;

}



.invisible {

  display: none;

}



.visible {

  display: auto; /* default inline or block */

}