/* CSS Stylesheet made for semperparata.se
Design by Isaac Keyet for KIWI KIWI Studios
July 2006 */

/* Globals */

body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	cursor: default;
}

img {
	border: 0px;
}

a {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

p {
	margin: 0 0 0 0;
	padding: 0px;

}

li { 
	padding: 0 0 0 0;
	margin: 0 0 .6em 1em;
	color: #5b5637;
}

li.sp_list_tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #5b5637;
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

ul {
	list-style-type: disc;

	padding: 0px;
	margin: 0 0 1em 2.5em;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	
	line-height: 1.3em;
}

li.sp_list_arrows {
	background: url(images/arrows1.gif) left center no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 6px 0;
}

ul.sp_list_arrows {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	
	line-height: 1.3em;
}

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

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #5b5637;
	
	padding: 0 20px 0 20px;
	margin: 20px 0 .7em 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #5b5637;
	
	padding: 0px;
	margin: 18px 0 4px 20px;
}

a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #59a9d5;

	margin: 0 0 0 0;
	padding: 0px;
	text-decoration: underline;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #205e80;

	margin: 0 0 0 0;
	padding: 0px;
	text-decoration: underline;
}

a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #59a9d5;

	margin: 0 0 0 0;
	padding: 0px;
	text-decoration: underline;
}

/* END GLOBALS */

/* MAIN */

.center {
	text-align: left;
	width: 100%;
}

.sp_outer {
	width: 746px;
	height: 100%;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
}

.sp_top {
	width: 746px;
	height: 25px;
	background-color: #e2dec4;
	position: relative;
	text-align: right;
	vertical-align: middle;
	
	border-bottom: 2px solid #959073;
}

.sp_top-sitemap {
	margin: 4px 6px 0 0;
	cursor: pointer;
}

.sp_header {
	background-color: #ffffff;
	color: #000;
	height: 130px;
	width: 746px;
	position: relative;
	vertical-align: bottom;
	border-bottom: 2px solid #8bcdee;
}

.sp_header-logo {
	float: left;
	vertical-align: bottom;
	margin: 0px;
	padding: 20px 0 0 0;
}

.sp_header-illustration {
	float: right;
	vertical-align: bottom;
	margin: 0px;
	padding: 42px 0 0 0;
	position: relative;
}


.sp_menu {
	background-color: #eaf8ff;
	height: 32px;
	padding: 11px 0 0 0;
	margin: 0 0 4px 0;
	vertical-align: middle;
	text-align: left;
	width: 746px;
}

.sp_menu-line {
	background-color: #8bcdee;
	height: 2px;
	width: 746px;
	position: relative;
	margin: 0px;
	padding: 0px;
}


div.sp_menu * {
	vertical-align: middle;
}

/*.sp_menu-selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #205e80;
	background-color: #8bcdee;
	text-decoration: none;
	
	margin: 0px;
	padding: 11px .9em 16px .9em;
	cursor: default;
} */
	
a.sp_menu-link:link, a.sp_menu-link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #59a9d5;
	background-color: #eaf8ff;
	text-decoration: none;
	
	margin: 0px;
	padding: 13px .9em 16px .9em;
}

a.sp_menu-link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #59a9d5;
	background-color: #d2effe;
	text-decoration: none;
	
	margin: 0px;
	padding: 13px .9em 16px .9em;
}

a.sp_menu-link:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #59a9d5;
	background-color: #eaf8ff;
	text-decoration: none;
	
	margin: 0px;
	padding: 13px .9em 16px .9em;
}

a.sp_menu-selected:link, a.sp_menu-selected:visited, a.sp_menu-selected:hover, a.sp_menu-selected:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #205e80;
	background-color: #8bcdee;
	text-decoration: none;
	
	margin: 0px;
	padding: 13px .9em 16px .9em;
	cursor: default;
}

.sp_main {
	background-color: #fbfaf6;
	width: 736px;
	height: 100%;
	border-left: 10px solid #f0eddd;
	
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: left;
	border-top: 1px solid #eaf8ff;
}

.sp_main-image {
	margin: 20px 0 0 0;
}


/* TEXT */

.sp_brodtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #5b5637;
	
	padding: 0 20px 0 20px;
	margin: 0 0 1em 0;
	line-height: 1.3em;
}

.sp_brodtext-indrag {
	margin: 0 0 1em 2.5em;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #5b5637;
}

.sp_brodtext-tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #5b5637;
}

.sp_brodtext-bildtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #5b5637;
	font-style: italic;
	text-align: right;
	margin: 0 6px 2px 0;
	padding: 0px;
}

/* END TEXT */

.sp_main-right {
	background-color: #c9c5ab;
	width: 243px;
	height: 100%;
	
	padding: 0px;
	margin: 0 0 0 20px;
	float: right;
	text-align: left;
}

.sp_main-right-top {
	background-color: #c9c5ab;
	width: 215px;
	height: 100%;
	
	padding: 12px 14px 8px 14px;
	margin: 0px;
	border-bottom: 4px solid #959073;
	text-align: left;
}

a.sp_main-right-top-link:link, a.sp_main-right-top-link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #5b5637;
	font-weight: bold;
	margin: 0 0 .8em 0;
	padding: 0px;
	text-decoration: none;
}

a.sp_main-right-top-link:hover, a.sp_main-right-top-link:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #5b5637;
	font-weight: bold;
	margin: 0 0 .8em 0;
	padding: 0px;
	text-decoration: underline;
}

.sp_main-right-image {
	padding: 0px;
	margin: 0 0 2px 0;
}

.sp_main-right-bottom {
	background-color: #e2dec4;
	width: 233px;
	height: 100%;
	
	padding: 5px;
	margin: 0px;
	text-align: left;
}

.sp_bottom {
	width: 746px;
	float: left;

	position: relative;
	text-align: left;
}

.sp_bottom-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #5b5637;
	margin: 8px 0 3px 0;
}

/* ERBJUDA */
.sp_brodtext-read_more-outer {
	margin: 0 0 0 20px;
}

.sp_brodtext-read_more{
	background-color: #c9c5ab;
	float: left;
	color: #5b5637;
	height: 78px;
	padding: 10px 0 6px 0;
	margin: 0px;
}

.sp_brodtext-read_more-box {
	width: 98px;
	background-color: #959073;
	float: left;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	padding: 21px 0 17px 0;
	margin: 0 0 .7em 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	height: 56px;
}

.sp_brodtext-read_more-box:hover {
	background-color: #8bcdee;
}

.sp_brodtext-read_more-box-arrows {
	margin: 15px 0 0 0;
	cursor: pointer;
}

/* */

/* VEM ÄR JAG? */

img.sp_img_float-right {
	float: right;
	margin: 0 12px 12px 12px;
}

/* KONTAKT: FORMULÄR */

form {
	width: 300px;
}