/*------------------------------------------------------
F Ä R G 
------------------------------------------------------*/
/*
#5b5b35		ramfärg
#efeacc		bakgrund beige
#efeacc		bakgrund kolumn 1(beige) 
#ffffff		textfärg i menyn
#		bakgrund på meny2
#		textfärg h2 h3
#		textfärg
#	ny textfärg starkare

/*------------------------------------------------------
M A I N - P O S I T I O N
------------------------------------------------------*/
/*Sätter innehållsramen på rätt position samt bakgrundsbilden*/
body 
{
	padding: 20px 20px 20px 20px;
	margin: 0; 
	font-family: Verdana, sans-serif; 
	background-image:  url(../img/img_style/bak.jpg);
	behavior: url(style/csshover.htc); /* WinIE behavior call */
}
	


/*Håller innehållsramen med två kolumner*/			
#layout 
{
	width: 900px; 
	height:500px;
	margin-right: auto; 
	margin-left: auto;  
	border-bottom: 2px solid #5b5b35; 
	border-right: 2px solid #5b5b35; 
	border-left: 2px solid #5b5b35;
	border-top: 2px solid #5b5b35;
	background-color:#83986f;
}

/*Kolumn 1 - Håller menydelen*/
#kolumn1 { 
	float: left; 
	width: 200px;
	height:500px;
	line-height: 20px;
	background-color: #efeacc; 
	margin-top:5px;
	margin-left:3px;
	margin-right:0px;
	margin-bottom:5px;
	text-align:left;	
}
	
/* Kolumn 2 - Håller innehållsdelen*/	
#kolumn2 
{
	width: auto; 
	height:500px;
	line-height: 20px;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;
	
	
}

/*sidfot - Copyright-raden*/
#sidfot {
	padding: 3px; 
	margin-right: auto; 
	margin-left: auto;  
	background-color:transparent;
	width: 850px;
	font-size:9px;
	text-align:center;
}
	
/*------------------------------------------------------
U T S E E N D E - K O L U M N 1
------------------------------------------------------*/

/*menyn i kolumn 1*/
#menycontainer{
	float: left;  
	padding-top:0px;
	margin-left:15px;
	padding-right:5px;
	margin-top:40px;
	/*font-family: Bradley Hand ITC, Trebuchet MS,verdana; */
	font-family: Bradley Hand ITC,Bell MT, Trebuchet MS,verdana;
	font-size:15px; 
	/*font-style:italic;*/
	line-height:25px;
	letter-spacing:1px;
	background-color:#83986f;
	
}

div#kolumn1 .log { border-style:none; margin-top:20px; margin-left:7px}/*  ; }text-align:center; 10px 50px 10px;*/
	
div#meny {float: left; margin-top: 0px;  color: #ffffff;  }
div#meny ul {width: 7em; margin:5px 5px 5px 5px; padding:5px 5px 5px 10px;  }
div#meny li {list-style: none; position: relative; }
div#meny li a {text-decoration:none; width: 7em;   }
div#meny li.submenu {width: 7em; background: url(../img/img_style/tri.gif) 95% 50% no-repeat; }
div#meny li.submenu:hover { color:#6f6d32; background-color:#ffffff;}
div#meny ul ul {background-color:#aaaa77; color:#6f6d32; padding:5px; width: 5em; display: none; position: absolute; top: -6px; left: 6.5em;}
div#meny ul.level1 li.submenu:hover ul.level2, 
div#meny ul.level2 li.submenu:hover  {display:block; }
div#meny a:visited{color: #ffffff;}
div#meny a:link{color: #ffffff;}
div#meny a:current{color: #ffffff;}
div#meny a:hover{color:#6f6d32; background-color:#ffffff
}

/*------------------------------------------------------
U T S E E N D E - K O L U M N 2
------------------------------------------------------*/
/*generellt utseende på allt i kolumn2*/

.frame { line-height: 20px;
	padding: 5px 5px 5px 5px;
	background-color:#efeacc;
	background-image:none;
	scrollbar-face-color: #efeacc;
	scrollbar-highlight-color: #efeacc;
	scrollbar-shadow-color: #efeacc;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #efeacc;
	scrollbar-darkshadow-color: #cccccc;
	font-size:11px;	
	color:#4e4e2d;
	
}

.frame  a:link{ text-decoration:none; font-weight:bold; color:#4e4e2d;}
.frame a:visited{ text-decoration:none; font-weight:bold; color:#4e4e2d;}
.frame a:hover{text-decoration:underline; font-weight:bold; color:#4e4e2d;}

/*------------------------------------------------------
undermeny
------------------------------------------------------*/
#underMenucontainer
{
	padding:10px 0px 10px 10px; 
	color: #6f6d32; 
	font-size: 17px;  
	font-family: Bradley Hand ITC, Trebuchet MS,verdana;
	letter-spacing:2px;}

#underMenucontainer hr{border-bottom:solid 1px #6f6d32; margin-left:1px; margin-right:5px; padding:0px 0px 0px 0px; }

#underMenucontainer a
{
	color: #6f6d32; 
	padding: 4px 20px 4px 530px; 
	font-size: 10px;  
	font-family: verdana;
	text-decoration: none;
	font-weight:normal;
	}
#underMenucontainer a:link{color: #6f6d32;}
#underMenucontainer a:visited{color: #6f6d32;}
#underMenucontainer a:hover{color:#6f6d32; text-decoration: underline;}
#underMenucontainer a#current{background: #e0e8b6; border-bottom: 1px solid #a1ba67; color: #000000;}

#underMenucontainer a.photo{  padding: 4px 20px 4px 530px; font-weight:bold;  font-family:Verdana; letter-spacing:normal; font-size:11px;  }

h3 {margin:0px 0px 0px 0px; color: #4e4e2d; letter-spacing: 2px; font: 11px Verdana; font-style:italic; }
h4 {margin:0px 0px 0px 5px; color: #4e4e2d; letter-spacing: 1px; font: 9px Verdana; font-style:italic; }


/*------------------------------------------------------
T E X T - Alla sidor som har text med plats för bilder till höger, tex fårsidan
------------------------------------------------------*/

div#text  
{
/*color:#4e4e2d;*/
width: 48em;
height:auto;
float: left;  
padding: 10px 10px 10px 20px;


}

div#text  a:link{ text-decoration:none; font-weight:bold; color:#4e4e2d;}
div#text a:visited{ text-decoration:none; font-weight:bold; color:#4e4e2d;}
div#text a:hover{text-decoration:underline; font-weight:bold; color:#4e4e2d;}

p {margin: 0 0 15px 0;}

div#text table{ width:auto; color:#4e4e2d; font-family: Verdana,  Trebuchet MS,Geneva; font-size:11px; }
div#text table a:link{ text-decoration:none; font-weight:bold; color:#4e4e2d;}
div#text table a:visited{ text-decoration:none; font-weight:bold; color:#4e4e2d;}
div#text table a:hover{text-decoration:underline; font-weight:bold; color:#4e4e2d;}

/*------------------------------------------------------
bilder
------------------------------------------------------*/

div#bild { 
/*margin-left:500px; */
padding: 10px 0px 0px 0px;
/*background-color:Lime;*/
}

div#bild a{border-bottom: 1px  #000000; text-decoration: none;}
div#bild a:link{color: #000000;}
div#bild a:visited{ color: #666666;}
div#bild a:hover{text-decoration: underline;}


.news {background: #ffffff; line-height:20px; 
}
.menu 
{
	background-color:#fefbfe;
	
	padding:0px;}

/*------------------------------------------------------
T E X T H E L - Alla sidor som har text på hela sidan (inga bilder till höger, tex hästpresentationer)
------------------------------------------------------*/ 

div#textHel  
{
/*color:#4e4e2d;*/
width: 56em;
height:auto;
float: left;  
padding: 10px 10px 10px 10px;

}

/*hästdatatabell på hästsidorna*/
div#textHel table{border:solid 1px #5b5b35; width:auto; color:#4e4e2d; font-family: Verdana,  Trebuchet MS,Geneva; font-size:11px; }
div#textHel table a:link{ text-decoration:none; font-weight:bold; color:#4e4e2d;}
div#textHel table a:visited{ text-decoration:none; font-weight:bold; color:#4e4e2d;}
div#textHel table a:hover{text-decoration:underline; font-weight:bold; color:#4e4e2d;}
div#textHel .radTitle{ width:130px; color:#4e4e2d;}
div#textHel .radFact{ width:400px;}
div#textHel .radHeader{ background-color:#a6a67d;}
div#textHel .radAlt{ background-color:#cccc99;}

/*------------------------------------------------------
FÖRSTA SIDAN - HOME
------------------------------------------------------*/
.home { line-height: 20px;
	padding: 5px 5px 5px 5px;
	background-color:#efeacc;
	background-image:none;
	scrollbar-face-color: #efeacc;
	scrollbar-highlight-color: #efeacc;
	scrollbar-shadow-color: #efeacc;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #efeacc;
	scrollbar-darkshadow-color: #cccccc;
	
}
	
.home  a:link{ text-decoration:none; font-weight:bold; color:#4e4e2d;}
.home a:visited{ text-decoration:none; font-weight:bold; color:#4e4e2d;}
.home a:hover{text-decoration:underline; font-weight:bold; color:#4e4e2d;}

/*Nyheter visar uppdateringar på första sidan*/
#nyheter
{
	background-color: transparent;
	color:#4e4e2d;
	height: 135px;
	width: 400px;
	margin: 10px 10px 10px 125;
	border:1px solid #83986f;
	padding: 5px;
	overflow: auto;
	scrollbar-face-color: #efeacc;
	scrollbar-highlight-color: #efeacc;
	scrollbar-shadow-color: #efeacc;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #efeacc;
	scrollbar-darkshadow-color: #cccccc;
}

div#nyheter table{ width:auto; color:#4e4e2d; font-family: Verdana,  Trebuchet MS,Geneva; font-size:11px;  }
div#nyheter table tr{line-height:16px;	}
div#nyheter table a:link{ text-decoration:none; font-weight:bold; color:#4e4e2d;}
div#nyheter table a:visited{ text-decoration:none; font-weight:bold; color:#4e4e2d;}
div#nyheter table a:hover{text-decoration:underline; font-weight:bold; color:#4e4e2d;}
div#nyheter .radDatum{ width:70px; color:#4e4e2d; vertical-align:top;}	


/*------------------------------------------------------
HÄSTSIDOR
------------------------------------------------------*/
/*Presentationsbilder på hästsidor, tex Avelsston*/
#PresMenu{padding: 10px 10px 10px 20px;	}
#PresMenu table{ padding:0px; border:0px; }
#PresMenu table .Pict{  border:0;}	

.plans{
	padding:10px 0px 10px 10px; 
	color: #6f6d32; 
	font-size: 17px;  
	font-family: Bradley Hand ITC, Trebuchet MS,verdana;
	letter-spacing:2px;}

/*------------------------------------------------------
HUNDSIDOR
------------------------------------------------------*/

#show table{ background-image: url(../img/img_style/linkDogBig.gif);  }
#show table th{ text-align:left; font-style:italic; font-weight:normal; padding-left:5px; background-color:grey; border-bottom:solid 1px grey;}
#show table td { padding:5px 5px 30px 5px; vertical-align:top; }
/*#show hr { color:Lime; }*/
/*------------------------------------------------------
LÄNKSIDAN
------------------------------------------------------*/
/*Hästbilden*/
div#link1 
{
	background-image: url(../img/img_style/linkHorseBig.gif);
	height: 450px; 
	width: 600px; 
	margin-left:20px;
	border:1px solid #83986f;
	padding:0px 0px 0px 0px;
}

/*Hundbilden*/
div#link2 
{ 
	background-image: url(../img/img_style/linkDogBig.gif);
	height: 450px; 
	width: 600px;
	margin-left:20px;
	border:1px solid #83986f;
}

/*Fårbilden*/
div#link3
{
	background-image: url(../img/img_style/linkSheepBig.gif);
	height: 450px; 
	width: 600px;  
	margin-left:20px;
	border:1px solid #83986f;
}

/*Övrigtbilden*/
div#link4
{
	background-image: url(../img/img_style/linkOtherBig.gif);
	height: 450px; 
	width: 600px;
	margin-left:20px;
	border:1px solid #83986f;
}

/*Titel på Bilden tex, Häst, Hund, Får, Blandat*/
.linkTitle
{
   font-weight:bold;
   color:#4e4e2d;}
 
/*Grupperingstitel, tex hingstar, övrigt*/
.linkGroup
{
   font-weight:bold;
   font-size:larger;
   color:#4e4e2d;
   margin-left:10px; 
   margin-top:20px;
}
   
#link1 a, #link2 a, #link3 a, #link4 a {
	color:#4e4e2d;
	font-weight:normal;
	text-decoration: none;
}

/*Länkutssende, tar bort listprickar...*/
#link1 a:hover, #link2 a:hover, #link3 a:hover, #link4 a:hover{ text-decoration: underline;}
#link1 ul.nav li, #link2 ul.nav li, #link3 ul.nav li, #link4 ul.nav li {list-style-type: none; }


/*------------------------------------------------------
vallhundar
------------------------------------------------------*/

.pres{ 
	width:400px;
	vertical-align:top;
	}
	
.name{ font-family: Verdana,  Trebuchet MS,Geneva; font-size:13px; color:#5b5b35; font-weight:bold;}

.title{ font-family: Verdana,  Trebuchet MS,Geneva; font-size:12px; color:#ffffff; 
	background-color:#83986f; text-align:center; width:506px; border:solid 1px #000000;
	padding:10px 10px 10px 10px;}


/*------------------------------------------------------
FOTOSIDAN
------------------------------------------------------*/
div#photoLink
{
	text-align:right;
	} 



div#photo 
{ margin-left:5px;
	width: 48em;
height:auto;
float: left;  
padding: 10px 10px 10px 20px;
}

div#photoBlock1
{
float: left; 
width: 10em;
height:15em;
	}
	
div#photoBlock2
{
width: 20em;
height:15em;
margin-left:10em;
	}
div#photoBlock3
{
width: 15em;
height:auto;
float: left; 
 
 
	}

/*Titel*/
.photoTitle
{
    margin-left:0px;
    font-weight:bold;
   color:#4e4e2d;
   }
 
  
#photo a{
	color:#4e4e2d;
	font-weight:normal;
	text-decoration: none;
	margin-left:5px; 
}

/*Länkutssende, tar bort listprickar...*/
#photo a:hover{text-decoration: underline;}
#photo ul li{list-style-type: none;}