body {
	padding: 0;
	margin: 0;
	font: 80% tahoma, verdana, sans-serif;
	color: #000000;
	background: #C8C8FF;
}


#topnavigator {
	margin: 10px auto 0px auto;
	font-size: 0.8em;
	width: 800px;
}

#topnavigator p {
	margin: 0 0 2px 0;
	text-align: right;
	line-height: 1.5em;
	color: #6D6DBF;
}

#topnavigator .inactivetab {
	padding: 3px 5px 2px 5px;
	margin: 0 0 0 4px;
	text-decoration: none;
	background: #E9E9FF url(../webimg/corner.gif) top right no-repeat;
	color: #6D6DBF;
}

#topnavigator .inactivetab:hover {
	background: #9191FF url(../webimg/corner.gif) top right no-repeat;
	color: #E9E9FF;
	text-decoration: none;
}

.editbutton
{
	width: 780px;
	margin: 10px 10px 0px 10px;
	text-align: right;
	color: #9F60BF;
}

#topnavigator .activetab {
	padding: 3px 5px 3px 5px;
	margin: 0 0 0 4px;
	color: #6D6DBF;
	text-decoration: none;
	border-bottom: 1 px solid #ffffff;
	background: #ffffff url(../webimg/corner.gif) top right no-repeat;
}

#topnavigator .activetab:hover {
	text-decoration: none;
}

#pagewrapper {
	margin: auto;
	padding: auto;
	width: 800px;
	background: #ffffff url(../webimg/kri-sof-mar-bg.gif) bottom right no-repeat;
	border-top: 1px solid #6D6DBF;
	border-bottom: 2px solid #6D6DBF;
	border-left: 1px solid #6D6DBF;
	border-right: 2px solid #6D6DBF;
}

#header {
	border: 1px solid #6D6DBF;
	margin: 10px 10px 0px 10px;
	padding: 0 auto 0 auto;
	width: 780px;
	height: 140px;
	background: #ffffff url(../webimg/headerimage-dandy.jpg) bottom right no-repeat;
	color: #ffffff;
}
#header h2{
	margin-top: 60px;
	margin-bottom: 20px;
	padding: 10px 15px 0 5px;
	color: #ffffff;	
	font-size: 2.5em;
}
#header p {
	margin-top: -35px;
	padding: 10px 15px 0 7px;
	color: #ffffff;	
	font: tahoma, verdana, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	
}

#header p .mini {
	margin-top: 0px;
	padding: 0px 15px 0 7px;
	color: #6D6DBF;	
	font: tahoma, verdana, sans-serif;
	font-weight: bold;
}

img#head {
	border: 1px solid #6D6DBF;
	margin: 10px 10px 0px 10px;
	padding: 0 auto 0 auto;
	width: 780px;
	background: yellow;
}

ul#pagenavigator{
	margin: -2px 10px 0px 10px;
	padding: 3px 0;
	background: yellow;
	width: 780px;
	background: #6D6DBF;
	list-style-type: none;	
	
	font-size: 90%;
	border: 1px solid #BBB;
	background: url(../webimg/chromebg.gif) center center repeat-x;
}

ul#pagenavigator:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

ul#pagenavigator li {
	display: inline;
	
}

ul#pagenavigator li a {
	color: #494949;
	padding: 3px;
	text-decoration: none;
	border-right: 1px solid #DADADA;
}
ul#pagenavigator li a:hover{
	background: url(../webimg/chromebg2.gif) center center repeat-x;
}

#container {
	margin: 10px auto 10px auto;
	padding:  10px auto 10px auto;
	width: 780px;
}

#leftcontent {
	display: inline;
	padding: 0px auto auto auto;
	float: left;
	width: 590px;
	margin-right: 10px;
}


#leftcontent a {
	color: #6D6DBF;
	text-decoration: none;
}



#leftcontent a:hover {
	color: #9191FF;
	text-decoration: underline;
}

#rightcontent {
	float: left;
	padding: auto;
	width: 180px;
	margin-top: 4px;
}

#rightcontent .box {
	margin: 11px 0px 5px 0;
	padding: 5px 10px 5px 10px;
	border: 1px dotted #C8C8FF;
	border: 1px dotted #9191FF;
	background: transparent url(../webimg/fff.gif);
}

#rightcontent .box h2{
	margin:0 0 3px 0;
	padding: 0px 0 0px 0;
	font-size: 13px;
	color: #6D6DBF;
	letter-spacing:1px;
	font-variant: small-caps;
	border-bottom: #6D6DBF 1px solid;
}

#rightcontent .box ul {
	margin:0;
	padding:0;
	list-style:none;
}

#rightcontent .box li{
	padding: 2px 0;
}

#rightcontent .box p {
	color: #000000;
	padding: 2px 0;
	margin: 2px 0;
}

#rightcontent a:link, a:visited, a:active{
	color: #000000;
	text-decoration: none;
}
#rightcontent a:hover{
	color: #C8C8FF;
}

.button {
 background-color: #E9E9FF;
font-family: verdana;
border: #6D6DBF 1px solid;
font-size: .8em;
color: #000000;
width: 60px;
}

.entry {
	margin-top:0px;
	padding-top:0px;
	background: transparent url(../webimg/fff.gif);
}

.newsentry
{
	background: transparent url(../webimg/fff.gif);
	border: 1px solid black;	
}

.flag {
	margin-top: 2px;
	margin-left: 1px;
	margin-right: -1px;
	margin-bottom: -1px;
	border: 0;
}



.img_floatnone {
	float: none;
	
	margin-right: 15px;
	margin-left: 1px;
	margin-bottom: 15px;
}

.entry h2, .newsentry h2
{
	font: 1.5em verdana;
	color: #6D6DBF;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #6D6DBF;
	text-decoration: none;
}


.entry h3, .newsentry h3
{
	font: 1.2em verdana;
	color: #6D6DBF;
	margin-top: 15px;
	margin-bottom: 3px;	
	font-weight: bold;
}

.entry p, .newsentry p {
	color: #000000;
	margin-top: 5px;
}


#footer{
	margin: -1px auto 0 auto;
	padding: 0 10px 1px 10px;
	width: 780px;
	background: #9191FF;
	border-top: 1px solid #6D6DBF;
	font: 85% tahoma, verdana;
	color: #6D6DBF;
	text-align: center;
	background: transparent url(../webimg/fff.gif);
}

#footer ul {
	margin: 3px auto 4px auto;
	list-style-type: none;
	
}

#footer li {
	display: inline;
	padding-right: .8em;
	
}
#footer a {
	text-decoration: underline;
	color: #6D6DBF;
}

#footer a:hover {
	text-decoration: underline;
	color: #6D6DBF;
}

#edit{
	margin: 5px auto 10px auto;
	width: 780px;
	background: transparent url(../webimg/fff.gif);
}
.editbox{
	width: 620px;
	height: 400px;
	border: 1px solid #9191FF;
	font: 1em verdana, sans-serif;
	margin: 0;
	padding: 0;
}
.inputbox{
	width: 100px;
	border: 1px solid #9191FF;
	font: 1em verdana, sans-serif;
	margin: 0;
	padding: 0;	
}

li .toclevel1{
	font: .8em verdana, sans-serif;
}

li .toclevel2{
	color: green;
	font: .6em verdana, sans-serif;
	margin-left: 3px;
}

.clear
{
	clear: both;
}
.clearleft
{
	clear: left;
}
.clearright
{
	clear: right;
}
.fill_50px {
	height: 50px;
}


div.image-left {
	float: left;
	margin: 4px 4px 0px 0;
	padding: 0 0px 0 0;
	background: #6D6DBF;
	border: 1px solid #6D6DBF;
}

div.image-right {
	float: right;
	margin: 4px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #6D6DBF;
	border: 1px solid #6D6DBF;
}

div.image-left img {
	background: #6D6DBF;
	margin: 0 0px 0px 0;
	padding: 0 0 0 0;
	border: 0;
}
div.image-left p {
	padding: 0 0px 0px 0px;
	margin: -3px 0 0 0;
	text-align: center;
	background: #C8C8FF;
	border-top: 1px solid #6D6DBF;
	color: #000000;
}
div.image-right img {
	background: #6D6DBF;
	margin: 0 0px 0px 0;
	padding: 0 0 0 0;
	border: 0;
}
div.image-right p {
	padding: 0 0px 0px 0px;
	margin: -3px 0 0 0;
	text-align: center;
	background: #C8C8FF;
	border-top: 1px solid #6D6DBF;
	color: #000000;
}

div.image-center {
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #6D6DBF;
	border: 1px solid #6D6DBF;
}

div.image-center img {
	background: #6D6DBF;
	margin: 0 0px 0px 0;
	padding: 0 0 0 0;
	border: 0;
}
div.image-center p {
	padding: 0 0px 0px 0px;
	margin: -3px 0 0 0;
	text-align: center;
	background: #C8C8FF;
	border-top: 1px solid #6D6DBF;
	color: #000000;
}
p.radio {
	margin: 2px;
}

table.administration {
	border-collapse: collapse;
	margin-top: 3px;
}

table.administration th, table.administration td {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 2px 2px 2px 2px;
}

table.administration tr {
	background: #E9E9FF;
}

table.administration thead th {
	background: #6D6DBF;
	color: #fff;
}

table.administration tbody th {
	font-weight: normal;
	background: #C8C8FF;
}

.date 
{
	padding-top: -5px;
	padding-bottom: 0em;
	padding-right: 0;
	padding-left: 0;
	margin-top: -5px;
	margin-bottom: -15px;
	font-size: 80%;
	color: #6D6DBF;
}

#guestbook {
	padding: 10px 10px 10px 0px;
}
#guestbook .header {
	background: #C8C8FF;
	padding: 1px 4px 1px 4px;
	margin: 2px 0 0px 0;
	border-top: 1px solid #6D6DBF;
	border-left: 1px solid #6D6DBF;
	border-right: 2px solid #6D6DBF;
	border-bottom: 1px solid #6D6DBF;
}
#guestbook .messageentry {
	padding: 1px 4px 5px 4px;
	margin: 0px 0 15px 0;
	border-bottom: 2px solid #6D6DBF;
	border-left: 1px solid #6D6DBF;
	border-right: 2px solid #6D6DBF;
}
#guestbook .name{
	float: left;
	font-weight: bold;
	display: inline;
}
#guestbook .date{
	text-align: right;
	font-face: Georgia;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 70%;
	color: #000000;
}
#guestbook .message{
	margin: 4px 0 4px 0;
}
#guestbook .comment{
	border-top: 1px dotted #000000;
	margin: 4px 0 4px 0;
}
#guestbook .spacing{
	height: 20px;
}
#guestbook .namebox{
	width: 200px;
	border: 1px solid #9191FF;
	font: .8em verdana, sans-serif;
	margin: 0;
	padding: 0;	
}

#guestbookadd
{
		margin: 0px 0px 5px 0;
		padding: 0px 0px 5px 0px;
}

#guestbookadd h2{
	margin:0 0 0px 0;
	padding: 0px 0 0px 0;
	font-size: 13px;
	letter-spacing:1px;
	font-variant: small-caps;
	border-bottom: #C8C8FF 1px solid;
}

#guestbookadd p{
	font-size: .9em;
	margin: 0 0 -5px 0;
	padding: 0 0 -5px 0;
}
#guestbookadd .textbox{
	border: 1px solid #9191FF;
	font: .8em verdana, sans-serif;
	padding: -5px 0 0px 0;
	margin: -5px 0 0px 0;
	width: 150px;	
}
#guestbookadd .messagebox{
	border: 1px solid #9191FF;
	font: .8em verdana, sans-serif;
	padding: -5px 0 0px 0;
	margin: -5px 0 0px 0;
	width: 150px;
	heigt: 150px;

}
.comment
{
	color: #6D6DBF;
}

/*---IMAGES---*/
table.thumbnail {
	border: 1px solid #6D6DBF;
	background-color: #E9E9FF;
}	


table.thumbnail td{
	border: 1px solid #6D6DBF;
	background-color: #E9E9FF;
	padding: 0px;
	font: verdana;
	font-size: .8em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}

table.thumbnail td.imagetext {
	font-size: 94%;
	font-weight: normal;
	font: verdana;
	text-align: center;
	line-height: 1.4em;
	color: #E9E9FF;
	background-color: #6D6DBF;
}

table.thumbnail td img{
	border: none;
}

div.thumbnail {
	margin-bottom: .5em;
	/*border-style: solid;*/
	/*border-color: white;*/
}

div.thumbnail a {
	display: block;
	text-decoration: none !important;
	color: #E9E9FF !important;	
}

div.box div.thumbnail {
	margin-left: -10px;
}

div.thumbnail div {
	border: 1px solid #6D6DBF;
	padding: 2px !important;
	background-color: #E9E9FF;
	font-size: 94%;
	text-align: center;
		overflow: hidden;

}

div.thumbnail div.thumbnailtxt{
	text-align: center;
	line-height: 1.4em;
	margin-top: .2em;
	padding: .3em 0 .1em 0;
	border: none;
	font: verdana;
	background-color: #6D6DBF;
	color: #E9E9FF;
}


div.thumbnail div a img {
	border: 1px solid #6D6DBF;
}

div.thumbnail div div.thumbnailtxt{
	text-align: center;
	line-height: 1.4em;
	margin-top: .2em;
	padding: .3em 0 .1em 0;
	border: none;
	font: verdana;
	background-color: #6D6DBF;
	color: #E9E9FF;
}

div.thumbnail div.thumbnailtxtright{
	float: left;
	text-align: center;
	line-height: 1.4em;
	padding: .3em 0 .1em 0;
	border: none;
	font: verdana;
	background-color: #6D6DBF;
	color: #E9E9FF;
	width: 150px;
}

div.thumbnail div img {
	border: 1px solid #6D6DBF;
}

div.thumbnail div div.name{
	line-height: 1em;
	color: #E9E9FF;
	font: verdana;
	font-size: 1em;
	font-weight: bold;
	font-family: sans-serif;
	margin: auto;
	padding: auto;
}

div.thumbnail div div.title{
	line-height: .8em;
	margin-top: 0px;
	color: #E9E9FF;
	font: verdana;
	font-size: .9em;
	font-weight: normal;
	font-family: sans-serif;
}

div.thumbnail div div.kennel{
	line-height: 1em;
	margin-top: 0px;
	color: #E9E9FF;
	font: verdana;
	font-size: .8em;
	font-weight: normal;
	text-decoration: none;
}

div.thumbnail div div.righttext{
	background-color: #6D6DBF;
	height: 66px;
}

/*---CLEARS---*/
div.tn_right {
	clear: right;
	float: right;
	border-width: .5em 0 .8em 1.4em;
}

div.tn_left {
	float: left;
	margin-right: .5em;
	border-width: .5em 1.4em .8em 0;
}
div.tn_center {
	margin: 0px auto !impotrant;
	text-align: center;
	margin: auto;
	padding: auto;
}


/*---Guestbook--*/
div.guestbook{
	margin-bottom: .5em;
	/*border-style: solid;*/
	border-color: white;
	width: auto;
}

div.guestbook div{
	border: 1px solid #6D6DBF;
	padding: 3px !important;
	background-color: #E9E9FF;
	font-size: 94%;
}



div.guestbook div div.gb_from{
	background-color: #6D6DBF;
	color: #E9E9FF;
	font: verdana;
	font-weight: bold;
	text-align: left;
}

div.guestbook div div.gb_homepage{
	background-color: #6D6DBF;
	color: #E9E9FF;
	font: verdana;
}	

div.guestbook div div.gb_date{
	float: right;
	text-align: right;
	background-color: #6D6DBF;
	color: #E9E9FF;
	font: verdana;
	font-size: .8em;
	margin-top: -2px;
	margin-bottom: -3px;
}

div.guestbook div.gb_header {
	
}

div.guestbook div div.gb_entry{
	margin-top: 3px;
	background-color: #ffffff;
	text-align: left;

}

div.gb_from img {
	background-color: #6D6DBF;
	margin-top: -3px;
	margin-bottom: -4px;
}

/*--NEWS--*/
div.news{
	margin-bottom: .5em;
	border-color: white;
	width: auto;
}

div.news div{
	border: 1px solid #6D6DBF;
	padding: 3px !important;
	background-color: #E9E9FF;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}

div.news div div.news_header{
	background-color: #6D6DBF;
	color: #E9E9FF;
	font: verdana;
	font-weight: bold;
	text-align: left;
}

div.news div div.news_header a{
	text-decoration: none !important;
	color: #E9E9FF !important;
}

div.news a {
	text-decoration: none !important;
	color: #6D6DBF !important;
}

div.news a:hover {
	color: #9191FF !important;
	text-decoration: underline !important;
}


div.news div div.news_date{
	float: right;
	text-align: right;
	background-color: #6D6DBF;
	color: #E9E9FF;
	font: verdana;
	font-size: .8em;
	margin-top: -3px;
	margin-bottom: -2px;
}

div.news div div.news_content{
	margin-top: 3px;
	background-color: #ffffff;
	text-align: left;
	clear: both; 
	
}

div.news_content img {

	float: left;
	margin-right: 5px;
	background-color: #6D6DBF;
	vertical-align: bottom;
	border: 1px solid #6D6DBF;
}

/*--Stamtavla--*/
table.stamtavla{
border: 1px solid #6D6DBF;
background-color: #E9E9FF;
	

}
.stamtavla td{
	border: 1px solid #6D6DBF;
	background-color: #FFFFFF;
	margin: 3px;
	padding: 3px;
	width: 186px;
	color: #000000;
	font: verdana;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}

.stamtavla td table{
	padding: auto;
}

.stamtavla td table td{
	border: none;
	valign: top;
	padding: auto;
	
}

.stamtavla td table td img{
	border: none;
	
}

.stamtavla td.child{
	text-align: center;
	font-weight: bold;
	background-color: #6D6DBF;
	color: #E9E9FF;
}

.stamtavla img
{
	border: 1px solid #6D6DBF;
	margin-top: 2px;
}

div.icon-link{
	margin-top: 3px;
	padding: 0px;
}

div.icon-link img{
	border: none;
	margin-right: 2px;
	vertical-align: bottom;
	margin-bottom: 0px;
	padding-bootom: 0px;
}

div.icon-link .icontext{
		font: 1.1em verdana;
		color: #6D6DBF;
		font-weight: bold;
		margin-bottom: 4px;
}




/*------------------------------FIX FOR INTERNET EXPLORER FLOAT PROBLEM---------------------------*/
/* --Thanks to Alex Robinson 
/* --http://www.fu2k.org/alex/css/cssjunk/FloatInlineBlock.html--*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */