body {margin: 0 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; background-color:#ffff99 ; line-height:1.4em ;}
*{margin:0; padding:0;}
h1 {font-size: 1.8em; margin:30px 0 10px 20px ; } /*sidrubriker */
h2 {font-size: 1.4em ; margin:0 0 0 20px ;} /*styckerubriker och namn, årtal - honor.htm - hane.htm - kullar */
h3 {font-size: 1.4em ; padding:50px 0 5px 0 } /* kattungar.htm */
h4 {font-size: 1em ;} /* styckerubriker - kullar.htm - rasen.htm - omoss.htm */

ul {list-style-type:none; }
.luft {margin: 0 0 20px 0 ;}

a:link {color:#333399 ; text-decoration:none ; }
a:visited {color:#333399 ; text-decoration:none ; }
a:hover {color:#333399 ; text-decoration:underline ; }

div.img { padding: 5px ;  height: auto;  width: auto;  float: left;  text-align: center;}	
div.img img { display: inline;  }


/* sidlayout */
#layout {width:894px ; background-color:#fff ;  border-top:2px solid #666666 ; border-right:2px solid #666666 ; border-left:2px solid #666666 ;  margin-top:10px ; margin-right:auto ; margin-bottom:10px ; margin-left:auto ; }
#sidhuvud {background:url(Bilder/sidhuvud100105.jpg); width:100% ; height:140px ; margin-right:auto ; margin-left:auto ; }

div#meny {z-index:100 ; height:35px; }

ul#navigation-1
	{ padding:1px 0; list-style:none; width:100%; height:30px; border-top:1px solid #666666; border-bottom:1px solid #666666 ; }
ul#navigation-1 li
	{ margin:1px; padding:0 1px; display:block; float:left; position:relative; width:143px; border:1px solid #666666; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background-color:#666666; color:#ffffff; width:143px; height:20px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background-color:#999999; color:#ffffff; width:143px; height:20px; border:1px solid #666666 ;}
	
ul#navigation-1 li ul.navigation-2
	{ margin:0 ; padding:1px 1px 0; list-style:none; display:none; background-color:#ffffff; width:143px; position:absolute; top:30px; left:-1px; border:1px solid #666666; }
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ width:143px; clear:left;}

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ border-left:medium none; border-right:medium none; border-top:medium none; clear:left ; background-color:#666666; width:143px; border-bottom:1px solid #ffffff; position:relative; z-index:1000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ border-left:medium none; border-right:medium none; border-top:medium none; clear:left; background-color:#999999; width:143px; border-bottom:1px solid #ffffff; position:relative; z-index:1000; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:143px; top:-2px; padding:1px 1px 0 1px; background-color:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background-color:#666666; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background-color:#ec454e; }
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:132px; font-size:12pt; background-color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:132px; font-size:12pt; background-color:#ffffff; }
	
	
.kolumncontainer{width:892px ; float:left ; background-color:#fff ; border-left:2px solid #666666 ; border-right:2px solid #666666 ; margin-right:auto ; margin-left:auto ; } /*honor.htm - gastbok.htm - kullar.htm  */
.kolumn1 {float:left ; width:430px ; padding:20px 5px 5px 20px ; }   /*omoss.htm - honor.htm - hane.htm - rasen.htm*/
.kolumn2 {float:right ; width:360px ; margin:5px ;  padding:10px ; }   /*omoss.htm - honor.htm - hane.htm - rasen.htm */
.kolumn4 {float:left ; width:380px  ; height:300px ; padding:5px 5px 5px 20px ; }  /*kullar.htm - Atji.htm - Mira.htm - Bosa.htm - Certo.htm - kattungar.htm*/
.kolumn5 {float:right ; width:390px ; height:300px ; padding:5px 50px 5px 20px ; }  /*kullar.htm -Atji.htm - Mira.htm -Bosa.htm - Certo.htm - kattungar.htm*/
.kolumn6 {float:left ; width:200px ; padding:100px 5px 5px 20px ; }   /*index.htm */
.kolumn7 {float:right ; width:650px ; padding:20px 0 0 10px ; }   /*index.htm */

.padding_left {float:left ; padding:0 0 0 20px ; } /*kullar.htm */

#sidfot {float:left ; width:892px ; background-image:url(bilder/sidfot.jpg) ; border-top:1px solid #666666 ; border-right:2px solid #666666 ;  border-bottom:2px solid #666666 ; border-left:2px solid #666666 ; }
