body {

	margin:0;

	padding: 0;

	color: #000;

	font-family: Verdana, Arial, Sans-Serif;

	font-size: 11px;

	background-image: url('back.jpg');

	background-repeat: repeat;

	background-attachment: fixed;



}

h2 {
color : black;
}

h1 {
color : red;
font-weight: bold;
display: inline; 
}

a {
color : black;
text-decoration: none;
}


#first { display: none; } 



img {

	border: 0px none;

}



#wrapper {

	width: 842px;

	margin: 0 auto;

	padding: 0;

}



#header {

	position: relative;

	width: 842px;

	height: 252px;

	margin: 0;

	padding: 0;

	paddin-bottom: 0px;

	background: url('header.png') no-repeat left top;

}

#footer {

	position: relative;

	width: 842px;

	height: 377px;

	margin: 0;

	padding: 0;

	paddin-bottom: 0px;

	background: url('foot.png') no-repeat left top;

}

#mitten {

	position: relative;

	width: 700px;

	margin: 0 auto;

	padding: 0;

	paddin-bottom: 0px;

}

#skugga {

	position: relative;

	width: 842px;

	height: 21px;

	margin: 0 auto;

	padding: 0;

	paddin-bottom: 0px;

	background: url('skugga.png');

}

#navigation {

	position: absolute;

	left: 0;

	top: 0;

	width: 842px;

	height: 32px;

	margin: 203px 0 0 75px;

	padding: 16px 0 0 0;

	color: #fff;

	border: 0px solid red;

}



#nav {

	position: relative;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	width: 600px;

	height: 32px;

	border: none;

	background: none;

}



#nav li {

	margin: 0;

	padding: 0;

	display: inline;

	list-style-type: none;

}



#nav a:link, #nav a:visited {

	float: left;

	font-size: 10px;

	font-weight: bold;

	line-height: 14px;

	margin: 4px 15px 0 10px;

	padding-bottom: 2px;

	text-decoration: none;

	border: none;

	color: #fff;

	text-transform: uppercase;

}



#nav a:link.active, #nav a:visited.active, #nav a:hover {

	border-bottom: 2px solid #FF9900;

	padding-bottom: 2px;

	color: #fff;

}



#content {

	width: 842px;



	margin: 0;

	padding: 0;

	background: url('mitten.png') center top;

	background-repeat: repeat;

}



#classcontent {

	width: 742px;

	height: 591px;

	margin: 0;

	padding: 0;

}



.moviebox {

	width: 400px;

	height: 550px;

	margin: 0;

	text-align: left;

}



.notepaper {

	width: 300px;

	height: 550px;

	margin: 0;

	text-align: left;

	background: url('notepaper.png') no-repeat left top;

	x-font-family: "Courier New" Courier;

	font-size: 11px; padding-left:30px; padding-right:30px; padding-top:40px; padding-bottom:0

}



.notepaper h1 {

	font-family: "Courier New" Courier;

	color: #f00;

}



.photo {

	padding: 0;

	margin: 0;

	display: inline;

}

.photo2 {

	padding: 0;

	margin: 0;

	display: inline;

}



.photo .notepaper {

	display: none;

}

.photo2 .notepaper {

	display: none;

}



.photo:hover .notepaper {

	display: block;

	position: absolute;

}

.photo2:hover .notepaper {

	display: block;

	position: absolute;

}



.photos {

	display: block;

	float: left;

	width: 127px;

	height: 542px;

	text-align: center;

	background: url('photo-shadow2.png') no-repeat left top;; padding-left:0; padding-right:5px; padding-top:20px; padding-bottom:0

}

.photos2 {

	display: block;

	float: left;

	width: 127px;

	height: 300px;

	text-align: center;

	background: url('photo-shadow3.png') no-repeat left top;; padding-left:0; padding-right:5px; padding-top:20px; padding-bottom:0

}

.classlist {

	width: 300px;

	height: 542px;

	margin: 0px;

	text-align: left;

}



.photos img {

	margin: 1px 2px 0px 10px;

	padding: 0;

	border: 1px solid #fff;

}



.photos img:hover {

	border: 1px solid red;

}

.photos2 img {

	margin: 0px 2px 0px 10px;

	padding: 0;

	border: 1px solid #fff;

}



.photos2 img:hover {

	border: 1px solid red;

}



.slideshow {

	x-position: relative; left: 100px;

 	background: url('/bilder/bildspel.png');

 	width: 555px;

	height: 468px;

 	padding: 0;

	margin: 0

}



.slideshow .image {

	width: 400px;

	padding-top: 50px;

	padding-left: 70px;

}



.slideshow .prev a:link,

.slideshow .prev a:visited,

.slideshow .next a:link,

.slideshow .next a:visited {

	text-decoration: none;

	border: none;

	color: #444;

	border-bottom: 1px solid #fff;

	margin-bottom: 4px;

}



.slideshow .prev a:hover,

.slideshow .next a:hover {

	border-bottom: 1px solid #FF9900;

}



.slideshow .next a {

	float: right;

}



.contact {

	position: relative;

	left: 110px;

	width: 570px;

	height: 490px;

	margin: 0;

	paddding: 0;

	background: url('/kontakt/brev.png') no-repeat left top;

}



.contact .header {

	padding: 140px 50px 0 50px;

	margin: 0;

	height: 80px;

	font-size: 12px;

	font-weight: bold;

	x-border: 1px solid red;

}



.contact .text {

	padding: 0 50px 0 50px;

	margin: 0;

	font-size: 12px;

	x-border: 1px solid red;

}



.contact .text h1 {

	font-size: 13px;

}



.bok {

	position: relative;

	left: 10px;

	width: 600px;

	height: 700px;

	margin: 0;

	paddding: 0;

	padding-top: 30px;

	background: url('/guestbook/bok.png') no-repeat left top;

}



#contentbok {

	width: 742px;

	height: 737px;

	margin: 0;

	padding: 0;

	padding-top: 0px;

	background: url('/guestbook/jeansbok.jpg') no-repeat center top;

}



#roadtrip {

	width: 742px;

	height: 500px;

	margin: 0;

	padding: 0;

	background: url('/show/RoadtripInfo.jpg') no-repeat center top;

}


#oscar {

	width: 742px;

	height: 1010px;

	margin: 0;

	padding: 0;

	background: url('/show/OscarInfo.jpg') no-repeat center top;

}


.show .text p {

	margin-top: 5px;

	margin-bottom: 0;

	font-size: 11px;

	x-border: 1px solid red;

}



.show .text h1 {

	font-size: 12px;

}

.ram {
position:absolute;
left:10px;
top:10px
}