body {
	background-image: 		url(../pics/jan/bg.png);
	background-color: 		black;
	background-repeat: 		no-repeat; 
	background-position: 	top center;
	margin:					40px 0px 16px;
	font-family:			Verdana;
	/*font-family: 			Arial Narrow, helvetica;
	font-family:			Georgia;
	font-family:			Century gothic, sans-serif;*/
	font-size:				12px;
	/*color: 					#222222;*/
}

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

a:hover {
	text-decoration: 		underline;
}

hr {
	border:					0;
	background-color: 		#520066;
	color: 					#520066;
	height: 				2px;
}

#menu {
	background-color:		#520066;
	background-image:		url(../pics/jan/menu.png);
	border-top:				none;
	border-bottom:			none;
	margin-top:				0px;
	font-family:			Century gothic, sans-serif;
	font-size:				13px;
	line-height:			15px;
}

.menuObjects {
	margin:					0px 0px 0px 20px;
	padding:				0px;
	list-style-type:		none;
	background-repeat:		repeat-x;
	height:					35px;
}

.menuObjects a, .menuObjects li {
	float:					left;
}

.menuObjects a {
	height:					15px;
	padding:				10px;
}

.menuObjects a, .menuObjects a:active, .menuObjects a:visited, .menuObjects a:hover {
	color:					white;
	text-decoration:		none;
}

.menuObjects a:hover {
	background-image:		url(../pics/jan/menuOver.png);
	background-repeat:		repeat-x;
}

#menuSpacer {
	height:					35px;
	width:					1px;
	float:					left;
	background-image:		url(../pics/jan/menuSpacer.gif);
	background-repeat:		no-repeat;
}

.utdraget  {
	text-align: 			justify;
}

.utdraget a {
	color:					#520066;
	text-decoration:		none;
}

.utdraget a:hover {
	border-bottom:			1px dotted #520066;
}

.tiny_text_outer, .tiny_text, .tiny_text_no_float , .formular {
	font-size:				9px;
}

.tiny_text_outer {
	float:					left;
	color:					white;
}

.tiny_text_outer a {
	color:					white;
}

.tiny_text  {
	float:					left;
}

.tiny_text_no_float a {
	color:					white;
}

.big_text {
	font-size:		16px;
	font-weight: 	bold;
}

.formular {
	font-family: 	Verdana;
}

.formField {
	font-family: 	Verdana;
	font-size: 		12px;
}

.noWrap {
	white-space:	nowrap;
}

.fishStd {
	background:		#AAAAAA;
}

.fishOne {
	background:		#2B0036;
}

.fishTwo {
	background:		black;
}

.fishForm {
	background:		#AAAAAA;
	border:			2px solid #2B0036;
	padding:		10px;
}

.photo, .photo a {
	color:			#333333;
}

.photo {
	font:			10px Arial;
	padding-top:	5px;
}

/* osynlig ram ytterst */
#container {
	margin:				0px auto;
	width:				980px;
}

/* Yttersta ramen med border och padding */
#back_box {	
	width: 				940px; /* Totalt 980px */
	padding: 			18px;
	border: 			2px solid #2B0036;
	border-top:			none;
	margin-right: 		auto;
	margin-left: 		auto;
	background-color: 	black;
}

/* box där loggan och länkarna är */
#head_box {
	width: 				980px; /* Totalt 940px */
	margin:				0px auto;
	padding: 			0px;
	color:				white;
}

#logo {
	width:				763px;
	height:				76px;
	background:			url(../pics/jan/logo.gif);
	background-repeat:	no-repeat;
	padding-bottom:		20px;
}

/* En hel box att skriva i */
#full_box {
	width: 				900px; /* Totalt 940px */
	padding: 			18px;
	border: 			2px solid #2B0036;
	background-color: 	#FFFFFF;
	float:				left;
}

/* Rubrik som täcker texten */
#rubrik {
	padding: 			4px;
	border: 			2px solid #2B0036;
	border-bottom:		none;
	background-image: 	url(../pics/jan/headline.png);
	background-repeat:	no-repeat;
	padding-left:		20px;
	background-color: 	black;
	line-height:		16px;
	font-size: 			15px;
	color: 				white;
	font-family:		Century gothic, sans-serif;
	/*font-weight: 		bold;*/
	float: 				left;
}

#rubrik a {
	color:				white;
}

/* Main box */
#main_box {
	width: 				632px; /* Totalt 644px */
	padding: 			4px;
	border: 			2px solid #2B0036;
	background-color: 	#FFFFFF;
	float: 				left;
}

/* skapar en genomskinlig ruta */
#space_left {
	width: 644px;
	float: left;
}

/* genomskinlig ruta i högerspalten */
#space_right {
	width: 276px;
	float: right;
}

/* kursiv liten text */
#liten_text {
	font-size:		8px;
	float:			left;
	font-style: 	italic;
}

#liten_text a{
	font-style: 	italic;
}

#liten_text a:hover{
	font-style: 	italic;
}

#liten_text_outer {
	font-size:		8px;
	float:			left;
	font-style: 	italic;
	color:			white;
}

#liten_text_outer a{
	font-style: 	italic;
	color:			white;
}

#liten_text_outer a:hover{
	font-style: 	italic;
	color:			white;
}

/* ruta i högerspalten */
#right_box {
	width: 					264px; /* Totalt 276px */
	padding: 				4px; 
	border: 				2px solid #2B0036;
	background-color: 		#FFFFFF;
	font-family: 			Century gothic, sans-serif;
	font-size: 				11px;
	line-height:			11px;
	/*font-family:			Century gothic, sans-serif;
	font-size: 				10px;*/
	float: 					right;
}

/* ruta längst ner på sidan */
#bottom_box {
	padding: 	4px 0px 0px 0px; /* top, right, bottom, left */
	width: 		940px;
	font-size: 	9px;
	text-align: center;
	clear: 		both;
	color:		white;
}
/****************************************/




/****************************
 **  F I L M E R           **
 ****************************/
#film_stor_bild{
	width: 				105px;
	height: 			150px;
	padding: 			1px;
	background-image: 	url(../pics/bg/filmStorGrey.png);
}

#film_liten_bild{
	width: 				35px;
	height:				50px;
	padding: 			1px;
	background-image: 	url(../pics/bg/filmLitenGrey.png);
	float: 				left;
}

#film_liten_box{
	width: 			400px;
	margin-right: 	auto;
	margin-left: 	auto;
}

#film_liten_text{
	width: 			263px;
	padding: 		0px 10px 0px 10px;	/* top, right, bottom, left*/
	float: 			left;
}

#film_clear{
	clear: 			both;
	width: 			400px;
	margin-right: 	auto;
	margin-left: 	auto;
}

#film_liten_betyg{
	width: 		80px;
	float: 		left;
	text-align: right;
}



#bild_container {
	width: 					484px;
	margin-right: 			auto;
	margin-left: 			auto;
	clear:					left;
}

#bild_box{
	width: 					480px;
	border: 				2px solid #999999;
	background-image: 		url(../pics/bg/bildTextGrey.png);
}

#bild_foto{
	width: 					480px;
	height:					360px;
}



#quiz {
	width: 					400px; 
	padding: 				4px;
	border: 				2px solid #2B0036;
	background-color: 		#FFFFFF;
	margin-right: 			auto;
	margin-left: 			auto;
}

#timerBox {
	width: 					400px; 
	padding: 				4px;
	border: 				2px solid #2B0036;
	background-color: 		#FFFFFF;
	font-size: 				24px;
	text-align: 			center;
	margin-right: 			auto;
	margin-left: 			auto;
}


#pageNav {
	color:					white;
	text-align:				center;
	font-size:				9px;
	margin:					12px 0px;
	clear:					both;
}

#pageNav a  {
	color:					white;
}
