/* CSS Document */
body {
	padding: 0em;
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #CCCCCC;
	color: #695536;
	overflow-X: hidden;

}
h1 {
	margin: 0;
	font-size: 1.2em;
	color:#695536;
    font-weight:bolder;
	padding-top: 10px;
}
h2 {
	margin: 0;
	font-size: 16px;
	color:#333333;
	font-weight:bolder;
}
h3 {
	margin: 0em 0 0.5em 0;
	font-size: 1.3em;
	color:#695536;
	font-weight:bold;
	width:100%;
	text-align:center;
	background-color:#9C9F84;
	border-bottom: solid #660000 1px;
	border-top: solid #660000 1px;
	}
	
h4 {
	margin: 0;
	font-size: 12px;
	color:#ECE9D8;
	background-color:#695536;
	padding-left: 5px;
	line-height: 1.7em;
}
	
p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0;
	color:#695536;
	font-size: 11px;
	padding: 5px;
}

a:link {
	text-decoration: none;
	color: #660000;
	font-weight: bold;
}

a:active {
text-decoration: none;
color: #660000;
font-weight: bold;
}

a:visited {
text-decoration: none;
color: #660000;
font-weight: bold;
}

a:hover {
text-decoration: underline overline;
color: #660000;
font-weight: bold;
}

.shadowimage {font-size: 40px; font-weight: bold; filter: Shadow(Color=666666, Direction=120); width: 100%; height: 60px;}
/*<span class="shadowimage"><img src="din_bild.jpg"</span> */


#topbild {
	width:160px;
	height:422px;
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	
}
.topbild {
	margin-top:14px;
	margin-bottom: 0px;
	}
#bottenbild {
	width:517px;
	height:160px;
	float:left;
	margin-left: 0px;
	margin-top: 0px;
}
.bottenbild{
	margin-right:12px;
	}
.galleribild{
	margin-right:10px;
	margin: 10px;
	}
	
.marginalbild{
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	}
	
.galleribild2{
	margin-right:10px;
	margin: 5px;
	width:150px;
	float: left;
	display: inline;
	}

#text {
	width:482px;
	height:209px;
	float:left;
	margin-top: 14px;
	background-color: #ECE9D8;
	padding: 10px;
	margin-bottom: 17px;
	border: solid #660000 1px;
}
#textstor {
	width:660px;
	height:auto;
	float:left;
	background-color: #ECE9D8;
	padding-bottom: 10px;
	border-bottom: solid #660000 1px;
	border-left: solid #660000 1px;
	border-right: solid #660000 1px;
}
#hundtext {
	width:675px;
	height:auto;
	float:right;
	margin-top: 0px;
	background-color: #ECE9D8;
	padding: 0px;
	border-right: solid #660000 1px;
	border-bottom: solid #660000 1px;
	border-left: solid #660000 1px;
}
#hundtext {
	width:675px;
	height:auto;
	float:right;
	margin-top: 0px;
	background-color: #ECE9D8;
	padding: 0px;
	border-right: solid #660000 1px;
	border-bottom: solid #660000 1px;
	border-left: solid #660000 1px;
}
#hundinfo {
	width:192px;
	height:188px;
	float:left;
	margin-top: 0px;
	background-color: #ECE9D8;
	padding: 0px;
	margin-bottom: 10px;
	border-right: solid #660000 1px;
	border-bottom: solid #660000 1px;
	border-left: solid #660000 1px;
	margin-right: 10px;
}
.horisontspalt{
	width:675px;
	height:100px;
	float:left;
	margin-top: 10px;
	background-color: #ECE9D8;
	padding-left: 0px;
	clear:both;
	border-bottom: solid #660000 1px;
	border-left: solid #660000 1px;
	border-right: solid #660000 1px;
}
#hundbild1 {
	width:470px;
	height:197px;
	float:right;
	margin-top: 0px;
	margin-bottom: 10px;
	overflow: auto;
	text-align: center;
}
.vertikalspalt{
	width:210px;
	height:400px;
	float:left;
	margin-top: 0px;
	background-color: #ECE9D8;
	margin-left: 0px;
	border-bottom: solid #660000 1px;
	border-left: solid #660000 1px;
	border-right: solid #660000 1px;
	margin-right: 10px;
}
#undermeny{
	width:677px;
	height:50px;
	float:left;
	margin-top: 0px;
	background-color: #ECE9D8;
}
layout table {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	font-size:10px;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	height: auto;
	width: 100%;
	}
	
layout th {
	background:#ECE9D8;
	font-weight:bolder;
	}
layout td	{
	color:#000000;
	background:#ECE9D8;
	}

/* sidlayout */
#layout {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: 60px;
	top: 20px;
	height: 550px;
	background-color: #000000;
	border: solid #375B69 1px;
	z-index: 2;
}
#sidhuvud {
	padding: 0px;
	width: 878px;
	height: 98px;
	background-color: #9C9F84;
	border: solid #660000 1px;
	background-image: url(logga.gif);
}


#kolumncontainer{
	width: 880px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #660000;
	height: 420px;
	padding: 0px;
}
#kolumn1 {
	float: right;
	width: 180px;
	padding: 0px;
	height: 442px;
	overflow: auto;
	overflow-X: hidden;
	background-color: #ECE9D8;
	border-left: solid #660000 1px;
	border-right: solid #660000 1px;
}
#kolumn2 {
	float: left;
	width: 677px;
	padding: 10px;
	height: 422px;
	overflow: auto;
	overflow-X: hidden;
	background-color: #FFFFFF;
	border-left: solid #660000 1px;
}
#sidfot {
	padding: 10px;
	width: 858px;
	height: 48px;
	background-color: #9C9F84;
	float: left;
	clear: both;
	border: solid #660000 1px;
}
ul#navlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
    width: 100%;
	color: #9C9F84;
	background-color: #660000;


}
ul#navlist li { display: inline; }

ul#navlist li a
{
	float: left;
	width: 7em;
	font-size:11px;
	font-weight:bolder;
	color: #9C9F84;
	background-color: #660000;
	padding: 0.2em 0.8em;
	text-decoration: none;
	border-right: solid #9C9F84 1px;

}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
background-color: #fff;
color: #9C9F84;
border-bottom: solid #FFFFFF 1px;
}
	ul#navlist li#active a
{
	color: #9C9F84;
	background-color: #fff;
	border-bottom: solid #FFFFFF 1px;
}

#navcontainer {
	background-color: #9C9F84;
	padding: 0px;
	width: 878px;
	height: auto;
	clear:both;
	border-left: solid #660000 1px;
}
/*lista 2*/
#menycontainer{
	margin-left: 5px;
	width: 165px;
	font-size: 11px;
	text-align:left;
	margin-top: 15px;
}

#meny{margin: 0; padding: 0; list-style-type: none;}
#meny a{display: block; margin: 0; padding: 1px; background: #ECE9D8; padding: 1px; text-decoration: none; height: 100%;}
#meny ul{list-style-type: none;} 
#meny ul a{margin: 0; padding: 1px; background: #ECE9D8;} 

#meny a:link{color: #9C9F84;}
#meny a:visited{color: #9C9F84;}
#meny a:hover{color: #660000;}
#meny a#current{font-weight: bold; color: #660000; text-align:left;}
#meny a#subcurrent{font-weight: bold; color: #660000; text-align:left;}