ÿþ/* BODY-ELEMENTET */



body {background-color: #ffffff;

	font-family:  'Trebuchet MS', georgia, arial, verdana, sans-serif;

	font-size: 0.8em;

	color: #000000; 

	padding: 0;

	margin: 0;}

	

#page { background: url('footerbakgrund.jpg') no-repeat bottom center;

	width: 800px;

	margin-right: auto;

	margin-left: auto;

	position: relative; }



#header { height: 200px; }



#main {  }



#main #meny {background: url('menybakgrund.png') repeat-y top right;

	float: left; 

	margin-top: -15px;

	width: 150px;

	text-transform: uppercase;}

	

#meny a { color: #2d8c3f; }



#meny a:hover{ color: #f3cf19; }

	

#meny ul {list-style-type: none;

	padding: 0;

	margin: 0;

	letter-spacing: 2px;

	font-weight: bold; }

	

#meny ul li {padding: 5px; }



#meny ul ul {padding: 5px 0px 10px 15px; 

	font-size: 0.9em;}

	

#meny ul ul  li{padding: 0px; }



#meny ul ul ul {list-style-type: none;

	padding: 0px 0px 5px 15px;

	font-size: 0.8em;

	letter-spacing: 2px;

	line-height: 10px;}

	

#hast_meny ul ul.sub_menu {display: none; }



#hast_meny ul ul.active {display: block; }

	

#main #content {	background: url('menybakgrund2.png') repeat-x top left;

	float: right;

	width: 650px; 

	padding-top: 10px;}



#footer {margin-top: 100px; }



#adress {background-image: url('bakgrund1.png');

	font-weight: bold;

	letter-spacing: 2px; }



#round_div { text-align: center;

	width: 750px;

	margin: 0px; }

	

.r1{margin: 0 5px; padding: 0; height: 1px; overflow: hidden; background-image: url('bakgrund1.png')}

.r2{margin: 0 3px; padding: 0; height: 1px; overflow: hidden; background-image: url('bakgrund1.png')}

.r3{margin: 0 2px; padding: 0; height: 1px; overflow: hidden; background-image: url('bakgrund1.png')}

.r4{margin: 0 1px; padding: 0; height: 2px; overflow: hidden; background-image: url('bakgrund1.png')}





/* BILDER */

/* om inte annat anges ska bilderna inte ha någon ram */

img { border-width: 0px;}



#logga { width: 384px;

	height: 240px;

	position: absolute;

	top: 0;

	right: -50px; }

	

.startbild { width: 325px;

	height: 231px; 

	float: right;

	border: 5px solid #fff9a3;

	margin: 10px;

	margin-right: 0;}

	

.kontaktbild { width: 325px;

	height: 231px; 

	float: right;

	border: 5px solid #fff9a3;

	margin: 10px;

	margin-top: 20px;

	margin-right: 0;}

	

.profilbild { width: 270px;

	height: 300px; 

	float: right;

	border: 5px solid #fff9a3;

	margin: 10px;

	margin-right: 0;}

	

.tackbild { width: 270px;

	height: 362px; 

	float: right;

	border: 5px solid #fff9a3;

	margin: 10px;

	margin-right: 0;}

	

.thumb { width: 150px; 

	height: 120px;

	width: 120px; 

	border: 1px solid; 

	margin: 5px; }

	

/* TEXT */



p {line-height: 20px; 

	text-align: left; 

	margin-left: 5px; }



p.loptext {text-indent: 20px; }

	

.centrera {text-align: center; }



.capital {font-family: georgia; 

	font-size: 1em;}

	

p.bildtext {line-height: 10px;

	text-align: center;

	margin: 0;

	padding: 0;}

	

p.backtotop {font-size: 0.75em;

	text-align: right; }

	

h1 {	font-size: 1.5em;

	letter-spacing: 3px;

	margin-left: 5px; }

	

h2 {	font-size: 1.2em;

	letter-spacing: 3px;

	margin-left: 5px; }



.p_right {text-align: right;

	margin: 0;

	padding: 0;}

	

/* LÄNKAR */



a {color: #2d8c3f;

	text-decoration: none; }



a:visited { color: #2d8c3f;				

	text-decoration: none; }



a:hover { color: #f3cf19;}



#webbmaster a {color: #fff;}

#webbmaster a:hover { color: #f3cf19;}



/* TABELLER */



table.tabell1 { width: auto;

	border-collapse: collapse;

	text-align: left;}



.tabell1 td {padding: 5px; 

	text-align: left;}

	

.tabell1 th {padding: 5px; }





.stamtavla {border: 1px solid #000000; 

	width: 500px;

	border-collapse: collapse; 

	text-align: left;}

 

.stamtavla td {border: 1px dotted black; 

	padding: 5px; }







	

/* LINJE */

	

.clear {visibility: hidden;

	clear: both; }



.kantlinje {border-left: 1px dotted #000000; }





/* BESÖKSRÄKNARE */



#raknare {/*letter-spacing: 1px;*/

	margin: 0px;	

	padding: 0px;

	text-align: center; }

	



/* bloggens och gästbokens iframe */

#iframe {float: right;

	width: 640px;

	height: 600px;

	margin-top: 5px;}

	

	

	

#tackbox { width: 650px; 

	margin-right: auto;

	margin-left: auto;}

	

	

	

	

	













	

	

/* LINJE */

.linje { border-top: 1px solid #000000; 

	width: 90%; }

	



.p_left {text-align: left;

	margin-left: 5px; }







.right2 {text-align: center;

	font-size: 0.8 em;

	margin: 0;

	padding: 0;}









.markerad {font-weight: bold; }





	

	

	

.salubild { width: 270px; 

	height: 300px;

	border: 1px solid #000000; }



#tack { width: 270px; 

	border: 1px solid #000000; }















	

	

#logotyp {height: 235px;

	margin: 0px;	

	padding: 0px;

	position: relative; }



/* HORISONTELLA MENYN */



#top_meny {margin-top: 200px;	

	padding: 0px;

	position: absolute;

	bottom: 0;

	right: 0;}



#top_meny_list {background-image: url('bakgrund1.png');}



#top_meny ul{margin: 0;

	padding: 10px;}



#top_meny li{display: inline;

	list-style-type: none;

	margin: 0;}

	

#top_meny li a{font-size: 1em;

	font-weight: bold;

	letter-spacing: 3px;

	margin: 28px;}



#top_meny li a:hover, #current{color: #000000;	}



#menybox {width: 140px;

	float: left;

	margin: 0px;	

	padding: 0px;}





	

/* menyns länkar */



/*#meny a:link {color: #ffffff;

	text-decoration: none;}

#meny a:visited {color: #ffffff; 

	text-decoration: none;}

#meny a:hover {color: #999999;

	text-decoration: underline;}

#meny a:active {text-decoration: underline;}*/



/* menyns list-element */







#meny a.aktiv {color: #262626; }



/* INNEHÅLLES DIVEN */



#content_index {background-image: url('bakgrund3.png');

	border: 1px solid #262626;

	float: right;

	width: 650px;}







/* osynlig spalt */

/* spalt som jag använder i innehållsdiven för struktur */

.spalt {width: 325px;

	float: left; }















/* FORMULÄR */



#formular {padding-left: 40px; }



.textfalt { margin: 5px;

	width: 200px; }



#textarea { width: 250px; 

	height: 100px; }



/* LINJE */

.linje { border-top: 1px solid #000000; 

	width: 90%; }