/*---------formatmall för fotosidan---------------*/

body  { 
     font-size: 10pt;
     color: #C0C0C0; 
     font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*---------Bakgrundsfärgen---------------*/
.background {
    background-color: #333333;
    color: #CCCCCC;
}

h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif }
h1           { color: #C0C0C0; font-family: Verdana, Arial, Helvetica, sans-serif }
h2           { color: #C0C0C0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold }
h3           { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt }
h4           { color: #C0C0C0; font-family: Verdana, Arial, Helvetica, sans-serif }
h5           { color: #C0C0C0; font-family: Verdana, Arial, Helvetica, sans-serif }
h6           { color: #C0C0C0; font-family: Verdana, Arial, Helvetica, sans-serif }


a:link       { color: #999999 }
a:visited    { color: #CCCCCC }
a:active     { color: #FFFFFF }


/*---------Bilden bakom boxen och boxens storlek---------------*/
div.utseende {
    background-image: url('photos/stenar.png');
    width: 1024px;
    height: 684px


}


/*---------Svart kant runt bilderna och centrera ---------------*/
img {
    border: 2px solid #000;
display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}



/*---------Länkar i översta raden---------------*/
.head {

    width: 1010px;    
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 8px;
}


/*---------Länkar i vänstra raden---------------*/
.leftbox {
    float: left;
    width: 140px;
    height: 580px;
    margin-left: 5px;

}



/*---------Boxen mellan vänster och höger med bilderna i---------------*/
.centerbox {
    margin-left: 158px;
    width: 698px;
    height: 580px;
    /*padding-left: 10px;*/

}

/*---------Högra länkboxen---------------*/
.rightbox {
    float: right;
    width: 125px;
    height: 580px;
    margin-right: 5px;

}


/*---------boxen där bilderna är placerade---------------*/
.center {
   text-align: center;
   width: 699px;
   padding-top: 30px;
   margin-right: auto;
   margin-left: auto;

}

/*---------Rubriktexten längst upp på varje sida---------------*/
.pagehead {
     text-align: center;
}





/*---------Vågräta länkar i foten---------------*/
.footer {
    clear: left;
    width: 1010px;    
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 8px;
}

hr {
    width: 100%;
    height: 1px;
    color: #CCCCCC;
}




/*---------Foto uppe till vänster i text som i about---------------*/
.photo {
     position: relative; 
     float: left;
     margin-right: 5px;	
}

.bold {
   font-weight: bold;
}

table {
    margin-left: 50px;
}

td  { 
    text-align: center; 
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;

}



#bild {
    width: 680px;
	height: 408px;
	margin-right: auto;
	margin-left: auto;

}

#gallerynav {
    width: 680px;
	height: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}



/*---bild i galleriet pom-------*/
table.gallery img {
    border: 2px solid #000;
}
    



.clear {
    clear: left;
}


.mellanrum {
    clear: left;
}


#bild_stor {
    width: 400px;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
}


.nav {
    margin-left: auto;
    margin-left: auto;
    text-align: center;
}






/*---kan jag ta bort dessa-------*/
/*---galleri och slideshow-------

div.image_gallery {
    float: left;
    width: 120px;
    height: 120px;
}

div.image_gallery  img{
    border: 2px solid #000;
}


div.liggande {
    padding-top: 20px;
    padding-left: 2px;
}


div.staende {
    padding-top: 2px;
    padding-left: 2px;
}
*/