/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	color: #878C66;
	text-indent: 1px;
	font-family: sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	float: left;
	background-color: #FFFFFF;
	background-image: url(../site_img/img1.gif);
	background-repeat: repeat-x;
}

h1, h2, h3, h4, h5, h6 {
	color: #997867;
}

a {
	text-decoration: none;
	color: #825037;
}

a:hover {
	text-decoration: underline;
}

/* Header */

#header {
	width: 700px;
	height: 140px;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 25px;
}



/* Logo */

#logo {
	float: left;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#logo * {
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	color: #878C66;
	
}

#logo h1 {
	letter-spacing: -2px;
	font-size: 2.8em;
}

#logo h2 {
	margin-top: -5px;
	padding-left: 2px;
	font-size: 1em;
}

.story { background-image: url(../site_img/genomhjorten.jpg); background-repeat: no-repeat; background-position: bottom;
			
}

/* Menu */

#menu {
	float: left;
	margin-left: 70px;
}

#menu ul {
	margin: 0;
	padding: 69px 0 0 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 22px;
	margin-left: 2px;
	padding: 8px 15px 0 15px;
	border: 1px solid #C9CCB9;
	border-bottom: none;
	text-decoration: none;
	color: #878C66;
	background-repeat: repeat-x;
	background-image: url(../site_img/img2.gif);
	background-color: #EFF0EB;
}

#menu .active a, #menu a:hover {
	height: 23px;
	background-color: #EFF0EB;
	background-image: none;
}

/* Content */

#content {
	width: 700px;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 25px;
}

/* Column One */

#colOne {
	width: 450px;
	float: right;
}

#colOne .post {
	clear: both;
	margin-bottom: 3em;
}

#colOne .title {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #C9CCB9;
	font-size: 1.6em;
}

#colOne .posted, #colOne .meta {
	margin: 0;
	text-align: right;
	font-size: xx-small;
}

#colOne .posted {
	margin-top: -13px;
}

#colOne .meta {
	border-top: 1px solid #C9CCB9;
}

#colOne .meta p {
	margin: 0;
}

/* Column Two */

#colTwo {
	width: 185px;
	float: left;
	clear: none;
}

#colTwo #textfield1 {
	width: 170px;
}

#colTwo #submit1 {
	display: none;
}

#colTwo ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 2px;
}

#colTwo li h2 {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

#colTwo li h2 span {
	margin: 0;
	padding: 5px 10px;
	background: #F0F0EB url(site_img/img3.gif) repeat-x;
	border: 1px solid #C9CCB9;
	border-bottom: none;
	text-transform: uppercase;
	font-size: 10px;
}

#colTwo li ul, #colTwo li form {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #C9CCB9;
}

/* Footer */

#footer {
	width: 700px;
	padding: 1em;
	border-top: 1px solid #C9CCB9;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: static;
}

#footer p {
	font-size: xx-small;
	clear: both;
}


#bilderWrapper {
	background-color: transparent;
	clear: both;
	/*float: left;*/
	width: 470px;
	margin-left: 180px;	
}

/*#holder {
	margin-bottom:10px;
	background-color: transparent;
	background-image: url(pic1b.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	z-index: 1;
	position: relative;
	
}*/
#scrollbox {
	width:470px;
	height:80px;
	overflow:auto;
	border:1px solid #aaa;
	background-color: transparent;
	
}
a.gallery, a.gallery:visited {
	display:block;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	width:75px;
	height:47px;
	float:left;
	font-size:11px;
	margin: 3px;
}
/*a.slidea {
	background-image: url(thumb2.jpg);
	background-repeat: no-repeat;
}
a.slideb {
	background-image: url(thumb3.jpg);
	background-repeat: no-repeat;
}
a.slidec {
	background-image: url(thumb4.jpg);
	background-repeat: no-repeat;
}
a.slided {background:url(thumb5.jpg);}
a.slidee {background:url(thumb6.jpg);}
a.slidef {background:url(thumb7.jpg);}
a.slideg {background:url(thumb8.jpg);}
a.slideh {background:url(thumb9.jpg);}
a.slidei {background:url(thumb10.jpg);}
a.slidej {background:url(thumb11.jpg);}*/


a.gallery span {
	display:block;
	position:absolute;
	left:150px;
	top:-1px;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:100;
	font-size:11px;
}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {
	border:0px solid #000;
	z-index:100;
}
a.gallery:active img, a.gallery:focus img {
	border:0px solid #000;
	z-index:50;
}

#bilderWrapper a.gallery:hover span {
	display:block;
	width:440px;
	height:330px;
	font-style:italic;
	color:#000;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	left: 460px;
	top: 39%;
		
}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {
	display:block;
	width:440px;
	height:330px;
	font-style:italic;
	color:#000;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	left: 460px;
	top: 39%;
}
	
	/*
	display:block;
	position:relative;
	width:440px;
	height:330px;
	top:220px;
	left:200px;
	padding:5px;
	font-style:italic;
	color:#000;
	z-index:50;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ECE9D8;
}*/

#thumbs {width:840px; height:60px;}

#pad {
	height:340px;
	width:440px;
	background-image: url(pic2.jpg);
	background-repeat: no-repeat;
}

Body.kopinfo #akopinfo,
Body.fordon #afordon,
Body.verktyg #averktyg,
Body.hushall #ahushall{
height: 23px;
background: #EFF0EB;
}
