/* All css is written by Emma Lindberg and is copyright by Westdream's Kennel */

@import "reset.css";


/* Generella egenskaper */

body {
    background: #555555 url(bg_nya.jpg) center top no-repeat fixed; /* Ändra färgkoden här #555555 för att ändra bakgrundsfärg på sidan */
    font: 10px Verdana; 
  }

.clear {
    clear: both;
}

img {
    border: 5px solid #fff;
}

img.center {
    display: block;
    margin: 10px auto;
}

img.left {
    float: left;
    margin: 10px;
}

img.right {
    float: right;
    margin: 0 20px 10px;
}

a {
    color: #f3c5dd; /* Byt ut färgkoden för att ändra färgen på länkarna */
    text-decoration: none;
}

a:hover {
    color: #bd789b; /*Byt ut färgkoden för att ändra färgen på musövrade länkar */
}

/* Layout */

#wrap {
    margin: 50px auto;
    width: 794px;
}

#content {
    background: #a4a4a4; /* Ändra färgkoden för att ändra bakgrundsfärgen på innehållsrutan */
    border: 1px solid #000;
    float: right;
    min-height: 500px;
    width: 692px;
}

#header {
    background: url(headern.jpg) no-repeat; /*Om du ändrar headern och sparar den under något annat namn än "header.jpg" måste du ändra det här */
    border-bottom: 1px solid #000;
    height: 147px;
    margin: 0 0 30px 0;
    width: 692px;
}


#footer {
}


/* Menyer */


#menu {
    float: left;
    width: 100px;
}

#menu ul {
    float: right;
    margin-top: 30px;
}

#menu ul li {
    margin: 0 0 15px;
}

#menu ul li a {
    background: #f3c5dd; /* Bakgrundsfärgen på menyn ej hovrad med musen */
    border: 1px solid #000;
    border-right: none;
    color: #000; /* Färgen på texten på länkarna i menyn */
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
}

#menu ul li a.start {margin-left: 65px; width: 35px;}
#menu ul li a.nyheter {margin-left: 50px; width: 50px;}
#menu ul li a.hundar {margin-left: 20px; width: 80px;}
#menu ul li a.kenneln {margin-left: 50px; width: 50px;}
#menu ul li a.valpar {margin-left: 55px; width: 45px;}
#menu ul li a.cockern {margin-left: 45px; width: 55px;}
#menu ul li a.foton {margin-left: 60px; width: 40px;}
#menu ul li a.lankar {margin-left: 55px; width: 45px;}
#menu ul li a.gastbok {margin-left: 45px; width: 55px;}

#menu ul li a:hover {
    background-color: #bd789b; /* Bakgrundsfärgen då man för musen över menylänkarna */
}

#menu ul li a.current {
    background-color: #bd789b; /* Bakgrundsfärgen på menyn på den aktuella sidan */
}


#submenu {
    margin: -20px 20px 0 20px;
}

#submenu ul {
    border-bottom: 1px solid #555555;
    padding-bottom: 15px;
    width: 100%;
}

#submenu ul li {
    color: #555555;
    display: inline;
    float: right;
    padding-left: 5px;
}

#submenu ul a {
    color: #555555;
    text-decoration: none;
}

#submenu ul a:hover {
    color: #f3c5dd;
}


/* Innehåll */

#main_content p {
    line-height: 165%;
    margin: 10px 20px;
    text-align: justify;
}

#main_content p.bold_text {
    font-weight: bold;
    text-align: left;
}

#nyheter {
    background-color: #555555; /* Bakgrundsfärgen på uppdateratrutan */
    border: 1px solid #000;
    color: #e2e2e2; /* Textfärgen i uppdateratrutan */
    height: 100px;
    margin: 10px 0 0 20px;
    overflow: auto;
    width: 220px
}

#nyheter p {
    margin: 10px 20px;
    text-align: center;
}

#main_content ul {
    margin: 0 20px 20px;
}

#main_content ul li {
    line-height: 165%;
}


table.hundar {
    margin: 0 auto 20px;
    text-align: center;
    width: 600px;
}

table.hundar a img {
    border: 5px solid #fff;
}

table.standard {
    margin: 10px 20px 20px 20px;
    text-align: justify;
}

table.standard td {
    padding: 10px;
}

table.standard td.bold {
    font-weight: bold;
    vertical-align: top;
}

table.stamtavla, table.fakta, table.farger, table.lankar {
    margin: 0 auto;
    width: 600px;
}

table.stamtavla td, table.fakta td, table.farger td {
padding: 10px;
}
 

table.foto_wrap {
    margin: 0 auto;
    width: 500px;
}

table.foto td {
    padding: 5px;
}

.links a {color: #000;text-decoration: none;}.links a:hover {color: #f3c5dd;}

/* Footer */

#footer p {
    color: #000000; /* Färgen på texten i sidfoten */
    margin: 0 auto;
    padding-left: 165px;
}

#footer p a {
    color: #000000; /* Gör länken i sidfoten samma färg som texten */
    text-decoration: none;
}