@charset "utf-8";
/* CSS Document */
* html body input:focus, textarea:focus{
	border: 2px solid #c73c00;
}
body {
	margin:0;
	padding:0;
	font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
	color: #333333;
	background-color: #333333;
}


body#home a#homenav,
body#web a#webnav,
body#about a#aboutnav,
body#ref a#refnav,
body#contact a#contactnav {
	text-decoration: none;
	color: #FFFFFF;
	padding: 1px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	border-radius: 3px;	
	font-weight: normal;
	
}

body#home a#homenav{
	background-color: #F37707;
}

body#home h1 {
	color: #F37707;
}

body#web a#webnav{
	background-color: #118DA6;
}
body#web h1{
	color: #118DA6;
}
	
body#about a#aboutnav {
	background-color: #af0303;
}
body#about h1{
	color: #af0303;
}

body#ref a#refnav {
	background-color: #DEAF10;
}

body#ref h1{
	color: #DEAF10;
}
body#contact a#contactnav {
	background-color: #808000;

}
body#contact h1{
	color: #808000;
}
body img {
 	border: 1px solid #000000;
	}
div#header {
	background-color:#ffffff;
	width: auto;
	}

div#header img{
	border: 6px solid #FFFFFF;
	border-bottom: none;
	}	

div#contentarea {
	position:relative;
	w\idth: 812px;
	min-width:400px;
	max-width: 812px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	background-color: #FFFFFF;
}

div#main {
	margin:20px 20px 0 100px; 
	padding: 0;
	font-size: .98em;
	width: 610px;
}

@font-face {
    font-family: 'SpaceToasterRoman';
    src: url('/fonts/spacetoa-webfont.eot');
    src: url('/fonts/spacetoa-webfont.eot?#iefix') format('eot'),
         url('/fonts/spacetoa-webfont.woff') format('woff'),
         url('/fonts/spacetoa-webfont.ttf') format('truetype'),
         url('/fonts/spacetoa-webfont.svg#webfontLuWAmBuo') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'HattoriHanzoLight';
    src: url('/fonts/Hattori_Hanzo-webfont.eot');
    src: url('/fonts/Hattori_Hanzo-webfont.eot?#iefix') format('eot'),
         url('/fonts/Hattori_Hanzo-webfont.woff') format('woff'),
         url('/fonts/Hattori_Hanzo-webfont.ttf') format('truetype'),
         url('/fonts/Hattori_Hanzo-webfont.svg#webfontJEbpVH30') format('svg');
    font-weight: normal;
    font-style: normal;

}
.typo{
	font-variant:small-caps; 
	font-family:   'Lucida Grande', Arial, Helvetica, sans-serif; 
	font-size: 1.08em; 
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	}

div#main h1{
	font-family:  'Lucida Grande', Arial, Helvetica, sans-serif; 
	font-size:1.9em;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #999999;
	margin-top: 1.5em; 
    text-align: center;
}

div#main h2{
	text-transform: lowercase;
	font-size: 1.7em;
	font-weight: normal;
	color: #f88010;
	margin-top:.2em; 
    text-align: center;
	border-top: dotted 2px #575353;
	padding-top: 5px; 

}

div#main img{
	}

div#main ul{
	width: 240px;
	margin-left: 1px;
	padding: 7px 2px 7px 37px;
	list-style-image: url('/images/links/orangeCheck.png');
	}
div#main li{
	margin-bottom: 7px;
	}
div#main a{

}

div#main a:hover{
	text-decoration: none;
	color:#333333;
	text-shadow: none;	
}

body input:focus, textarea:focus{
	border: 2px solid #808000;
}

div#form{
	width: 500px;
	margin: 5px 50px 5px 55px;
}
	
div#form label{
	font-family: Verdana, Arial, sans-serif;
	color: #4d5762;
	display:block;
 	text-transform: uppercase;
	font-weight: normal;
	font-size: .7em;
}


div#form textarea{
	width: 400px;
	height: 150px;
}
fieldset{
	border: 1px solid #888888;
	margin-bottom: 5px;
	}
legend
	{
		font-family: Verdana, Arial, sans-serif;
		font-size: 80%;
		font-weight: bold;
		color: #808000;
		margin: 0;
		padding: 0;	
	}

input.textfield, textarea
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #333333;
	background: #f9f9f9;
	width: 230px;
	border: 2px solid #dddddd;
	}

.warning {
    font-weight: bold;
    color: #F37707;
	font-size: 1.22em;
}
.adress {
	text-align: center;
	font-weight: normal; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	color:#FFFFFF; 
	text-shadow: 1px 1px 1px #333333;		
	background-color: #808000; 
	padding: 6px 0;	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #333333;
	-moz-box-shadow: 8px 8px 5px #888888;
	-webkit-box-shadow: 8px 8px 5px #888888;
	box-shadow: 8px 8px 5px #888888;
	line-height: 30px;
	}
.adress a{
	text-decoration: none; 
	color:#F37707;
	font-size: 1.04em;
	font-weight: normal;
	}	
div#nav {
	position:absolute; 
	left:0px; 
	top:245px; 
	width:795px;
	padding: 3px 5px 4px 0;
	margin: 22px 10px 15px 6px;
	background-color:#131211;

}	
		
div#nav ul {
	border:0; 
	margin:12px 1.5em 75px 140px; 
	padding-right:0;
	display: inline;
	list-style-type:none;
	list-style-image: none;
	font-weight: normal;
	font-size: 1.2em;
	-moz-box-shadow:  none;
	-webkit-box-shadow:  none;
	box-shadow:  none;	
}

div#nav li {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline;
	color:#000000;
	margin:0; 
	padding:.23em 10px; 
	text-indent:.2em
}

div#nav li:first-child {
	
}

div#nav a {
	text-decoration:none;
	font-size: .92em;
	color:#F37707;
	
}

div#nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	
}

/* ett hack f?r enbart IE Win \*/	
* html div#nav ul {
border-top:2px dotted #575353;
}
/* slut p? hack */


.floatleft {
	float: left;
	margin-top: 5px;
	margin-right: 6px;
	border: 1px solid #484b5a;
}

.floatleft img {
	border: 1px solid #484b5a;
}


.floatleft p {
	margin: 1px 0 10px 0;
	font-size: 0.8em;
	color: #666600;
	text-align: center;	
}

.floatright {
	float: right;
	margin-top: 5px;
	margin-left: 6px;
	border: 1px solid #484b5a;
	-moz-box-shadow: 8px 8px 5px #999999;
	-webkit-box-shadow: 8px 8px 5px #999999;
	box-shadow: 8px 8px 5px #999999;	
}

.floatright img {
	border: 1px solid #484b5a;
}


.floatright p {
	margin: 1px 0 10px 0;
	font-size: 0.8em;
	color: #666600;
	text-align: center;	
}
.clearboth { 
	clear: both; 

}

.webthumbs{
	padding: 0;
	float: left;
	width: 132px;
	border: none;
	margin: 6px 10px 6px 0;
}

div#slideshow {
	margin-top: 11px;
	margin-right: 5px;
	float: right;
	border: 1px solid black;
	}

div#main blockquote {
	width: 170px;
	float:right;
	font-size:0.75em;
	color: #f88010;
	border-top: 3px dotted #575353;
	border-bottom: 3px dotted #575353;
	margin:5px 10px 5px 0;
	padding: 4px 0 4px 0px;
}

div#log{
	margin-left:105px;
	width: 300px;
	}
	
div#footer {
	background-image: url(../images/footerbackground.jpg);
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 50px;
	width: 800px;
	margin-left: 6px;
	margin-top: 3em;
	padding: 2px 0 7px 0;
	font-weight: normal;
	font-size: .94em;
	text-align: center;
	color: #F37707;

}
 
div#flag {
	position: absolute;
	top: 295px;
	left: 767px;
}

div#flag img{
	border: none;
	}


 .thumbs
{
float: left;
width: 111px;
border: 0;
margin: 0 5px 10px 15px;
padding-left: 25px;

}

.err {
	color: #FF9900;
}


.infobox{
	float: left;
	width: 255px;
	padding: 0px 2px 2px 0px;
	margin: 4px 22px;


		}	
.infobox h3{
	border-bottom: 3px solid #118DA6;
	margin-bottom: 0;
	margin-top: .2em;;
	padding-top: 0;
	font-variant:small-caps;
	font-size: 1.28em;
	color: #000033;
	}

.infobox p{
	margin-top: 5px;
	}	
.infobox img{
		box-shadow:  none;
		-moz-box-shadow:  none;
		-webkit-box-shadow:  none;		
		border: none;
		}
.infobox a{
	text-decoration:none;
	
	font-size: 1.15em;
	color:#F37707;
	text-shadow: none;		
}
.curvy {position:relative; left: 140px; text-align: center; width:220px; background:#575353; color:#000; margin: 0;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#ff0000; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#575353; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; font-size: 13px; font-weight: bold; color:#f88010; padding:5px 10px;}


div#clock{
	position: absolute;
	top: 7px;
	left: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color:#f88010;
	}
	
	
	

div#hand{
   position: relative;
   width: 100%; /* for IE 6 */
} 

div#hand .peter{
	margin-top: 435px; 
	margin-left: 650px;
    -moz-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
 	transform: rotate(7deg);
	}
div#hand .stina{	
	margin-top: 528px; 
	margin-left: 635px;
    -moz-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
 	transform: rotate(7deg);
	}
	
div#hand .gunilla{
	margin-top: 200px; 
	margin-left: 600px;
    -moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
 	transform: rotate(-10deg);

}

div#hand .ullakarin{
	margin-top: -77px; 
	margin-left: 300px;	
    -moz-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
 	transform: rotate(-35deg)
}	
	
	
div#hand a{
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
 	font-size: .94em;
	font-weight: bold;
	text-transform:uppercase;
    text-decoration: none;
	color: #ffffff;
}

div#hand a:hover{
	color: #CC3300;
}
	

/*
.imagetest span a:hover{
	color: #FF0000;
	text-decoration: underline;
	}

.imagetest  span a{
	text-align: left;
   color: #FFFFFF;

   letter-spacing: -1px;


   padding: 10px;
}
.imagetest span a:hover {
	text-decoration: underline;
	color:#FF9900;
	}  */