/*
ljus:	#FDFFAB
gul:	#FEED32
grå:	#5C5C5C


Din sida:		#666701
Mötesplatsen:	#898063
Hundägarguiden:	#346699
Redaktionellt:	#656565
Om svh:			#CE6665

*/





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




/* Headern (men inte menyn) */

div#loggaholder {
		position:relative;
		height:183px;
		background-color: #fff;
		overflow:hidden;}
		
div#loggaholder div#logga {
		position:absolute;
		top:0px;
		left:0px;
		z-index:1;
		height:183px;
		background-image:url(/design/topbild.jpg);
		background-repeat:no-repeat;
		width:780px;
		cursor:hand;cursor:pointer;
		}



/* Mötesplatsen > Hundprylar (omdöpt till Utrustning)  */
.utrustning .betyg {
	height: 16px;
	background: url('tass.gif');
}

.utrustning h4.plus {
	background: url('plus.gif') no-repeat;
	padding-left: 20px; 
}

.utrustning h4.minus {
	background: url('minus.gif') no-repeat;

	padding-left: 20px;
}

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

a.utrustning_typer {
	font-size: 26px;
	font-weight: bold;
	float: left;
	margin: 30px;
}

ul.gallerier
{
	list-style-type: none;padding-left: 0;margin-left: 0;
}

li.gallerier
{
	background: url('design/breadcrumbspil.png') left center no-repeat;
	padding-left: 15px;
	margin-bottom: 0px;
}




/* Annonser: Stil för kodfnutten */
div.ads {
}

/* Annonser: Text */
a.ads {
	display: block;
	background-color: orange; 
	color: yellow; 
	text-decoration: none;
}
a.ads h2, a.ads span {
	width: 99%;
	background-color: yellow;
}
a.ads h2 {
	height: 30%;
	font-size: 15px;
}
a.ads span {
	color: black;
	height: 30%;
}

/* Annonser: Stil för banners OBS! Ärver även värden från a.ads */
a.banner {
}



ul, ol {
	padding-left: 20px;

}
.text21 {
    FONT-FAMILY: Tahoma, Verdana, Arial;
    FONT-SIZE: 20px
}
html,body{
  margin:0;
  padding:0;
  height:100%;
  border:none
}
body {
FONT-FAMILY: Verdana, Arial;
font-size:12px;
margin:0px;
}

div#bodyDiv
{
	margin-top:15px;
	text-align:center;
}

table#bodyTable
{
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: left;
	height:100%;
}

table.collapse {
	border-collapse:collapse;
}
table.collapse td {
	border: 1px solid #dddddd;
}
p, .under li, #u li{
    FONT-FAMILY: Verdana, Arial; 
    FONT-SIZE: 12px;
}
.gratext11 {
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial; line-height: 16px;
    FONT-SIZE: 11px
}
.gratext10  {
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial; line-height: 16px;
    FONT-SIZE: 10px
}
.vittext14 {
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial;  line-height: 14px;
    FONT-SIZE: 14px
}
.rodpil {
    COLOR: #ff3300;
    FONT: bold 11px Verdana, Tahoma, Arial; line-height: 16px;
}
.gulpil {
    COLOR: #ff9900;
    FONT: bold 11px Verdana, Tahoma, Arial; line-height: 16px;
}
.text8 {
    FONT-FAMILY: Verdana, Arial; line-height: 4px;
    FONT-SIZE: 4px
}
.text4 {
    FONT-FAMILY: Verdana, Arial; line-height: 1px;
    FONT-SIZE: 1px
}
.text11, .under div, .under td {
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial; line-height: 16px;
    FONT-SIZE: 12px
}
.text12 {
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial; line-height: 16px;
    FONT-SIZE: 12px
}
.text1230hog {
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial; line-height: 30px;
    FONT-SIZE: 12px;
}
.text10 {
    /* COLOR: #000000; */
    FONT-FAMILY: Verdana, Arial; line-height: 12px;
    FONT-SIZE: 10px
}
.textfargdinsida {
    COLOR: #656600;
    FONT-FAMILY: Verdana, Arial; line-height: 16px;
    FONT-SIZE: 11px
}
.huvudrubrik, h1 {
    COLOR: #000000;
    FONT: 26px Verdana, Tahoma, Arial;
}
.underrubrik, h2 {
    COLOR: #000000;
    FONT: bold 16px;
	font-family: Verdana, Tahoma, Arial;
}

h2.underrubrik
{
	font-family:Verdana,Arial;
	font-size:14px;
	color: #000000;
	font-weight:bold;
	line-height:28px;
}


h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
}

a.toplink, a.toplink:link  {
    COLOR: #666666;
    FONT: 11px Verdana, Arial;
    TEXT-DECORATION: none;
}
a.toplink img {
	margin-bottom: 1px;
}

.gultext12 {
    COLOR: #F0f0f0;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    FONT-SIZE: 12px
}

img {
	border: none;
}
img.rammain {
	border: 1px solid #DDDDDD;
}

.mess {
	background-color: #CCCCCC;
	color: red;
	padding: 3px;
}
.foot_p {
	padding-right: 0px; 
	padding-left: 0px; 
	font-size: 8pt; 
	padding-bottom: 0px; 
	margin: 0px; 
	color: #cccccc; 
	padding-top: 0px; 
	text-align: center;
	font-size:10px;
}
.foot_p a:link {
	color: #9ea874;
}
.foot_p a {
	color: #9ea874;
    TEXT-DECORATION: none;
}
.foot_p a:link {
	color: #9ea874;
    TEXT-DECORATION: none;
}
.foot_p a:visited {
	color: #9ea874;
    TEXT-DECORATION: none;
}
.foot_p a:hover {
    TEXT-DECORATION: underline;
}
.foot_p a:active {
	color: #9ea874;
    TEXT-DECORATION: none;
}


/* ********************************* FCK STILAR ***************************** */

span.startRubrik
{
	font-family:Verdana,Arial;
	font-size:24px;
	color: #000000;
	font-weight:normal;
	line-height:45px;
}


.fck_Bold {
	font-weight: bold;
}

.fck_Title {
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.fck_Code {
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}
/* ********************************* MENY ***************************** */
.menu {
	width: 770px;
	* width: 770px;
	top:222px;
	height:6px;
	position: absolute;
	font-family: Verdana, Arial;
	font-size: 11px;
	padding-left: 10px;
	z-index: 100;
}

.menymeannons {
	top:180px;

}


.menu form {
	margin: 0px;
	padding: 0px;
}
.menu div.toppen {
	position: absolute;
	top:0px;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	color: white;
	padding-left: 10px;
	display: block;
	background: url(/design/gulpilmeny.gif) no-repeat 1px 9px;
	* background: url(/design/gulpilmeny.gif) no-repeat 1px 10px;
	cursor:hand;
	cursor:pointer;
}
.menu div.marked {
	background: url(/design/rodpilmeny.gif) no-repeat 1px 9px;
	* background: url(/design/gulpilmeny.gif) no-repeat 1px 10px;
}

.menu div.submenu
{
	position:absolute;
	top:0px;
	display:none;
	background-color: #CCCCCC;
}

.menu div.sub
{
	background-color: #f2d6d5;
	width:100%;
	height: 20px;
	line-height: 20px;
	float: left;
	clear: both;
	color: black;
	padding-left: 14px;
	display: block;
	cursor:hand;
	cursor:pointer;
}

.menu div.rem, .undermeny .rem a {
	color: #dddddd;
}
.menu div.sub:hover {
	background-color: #edb3b2;
}

/* ********************************* UNDERSIDA ***************************** */
/*
Din sida:		#666701
Mötesplatsen:	#898063
Hundägarguiden:	#346699
Redaktionellt:	#656565
Om svh:			#CE6665
*/
.undersida {
	height: 100%;
}
div.usida {
	padding: 20px !important;
}
div.usida1 { background: url('/design/vargmeny2.gif') repeat-y top left; }
div.usida2 { background: url('/design/vargmeny2.gif') repeat-y top left; }
div.usida3 { background: url('/design/vargmeny2.gif') repeat-y top left; }
div.usida4 { background: url('/design/vargmeny2.gif') repeat-y top left; }
div.usida5 { background: url('/design/vargmeny2.gif') repeat-y top left; }
div.usida6 { background: url('/design/vargmeny2.gif') repeat-y top left; }

div.usida1 td.undermeny { background: url('/design/vargmeny.gif') no-repeat left -50px;}
div.usida2 td.undermeny { background: url('/design/vargmeny.gif') no-repeat left -50px;}
div.usida3 td.undermeny { background: url('/design/vargmeny.gif') no-repeat left -50px;}
div.usida4 td.undermeny { background: url('/design/vargmeny.gif') no-repeat left -50px;}
div.usida5 td.undermeny { background: url('/design/vargmeny.gif') no-repeat left -50px;}
div.usida6 td.undermeny { background: url('/design/vargmeny.gif') no-repeat left -50px;}

div.usida1 .under a, div.usida1 .under h5, div.usida1 .under .farga { color: #656533; }
div.usida2 .under a, div.usida2 .under h5, div.usida2 .under .farga { color: #656533; }
div.usida3 .under a, div.usida3 .under h5, div.usida3 .under .farga { color: #656533; }
div.usida4 .under a, div.usida4 .under h5, div.usida4 .under .farga { color: #656533; }
div.usida5 .under a, div.usida5 .under h5, div.usida5 .under .farga { color: #656533; } 
div.usida6 .under a, div.usida5 .under h5, div.usida5 .under .farga { color: #656533; }

table.under tr td a {text-decoration:underline;}
table.under tr td a:hover {text-decoration:none;}

table.under tr td h5 a {text-decoration:none;}
table.under tr td h5 a:hover {text-decoration:underline;}


/*div.usida1 .under td {	border: 1px solid #666701; }
div.usida2 .under td {	border: 1px solid #898063; }
div.usida3 .under td {	border: 1px solid #346699; }
div.usida4 .under td {	border: 1px solid #656565; }
div.usida5 .under td {	border: 1px solid #CE6665; }*/
.under {
	height: 100%;
	width: 100%;
	margin: 0px;
}
.under .uhsida {
	border-left: 1px solid #DDDDDD;
}

.undersida A {
    COLOR: #000000;
    TEXT-DECORATION: none;
}
.undersida A:hover {
    TEXT-DECORATION: underline;
}
.under {
	border-collapse:collapse;
}
.under td {
	padding: 0px;
	vertical-align: top;
}
/* ********************************  SÖKSIDAN ***************************** */
table.sok table {
	border-collapse: collapse;
	margin-bottom: 15px;
}
table.sok td {
	padding-left: 20px;
}
table.sok table td {
	border-bottom: 1px solid #DDDDDD;
}
/* ********************************  BLOGG ***************************** */
.bloggsida ul {
	list-style: none;
	padding:0px;
	margin: 10px 2px;
}
.bloggsida li {
	padding-bottom: 5px;
}
/* ********************************  UNDERMENY ***************************** */
td.undermeny {
	width: 140px;
	vertical-align: top;
	background-color:  yellow;
	overflow: hidden;
}
td.undermeny div {
	padding-left: 10px;
	padding-top: 15px;
}

td.undermeny div hr {
	background-color: #ffffff;
	color: #ffffff;
	height: 1px;
	border: none;
	width: 90%;
	* margin-top: -9px;
	text-align: left;
}
td.undermeny div ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
td.undermeny div ul li {
	margin-top: 7px;
	width: 98%
}
td.undermeny div ul li.marked {
}
td.undermeny div ul li.marked a{
	font-weight: 800;
	/*background: url(design/hpil.gif) no-repeat 95% center;*/
	padding-right: 17px;
}

td.undermeny div ul li a {
	font-size: 11px;
	text-decoration: none;
	color: black;
}
/* ********************************* STARTSIDA ***************************** */

div#myGallery
{
	width:360px !important;
	height:247px !important;
	
}

div.start_kalender {
	border: 1px solid #AAAAAA;
	padding: 4px;
	width: 145px;
	text-align: center;
}

div.start_kalender h4 {
	text-transform: capitalize;
	font-family: Verdana;
	font-size: 14px;
}

div.start_kalender img {
	width: 125px;
}

div.start_kalender table {
	margin-top: 5px;
	border-collapse: collapse;
	width: 100%;
}
div.start_kalender table th {
	font-family: comic-Sans, Arial;
	font-size: 5px;
	color: black;
	padding: 3px 0px;
}
div.start_kalender table td {
	border: 1px solid #AAAAAA;
	height: 15px;
}

table.start {
	margin: 0px;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}
table.start a {
	color: black;
}
table.start a:hover {
	text-decoration: underline;
}
table.start td, table.start td p{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial; 
    FONT-SIZE: 11px;
}
table.start td {
	vertical-align: top;
	padding: 0px 2px 0px 2px;
}
table.start td.start {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
a.lanka, table.start a.lanka, table.start .start_nyhet a.lanka {
    COLOR: #bf2f39;
    FONT-FAMILY: Verdana, Arial; 
	line-height: 16px;
    FONT-SIZE: 12px;
	font-weight:bold;
	text-decoration: none;
}
a.lanka:hover, table.start a.lanka:hover, table.start .start_nyhet a.lanka:hover {
	text-decoration: underline;
}

/* *** ska ej användas längre! Kör med <h2 class="srubrik">
div.srubrik {
	width: 100%;
	margin: 5px 0px;
	padding: 0px;
	background: URL(/design/rodrutamedpil.gif) no-repeat center left;
	display: block;
}
div.srubrik div {
	background: URL(/design/graundermeny.gif) repeat-x;
	margin: 0px;
	margin-left: 19px;
	padding-left: 8px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial; 
	line-height: 20px;
    FONT-SIZE: 10px;
}
div.srubrik div a.lanka, div.srubrik div a {
	color: black;
	line-height: 20px; !important
}
*/
a.stor {
	font-weight: 800;
	font-size: 11px;
	background: URL(/design/hpil.gif) no-repeat 0px 4px;
}

body .start_nyhet td {
	padding-bottom: 3px;
	padding-top: 1px;
	border-top: 1px solid #DDDDDD;
}
table.start .start_nyhet td a {
	text-decoration: underline;
	color: blue;
}
.oldnewsfeed {
	background: url(/design/hundhuvud.jpg) no-repeat right -140px;
}
/* ********************************* ALLMÄNT ***************************** */

img.hihi {
	position: absolute;
	width:200px;
	height:200px;
}
div.hihi {
	width:200px; 
	
	font-size:10px;
	font-family:Verdana,Arial;
}
/*
div.hihi {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

div.hihi img.hihi {
	position: absolute;
	width: 100%;
	height: 500px;
}
*/

/* ************** UNDERSIDAN!!!! (ej menyn) #id=u Bredden på denna sida är 563px *********************** */

#u {
	text-align: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}


/* Marginaler för hela sidan */
#u {
	margin: 0px;
	margin-top: 3px;
}

/* Marginal för högerkolumnen */
#u td.uhsida {
	padding-left: 10px;
	width: 160px;
}


#u table.under {
	width: 647px;
	padding: 0px;
	padding-right: 10px;
}


/* All text i denna storlek */
#u, #u td {
    font-family: Verdana, Arial; line-height: 16px;
    font-size: 11px;
}


/* Brödsmulorna */
#u h5 {
	font-weight: normal;
	font-size: 11px;
	margin-bottom: 15px;
}

#u p {
	margin-top: 12px;
	margin-bottom: 12px;
}





/* Rubrik 2 (Huvudrubrik på varje sida) */
#u h2 {
    margin-top: 3px;
    margin-bottom: 12px;
    COLOR: #000000;
    FONT-size: 16px;
	font-weight: 400;
	font-family: Verdana, Tahoma, Arial;
}


/* Rubrik 3 */
#u h3 {
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 0px;
	font-weight: bold;
	font-size: 13px;
}


/* Linjerna ska vara tunna och gråa */
#u hr {
	text-align: left;
	border: none;
	padding: 0px;
	height: 1px;
	color: #DDDDDD;
	background-color: #DDDDDD;
	margin-right: 10px;
	margin-left: 10px;
}


/* Rubriker i högra columnen (om det finns någon) */
#u .uhsida h3 {
    font-size: 11px;
	font-weight: bold;
}


/* En lista med minibild, ta bort margin på p-taggen (som editorn automatiskt lägger in) */
#u .lista div p {
	margin: 0px;
	padding: 0px;
}

/* Ta bort margin i rubriken på dessa lister samt gör det understruken */
#u .lista h3 {
	margin: 2px;
	text-decoration: underline;
}

/* Ingressen är klickbar och undersstruken */
#u .lista a.ingress {
	text-decoration: underline;
	color: black;
}

/* Streck mellan */
#u .lista td {
	padding-bottom: 3px;
	border-top: 1px solid #DDDDDD;
}


/* Visa en pil framför länkarna */
#u a.pil {
	display: block;
	padding-left: 12px;
	background: url(design/hpil.gif) no-repeat left center;
	background-position: center left;
	margin-top: 2px;
}

/* Inputfälten ska ha samma längd */
#u input.bredd, #u select.bredd {
	width: 300px;
}
#u input.submit {
	width: 50px;
}


/* Text åvanför form input */
form p {
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial; line-height: 16px;
    FONT-SIZE: 11px
}



/* Fixa till stilen på tabellerna */
#u th {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

#u td table {
	border-collapse: collapse;
	width: 100%;
}

#u td tr.border {
	border: 1px solid #dddddd;
}

/* Mellanrubriker i tabellerna */

#u th h3 {
	text-align: left;
	margin: 0px;
}

#u th {
	background-color: #eeeeee;
	border: 1px solid #dddddd;
}





/* Rubrikerna ute till höger på till exempel redaktionellt */
#u h2.srubrik, h2.srubrik {
	margin: 0px;
	padding: 0px;
	padding-left: 13px;
	background: URL(/design/greenbarbg.png) repeat-x center left;
	background-color: #e2e2e0;
	font-weight: bold;
	color:#FFF;
	line-height: 26px;
    font-size: 11px;
    margin-top: 15px;
}
#u h2.srubrik a, h2.srubrik a, h2.srubrik a.lanka {
    font-size: 11px;
	line-height: 20px;
}

h2.srubrikrod
{
	margin: 0px;
	padding: 0px;
	padding-left: 13px;
	background-color: #b6252c;
	font-weight: bold;
	color:#FFF;
	line-height: 26px;
    font-size: 11px;
    margin-top: 15px;
}





/* Knapparna "svara" och "anmäl" ska ligga längst ut till höger */
#u #kommentarer button {
	float: right;
	border: 1px solid #c0c0c0;
	border-top: 0px;
	margin-left: 3px;
}



/* Ram runt kommentarerna */
#u #kommentarer li .kommentaren {
	padding-left: 15px;
	padding-bottom: 15px;
	background-color: white;
	border-top: 1px solid #c0c0c0;
}


#u #kommentarer ul {
	background-color: #c0c0c0;
}

/* Bort med prickarna i listan */
#u #kommentarer ul li {
	list-style-type: none;
	margin-left: 1px;
	margin-top: 1px;
	background-color: #c0c0c0;
}



/* Följande CSS är skapad av Tomas (och jag tror att det har att göra med undersidorna) */

#u input, #u select {
	font-size: 11px;
	font-family: verdana, arial;
}
#u .center {
	text-align: center;
}
#u .udda {
	background: url(/design/lavendelkort.gif) #EEEEEE repeat-x top left;
}
#u .utrymme {
	width: 100%;
}
#u .utrymme td {
	padding: 5px;
	font-size: 11px;
}

#u .normatabell {
}
#u .normatabell th {
	font-size: 11px;
	font-weight: 800;
	text-align: left;
	padding: 3px;
}
#u .normatabell td {
	font-size: 11px;
	padding: 3px;
}
#u .tr_linje_uppe tr {
	border-top: 1px solid #EEEEEE;
}
#u tr.alt {
	background-color: #EEEEEE;
}
#u .sera {
	text-align: left;
	border: none;
	padding: 0px;
	height: 1px;
	color: #DDDDDD;
	background-color: #DDDDDD;
	margin: 4px 10px;
	clear: both;
}
#u hr.sera2 {
	text-align: left;
	border: none;
	padding: 0px;
	height: 1px;
	color: #DDDDDD;
	background-color: #DDDDDD;
	margin: 0px 0px;
	clear: both;
}


#u .bokstavslista {
	/* border-bottom: 1px solid #DDDDDD; */
	padding: 4px;
}
#u .bokstavslista a, #u .admin .bokstavslista a {
	padding: 3px;
	border: none;
	font-weight: 800;
}
#u .bokstavslista a:hover, #u .admin .bokstavslista a:hover {
	background-color: #DDDDDD;
}
#u .bokstavsvisa {
	width: 100%;
	border: 1px solid #DDDDDD;
}
#u .bokstavsvisa .avsnitt, #u .admin .bokstavsvisa .avsnitt {
	font-size: 14px;
	color: black;
	background-color: #EEEEEE;
	font-weight: 800;
	border: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 2px;
}
#u .bokstavsvisa a, #u .admin .bokstavsvisa a {
	font-size: 11px;
	line-height: 14px;
	border: none;
}

#u hr {
	margin-top: 20px;
	margin-bottom: 20px;
}




/* ********************************* ADMIN ***************************** */

.admin {
	margin: 5px;
}
.admin a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dashed #AAAAAA;
}
.admin a.nolank {
	border-bottom: none;
}
.admin a.nolank:hover {
	border-bottom: none;
}

.admin a:hover {
	color: black;
	border-bottom: 1px solid black;
}


div#footerTextDiv
{
	position:relative;
}

div#footerTextDiv a.vit, div#footerTextDiv a.vit:hover
{
	font-family:Verdana,Arial;font-size:10px;color:#FFF;text-decoration:underline;line-height:22px;
}

div#footerTextDiv a.gron, div#footerTextDiv a.gron:hover
{
	font-family:Verdana,Arial;font-size:10px;color:#013300;text-decoration:underline;
}

div#breadcrumbs
{
	font-size:10px;
	color:#000000;
	font-family:Verdana,Arial;
}
div#breadcrumbs a, div#breadcrumbs a:hover
{
	font-size:10px;
	color:#016533;
	font-family:Verdana,Arial;
	text-decoration:underline;
}


div#foruminforuta
{
	padding:8px;
}
div#foruminforuta a
{
	color:#bd3038;
}