body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image:url(bakgrund.gif);
	text-align: center;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	line-height: 110%;
}
h2 {
	font-size: 14px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	
}

hr {
	color: #603813;
	size:1px;
}
a:link {
	text-decoration: none;
	color:#0066cc;
}

a:hover {
	color:#0066cc;
}

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

#sfe img {
	position: absolute;
	margin-left: -415px;
	margin-top: 60px;	
}
#holder {
	width: 760px;
	background: #000;
	text-align: left;
	margin: 0 auto 0 auto;
}

#header img {
	width: 740px;
	margin: 10px;
}
#nav {
	text-align:center;
	background-image:url(navbar.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0 0 0 10px;
	font-size : 12px; 
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	height:17px;
	padding-top:7px;
	padding-bottom:4px;
	float:left;
	width:700px;
}
#nav a:link { 
	color: #FFFFFF;
	text-decoration: none;	
	padding-left: 8px;
	padding-right:8px;
	border-right:1px solid #603813;
}
#nav a:visited { 
	color: #FFFFFF;
	text-decoration:none;
	padding-left: 8px;
	padding-right:8px;
	border-right:1px solid #603813;
}
#nav a:hover, #nav a:active, #nav a:focus {  
	color: #996D42;	
	padding-left: 8px;
	padding-right:8px;
	border-right:1px solid #603813;
}
#language{
	background-image:url(navbar.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0 10px 0 0;
	height:17px;
	padding-top:7px;
	padding-bottom:4px;
	padding-right: 10px;
	float: left;
}
#language img{
	width:30px;
	border:none;
}
#contentLeft {
	width: 350px;
	float:left;
	margin-top: 20px;
	margin-left:65px;
	margin-right:80px;
	color:#FFFFFF;
	line-height: 130%;
	font-size : 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#skrytbild img{
	width: 250px;
}
#skrytbild {
	text-align:center;
	color:#FFFFFF;
	line-height: 130%;
	font-size : 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#contentLeft img {
	width: 100px;
	border: none;
	
}
#rubrik img{
	width:170px;
	border:none;
	}
#contentRight {
	width: 200px;
	padding: 20px;
	color:#FFFFFF;
	margin: 10px;
	font-size : 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 130%;
	border:dashed #603813 1px;
	float: left;
}

#contentRight img {
	width:200px;
	border: 0px solid #000;
}

#contenth {
	width: 250px;
	padding: 15px;
	margin:10px;
	float:left;
	color:#FFFFFF;
	line-height: 130%;
	font-size : 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#contenth1 {
	width: 250px;
	padding: 15px;
	margin:40px;
	margin-top:20px;
	float:left;
	color:#FFFFFF;
	line-height: 130%;
	font-size : 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	}


	
#contenth2 {
	width: 250px;
	margin:10px;
	margin-top:20px;
	float:left;
	color:#FFFFFF;
	line-height: 130%;
	font-size : 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-decoration: bold;
}

#valpar {
	color:#FFFFFF;
	line-height: 130%;
	font-size : 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 190px;
}
#valpar img {
	width: 200px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}
#footer {
	padding: 5px;
	font-size: 10px;
	color: #736B5E;
	text-align: center;
}
.callout {
	font: bold 130% Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin: 0;
	padding: 20px 10px;
}
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}
#contenth1 img {
	border: 1px solid #000;
	margin:-15px;
	width: 250px;
}

#contenth2 img{
	width:250px;
	border:1px solid #000;
}
#contenth2 table{
	border: 1px solid #111;
	margin-left:-15px;
}
#contenth2 td{
	border: 1px solid #111;
	padding: 4px;
	font-size:12px;
}

#contentnews {
	width: 500px;
	padding: 15px;
	margin:10px;
	float:left;
	color:#FFFFFF;
	line-height: 130%;
	font-size : 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#contentnews img {
	width: 200px;
	float: right;
	margin-left: 10px;
}

#contentnews h2 {
	font-size : 12px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#omoss1 {
	width: 300px;
	padding: 15px;
	margin:10px;
	float:left;
	color:#FFFFFF;
	line-height: 130%;
	font-size : 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#omoss2 {
	width: 200px;
	float: left;
	padding: 25px;
	padding-top:10px;
}
#omoss2 img {
	width: 200px;
}

#framtidshoppLeft {
	width: 330px;
	padding: 15px;
	margin:10px;
	color:#FFFFFF;
	text-align: center;
	line-height: 130%;
	font-size : 12px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
}
#framtidshoppLeft img {
	width: 200px;
	margin-left:10px;
	
}
#framtidshoppRight {
	width: 300px;
	padding: 15px;
	margin:10px;
	color:#FFFFFF;
	text-align: center;
	line-height: 130%;
	font-size : 12px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#framtidshoppRight img {
	width: 200px;
	margin-left:10px;
	}
#vertmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 120px;
	padding: 0px;
	padding-left:10px;
	margin: 0px;
	float:left;
	}

#vertmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	}

#vertmenu ul li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dashed #603813;
	}
#vertmenu ul img {
	border:none;
	padding-bottom: -4px;
	}

#vertmenu ul li a {
	font-size: 80%;
	display: block;
	padding: 5px 0px 2px 4px;
	color: #EEEEEE;
	width:120px;
	}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	color: #FFFFFF;
	font-weight:bold;
}

	/* default link style - needed to make the :active work correctly in IE */

	/* style the outer containing div to fit the landscape, portrait and buttons */
#album {
	width:460px; 
	height:440px; 
	margin:0 auto;
}
	/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
	padding:20; 
	margin:0px 0 0 0; 
	list-style-type:none; 
	position:relative; 
	width:460px;
}
	/* remove the default image border */
.gallery img {
	border:0;
}
	/* make the list horizontal */
.gallery li {
	float:left;
}
	/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
	font-size:11px;
	float:left; 
	text-decoration:none; 
	color:#FFF; 
	background:#000; 
	text-align:center; 
	width:26px; 
	height:26px; 
	line-height:24px; 
	border:1px solid #444;
	margin:2px;
}
	/* position the images using an absolute position and hide them from view */
.gallery li a img {
	position:absolute; 
	top: 50px; 
	left:0; 
	visibility:hidden; 
	border:0;
	padding-left:16px;
}
	/* fix the top position for the landscape images */
.gallery li a img.landscape {
	top: 50px;
}
	/* fix the left position for the portrait images */
.gallery li a img.portrait {
	left:0;
	border-left:40px solid #eee;
	border-right:40px solid #eee;
}
	/* style the hover background color for the text boxes */
.gallery li a:hover {
	background:#999;
}
	/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
	background:#444; 
	color:#fff;
}
	/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
	visibility:visible;
}


/* Hundarnas galleri*/

#hund_bilder {
	width: 200px;
}

#hund_bilder table {
	border: none;	
	padding: 0;
}
#hund_bilder td {
	border: none;
	padding: 0;	
	padding-bottom: 10px;
	padding-right: 5px;
}

#hund_bilder img {
	width: 115px;
}
/* Hundsidor med bara en hundbild, tex föräldrar. */
#annanHund {
	color:#FFFFFF;
	padding: 30px;
	font-size : 11px; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 130%;
	background-color: #000;
	width: 310px;
	margin-top: 30px;
	position:absolute center;
}
#annanHund img {
	width: 250px;
}
	
/* Gästboken */

#gastbok {
	text-align:center;
}


/* toppen av inläggen */
.inlagg_top { 
 background : #999999;
 color : #000000;
 font-size:12px;
 text-align:left;
 padding : 3px;
}

/* botten av inläggen */
.inlagg_bot {
 padding : 3px;
 height : 12px;
 font-size: 12px;
 text-align:left;
 color : #FFFFFF;
 background : #333333;
}

/* mitten av inläggen */
.inlagg_mid {
 padding : 10px;
 text-align:left;
 color: #000000;
 background: #F1F4E6; 
 font-size : 12px;
}

/* ramen som håller ihop inläggen */
.inlagg_frame {
 border : 1px #000 solid;
 width : 500px;
 margin-bottom : 15px; 
 margin-right : auto;
 margin-left : auto;
 padding : 0px;
 text-align: center;
}



/* formuläret */
#gbform {
 width : 500px;
 margin-bottom : 50px;
 margin-top : 50px;
 padding : 0px;
 border : 1px solid #000;
}


/* anger färger för varje rad i formuläret */

.formrad1 {
  clear : both;
  text-align: right;
  background : #333;
  padding-top : 10px;
  font-size: 12px;
  
}
.formrad2 {
  clear : both;
  text-align: right;
  background : #333;
  font-size: 12px;
}
.formrad3 {
  clear : both;
  text-align: right;
  background : #333;
  font-size: 12px;
}
.formrad4 {
  clear : both;
  text-align: right;
  background : #333;
  font-size: 12px;
}
.formrad5 {
  clear : both;
  text-align: right;
  background : #333;
  font-size: 12px;
}

.formrad5 textarea  {
 vertical-align : baseline;
}

.formrad6 {
  clear : both;
  text-align: right;
  background : #333;
  padding-bottom : 10px;
}


/* egenskaper för input och textarea */
input, textarea {
 margin-right : 50px;
 margin-top : 2px;
 margin-bottom : 2px;
 width : 280px;
}

.formrad6 input {
  font-size : 10px;
  font-family : verdana;
  margin-top : 5px;
  margin-bottom : 2px;
}



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

label {
margin-right : 10px;
}

#sidan {
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	width : 500px;
	text-align : center;
	align : center;

}



/* Navigeringen till nästa sida och antal inlägg */

#navigering_top, #navigering_bot {
 clear : both;
}

#sidor_top, #sidor_bot {
	float : left;
      break : left;
}

#lank_top, #lank_bot {
	float : right;
  break : right;
  font-size: 10px;
}

#inlagg {
	margin-right : auto;
	margin-left : auto;
	margin-top : 10px;
	padding : 0px;
	text-align: center;
	padding-top: 10px;
}


/* sidans rubrik */
#rubrik {
	font-size:24px;
	font-weight:bold;
}
#banner {
	text-align: center;
	margin-left: -60px;
}
#banner img {
	width: 400px;
}
#aktuellt img {
	width: 450px;
}