* {
}

* {
margin: 0;
padding: 0;
}

/* LAYOUT */

html  {
height: 100%;
}


body {
font-family: Verdana, sans-serif;
color: #000;
font-size: 12px;
text-align: justify;
background: #000 url('design/bg.jpg') fixed;
height: 100%
}


#container {
position: relative;
min-height: 100%;
_height: 100%;
margin: 0 auto 0 auto;
width: 751px;
background:#fff url('design/main_bg.jpg') repeat-y;
}

#main {
position:relative;
height: 100%;
z-index:2;
}

#line {
position: absolute;
top:0px;
left:0px;
height: 160px;
width: 100%;
background: url('design/line.gif') no-repeat center;
}

#top {
position: relative;
width: 751px;
height: 342px;
background:url('design/top_en.jpg') no-repeat;
}

#top a {
position: absolute;
display:block;
left: 171px; 
top: 10px; 
width: 404px; 
height: 145px;
z-index:10
}

#top a#de {
left: 675px; top: 388px; 
height: 16px;
width: 21px; 
background:url('design/flags.gif');
}
#top a#en {
left: 675px; top: 405px; 
height: 16px;
width: 21px; 
background:url('design/flags.gif')0 -16px;
}
#top a#fr {
left: 675px; top: 422px; 
height: 16px;
width: 21px; 
background:url('design/flags.gif')0 -32px;
}
#topnavbar {
    width: 20px; 
    top:10px;
    display:block;
	left:55px;
	height:0px;
	position:relative;
	z-index:11;
	}
	
#bottom {
position: absolute;
bottom:0px;
height: 264px;
width: 751px;
background: url('design/bottom.jpg') no-repeat center bottom;
z-index:1
}

#bottom span {
position: absolute;
bottom:23px;
left:127px;
color: #6a7847;
font-size: 10px;
}

#bottom span a:hover {color: #6a7847; text-decoration:none}


#bottom span a:visited {color: #6a7847; text-decoration:none}


#bottom span a {color: #6a7847; text-decoration:none}


#text {
position: relative;
margin: 0 auto 100px auto;
padding: 10px 50px 0 50px;
width: 563px;
z-index:5;
background: url('design/text_bg.jpg') no-repeat 0 -5px;
}

#book{
position: absolute;
top:25px;
right:-44px;
height: 80px;
width:173px;
background: url('design/book_en.jpg') no-repeat;
text-align:right;
padding:75px 60px 0 0;
line-height:150%
}


#news {
width: 550px;}

/* INDEX */

#index {
position: relative;
height: 467px;
width: 730px;
margin: 46px auto 0 auto;
background:url('design/intro.jpg') no-repeat;
}
#index a#de {
display:block;
height: 100%;
width: 100%;
}

#index a#en {
position: absolute;
display:block;
left: 132px; top: 323px; width: 42px; height: 32px
}
#index a#fr {
position: absolute;
display:block;
left: 179px; top: 323px; width: 40px; height: 32px
}


/* MENU EN */


ul#menu {
width:751px;
height:44px;
position: relative;
background: url('design/menu_en.jpg') no-repeat;
margin: 0;
padding: 0;
z-index:4;
list-style-type: none;
}

ul#menu li {
top:0;
left:0;
position: absolute;
z-index:4;
}

ul#menu li span{
position: absolute;
top:0px;
height:45px;
display: block;
left:0;
text-indent: -4000px;
}

ul#menu li a{
position: absolute;
top:0px;
height:45px;
display: block;
left:0;
text-indent: -4000px;
}

ul#menu a#m01 {left:69px; width: 71px;}
ul#menu a#m02 {left:140px; width: 69px;}
ul#menu a#m03 {left:209px; width: 63px;}
ul#menu a#m04 {left:272px; width: 86px;}
ul#menu a#m05 {left:358px; width: 71px;}
ul#menu a#m06 {left:429px; width: 84px;}
ul#menu a#m07 {left:513px; width: 70px;}
ul#menu a#m08 {left:583px; width: 93px;}


ul#menu a#m01:hover {background: url('design/menu_en.jpg') -69px -44px}
ul#menu a#m02:hover {background: url('design/menu_en.jpg') -140px -44px}
ul#menu a#m03:hover {background: url('design/menu_en.jpg') -209px -44px}
ul#menu a#m04:hover {background: url('design/menu_en.jpg') -272px -44px}
ul#menu a#m05:hover {background: url('design/menu_en.jpg') -358px -44px}
ul#menu a#m06:hover {background: url('design/menu_en.jpg') -429px -44px}
ul#menu a#m07:hover {background: url('design/menu_en.jpg') -513px -44px}
ul#menu a#m08:hover {background: url('design/menu_en.jpg') -583px -44px}

ul#menu span#m01 {left:69px;  width: 71px;background: url('design/menu_en.jpg') -69px -44px}
ul#menu span#m02 {left:140px; width: 69px;background: url('design/menu_en.jpg') -140px -44px}
ul#menu span#m03 {left:209px; width: 63px;background: url('design/menu_en.jpg') -209px -44px}
ul#menu span#m04 {left:272px; width: 86px;background: url('design/menu_en.jpg') -272px -44px}
ul#menu span#m05 {left:358px; width: 71px;background: url('design/menu_en.jpg') -358px -44px}
ul#menu span#m06 {left:429px; width: 84px;background: url('design/menu_en.jpg') -429px -44px}
ul#menu span#m07 {left:513px; width: 70px;background: url('design/menu_en.jpg') -513px -44px}
ul#menu span#m08 {left:583px; width: 93px;background: url('design/menu_en.jpg') -583px -44px}


/* MENU FR */


ul#menu_fr {
width:751px;
height:44px;
position: relative;
background: url('design/menu_fr.jpg') no-repeat;
margin: 0;
padding: 0;
z-index:4;
list-style-type: none;
}

ul#menu_fr li {
top:0;
left:0;
position: absolute;
z-index:4;
}

ul#menu_fr li span{
position: absolute;
top:0px;
height:45px;
display: block;
left:0;
text-indent: -4000px;
}

ul#menu_fr li a{
position: absolute;
top:0px;
height:45px;
display: block;
left:0;
text-indent: -4000px;
}

ul#menu_fr a#m01 {left:53px; width: 67px;}
ul#menu_fr a#m02 {left:120px; width: 63px;}
ul#menu_fr a#m03 {left:183px; width: 70px;}
ul#menu_fr a#m04 {left:253px; width: 89px;}
ul#menu_fr a#m05 {left:342px; width: 81px;}
ul#menu_fr a#m06 {left:423px; width: 118px;}
ul#menu_fr a#m07 {left:541px; width: 66px;}
ul#menu_fr a#m08 {left:607px; width: 89px;}


ul#menu_fr a#m01:hover {background: url('design/menu_fr.jpg') -53px -44px}
ul#menu_fr a#m02:hover {background: url('design/menu_fr.jpg') -120px -44px}
ul#menu_fr a#m03:hover {background: url('design/menu_fr.jpg') -183px -44px}
ul#menu_fr a#m04:hover {background: url('design/menu_fr.jpg') -253px -44px}
ul#menu_fr a#m05:hover {background: url('design/menu_fr.jpg') -342px -44px}
ul#menu_fr a#m06:hover {background: url('design/menu_fr.jpg') -423px -44px}
ul#menu_fr a#m07:hover {background: url('design/menu_fr.jpg') -541px -44px}
ul#menu_fr a#m08:hover {background: url('design/menu_fr.jpg') -607px -44px}

ul#menu_fr span#m01 {left:53px; width: 67px;background: url('design/menu_fr.jpg') -53px -44px}
ul#menu_fr span#m02 {left:120px; width: 63px;background: url('design/menu_fr.jpg') -120px -44px}
ul#menu_fr span#m03 {left:183px; width: 70px;background: url('design/menu_fr.jpg') -183px -44px}
ul#menu_fr span#m04 {left:253px; width: 89px;background: url('design/menu_fr.jpg') -253px -44px}
ul#menu_fr span#m05 {left:342px; width: 81px;background: url('design/menu_fr.jpg') -342px -44px}
ul#menu_fr span#m06 {left:423px; width: 118px;background: url('design/menu_fr.jpg') -423px -44px}
ul#menu_fr span#m07 {left:541px; width: 66px;background: url('design/menu_fr.jpg') -541px -44px}
ul#menu_fr span#m08 {left:607px; width: 89px;background: url('design/menu_fr.jpg') -607px -44px}



/* MENU DE */


ul#menu_de {
width:751px;
height:44px;
position: relative;
background: url('design/menu_de.jpg') no-repeat;
margin: 0;
padding: 0;
z-index:4;
list-style-type: none;
}

ul#menu_de li {
top:0;
left:0;
position: absolute;
z-index:4;
}

ul#menu_de li span{
position: absolute;
top:0px;
height:45px;
display: block;
left:0;
text-indent: -4000px;
}

ul#menu_de li a{
position: absolute;
top:0px;
height:45px;
display: block;
left:0;
text-indent: -4000px;
}

ul#menu_de a#m01 {left:48px; width: 73px;}
ul#menu_de a#m02 {left:121px; width: 63px;}
ul#menu_de a#m03 {left:184px; width: 79px;}
ul#menu_de a#m04 {left:263px; width: 83px;}
ul#menu_de a#m05 {left:346px; width: 69px;}
ul#menu_de a#m06 {left:415px; width: 74px;}
ul#menu_de a#m07 {left:489px; width: 57px;}
ul#menu_de a#m08 {left:546px; width: 66px;}
ul#menu_de a#m09 {left:612px; width: 93px;}


ul#menu_de a#m01:hover {background: url('design/menu_de.jpg') -48px -44px}
ul#menu_de a#m02:hover {background: url('design/menu_de.jpg') -121px -44px}
ul#menu_de a#m03:hover {background: url('design/menu_de.jpg') -184px -44px}
ul#menu_de a#m04:hover {background: url('design/menu_de.jpg') -263px -44px}
ul#menu_de a#m05:hover {background: url('design/menu_de.jpg') -346px -44px}
ul#menu_de a#m06:hover {background: url('design/menu_de.jpg') -415px -44px}
ul#menu_de a#m07:hover {background: url('design/menu_de.jpg') -489px -44px}
ul#menu_de a#m08:hover {background: url('design/menu_de.jpg') -546px -44px}
ul#menu_de a#m09:hover {background: url('design/menu_de.jpg') -612px -44px}

ul#menu_de span#m01 {left:48px; width: 73px;background: url('design/menu_de.jpg') -48px -44px}
ul#menu_de span#m02 {left:121px; width: 63px;background: url('design/menu_de.jpg') -121px -44px}
ul#menu_de span#m03 {left:184px; width: 79px;background: url('design/menu_de.jpg') -184px -44px}
ul#menu_de span#m04 {left:263px; width: 83px;background: url('design/menu_de.jpg') -263px -44px}
ul#menu_de span#m05 {left:346px; width: 69px;background: url('design/menu_de.jpg') -346px -44px}
ul#menu_de span#m06 {left:415px; width: 74px;background: url('design/menu_de.jpg') -415px -44px}
ul#menu_de span#m07 {left:489px; width: 57px;background: url('design/menu_de.jpg') -489px -44px}
ul#menu_de span#m08 {left:546px; width: 66px;background: url('design/menu_de.jpg') -546px -44px}
ul#menu_de span#m09 {left:612px; width: 93px;background: url('design/menu_de.jpg') -612px -44px}



/* TEXT */


p {margin: 5px 0 15px 0px;}
#text p {margin: 5px 0 15px 0px;}

a {color: #2f4b01; text-decoration:none}
a:visited {color: #2f4b01;}
a:hover {color: #558801;}
a:focus {outline: none;}

#text a {color: #2f4b01; text-decoration:none}
#text a:visited {color: #2f4b01;}
#text a:hover {color: #558801;}


a.more {background: url('design/arrow.gif') no-repeat 100% 60%; 
padding-right:13px
}

h1 {
font-size: 24px;
font-weight: normal;
color: #6a7847;
font-family: "Times New Roman", serif;
text-align: center;
margin:0px 0 0px 0;
padding:10px 0;
background: url('design/h_bg.gif') no-repeat center;
}

div.separator{
position: relative;
width: 663px;
height: 44px;
background: url('design/separator.jpg') no-repeat center;
margin:25px -50px 15px -50px
}

p.data {
font-size: 9px;
color: #d3d3d3;
margin: 5px 0 -6px 0px !important;
}

.data .day-mon {
display:block;
float:left;
font-size: 26px;
color: #d3d3d3;
font-family: "Times New Roman", serif;
margin:-3px 3px -10px 0
}


.green {
color:#2f4b01;
font-weight:bold
}

p.three {
text-align:center; 
width:33%; 
float:left; 
clear:right;
margin:0;
}

p.two {
text-align:center; 
width:49%; 
float:left; 
clear:right;
margin:0;
}

p.gallery {text-align:center}

p.gallery img {
padding:4px;
border:1px solid silver;
margin:6px;
}


img.border {
padding:4px;
border:1px solid silver;
margin:10px
}

.left {
float:left;
margin:0px 20px 10px 0 !important
}

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


p.two img.border{
margin:10px 0 10px 0
}

p.three img.border{
margin:10px 0 10px 0
}

.small {
font-size:10px;
color:#999999;
}

table {
border:none;
margin: 0px;
border-collapse: separate;
text-align:left;
width:100%
}

table td {
vertical-align: top;
border: 1px solid #d3d3d3;
padding: 3px 6px;
}

table td.no_border {
border:none;
}
table td.width190 {
width:190px
}

table th {
border: 1px solid #d3d3d3;
background: #EFEFEF;
padding: 3px 3px;
font-weight: bold;
text-align:center;
}

table img.border{
margin:-3px 5px 0 5px
}

table.pedigree {
font-size:9px;
border-collapse: collapse;
}
table.pedigree td {
padding: 5px 13px;
width:25%;
vertical-align:middle
}


table.pedigree img {
padding:4px;
border:1px solid silver;
}

table.litters td {
vertical-align: middle;
}

table.kittens td.newborn img {
padding:4px;
border:1px solid silver;
width:100px; 
height:100px;
}

table.show {
font-size:11px
}
table.show td.show_date {
width:80px;
color:#777777;
text-align:center
}
table.show td.show_place {width:115px;}
table.show td.comment {color:#777777;}

.special {color: #ff010d; font-weight: bold;}

.bob {color: #ff010d; font-weight: bold;}
.bis {color: #d12003; font-weight: bold;}
.biv {color: #01a420; font-weight: bold;}
.nom {color: #ee6001; font-weight: bold;}
.dvm {color: #0000ff; font-weight: bold;}