@font-face {
  font-family: 'Petit Formal Script';
  font-style: normal;
  font-weight: 400;
  src: local('Petit Formal Script'), local('PetitFormalScript-Regular'), url("fonts/PetitFormalScript.woff") format('woff');
}
@font-face {
  font-family: 'Lancelot';
  font-style: normal;
  font-weight: 400;
  src: local('Lancelot'), url("fonts/Lancelot.woff") format('woff');
}


body {
 background:url("bg_blue_neu.jpg") repeat top left;
 font-family: 'Lancelot';
 color:#000000;
 font-size:20px;
 padding: 0px;
}
A {color:#730000; font-weight:bold;text-decoration:none}
A:hover {color:#730000; font-weight:bold;text-decoration:underline}
.top_frame_bak{
 background-color: #FFFFFF;
 background:url("bg_inlay.jpg") no-repeat top left;
 background-repeat:no-repeat;
 background-position: center;
 position: absolute;
 /*width: 810px;*/
 height: 292px;
 top: 10px;
 left: 50%;
 margin-left: -405px;
 padding: 0px;
}
.top_frame {
 background-color: #FFFFFF;
 background:url("bg_inlay.jpg") no-repeat top left;
 background-repeat: repeat;
 background-position: center;
 position: relative;
 height: 292px;
 top: -350px;
 padding: 0px;
}
.bg_surround {
 background:url("bg_red_neu.jpg") repeat top left;
 position: absolute;
 width: 810px;
 top: 5px;
 left: 50%;
 margin-left: -405px;
 padding: 10px;
 padding-top: 360px;
}
.bg_main {
 background:url("bg_white1.jpg") repeat top left;
 position: relative;
 top: -300px;
 bottom: 10px;
 padding: 30px;
}
.menu_button_area {
    width: 800px;
    height: 100px;
    background-color: none;
    position: absolute;
    top: 305px;
}
.menu_button{
    text-align: center;
    vertical-align:bottom;
    float: left;
    margin-right: 5px;
    background:url("button.png");
    width: 100px;
    height: 40px;
}
.menu_link {
 font-family: Arial, sant-serif;
 font-size: 14px;
 color: #592404;
 position: relative;
 vertical-align: middle;
 font-weight: bold;
 text-decoration: none;
 line-height: 40px;
 vertical-align: middle;
}
.menu_link:hover{
 font-family: Arial, sant-serif;
 font-size: 14px;
 color: #944718;
 position: relative;
 vertical-align: middle;
 font-weight: bold;
 text-decoration: none;
 line-height: 40px;
 vertical-align: middle;
}
.info {
 width: 500px;
 position: relative;
 left: 50%;
 margin-left: -250px;
 padding: 10px;
 background-color:#00C0C0;
 }
.div_login {
 align: center;
 font-weight: bold;
 text-align: center;
 width: 150px;
 margin-top: 20px;
 padding: 10px;
 background-color:#00C0C0;
 }
.contact_footer {
 margin-top: 50px;
 text-align: center;
 font-size: 16px;
 }
h1 {
    text-align: center;
	font-family: 'Petit Formal Script', cursive;
	margin-top: 0px;
	margin-bottom: 0px;
    font-size: 40px;
}
h2 {
    text-align: center;
	font-family: 'Petit Formal Script', cursive;
	margin-top: 10px;
	margin-bottom: 0px;
    font-size: 30px;
}
p {
}
.div_login1 {
 position: relative;
 align: center;
 font-weight: bold;
 text-align: center;
 width: 100%;
 padding: 10px;
 }
.editor {
 border-style: solid;
 border-width: 1px;
 border-color: #730000;
 text-align: center;
 font-weight: bold;
 font-size: 15;
 padding: 3px;
 height: 30px;
}
.editor2 {
 border-style: solid;
 border-width: 1px;
 border-color: #730000;
 text-align: left;
 font-weight: bold;
 font-size: 15;
}
.login_button {
 border-style: solid;
 border-width: 1px;
 border-color: #730000;
 background-color: #FFFFFF;
 text-align: center;
 font-weight: bold;
 padding: 3px;
 height: 30px;
}
.login_info {
    margin: 0px;
    font-size: 15px;
}
.div_login_mini {
 position: relative;
 align: center;
 font-weight: bold;
 text-align: center;
 font-size: 15px;
 width: 100%;
 padding: 0px;
 }
.editor_mini {
 border-style: solid;
 border-width: 1px;
 border-color: #730000;
 text-align: center;
 font-weight: bold;
 font-size: 10px;
 padding: 3px;
 height: 20px;
}
.login_button_mini {
 border-style: solid;
 border-width: 1px;
 border-color: #730000;
 background-color: #FFFFFF;
 text-align: center;
 font-weight: bold;
 padding: 3px;
 font-size: 10px;
 height: 20px;
}
.default_button {
 background-color: #FFFFFF;
 font-weight: bold;
 font-family: 'Lancelot';
 font-size: 17px;
}
.accept_button {
 background-color: #72ED82;
 font-weight: bold;
 font-family: 'Lancelot';
 font-size: 20px;
 width: 300px;
 height: 40px;
}
.accept_button_guest {
 background-color: #72ED82;
 font-weight: bold;
 font-family: 'Lancelot';
 font-size: 17px;
 width: 150px;
 height: 30px;
}
.decline_button {
 background-color: #F59F7A;
 font-weight: bold;
 font-family: 'Lancelot';
 font-size: 20px;
 width: 300px;
 height: 40px;
}
.decline_button_guest {
 background-color: #F59F7A;
 font-weight: bold;
 font-family: 'Lancelot';
 font-size: 17px;
 width: 150px;
 height: 30px;
}
.state_declined {
 padding: 10px;
 background-color: #F59F7A;
 font-weight: bold;
 font-size: 25px;
}
.state_accepted {
 padding: 10px;
 background-color: #72ED82;
 font-weight: bold;
 font-size: 25px;
}
.guest_details {
    border-style: dashed;
    border-width: 1px;
    border-color: #880000;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    border-spacing: 5px;
    width: 100%;
}
.guest_details_row_label {
    font-weight: bold;
    text-align: right;
}
.guest_status_accepted {
    background-color: #72ED82;
    font-weight: bold;
    padding: 5px;
    float: left;
    margin-right: 20px;
}
.guest_status_declined{
    background-color: #F59F7A;
    font-weight: bold;
    padding: 5px;
    float: left;
    margin-right: 20px;
}
.hotel_table {
 font-size:20px;
}
.mapframe {
	width: 790px;
	height: 450px;
	margin-left: -20px;
}

.mapframe2{
	width: 790px;
	height: 500px;
	margin-left: -20px;
}