body, html 
{
    background-color: #3b4250;
    font-family: Verdana;
    font-size: 12px;
    background-image: url("/Img/bg.png");
    height: 100%;
    width: 100%;
    color: #444444;
    margin: 0;
    padding: 0;
}

p { margin-top: 5px; }

a, img
{ border: none; }

a, a:visited
{ color: Black; }

#PageFrame
{ width: 800px; margin-left: auto; margin-right: auto; }

#PageHeader
{
    width: 100%;
    height: 60px;
}

#PageHeaderImg
{ float: left; margin-right: 170px; }

#PageHeaderFlag
{ float: none; padding-top: 9px; }

.iimg
{ border-bottom: solid 3px #444444; border-top: solid 3px #444444; margin-bottom: 10px; }

#PageContent
{
    
    background-color: White;
    border: solid 6px #576276;
    margin-top: 0px;
    text-align: left;
    padding: 0px 0px 10px 0px;
    overflow: hidden;
}

#PageSubContent { padding-left: 5px; }

#PageFooter
{
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    color: White;
    margin-top: 5px;
}

h1
{ font-style: italic; font-size: 18px; font-weight: normal; margin-bottom: 2px; margin-top: 2px; text-indent: 0px; }

h2
{ font-size: 13px; font-weight: bold; margin-top: 0px; margin-bottom: 10px; text-indent: 3px; }

h3 { font-weight: bold; font-style: italic; font-size: 12px; margin: 8px 0px 2px 0px; }

h4 { font-weight: bold; font-style: italic; font-size: 12px; padding: 0; margin: 0; }

#DivSplitLeft
{ width: 390px; float: left; text-align: center; }

#DivSplitRight
{ text-align: center; height: 400px; margin-left: 390px; }

#ButtonHolder
{ margin-top: 20px; margin-bottom: 10px; }

.MsgError { font-weight: bold; color: Red; }

.MsgWarning { font-weight: bold; color: Orange; }

.ControlError { background-color: #ffd3d3; }

.MsgOk { font-weight: bold; color: Green; }

.Comment { font-size: 11px; font-style: italic; }


/*----------------- Nyhetssidans css taggar -----------------------*/
#DivNewsLeft
{ width: 540px; float: left; }

#DivNewsRight
{ text-align: center; margin-left: 560px; height: 100%; }

.DivNewsHead
{ width: 500px; margin-bottom: 2px; padding: 4px 5px 4px 5px; background-color: #F7F7F7; border: solid 1px #576276; }

.DivSelectedNewsCat
{ border: solid 1px #576276; background-color: #ffe1aa; padding: 5px 5px 5px 5px; color: Black; margin-right: 15px; }

.DivNewsCat
{ background-color: White; color: Black; margin-right: 15px; }

.DivNewsCat a { display: block; padding: 5px 5px 5px 5px; text-decoration: none; }

.DivNewsCat a:hover
{ background-color: #F7F7F7; color: Black; }

.DivNewsBody { width: 380px; float: left; padding-left: 2px; }

.DivNewsImg { margin-left: 390px; float: none; }

.DivNewsImgItem {text-align: center; width: 56px; height: 56px; background-color: White; border: solid 1px #acacac; float: left; margin: 3px 3px 0px 0px; }

.DivNewsImgItem img { margin-top: 3px; }

.DivNewsImgItem a { display: block; width: 100%; height: 100%; }

.DivNewsImgItem a:hover { background-color: #ffe1aa; }

.TdNewsFrame { padding-bottom: 13px; }

/*---------------------------Länkdelen------------------------------*/
.LinkHead { clear: both; margin-top: 15px; text-align: center; margin-right: 5px; margin-bottom: 2px; padding: 4px 5px 4px 5px; background-color: #F7F7F7; border: solid 1px #576276; }
.LinkItem { text-align: center; width: 387px; float: left; }
.LinkItem a { display: block; padding: 2px 0px 2px 0px; }
.LinkItem a:hover { background-color: #ffe1aa;}
.LinkContainer { width: 100%; }
#LinkFrame table { width: 100%; }

/*---------------------------Galleridelen+StorThumbvisning------------------------------*/

.LargeThumb, #DivGallery div { text-align: center; width: 110px; height: 110px; background-color: White; border: solid 1px #acacac; float: left; margin: 0px 15px 15px 0px; }
.LargeThumb img, #DivGallery img { margin-top: 5px; }
.LargeThumb a, #DivGallery a { display: block; width: 100%; height: 100%; }
.LargeThumb a:hover, #DivGallery a:hover { background-color: #ffe1aa; }

/* ---------------------------------Bildvisningsdelarna----------------------------------------------*/

.DivNewsImgNews
{width: 60px; height: 60px; background-color: White; border: solid 1px #acacac; margin-left: auto; margin-right: auto; margin-top: 4px; }

.DivNewsImgOurDogs
{text-align: center; width: 110px; height: 110px; background-color: White; border: solid 1px #acacac; float: left; margin: 0px 0px 10px 10px }

.DivNewsImgNews a, .DivNewsImgOurDogs a
{ display: block; height: 100%;}

.DivNewsImgNews a:hover, .DivNewsImgOurDogs a:hover
{ background-color: #ffe8b8; }

.DivNewsImgOurDogs a img, .DivNewsImgNews a img
{ margin-top: 5px; }

.DivImgFrameLarge
{ background-color: #F7F7F7; border: dotted 1px #acacac; width: 625px; padding: 7px 4px 7px 4px; }

/*---------------------------------Meriterade hundar-----------------------------*/

#MeritFrame { width: 100%; }
#MeritFrame td { width: 50%; vertical-align: top; text-align: center; }
.MeritContent { text-align: left; }

/*--------------------------------Avelshundar------------------------------------*/

.DivSeeMore
{ width: 100%; margin-top: 10px; text-align: center; }

/* ---------------------------------Dogs + Dogs adm----------------------------------------------*/

#TblAdmOurDogs td
{ padding: 5px 0px 0px 0px; vertical-align: middle; font-weight: bold; }

.ST
{ width: 155px; font-size: 11px; height: 40px; }

#tblStv
{
    width: 450px;
}

.DivOurDogsL1
{ font-weight: bold; margin: 15px 0px 5px 0px;}

.DivOurDogsL2
{ margin-left: 40px; margin-top: 8px; font-style: italic; }

.DivOurDogsL3
{ margin-left: 80px; margin-top: 8px; height: 18px; line-height: 18px; background-color: #F7F7F7; border: dotted 1px #acacac; width: 400px;}

.DivOurDogsL3 a span
{ margin: 0px 10px 3px 10px; }
.DivOurDogsL3 a
{ display: block; height: 100%; text-decoration: none;}

.DivOurDogsL3 a:hover
{ background-color: #ffe8b8; }

.DivODBirth1
{ font-weight: bold; float: left; margin-right: 10px; margin-bottom: 10px; }

.DivODBirth2
{ margin-bottom: 10px; }

.DivODDesc1
{ font-weight: bold; margin-bottom: 5px; }

.DivODDesc2
{ margin-bottom: 10px; }

.TdStam1
{width: 156px; text-align: center; }

.TdStam2
{width: 156px; text-align: center; }

.TdStam3
{width: 157px; text-align: center; }

.TdStam4
{width: 161px; text-align: center; }

.LblStam
{font-size: 9px; margin-left: 0px; padding-left: 0px; }

/*---------------------------Menydelen------------------------------*/


#PageMenu 
{ margin: 0; width: 100%; background: #FFFFFF; float: left; }

#PageMenu ul 
{ list-style: none; margin: 0; padding: 0; width: 197px; float: left; }

#PageMenu li
{ position: relative; text-indent: 0px; }

#PageMenu a, #PageMenu h2 {
display: block;
border-style: none;
margin: 0px 0px 0px 0px;
padding: 2px 3px;
text-align: center;
cursor: pointer;
}

.MenuTopic a, .MenuTopic a:visited
{ color: #576276; font-size: 13px; vertical-align: middle; margin-top: 0px; font-weight: bold; text-transform: uppercase; text-indent: 0px; }

#PageMenu h2 
{ vertical-align: middle; margin-top: 0px; font-weight: bold; text-transform: uppercase; text-indent: 0px; }

#PageMenu a 
{ color: #000; background: #FFFFFF; text-decoration: none; }

#PageMenu a:hover 
{ color: #000000; background: #ffe1aa; }

#PageMenu li {position: relative;}

#PageMenu ul ul ul 
{ position: absolute; top: 0; left: 100%; }

#PageMenu ul ul 
{ border-bottom: solid 3px #444444; position: absolute; z-index: 500; }

#PageMenu ul ul a
{ border-right: solid 3px #444444; border-left: solid 3px #444444; }

div#PageMenu ul ul 
{ display: none; }

div#PageMenu ul li:hover ul
{display: block;}

div#PageMenu ul ul,
div#PageMenu ul li:hover ul ul,
div#PageMenu ul ul li:hover ul ul
{display: none;}

div#PageMenu ul li:hover ul,
div#PageMenu ul ul li:hover ul,
div#PageMenu ul ul ul li:hover ul
{display: block;}

/*-----------------------------------Litters View-------------------------------*/

.LitterTopic {float: left; font-style: italic; width: 210px; padding-top: 5px;}
.LitterTopic2 { font-style: italic; width: 210px; padding-top: 5px; padding-bottom: 5px; font-weight: bold;}
.LitterSpec { padding-top: 5px; float: none;}