/* ----------------------------------Gäller för alla --------------------------------- */
/* ----------------------------------Gäller för alla --------------------------------- */
/* ----------------------------------Gäller för alla --------------------------------- */
/* ----------------------------------Gäller för alla --------------------------------- */
/* ----------------------------------Gäller för alla --------------------------------- */
body 
{
    margin: 0px 0px 0px 0px;
    border-top: solid 5px #000;
    background: url("../Images/gradient.png") repeat-x;
    background-color: #000;
}

hr {
    width: 80%;
}

.page-wrapper
{
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
}


.content-wrapper 
{
}


a.linkOnWhite:link {text-decoration: none; color: darkgreen;}
a.linkOnWhite:visited {text-decoration: none; color: darkgreen;}
a.linkOnWhite:active {text-decoration: none; color: darkgreen;}
a.linkOnWhite:hover {text-decoration: none; color: darkgreen;}
 

a:link {text-decoration: none; color: darkgreen;}
a:visited {text-decoration: none; color: darkgreen;}
a:active {text-decoration: none; color: darkgreen;}
a:hover {text-decoration: none; color: darkgreen;}


.knapp {
display: inline-block;
float:right;
margin-right: 20px;
border: 1px solid #3f3f3f; 
border-radius: 4px;
background-color: #3f3f3f;
}
    .knapp:hover {
    background-color: #6da245;
    }
    .knapp a {
        outline: none;
        display: block;
        position: relative;
        padding: 8px 20px;
        font: 10pt Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
    }


h1 {font:bold 26px Arial, Helvetica, sans-serif; color: #808080; padding: 0px; margin: 0px;}
h2 {font:bold 22px Arial, Helvetica, sans-serif; color: #808080; padding: 0px; margin: 0px;}     
h3 {font:bold 18px Arial, Helvetica, sans-serif; color: #808080; padding: 0px; margin: 0px;}       
h4 {font:bold 16px Arial, Helvetica, sans-serif; color: #808080; padding: 3px; margin: 0px;}
h5 {font:bold 14px Arial, Helvetica, sans-serif; color: #808080; padding: 0px; margin: 0px;}

.textcenter {
     text-align:center;
}

.textleft {
    text-align:left;
}

.textright {
    text-align:right;
}

img.floatLeft { 
    float: left; 
    margin: 8px 8px 8px 0px;
    border-radius: 10px;
    border: 1px solid lightgrey; 
}
img.floatRight { 
    float: right; 
    margin: 8px 0px 8px 8px;
    border-radius: 10px; 
    border: 1px solid lightgrey;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    border: 1px solid lightgrey;
}




/* ----------------------------------Logo --------------------------------- */
/* ----------------------------------Logo --------------------------------- */
/* ----------------------------------Logo --------------------------------- */
/* ----------------------------------Logo --------------------------------- */
/* ----------------------------------Logo --------------------------------- */

#logo img {border-bottom-right-radius:8px; border-bottom-left-radius:8px;}


/* ----------------------------------Menyn --------------------------------- */
/* ----------------------------------Menyn --------------------------------- */
/* ----------------------------------Menyn --------------------------------- */
/* ----------------------------------Menyn --------------------------------- */
/* ----------------------------------Menyn --------------------------------- */


#cssmenu{ position:absolute; top:200px; height:37px; width: 1100px; display:block; padding:0; margin: 0 auto; border:1px solid; border-radius:8px; } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 15px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenu ul li > ul{width:300px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 

#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#80bf51; background:-moz-linear-gradient(top, #80bf51 0%, #6da245 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#80bf51), color-stop(100%,#6da245)); background:-webkit-linear-gradient(top, #80bf51 0%,#6da245 100%); background:-o-linear-gradient(top, #80bf51 0%,#6da245 100%); background:-ms-linear-gradient(top, #80bf51 0%,#6da245 100%); background:linear-gradient(top, #80bf51 0%,#6da245 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80bf51', endColorstr='#6da245',GradientType=0); } 
#cssmenu{border-color:#ccc;} 
#cssmenu > ul > li > a{border-right:1px solid #87DB46; color: #fff;} 
#cssmenu > ul > li > a:after{border-color:#3F7F0E;} 
#cssmenu > ul > li > a:hover{background:#6da245;}




#content 
        { 
        width: 1070px; 
        display:block; 
        margin: 10px 0px 10px 0px;
        font:bold 13px Arial, Helvetica, sans-serif; color: #808080;
        border:1px solid; 
        border-color:#ccc; 
        border-radius:8px; 
        padding:20px 10px 20px 20px;         
        background:#eee;
        }




#footer{ 
        width: 1100px; 
        display:block; 
        font:bold 13px/100% Arial, Helvetica, sans-serif; color: #fff; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4);
        border:1px solid; 
        border-color:#ccc; 
        border-radius:8px; 
        padding:10px 0px 10px 0px;         
        background:#80bf51; background:-moz-linear-gradient(top, #80bf51 0%, #6da245 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#80bf51), color-stop(100%,#6da245)); background:-webkit-linear-gradient(top, #80bf51 0%,#6da245 100%); background:-o-linear-gradient(top, #80bf51 0%,#6da245 100%); background:-ms-linear-gradient(top, #80bf51 0%,#6da245 100%); background:linear-gradient(top, #80bf51 0%,#6da245 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80bf51', endColorstr='#6da245',GradientType=0);
        }

        #footer > a:link {color:#fff; text-decoration:none;}
        #footer > a:visited {color:#fff; text-decoration:none;}
        #footer > a:hover {color:#fff; text-decoration:underline;}
        #footer > a:active {color:#fff; text-decoration:underline;}  


.stamtavla {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    border: 1px solid green;
    border-radius: 5px;
    text-align: center;
}
    .stamtavla td {
    border: 1px solid green;
    border-radius: 5px;
    }
    .stamtavla .namn {
    color: darkgreen;
    font-size: 16px;
    font-weight: 800;
    } 
#beskrivning 
        {
        margin: 0px 100px 0px 100px;
        }
.stamtavla td {
    width: 25%;
}



/* ----------------------------------Startsidan --------------------------------- */
/* ----------------------------------Startsidan --------------------------------- */
/* ----------------------------------Startsidan --------------------------------- */
/* ----------------------------------Startsidan --------------------------------- */
/* ----------------------------------Startsidan --------------------------------- */

.startleft {
    display: inline-block;
    width: 760px;
}

.startright {
    display: inline-block;
    vertical-align: top;
    width: 292px;
}


/* ----------------------------------Nyhetssidan --------------------------------- */
/* ----------------------------------Nyhetssidan --------------------------------- */
/* ----------------------------------Nyhetssidan --------------------------------- */
/* ----------------------------------Nyhetssidan --------------------------------- */
/* ----------------------------------Nyhetssidan --------------------------------- */

.nyhet 
        {
        margin: 0px 60px 0px 60px;
        }

img.nyhetsbild { 
    margin: 8px 0px 8px 8px;
    border-radius: 10px; 
    border: 1px solid lightgrey;
}




/* ----------------------------------Våra hundar-sidan --------------------------------- */
/* ----------------------------------Våra hundar-sidan --------------------------------- */
/* ----------------------------------Våra hundar-sidan --------------------------------- */
/* ----------------------------------Våra hundar-sidan --------------------------------- */
/* ----------------------------------Våra hundar-sidan --------------------------------- */





/* ----------------------------------Kullar-sidan --------------------------------- */
/* ----------------------------------Kullar-sidan --------------------------------- */
/* ----------------------------------Kullar-sidan --------------------------------- */
/* ----------------------------------Kullar-sidan --------------------------------- */
/* ----------------------------------Kullar-sidan --------------------------------- */

.kullar .foralrar {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

.kullar img {
    border-radius: 10px;
    border: 1px solid lightgrey;
}



/* ----------------------------------KullLista-sidan --------------------------------- */
/* ----------------------------------KullLista-sidan --------------------------------- */
/* ----------------------------------KullLista-sidan --------------------------------- */
/* ----------------------------------KullLista-sidan --------------------------------- */
/* ----------------------------------KullLista-sidan --------------------------------- */

.kullLista {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    border: 1px solid darkgrey;
    border-radius: 10px;
    background-color: #bcf3b3;
    padding: 10px;
}

.kullLista table {width: 600px;}
.kullLista td {width: 50%; padding-left: 20px; padding-right: 20px;}

.kullLista a:link {text-decoration: none; color: #808080;}
.kullLista a:visited {text-decoration: none; color: #808080;}
.kullLista a:hover {text-decoration: none; color: orange;}
.kullLista a:active {text-decoration: none; color: #808080;}



/* ----------------------------------Guestbook --------------------------------- */
/* ----------------------------------Guestbook --------------------------------- */
/* ----------------------------------Guestbook --------------------------------- */
/* ----------------------------------Guestbook --------------------------------- */
/* ----------------------------------Guestbook --------------------------------- */

.guestbookHeader {
    border: 1px solid grey;
    border-top-left-radius: 10px;
    border-top-right-radius:10px;
    background-color: #813d64;
    color: white;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    font-size: 16px;
}

.guestbook {
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    background-color: #cedbd3;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.guestbookFooter {
    border: 1px solid grey;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius:10px;
    background-color: #813d64;
    color: white;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    font-size: 10px;
}



.guestbookHeaderAlt {
    border: 1px solid grey;
    border-top-left-radius: 10px;
    border-top-right-radius:10px;
    background-color: #9d2c6c;
    color: white;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    font-size: 16px;
}

.guestbookAlt {
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    background-color: #cedbd3;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.guestbookFooterAlt {
    border: 1px solid grey;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius:10px;
    background-color: #9d2c6c;
    color: white;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    font-size: 10px;
}





.guestbookButton {
    display:inline-block;
    margin-left: 75px;
    margin-right: 100px;
    border: 1px solid #808080;
    border-radius:10px;
    background-color: #9d2c6c;
    padding: 5px;
    width:200px;
    text-align: center;
}
.guestbookButton a:link {text-decoration: none; color: white;}
.guestbookButton a:visited {text-decoration: none; color: white;}
.guestbookButton a:hover {text-decoration: none; color: orange;}
.guestbookButton a:active {text-decoration: none; color: white;}

.guestbookPager {
    margin-left: 75px;
}
.guestbookPager a:link {text-decoration: none; color: #e86209;}
.guestbookPager a:visited {text-decoration: none; color: #e86209;}
.guestbookPager a:hover {text-decoration: none; color: #80bf51;}
.guestbookPager a:active {text-decoration: none; color: #e86209;}






/* ----------------------------------Kurser-sidan --------------------------------- */
/* ----------------------------------Kurser-sidan --------------------------------- */
/* ----------------------------------Kurser-sidan --------------------------------- */
/* ----------------------------------Kurser-sidan --------------------------------- */
/* ----------------------------------Kurser-sidan --------------------------------- */

.kurser {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

.kurser img {
    display: block;
    border-radius: 10px;
    border: 1px solid lightgrey;
    margin-left: auto;
    margin-right: auto;
}

/* ----------------------------------Om oss-sidan --------------------------------- */
/* ----------------------------------Om oss-sidan --------------------------------- */
/* ----------------------------------Om oss-sidan --------------------------------- */
/* ----------------------------------Om oss-sidan --------------------------------- */
/* ----------------------------------Om oss-sidan --------------------------------- */

.omOss {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

.omOss img {
    display: block;
    border-radius: 10px;
    border: 1px solid lightgrey;
    margin-left: auto;
    margin-right: auto;
}


/* ----------------------------------Valpar-sidan --------------------------------- */
/* ----------------------------------Valpar-sidan --------------------------------- */
/* ----------------------------------Valpar-sidan --------------------------------- */
/* ----------------------------------Valpar-sidan --------------------------------- */
/* ----------------------------------Valpar-sidan --------------------------------- */

.valpar {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

.valpar a:link {text-decoration: none; color: #808080;}
.valpar a:visited {text-decoration: none; color: #808080;}
.valpar a:hover {text-decoration: none; color: orange;}
.valpar a:active {text-decoration: none; color: #808080;}

.valpar img {
    display: block;
    border-radius: 10px;
    border: 1px solid lightgrey;
    margin-left: auto;
    margin-right: auto;
}

/* ----------------------------------Resultatssidan --------------------------------- */
/* ----------------------------------Resultatssidan --------------------------------- */
/* ----------------------------------Resultatssidan --------------------------------- */
/* ----------------------------------Resultatssidan --------------------------------- */
/* ----------------------------------Resultatssidan --------------------------------- */

.resultat 
        {
        margin: 0px 60px 0px 60px;
        clear: both;
        }


/* ----------------------------------Placering-sidan --------------------------------- */
/* ----------------------------------Placering-sidan --------------------------------- */
/* ----------------------------------Placering-sidan --------------------------------- */
/* ----------------------------------Placering-sidan --------------------------------- */
/* ----------------------------------Placering-sidan --------------------------------- */

.placering {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

.placering a:link {text-decoration: none; color: #808080;}
.placering a:visited {text-decoration: none; color: #808080;}
.placering a:hover {text-decoration: none; color: orange;}
.placering a:active {text-decoration: none; color: #808080;}

.placering img {
    display: block;
    border-radius: 10px;
    border: 1px solid lightgrey;
    margin-left: auto;
    margin-right: auto;
}