* { margin: 0; padding: 0; }  
 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin-top: 0;
	background-color: #000000;
}

p { padding-bottom: 5px; }

h1 { margin: 0px; padding: 0px; }

h1 img { display: block; }

h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	padding: 10px 0 10px 30px;
}

h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color: #ca854a;
}

h4{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #CCCCCC;
	text-decoration: underline;
}

hr {
	background-color: #233543; 
	height: 2px; 
	border: 0;
	margin-top:8px;
	margin-bottom:8px;
}

input {
	background-color: #b0c3d1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
}

textarea {
	background-color: #b0c3d1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
}

#container {
	padding:0;
	width:900px;
	margin-top: 0px; 		/* Lås fönstret längst upp */
	margin-bottom: 0px;
	margin-left: auto; 		/* centrerar containern till mitten */
	margin-right: auto; 	/* centrerar containern till mitten */
	background-color: #233543; /* bakgrundsfärg */
}

/* Jackdowsloggan längst upp */
#topp {
	margin:0 auto;
	padding:0;
	height: 173px;			/* Samma storlek som bilden */
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000033;
}


#welcomebox{
	clear:left;
	width: 840px;
	margin-left: 28px;
	background-color: #515f6a;
	border-width: 2px;
	border-style: solid;
	border-color: #515f6a;
}

.currentpage{ /* talar om vilken sida som visas*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 20px 0 10px 20px;
	margin-top:20px;
	color: #ca854a;
}

#bakgrundbox{ /* bakgrunden till de flesta sidorna */
	width: 840px;
	font-size: 10px;
	color:#CCCCCC;
	margin-left: 28px;
	background-color: #30404b;
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: #515f6a;
	background-attachment: scroll;
	background-image: url(../images/bakgrund.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 300px;
}

.news{
	font-family: "Times New Roman", Times, serif;
	color:#1E2E3B;
	width: 220px;
	min-height:270px;
	float:left;
	margin-top: 10px;
	margin-left:15px;
	background-image: url(../images/note.jpg);
	background-repeat: no-repeat;
}

.news_date{ /* Berör datumet på nyheten */
	padding-left:40px;
	font-size:14px;
	font-style: italic;
	text-decoration: underline;	
}

.news_text{ /* Berör brödtexten på nyheten */
	font-size: 12px;
	padding:5px 30px 10px 30px;;
}

/*	-------------Kennelinfosidan---------------- */

.kennelinfo{
	width:600px;
	font-size: 12px;
	padding: 0 20px 20px 20px;
	margin: 20px auto 20px auto;
}

.kennelinfo p{ 	padding:10px; }

.kennelinfo a{ color: #CCC; }

.kennelinfo ul{ padding-left: 25px; }

.kennelinfo h5{
	font-size: 14px;
	padding: 25px 2px 2px 10px;
	font-weight: bold;
}

/*	-------------Historiasidan---------------- */

#historiabox{
	width: 840px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CCCCCC;
	margin-left: 28px;
	background-color: #30404b;
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: #515f6a;
	background-attachment: scroll;
	background-image: url(../images/historia.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#historiabox p{ clear:left; padding:10px; }

.historiabox500{ width:500px; padding: 20px 20px 0 20px; }

.historiabox400{ width:400px; padding: 0 20px 0px 20px; }

.historiaboxmax{ width:auto; padding: 0 20px 20px 20px; }

/*	-------------Nuvarande Hundar---------------- */

.bild_img{
	width: 450px;
	float:left;
	margin: 20px 10px 10px 20px;
}

.bild_imgtext{
	font-size: 14px;
	padding-bottom:30px;
	width: 320px;
	float:left;
	margin: 20px 10px 10px 10px;
}

.bild_imgtext h3{
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
}


/*	-------------Pedigree alla sidor---------------- */

.pedigree{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 0 10px 0;
	clear:left;
}

.pedigree table{
	border:thin;
	border-style:solid;
	border-color: #333 #999 #999 #333;
}

.pedigree td{
	border:thin;
	border-style:solid;
	border-color:#999 #333 #333 #999;
}

/*	-------------Minnessidan---------------- */

.hundar_minns_sidtext h3{ margin-top: 20px; margin-bottom: 5px; }

.hundar_minns_sidtext p{ font-size: 10px; padding:5px; }

.hundar_minnstext{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding:15px 15px 15px 15px;
	font-style: italic;
}

.hundar_minnstext p{ padding:5px; }

/*	-------------Höjdpunktersidan---------------- */

.hojdpunkt{
	width:700px;
	font-size: 12px;
	padding: 20px;
	margin: 0px auto 20px auto;
}

.hojdpunkt table{ width: 700px; }

.hojdpunkt h3{ font-size:16px; margin: 20px; }

.hojdpunkt h4{ font-size:18px; margin: 20px; }

.hojdpunkt p{ font-size: 12px; padding:5px; }

.hojdpunkttext{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding:15px 15px 15px 15px;
	font-style: italic;
}

.hojdpunkttext p{ padding:5px; }

/*	-------------Kommande valpsidan---------------- */

.geocounter{
	width:150px;
	float:left;
	margin: 20px;
	padding:20px;
}

.valpar_kommande{
	width:500px;
	font-size: 12px;
	padding: 20px;
	margin: 20px auto 20px 220px;
}

.valpar_kommande a{ color:#CCCCCC; }

/*	-------------Tidigare valpsidan---------------- */

.valpar_tidigare {
	font-size: 12px;
	width: 800px;
	padding: 20px;
	margin-left:auto;
	margin-right:auto;
}

.valpar_tidigare table{
	width: 300px;
	float:left;
	margin: 15px 0 15px 65px;
	border-top: 2px solid #233543;	
}

.valpar_tidigare a{ text-decoration:none; color:#999999; }


.valpar_tidigare h4{
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*	------------- Valpkullar ---------------- */

.valpar_kulle{
	width: 800px;
	margin-left:auto;
	margin-right:auto;
}

.valpar_kulle table{
	width: 700px;
	font-size:12px;
	text-align:center;
	margin:20px;
}

.valpar_kulle h3{ padding: 10px; }

.valpar_kulle h5{
	font-size: 12px;
	padding: 5px 5px 20px 5px;
	font-weight: bold;
}

.valpar_kulle h6{
	font-size: 10px;
	padding: 5px;
	font-weight: normal;
}

/*	------------- Länksidan ---------------- */

.lankar{
	font-size: 12px;
	width: auto;
	padding: 20px;
	margin-left:auto;
	margin-right:auto;
}

.lankar table{
	width:350px;
	margin:25px;
	float:left;
}	

.lankar h5{
	font-size: 14px;
	padding: 2px 2px 2px 10px;
	font-weight: bold;
}
.lankar a{ color:#CCC; text-decoration:none; }

.lankar p{ padding: 4px 0px 0px 15px; }

/*	------------- Resultatsidan ---------------- */

.resultat{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-size: 14px;
	width: 530px;
	padding: 10px;
	margin-left:auto;
	margin-right:auto;
}

.resultat p{ font-size:12px; padding-top: 5px; }

/*	-------------Gästbokssidan---------------- */

.guestbook_form { width: 500px; margin: 10px auto 10px auto; }

.guestbook_message { width: 750px; margin: 5px auto 10px auto; }

.guestbook_message a{ color:#CCCCCC; }

.guestbook_message p{ padding: 10px; }

.kontakt { width:600px; margin: 20px auto 10px auto; }

.kontakt table{ border-collapse:collapse; }

.kontakt a{ color:#CCCCCC; }

.kontakt p{ font-size:12px; }

/*	-------------Övriga hjälpmedel---------------- */

.linetop{ border-top: 2px solid #233543;}
.linebottom{ border-bottom: 2px solid #233543;}
.lineleft{ border-left: 2px solid #233543;}
.lineright{ border-right: 2px solid #233543;}

.historyback {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	margin: 10px 0 20px 10px;
}

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

.bildram_big {
	border-width: 4px;
	border-style: solid;
	border-color: #CCC #666 #666 #CCC;
}

.thumbnail {
	margin: 12px 0 5px 0;
	border-width: 2px;
	border-style: solid;
	border-color: #CCC #666 #666 #CCC;
}


.thumbnail_blue { margin: 12px 0 5px 0; border: 3px solid #233543; }

.frontbild{
	width: 350px;
	float:left;
	margin-top: 10px;
	margin-left:15px;
	margin-bottom:20px;
	border-width: 1px;
	border-style: solid;
	border-color: #000;

}

.logga{
	font-size:10px;
	color:#999999;
	width: 200px;
	height:250px;
	float:left;
	margin-top: 15px;
	margin-left:20px;
	background-image: url(../images/logga.jpg);
}

.logga p{ padding-top:170px; padding-left:20px; }

.logga a{ color:#999999; text-decoration:none; }

#footer{
	clear:left;
	background-color:#233543;
	font-size:10px;
	color:#999999;
	width: 100%;
	height: 20px;
	margin:0;
	padding-top:5px;
	padding-bottom:0;
	font-weight: bold;
}

#footer a{ color:#999; text-decoration:none; }

/*	-------------  Menyer  ---------------- */

.mainmenu{	
	width: 840px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	margin-left: 28px; /*Justering av hela menyn horisontellt*/
}
.mainmenu ul{
	margin: 0;
	padding:0;
	float: left;
	width: 100%; /*width of menu*/
	background-color: #333333;
	border-width: 2px;
	border-style: solid;
	border-color: #515f6a;
}
.mainmenu ul li{	
	list-style:none;
	padding: 4px 19px; /*Justering av menyn höjd totalt + padding höger länkar*/
	margin-left: 1px; /*Marginal vänster länkar */
	color: #999; 
  	float: left;
  	position: relative;
}
.mainmenu ul li a{ color: #999; text-decoration: none; }
.mainmenu ul li a#current{ color: #ca854a; } /*text color of selected and active item*/
.mainmenu li a:hover{ color: #FFF; }

.submeny{	
	position: absolute;
	visibility: hidden;
	margin-top: 3px;
	margin-left: -10px;
	padding: 0;
	border: 1px solid #666666;
}

.submeny a{	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #333333;
	color: #999999;
	font: 11px arial;
	border-bottom: thin solid #666666;
}

.submeny a:hover{ color: #FFF; background-color: #333333; }

.submeny img{
	margin: 0;
	padding: 0;
	width: 100%;
	vertical-align: top;
}
	
* html .submeny a{ width: 100%; } /*IE only hack*/

/* *********************************************************************  */

/* Hides from IE-mac \*/

.clearfix {display: inline-block;}
/* End hide from IE-mac */