/* CSS fil till fremesholsteiner.com. Mediatyp, all. Författare Jens Josefsson, Webmind, jens@webmind.se */

/*
Gul 	#E2C759
BG-grå 	#666666
Text	#808080
*/


html
{
	margin:0;
	padding:0;
	height: 100%;
	
}

body
{

	color:#808080;
	background-color: #666; background-image:url(../grfx/bg.jpg); background-repeat:repeat-x;
	margin:20px 0;
	padding:0;


}

#container
{
	position:relative;
	margin: 0px auto;
	padding:0;
	width: 800px;
	min-height:430px;

	background-color: #000; background-image:url(../grfx/bg_mitt.jpg); background-position:center; background-repeat:repeat-y;
	overflow: visible;
}
#top
{
	position:relative;
	margin: 0px auto;
	padding:10px 0;
	width: 800px;
	height: 120px;
	background-image:url(../grfx/bg_topp.png); background-position:top center; background-repeat:no-repeat;
	background-color: #000;
	text-align:center;
}
#headline
{
	position:relative;
	margin: 0px 10px;
	padding: 0 0 0 0px;
	width: 780px;
	height: 35px;
	background-color:#000; 
	overflow:hidden;
	background-image:url(../grfx/rubrik.jpg); background-position:center; background-repeat:no-repeat;
	text-align:center;

}
#menu
{
	position:relative;
	margin: 10px 10px;
	padding: 0 0 0 0px;
	width: 780px;
	height: 35px;
	background-color:#000;
	background-image:url(../grfx/menyrad.jpg); background-position:center; background-repeat:no-repeat;
	overflow:hidden;

}
#main
{
	position:relative;
	margin: 0px 10px;
	padding: 15px 15px 50px 15px;
	width: 750px;
	min-height: 305px;

	background-color: #000;
	overflow: visible;
}
#left
{
	position:relative;
	float:left;
	margin: 0px;
	padding:20px 0 0 20px;
	width: 376px;
	height: 380px;
	border: none;






}
#right
{
	position:relative;
	float:right;
	margin: 0px;
	padding:10px 10px 0 0px;
	width: 290px;
	height: 390px;
	text-align:right;

}
#foot
{
	position:relative;
	margin: 0px auto;
	padding: 0 0 0 0px;
	width: 800px;
	height: 30px;
	background-color:transparent; 
	overflow:hidden;
	text-align:center;
	clear:right;
	background-image:url(../grfx/bg_botten.png); background-position:top center; background-repeat:no-repeat;
	color:#808080; font-size:12px; font-weight:normal; letter-spacing:1px;

}
.I
{
	margin: 0px 15px;
	font-weight: bold;

}




/* Texter & Rubriker */

p
{
		
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px;
	line-height: 15px; 
	color:#808080; 

}

h1
{
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; color:#E2C759;
	letter-spacing: 2px;
}
h2
{
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight: bold; color:#E2C759;
	margin: 50px 20px;
	letter-spacing: 2px;
}
.nomarg
{
	margin:0;

}
h3
{
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; color:#808080;
	letter-spacing: 2px;	

}

h6
{
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight: bold; color: #FF0000;
	margin: 30px 20px;
	letter-spacing: 2px;
}





/* Länkar */

a, a:visited, a:active
{
	text-decoration: underline; 
	color:#808080;

}
a:hover
{
	color:#FFF;
	text-decoration:none;
	background-color: #808080;
}

.newsbox a
{
	color:#000;

}


/* Meny */

ul#navigation
{
			padding: 0;
			margin: 0 0 0 0px;
			list-style-type: none;
			


			float: left;

			
}
		
ul#navigation li 
{ 
	display: inline; 
	padding: 0;
	margin: 0 0 0 0px;
}
		
ul#navigation li a
{
			display: block;
			float: left;
			width: 128px;
			height: 27px;
			padding:8px 0 0 0;
			text-decoration: none;
			font-family:  Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight:normal; letter-spacing: 0.2em;
			color: #000;
			border-right: 1px solid #000;
			text-align:center;
}
ul#navigation li a.stopp
{
			display: block;
			float: left;
			width: 128px;
			height: 27px;
			padding:8px 0 0 0;
			text-decoration: none;
			font-family:  Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight:normal; letter-spacing: 0.2em;
			color: #000;
			border-right: none;
			text-align:center;
}
		
ul#navigation li a:hover
{
			color: #666;
			background: transparent;
}



/* Klasser */

.logo
{
	float:left;
	clear:right;
	border:none;



}
.img
{
	border:none;

}
.imgright
{
	float:right;
	clear:right;
	border: 1px solid #E2C759;
	margin: 0 0 10px 30px;


}
.imgtext
{
	float:right;
	clear:right;
	width: 250px;
	margin: 0 0 15px 0;

}
.imgcenter
{

	border: 1px solid #E2C759;
	margin:0px 0 0 50px;


}
.imgstarttext
{
	float:left;
	clear:right;
	width: 250px;
	margin:0 0 0 75px;

}
.flag
{
	float:right;
	clear:right;
	border: none;
	margin: 0;


}
.quot
{		
	float:right;
	clear:right;
	width: 250px;

	margin: 0 0 10px 30px;
	display:block;

	font-weight:bold;


}
.movie
{		
	border: 1px solid #E2C759;
	margin: 10px 30px;

}
.movietext
{
	display:block;
	width:350px;		
	border: none;
	margin: 0px 35px 10px 35px;

}
.newsbox
{
	display:block;
	width:350px;		
	border: 2px solid #666666;
	margin: 0px 35px 10px 35px;
	padding: 15px;
	color:#000000; font-size:16px; font-weight:normal;
	background-color: #E2C759;

}
.newsbox2
{
	display:block;
	width:350px;		
	border: 5px outset #666666;
	margin: 0px 35px 10px 35px;
	padding: 15px;
	color:#000000; font-size:13px; font-weight:normal;
	background-color: #FFCC00;

}
.newsbox3
{
	display:block;
	width:350px;		
	border: 5px outset #666666;
	margin: 0px 35px 10px 35px;
	padding: 15px;
	color:#000000; font-size:13px; font-weight:normal;
	background-color: #E2C759;

}

#main:after
{
content: ".";
clear:both;
height:0;
visibility:hidden;
display:block;
}

/*Webmind*/
*html #webmind
{
	position: absolute;
	z-index:-1;
	bottom: 10px;
	right: 0;
	height: 150px;
	width: 20px;
	text-align:right;

}
html>body #webmind
{
	position: absolute;
	z-index:0;
	bottom: 10px;
	right: 0;
	height: 150px;
	width: 20px;
	text-align:right;

}