/* AltraVista Bed and Breakfast
    Notes:
    #302E81 purple blue chair,
    #9097C1 entrance hall,
    #292772 darker blue chair
*/
 html, body                     { margin: 0; padding: 0; }
                body                         { background: #191970; color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }

                a                                { color: #0000FF; }
                p                                { margin: 0 0 18px; }


       /* 4 Columns 1000px wide
            Positioning & Size  top,right,bottom,left for 1000px wide container with 4 columns
            20-225-20-225-20-225-20-225-20*/
                #container              { width: 1000px; margin: 0 auto; background: #ffffff;}
                #wrapper                { float: left; width: 100%; }
                #hoeger                 { float: left; margin-left: -245px; width: 225px; }
                #mitten                 { margin: 0 265px 0px 510px;}
                #marginal               { margin: 10px 20px 10px 980px;}

                #veanster            { float: left; margin-left: -980px; width: 225px; }
                #veanster2           { float: left; margin-left: -735px; width: 225px; }
                #intro               { float: left; width: 100%;}
                
       /*  1000px wide: forest.aspx, regal.aspx, meadow.aspx, suite.aspx*/
                #gallery        {float: left; width: 60%; margin-left:10%;}
                #gallery h2     {font-size: 12px; color : #333333;}
                #subMnu         {float: right; width: 20%; margin-right: 10%; background-color: #E5E9F4;}
                #subMnu a,p     {color: #DAA520; text-decoration: none; font-size: 12px; font-weight: bold;}

                 /* 2 Columns 1000px wide
            Positioning & Size  top,right,bottom,left for 1000px wide container with 2 columns
            20-180-20-750-30*/
                
                #txtRoom            { float: left; margin-left: -780px; width: 750px; }
                #imgRoom            { float: left; margin-left: -980px; width: 180px; }



                 /* 2 Columns 1000px wide
            Positioning & Size  top,right,bottom,left for 1000px wide container with 2 columns
            20-500-20-440-20*/

                #imgMap            { float: left; margin-left: -460px; width: 440px; height:auto; }
                #txtMap            { float: left; margin-left: -980px; width: 500px; height:auto;}
            #mapGoogle,#navLinks   { clear:both; margin-left: 20px;}

                /* Header */
                #header                        { background: #ffffff; border-bottom: 2px solid#00008B; }

                .logo           { padding: 0 20px 0 20px; }
                #logo           { padding: 0 20px 0 20px; }
                 hr             {width:1000px; height: 1px; color: #00008B;}



                /* Styles intro, vaenster,mitten, hoeger,#hoeger2, #veanster2 #txtMap #txtRoom */
                h1  { padding: 5px 20px 0px 20px; color: #00008B; font-size: 18px;}
                h3  { padding: 5px 20px 0px 0px; color: #00008B; font-size: 18px;}
                h4  { padding: 5px 20px 0px 0px; color: #00008B; font-size: 16px;}
                li, p  {margin-right:20px; color:#00008B; font-size: 12px;}
                h2    {padding: 5px 10px 0px 10px; color: #00008B; font-size: 16px;}

                #intro p  {margin-left:20px; margin-right:20px; color:#00008B; font-size: 14px;}
                #hoeger p, #mitten p, #veanster p ,#hoeger2 p,  #veanster2 p,#txtMap p, #txtMap li,#imgMap p, #imgMap li,#txtRoom p, #txtRoom h3
                                { padding: 0px 10px 0px 10px; color: #00008B; font-size: 14px;}
                #hoeger ul            { padding: 0 18px 9px; }

                /* Footer */
                #footer
{
    background-color: #DAA520;
    left: 0px;
    height: 35px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-style: normal;
    text-align: center;
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    color: #00008B;
    clear: left;
    width: 100%;
}
#developer{ background-color:  #191970;
    left: 0px;
    height: 35px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-style:italic;
    text-align: right;
    font-size: 10px;
    line-height: normal;
    font-weight:normal;
    color: #FFFFFF;
    clear: left;
    width: 100%;
    }

/* endast introsidorna har dessa fyra stilar. Dock lite olika foer IE */
#mainContent {
        width:1000px;
        float:left;
        display:block;
        background-color:White;
}
#mainMenu {
        height:12px;
        padding:0;
        margin:0;
        clear:both;
        background-color:White;
}
#mainContentLeft {
        float:left;
        width:400px;
        height:auto;
        margin-left:20px;
        background-color:White;
}

#mainContentRight {
        float:left;
        width:540px;
        height:300px;
        margin-left:20px;
        margin-right:20px;
    background-color: white;
    border-width:thick;
    border-color:#DAA520;
    font-family:arial, helvetica, verdana, sans-serif;
    font-size:14px;
        font-style: normal;
        text-align:left;
        line-height: normal;
        font-weight: normal;
        color:#00008B;
        border: 1px;
}
 #tblList th
{
    font-size: 12px;
    font-weight: normal;
}
 #tblList, #tblList a
{
    font-size: 12px;
    font-weight: bold;
    float: left;
    text-decoration: none;
    background-color: #F5F5F5;
}


#mainContentRightIE {
        float:left;
        width:540px;
        height:300px;
        margin-left:20px;
        margin-right:20px;
    background-color: white;
    border-width:thick;
    border-color:#DAA520;
    font-family:arial, helvetica, verdana, sans-serif;
    font-size:14px;
        font-style: normal;
        text-align:left;
        line-height: normal;
        font-weight:normal;
        color:#00008B;
        border: 1px;
}
#mainContentRightIE p {

    font-family:arial, helvetica, verdana, sans-serif;
    font-size:14px;
        font-style: normal;
        text-align:left;
        line-height: normal;
        font-weight:normal;
        color:#00008B;
}
/* slut paa ovan  stilar foer introsidorna.  */

     .tblTxt{
            background-color: white;
            border-collapse: collapse;
            padding-left: 25px;
            width :810px;
                height: auto;
                margin-left:15px;
                font-family: "Times New Roman", serif;
                font-style: normal;
                text-align:left;
                font-size: 14px;
                line-height: normal;
                font-weight: normal;
                color: #00008B;
                font-style: normal;
                border: 1px;
     }
      .divBokning{
            background-color: white;
            border-width:thick;
            border-color:#DAA520;
            padding :25px;
            width :775px;
                height: auto;
                margin-left:15px;
                font-family: "Times New Roman", serif;
                font-style: normal;
                text-align:left;
                font-size: 14px;
                line-height: normal;
                font-weight: normal;
                color:#00008B;
                font-style: normal;
                border: 1px;
     }

    .btnPrint {
                font-family: "Copperplate Gothic Bold","Arial", sans-serif;
                font-style: normal;
                text-align: center;
                font-size: 14px;
                line-height: normal;
                color: navy;
                font-style: normal;
                background-color:#CCCCCC;
                height:40px;
                width:128px;
        }

    blockquote
{
    padding-top: 8px;
    border-width: thin;
    border-color: #D7C7A5;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-align: left;
    font-size: 14px;
    line-height: normal;
    color: #333333;
    font-style: normal;
    width: 930px;
    border-top-style: ridge;
}
        .lblRepeat{
            background-color: white;
            padding :5px;
                font-family: "Arial", sans-serif;
                font-style: normal;
                text-align:left;
                font-size: 12px;
                line-height: normal;
                font-weight: bolder;
                color:#FFFFFF;
 }

/* Delete the following
           .tblFlash{
            background-color: white;
            border-width:thick;
            border-color:#DAA520;
            padding :25px;
            width :960px;
                height: auto;
                margin-left:15px;
                font-family: "Times New Roman", serif;
                font-style: normal;
                text-align:left;
                font-size: 14px;
                line-height: normal;
                font-weight: normal;
                color:#00008B;
                font-style: normal;
                border: 1px;
         }
 .tblDescr{
            background-color: white;
            padding :5px;
                font-family: "Times New Roman", serif;
                font-style: normal;
                text-align:left;
                font-size: 14px;
                line-height: normal;
                font-weight: normal;
                color:#00008B;
                font-style: normal;

 }
.greyP        { color: #666; font-size: 12px; font-weight: bold; background: #eee; padding: 0 18px; }
.button         {
                        font: 12px Helvetica, Arial, sans-serif;
                        font-style: normal;
                        text-align: right;
                        font-size: 12px;
                        line-height: normal;
                        font-weight: bolder;
                        color: #191970;
                        font-style: normal;
                        background-color: #eee;
                        height:24px;
                        width:470px;
                        border-bottom: 2px solid #ddd;
                        padding: 3px 3px 3px;
      }
  .divTxt  { padding: 0 20px 0 20px; }
.lblAddress     { padding: 0 20px 0 200px; }
*/