body{
	margin: 0px;
	background: #333 url(image/bg.gif) repeat;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #CCCCCC;
	}

a:link{
	color: #CCCCCC;
	text-decoration:none;
}

a:visited{
	color: #CCCCCC;
	text-decoration:none;
}

a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}

img{
	border: 0px;
}


/* -----------------------------------------------  TYPSNITT  ------------------  */


.bold{
	font-weight:bold;
	}	

h1{
	width: 90%;
	font-size:22px;
	font-family: calibri, Arial, Helvetica, sans-serif;
	line-height: 26px;
	letter-spacing:0.2em;
	margin: 0 0 6px 0;
		font-weight:normal;
	}
h2{
	color:#EAE7E7;
	font-family:calibri,arial,verdana;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.3em;
	margin: 0 0 6px 0;
	}

.rubrik2{
	color:#EAE7E7;
	font-family:calibri,arial,verdana;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.1em;
	margin: 0 0 6px 0;
	}
	
.kursiv{
	font-style:italic;

	}


/*  ---------------------------------------------------------------  INDEX SIDAN -------*/	
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 850px; /* 635px;*/
	/*background-color:#333;
	background-image:url(image/permanent/middle.jpg);
	background-repeat:repeat-y;*/
	margin-top: 0px;
	background-color: #000;
	min-height: 80px;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	}	
	
.wrap2{
	width: 850px; /*610px;*/
	margin-left: 0px;
	}	
	
.header{
	/*background-image:url(image/permanent/header.gif);
	background-repeat:no-repeat;*/
	vertical-align:bottom;
	background-color: #000;
	height: 170px;
	}
.header h1{
	margin-top: 0px;
	padding-top: 40px;
	padding-left: 20px;
}

.header img{
	border: none;
	margin-top: 40px;
	margin-left: 10px;
	}
	
.content{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	width: 750px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}	

.bottom{
	/*background-image: url(image/permanent/bottom2.jpg);
	background-repeat: no-repeat;*/
	height: 30px;
	background-color:#000000;
	clear:both;
	}
	
/* ------------------------------------------------------------- HUVUDMENYN ----------------  */

.menycontainer{
	background: #181818 url(image/permanent/bgmeny.jpg) repeat-x;
	height: 40px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #222;
	position: relative;
	padding-left: 20px;
	}
	

.menycontainer ul{ 
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 0px;
	border-left: 1px solid #111; 
	height: 40px;
	display: block;
	}
	
.menycontainer li{
	float: left;
	height: 36px;

	}
	
.menycontainer ul a{
	display: block;
	padding: 13px 15px 13px 15px;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #2e2e2e;
	border-right: 1px solid #000000;

	} 

.menycontainer a:link{
	color: #ffffff;
	}
	
.menycontainer a:visited{
	color: #ffffff;
	}
	
.menycontainer a:hover{
	background:#222;
    color: #fff;
	text-decoration: none;
	}

.menycontainer a#current{
	background: #990000 url(image/permanent/bgmenyselected.jpg) repeat-x; 
	color: #fff;
	} 
/* ---------------------------------------------------------------------------- UNDERMENY--------------------*/	
.undermeny{
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	width: 190px;
	}
	
.undermeny2{
	float: left;
	padding-top: 20px;
	padding-right: 20px;

	}

#vald{
	color: #666666;
	}

/* --------------------------------------------------------------------------   FÖRSTA SIDAN ---------------  */

.welcome{
	width: 770px;
	}	
	
.welcome-text{
	width: 230px;
	padding-left: 15px;
	padding-top: 5px;
	float: left;
	line-height: 16px;
	text-align: left;
	}	

.welcomeimage{

	padding-left: 20px;
	float: left;
	margin-top: 50px;
	overflow: hidden;
	height: 250px;
	width: 400px;
	text-align: center;
	}




.news{
	padding: 0 20px 0 20px;
	margin-left: 30px;
	}
	
.news h2{
	font-family: calibri, arial, verdana;
	font-weight: normal;
	font-size: 18px;
	/*background: url(image/newsicon.gif) no-repeat;*/
	/*padding-left: 30px;*/
	padding-bottom: 6px;
	height: 50px;
	margin: 0px;
	display: table-cell;
	vertical-align: bottom;
	color: #eae7e7;
	letter-spacing: 0.3em;}	

.latestnews{
	width: 600px;
	color: #ccc;
	background-color: #181818;
	padding: 20px 20px;
	}


/* ----------------------------------------------------------------  OM OSS SIDAN --------  */

.omoss{
	width: 750px;
	}
	
.omoss-text{
	width: 250px;
	height: 100px;
	padding-left: 5px;
	padding-top: 5px;
	float: left;
	}	

.omossimage{
	width: 280px;
	height: 400px;
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	}

/* ----------------------------------------------------------------  LINKS SIDAN --------  */

.links{
width: 490px;
}


/* ----------------------------------------------------- DJUR & GALLERI SIDORNA --------  */

.djur{
	min-height: 500px;
	float: left;
	padding-left: 20px;
	border-left: groove 1px #333;
	
	}

.djurbild{
	width: 400px;
	height: 300px;
	overflow: hidden;
	margin-top: 0px;
	float:right;
	text-align: left;
	margin-left: 5px;
	}
	

.djurtext{
	padding-right: 5px;
	width: 190px;
	}
	
.djurnamn{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

.djrubrik{
	font-size: 18px;
	font-weight:bold;
	}
.menywrap{
	float: left;
	}

.menyn{
	width: 119px;
	padding-right: 10px;
	padding-left: 12px;
	background-image:url(image/permanent/menyshadow.jpg);
	background-repeat:repeat-y;
	}

.menytop{
	background-image:url(image/permanent/menytop.jpg);
	height: 30px;
	width: 140px;
	background-repeat:no-repeat;
	}

.menybottom{
	background-image:url(image/permanent/menybottom.jpg);
	height: 25px;
	width: 140px;
	background-repeat:no-repeat;
	}
	
.minne{
	clear:both;
	}
	
/* -----------------------------------------------------------------PLANER / KATTUNGAR/ TIDIGARE KULLAR*/

.sidcontent{
	float: left;
	padding-left: 20px;
	border-left: groove 1px #ccc;
	width: 600px; 
	}


/* ----------------------------------------------------------------  ADMIN SIDAN --------  */
	
.loginwrap{
	background-image: url(image/permanent/loginbox-shadow.jpg);
	background-repeat:repeat-y;
	width: 400px;
	}

.loginwrap2{
	width: 300px;
	padding-left: 30px;
	}
	
.rubrik1admin{
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	}

.rubrik2admin{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

.datum{
	font-size: 10px;
	}
	
.tableedit{
	border-bottom: 1px solid #bbb;
	width: 400px;
}
	
.gallerivisa{
	width: 450px;

}
	
/* ----------------------------------------------------  UTFYLLNAD  -----------*/

.spacer{
	height: 5px;
	clear:both;
	}
	
.right{
text-align:right;
width: 370px;}


/*--------------------------------------------------- ADMIN------------------------*/

.menycontainer2{
	background: #181818;
	height: 29px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #222;
	position: relative;
	clear: both;
	}
	

.menycontainer2 ul{ 
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 0px;
	border-left: 1px solid #111; 
	height: 25px;
	display: block;
	}
	
.menycontainer2 li{
	float: left;
	height: 29px;

	}
	
.menycontainer2 ul a{
	display: block;
	padding: 7px 7px 7px 7px;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #2e2e2e;
	border-right: 1px solid #000000;

	} 

.menycontainer2 a:link{
	color: #ffffff;
	}
	
.menycontainer2 a:visited{
	color: #ffffff;
	}
	
.menycontainer2 a:hover{
	background:#222;
    color: #990000;
	text-decoration: none;
	}

.menycontainer2 a#current{
	background: #990000; 
	color: #fff;
	} 
	
	
	
/*popen på kattungesidorna*/	
	
#cover {
display:none;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:gray;
filter:alpha(Opacity=50);
opacity:0.5;
-moz-opacity:0.5;
-khtml-opacity:0.5;
overflow: hidden;
}

#dialog{
display:none;
left: 35%;
top: 200px;
width:400px;

position:absolute;
z-index:100;
background: #000;
padding:2px;
font:10pt tahoma;
border:1px solid #ccc;
overflow: auto;
color: #fff;
}

#dialog span{
text-align:right;
}


.undermeny h2 {
color:#EAE7E7;
font-family:calibri,arial,verdana;
font-size:18px;
font-weight:normal;
letter-spacing:0.3em;
margin: 0 0 6px 0;

}