/* LAYOUT STYLES */








BODY {
    /*background-color:#cfbd9b;
    *//*background-color:#bba987;
    */margin:auto;
background-image: url(bilder/bg2.jpe);
background-position: center top;
background-repeat: repeat-y;
    font-size:12px;
    width: 800px;
  }


#content {
    width:800px;
    overflow:hidden;
  }


#logga {
    float:left;
    background-image:url(bilder/header.png);
    background-repeat:no-repeat;
    width:800px;
    height:200px;
    text-align:right;
    padding:0px;
  }


#head {
    float:right;
    background-image:url(bilder/logoright3.png);
    height:170px;
    width:550px;
    padding:0px;
  }


#main {
    float:left;
    height:100%;
    width:500px;
    text-align:justify;
    margin-left:18px;
margin-bottom:0px;
margin-top:-36px;
border-right:solid 1px;
border-left:solid 1px;
border-top:none;
border-bottom:none;
border-color:#C5C5C5;
padding-top:50px;
    padding-right:160px;
    padding-left:100px;
    padding-bottom:70px;
    overflow:auto;
  }


#info {
    margin-right:70px;
    margin-top:20px;
    text-align:right;
  }


#menu {
    margin-top:40px;
    margin-left:75px;
    text-align:left;
  }


#logotext {
    margin-top:20px;
  }


#footer {
    float:right;
    background-image:url(bilder/footer.png);
background-repeat:no-repeat;
    margin-top:-10px;
    margin-right:5px;
    width:800px;
    height:50px;
    text-align:right;
    padding-right:0px;
  }


#footertext {
    text-align:right;
    padding-top:20px;
padding-right:20px;
    font-family:Times, Georgia;
    font-size:10px;
    vertical-align:bottom;
  }

/*Formulär*/









INPUT {
    /*width: 170px;
    */ background-color:#f3f1cf;
    font-family:Times, Georgia;
    border: solid #ac9a78 2px;
    font-size:14px;
    font-weight:normal;
  }


INPUT.radio {
    width: 12px;
  }


SELECT {
    width: auto;
    background-color:#f3f1cf;
    font-family:Times, Georgia;
    border: solid #ac9a78 2px;
    font-size:14px;
    font-weight:normal;
  }


TEXTAREA {
    width: 170px;
    height: 80px;
    background-color:#f3f1cf;
    font-family:Times, Georgia;
    border: solid #ac9a78 2px;
    font-size:14px;
    font-weight:normal;
  }

/* Här är för Prislista och bokningsformulär */












TD.bokning {
    font-family : Times, Georgia;
    font-size : 11px;
    font-weight : bold;
    text-align : left;
    vertical-align : top;
    width : 280px;
  }


TD.prislista {
    width:auto;
    font-family:Times, Georgia;
    font-size:11px;
    vertical-align:top;
    padding-left: 12px;
  }


TABLE.bokningPlusPrislista {
    margin: 0px;
    padding: 0px;
  }

/* FONT STYLES */












.titel {
    color:#9E4848;
    font-size: 22px;
  }


.mindreTitel {
    color: #9E4848;
    font-size: 16px;
    font-weight: bold;
  }


.blackbig {
    color:#000000;
    font-family:Times, Georgia;
    font-size:36px;
    font-weight:bolder;
  }


.blacksmall {
    color:#000000;
    font-family:Times, Georgia;
    font-size:18px;
    font-weight:bold;
    text-align:right;
  }


.toptext {
    color:#000000;
    font-family:Times, Georgia;
    font-size:12px;
    text-align:left;
    font-weight:normal;
  }


.menutext {
    color:#000;
    font-family:Times, Georgia;
    font-size:12px;
    text-align:right;
    font-weight:bold;
  }


.maintext {
    color:#222;
    font-family:Times, Georgia;
    font-size:14px;
    line-height:1.4;
    font-weight:500;
  }


.footertext {
    color:#000000;
    font-family:Times, Georgia;
    font-size:10px;
    vertical-align:bottom;
  }

/* TAGS */



/* Länkar */












A.menutext {
    color:#222;
    font-family:Times, Georgia;
    font-size:11px;
  }


A {
    color : #333333;
    font-family : Times, Georgia;
    font-weight : bold;
    text-align : right;
    text-decoration : none;
  }


A.footerlink {
    color:#222;
    font-family:Times, Georgia;
    font-size:11px;
    text-align:right;
    font-weight:bold;
    text-decoration:none;
  }


A:hover {
    text-decoration: underline;
color:#9E4848;
  }

/*Bilder*/












IMG {
    border: 0px;
  }

/*Alerts och meddelanden*/












.alert {
    background: #fff6bf url(bilder/exclamation.png) center no-repeat;
    background-position: 15px 50%;
    /* x-pos y-pos */ text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
  }


.info {
    background: #fff6bf url(bilder/information.png) center no-repeat;
    background-position: 15px 50%;
    /* x-pos y-pos */ text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #b5d4fe;
    border-bottom: 2px solid #b5d4fe;
  }

/*Adminsystemets specifikum*/
















BODY.admin {
    background-color:#cfbd9b;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    /*background-color:#cfbd9b;
    *//*background-color:#bba987;
    */margin:0px;
    font-size:12px;
  }


DIV.admincontent {
    background-color : #e3d1af;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    left : 260px;
    overflow : visible;
    padding-bottom : 12px;
    padding-left : 12px;
    padding-right : 12px;
    padding-top : 12px;
    position : absolute;
    top : 100px;
    width : 600px;
  }


DIV.adminmeny {
    background-color:#e3d1af;
    width:160px;
    height:400px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    position:absolute;
    left:50px;
    top:100px;
    padding: 12px;
  }


DIV.adminEditTips {
    position:absolute;
    background-color: #f3e1bf;
    width: 250px;
    height: auto;
    top: 10px;
    left: 320px;
    font-size: 9px;
  }


DIV.adminEditForm1 {
    position:absolute;
    top: 10px;
    left: 10px;
    width:280px;
  }


DIV.adminEditTop {
    position: relative;
    height: 160px;
  }


DIV.adminBokning {
    background-color: #cfbd9b;
    width:400px;
    margin: 2px;
    padding: 2px;
  }


DIV.inloggningen {
    text-align : center;
    margin-top: 100px;
  }

/* Formulärer och sånt, för admin */












FORM.admin {
    margin-left: 5px;
  }


TEXTAREA.admin {
    width: 400px;
    height: 160px;
    font-family: Arial;
    font-size: 12px;
  }


INPUT.admin {
    height:auto;
    width:170px;
    font-family: lucida;
    font-size: 12px;
  }


SELECT.admin {
    font-family: arial;
    width:50px;
    height:auto;
    padding-left:2px;
    font-size: 12px;
    font-weight: bold;
  }


OPTION.admin {
    padding-right:18px;
    text-align:center;
  }


A.htmltips {
    background-color: #EE4;
    font-size:9px;
    color:#000;
  }

/*BILDREDIGERING BACKEND*/









TEXTAREA.adminPic {
    width: 200px;
    height: 40px;
    font-size: 11px;
  }


TD.adminPicList {
    padding-left: 10px;
    width: 200px;
    vertical-align: top;
  }


IMG.adminPicList {
    width: 120px;
  }


IMG.adminEditPic {
    width: 200px;
  }

/*BILDVISNING FRONTEND*/











IMG.listcats {
    width: 200px;
  }


td.listcats {
    vertical-align: top;
    padding: 9px;
    text-align: center;
  }


IMG.listpics {
    width: 120px;
  }


td.listpics {
    vertical-align: top;
    padding: 9px;
    text-align: center;
    width: 140px;
  }


.pics A {
    font-size : 14px;
    font-weight : normal;
  }


div.pic {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 0px;
  }


A.listpics:hover {
    text-decoration: none;
  }


#prev {
    padding-left: 130px;
    float : left;
  }


#next {
    padding-right: 130px;
    float : right;
  }