/* //////////////// GENERAL INFO ////////////////

Site: Hotel De Jong
Version: 1

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


/* //////////////// STRUCTURE ELEMENTS //////////////// */

* { margin: 0; padding: 0; }

#wrapper { width:1024px; height:768px; overflow:hidden; margin: 0 auto; }

#header {width:1024px;height:155px}
#headline {width:1024px;height:26px; background:url(images/menu_bar.gif) no-repeat;}
#middle_left {width:256px;height:391px;float:left; }
#middle_main { width:439px; height:361px; float:left; padding:20px 10px 10px 30px; overflow:hidden;}
#middle_main a { text-decoration: underline;}
#middle_main2 { width:439px; height:361px; float:left; padding:20px 10px 10px 30px; visibility:hidden; position: relative; top: -391px; left: 256px; z-index:2 }
#middle_main2 a { text-decoration: underline;}
#middle_main2 .button { text-decoration:none; background: #E5CE89; border:solid 1px #000000;color: #000000; padding:3px;}

#middle_right {width:289px;height:391px;float:right; background:url(images/hotel_tekst_bg_right.jpg);}
#middle_right2 {width:289px;height:391px;float:right; background:url(images/hotel_tekst_bg_right.jpg); position:relative; top: -391px; }
#footer {width:1024px;height:196px}
#footer2 {width:1024px;height:196px; position:relative; top:-391px;}
/* //////////////// GENERAL STYLE //////////////// */

body {  font: 12px "Verdana", Arial, serif; color: #00521F; background:url(images/body_bkg.gif) repeat-x; line-height:25px; }

/* //////////////// MENU STYLE //////////////// */

#menu { overflow: hidden; width: 256px; height: 391px; }

#menu_top { background-image: url(images/menu_top_bg.jpg); background-repeat: no-repeat; position: relative; z-index: 0; height: 231px; width: 256px; }

#menu_bel { width: 256px; position: relative; height: 160px; }

#menu_bel_link { font-family: "Times New Roman", Times, serif; font-size: 14px; text-transform: uppercase; width: 216px; padding-left: 20px; padding-right: 20px; top: -30px; position: relative; color: #FFFFFF; font-weight: bold; text-align: center; }


#menu ul { font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 26px; text-transform: uppercase; color: #FFFADD; text-decoration: none; position: relative; top: -390px; padding-right: 20px; padding-left: 20px; list-style-type: none; z-index: 1; font-weight: bold; text-align: center; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: double; border-bottom-style: double; border-top-color: #003300; border-right-color: #003300; border-bottom-color: #003300; border-left-color: #003300; }
#menu ul a:link, a:visited, a:active { color: #FFF8E5; text-decoration: none; }
#menu ul a:hover { text-decoration: underline; }
#menu ul .activePage a:link, a:visited, a:active { color: #005220; text-decoration: none; }
#menu ul .activePage a:hover { text-decoration: underline; }

#menu_bel_link a:link, a:visited, a:active { color: #FFF8E5; text-decoration: none; }
#menu_bel_link a:hover { text-decoration: underline; }

/* //////////////// FORM STYLE //////////////// */

.formfield {
       /* border:solid 1px #FBE1C4; */
        border:0px;
        width: 100%;
        height: 20px;
        background: #F5E9C3;
        color: #000000;
}

.textarea {
       /* border:solid 1px #FBE1C4; */
        border:0px;
        width: 100%;
        background: #F5E9C3;
        color: #000000;
        height:70px;
}

.formbutton  {
        border:solid 1px #ffffff;
        background: #056A1F;
        color: #ffffff;
        padding:2px;
        margin-top:10px;
}