/* 
---------------------------------------------------------------------
*	
*	Styles by Palle Zingmark
*	Orbitsville AB
*	www.orbitsville.com
*
---------------------------------------------------------------------
*/
* {margin:0; padding:0;}

html, body {
	background:#ddd3c9;
}
body {
	font:70%/1.4 tahoma, verdana, sans-serif;
	color:#333;
}
a:link, a:visited {
	color:blue; 
	background:transparent;
	text-decoration:none; 
}
a:hover { 
	color:maroon; 
	background:transparent;
	text-decoration:none;
}
input, select, textarea, button { 
	color:#000;
	background:#fff;
	border-width:1px;
}
img, form {
	border:0;
}
hr { 
	height:2px;
	background:transparent;
	border-top:1px solid #ccc;
	border-right:0 solid #fff;
	border-bottom:1px solid #fff;
	border-left:0 solid #fff;
}
/*
---------------------------------------------------------------------
	PAGE ATTRIBUTES
---------------------------------------------------------------------
*/
#page-header {
	width:713px;
	height:96px;
	padding:0 0 0 12px;
	margin:0 auto;
	background:#DDD3C9 url(../gfx/page_header.gif) no-repeat;
	clear:both;
}
#page-intro {
	width:700px;
	height:160px;
	padding:14px 15px 16px 10px;
	margin:0 auto;
	background:#DDD3C9 url(../gfx/page_intro.gif) no-repeat;
	clear:both;
}
#page-content {
	width:720px;
	height:330px;
	padding:4px 5px 6px 0px;
	margin:0 auto;
	background:#DDD3C9 url(../gfx/page_content.gif) no-repeat;
	clear:both;
}
#page-footer {
	width:710px;
	height:50px;
	padding:15px 15px 0 0;
	margin:0 auto;
	color:#999;
	background:#DDD3C9 url(../gfx/page_footer.gif) no-repeat;
	text-align:right;
	clear:both;
}
#page-content-left {
	width:355px;
	height:330px;
	float:left;
}
#page-content-right {
	padding:10px;
	width:335px;
	height:310px;
	float:right;
}
#page-content-gallery {
	width:355px;
	height:160px;
	margin-bottom:10px;
}
#page-content-bottom {
	padding:10px;
	width:325px;
	height:140px;
}
/*
---------------------------------------------------------------------
	LIST ATTRIBUTES
---------------------------------------------------------------------
*/
.list-cont {
	list-style-type:circle;
	margin-left:15px;
	padding:5px 0 10px 15px;
}
.list-year {
	width:60px;
	display:block;
	float:left;
}
dt {
	font-weight:bold;
	padding:6px 0 4px 0;
}
dd {
	padding:0 0 0 10px;
}

/*
---------------------------------------------------------------------
	NAVIGATION ATTRIBUTES
---------------------------------------------------------------------
*/
#nav-list ul {
	float:left;
	margin:0;
	padding:0;
	background:transparent;
	list-style-type:none;
}
#nav-list li {
	display:inline;
	padding:0;
	margin:0;
}
/*
---------------------------------------------------------------------
	FORM ATTRIBUTES
---------------------------------------------------------------------
*/
input, textarea {
	font:11px tahoma, verdana, sans-serif;
	color:#333;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
}
/*
---------------------------------------------------------------------
	LINK ATTRIBUTES
---------------------------------------------------------------------
*/
#page-content-right a {color:#777;}
#page-content-right a:hover {color:#555; border-bottom:1px dotted red;}

#page-content-bottom .quote-content-linklist a {font-size:9px; color:#777;}
#page-content-bottom .quote-content-linklist a:hover {color:#555; border-bottom:1px dotted red;}

#page-content-bottom .quote-content a {color:#777;}
#page-content-bottom .quote-content a:hover {color:#555; border-bottom:1px dotted red;}

#page-content-bottom .quote-author a {
	padding-left:18px;
	font-family:tahoma,verdana,Sans-Serif;
	text-transform:lowercase;
	font-size:11px;
	color:#333;
	background:url(../gfx/ico_link.gif) no-repeat left center;
}
#page-content-bottom .quote-author a:hover {
	padding-left:18px;
	font-family:tahoma,verdana,Sans-Serif;
	color:#999; background:url(../gfx/ico_link.gif) no-repeat left center;
}

#nav-list .nav-end a {border:0;}
#nav-list a:hover,#nav-list a:focus {color:red; background:#fff;}
#nav-list li a {
	background:transparent;
	padding:0 9px 0 9px; 
	margin-top:10px;
	color:#7F6650;
	text-decoration:none;
	display:block;
	float:left;
	width:auto;
	font-size:11px !important;
}
.nav-list-focus {color:red; background:#fff;}
#page-footer a {font-size:9px; color:#ccc; text-transform:uppercase; }
#page-footer a:hover {color:#555; border-bottom:1px dotted red;}
/*
---------------------------------------------------------------------
	HEADING ATTRIBUTES
---------------------------------------------------------------------
*/
h2 { font-size:14px; margin:0; padding:0 0 8px 0; }
/*
---------------------------------------------------------------------
	IMAGE ATTRIBUTES
---------------------------------------------------------------------
*/
#image-intro {
	width:700px; 
	height:160px;
}
#image-return {
	width:200px; 
	height:55px; 
	display:block;
}
.image-gallery {
	width:105px;
	height:65px;
	display:block; 
	float:left; 
	border-left:10px solid #fff; 
	border-top:10px solid #fff;
}
.image-gallery-gallery {
	width:70px;
	height:43px;
	display:block; 
	float:left; 
	border-right:10px solid #fff; 
	border-bottom:10px solid #fff;
}
.content-image-left {
	float:left;
	width:96px;
	border:4px solid #f0e9e3;
	margin-right:10px;
}
.content-image-right {
	float:right;
	width:96px;
	border:4px solid #f0e9e3;
	margin:2px 0 2px 10px;
}
.image-magnify  {
	float:right;
	width:18px;
	height:18px;
	margin:115px 7px 0 0;
}
/*
---------------------------------------------------------------------
	SCROLL ATTRIBUTES
---------------------------------------------------------------------
*/
.sBar {
	position:absolute;
	background:#F5F4F3;
	width:12px;
	height:310px;
	right:0;
}
.sDrag {
	width:12px;
	height:30px;
	background:#F5F4F3;
	position:absolute;
	right:0;
}
.sContainer {
	position:absolute;
	width:335px;
	height:310px;
	overflow:hidden;
}
.sContent {
	position:absolute;
	padding-right:20px;
}

.sBar-chokladprovning {
	position:absolute;
	background:#F5F4F3;
	width:12px;
	height:135px;
	right:0;
}
.sDrag-chokladprovning {
	width:12px;
	height:30px;
	background:#F5F4F3;
	position:absolute;
	right:0;
}
.sContainer-chokladprovning {
	position:absolute;
	width:335px;
	height:135px;
	overflow:hidden;
}
.sContent-chokladprovning {
	position:absolute;
	padding-right:20px;
}

/*
---------------------------------------------------------------------
	MISC
---------------------------------------------------------------------
*/
.wai-hidden {display:none;}
.quote-content {display:block; font:italic 100%/1.6 Georgia, verdana, sans-serif; color:#555; padding-bottom:15px;}
.quote-author {display:block; font:italic 100%/1.6 Georgia, verdana, sans-serif; text-transform:uppercase; text-align:right; color:#333;}
/*
---------------------------------------------------------------------
	FINITO
---------------------------------------------------------------------
*/