/*********************************

olevictor.css

CSS for hele ole.victor.se

**********************************/


/*********** DEFAULTS ************************/


frameset	{ border: 0 solid #000000 }
frame		{ border: 0 solid #000000 }

body, p, pre, tr, td, tl, h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	text-align: left;
}

h1, h2, h3, h4, h5, h6		{ color: black; font-size: 50px; }
body, p, pre, tr, td, tl	{ color: black; }

body 	{
	background-color: white;
	padding: 30px;
	margin: 0;
}

a	{ cursor: pointer; }
img	{ border: 0px; margin: 0px; padding: 0px; }

div	{
	background: transparent;
	overflow: auto;
}

table	{
 margin: 0;
 cellpadding: 0;
 cellspacing: 0;
 border: 0;
 table-layout: fixed;
}

a:link		{ 
	color: gray;
	font-style: normal;
	text-decoration: none;
}

a:visited	{ 
	color: gray;
	font-style: normal;
	text-decoration: none;
}

a:hover	{ 
	color: orange;
	font-style: normal;
	text-decoration: none;
}

a:active	{ 
	color: gray;
	font-style: normal;
	text-decoration: none;
}

/********** CLASSES *************************/

img.portrait {
	width: 610px;
	height: 380px;
	border: 0px solid black;
	position: relative;
/*	left: 15px;*/
}

div.main {
	width: 644px; 
	height: 480px;
	border: 0px solid silver; 
	padding: 15px; 
	position: relative;
	text-align: center;
}

/********** MENU CODE ***********************/

#nav {
	margin: 0px;
	padding: 0px;
	width: 150px;
	list-style: none;
}

#nav li { position: relative; }

#nav ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 150px;
	left: 10px;
	top: 0px;
	list-style: none;
	display: none;
}

#nav li a { display: block; }
#nav li:hover, #nav li.over { color: red; }

/* "Holly Hack" - Fixar IE. Gömmer för IE Mac, notera backslash här >> \*/
* html #nav li { float: left; }
* html #nav li a {height: 1%; }
/* Slut Holly Hack */

#nav li:hover ul ul, #nav li.over ul ul { display: none; }
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul { display: block; }

/*********** CLASSES ************************/

#menu	{
	background: url(menu-background.jpg) white;
	background-position: left top;
	background-repeat: no-repeat ;
	border: solid black 5px;
	border-right: solid red 15px;
	font-weight: normal;

	position: absolute; 
	top: 43px; 
	left: 8px; 
	width: 110px; 
	height: 185px;
}


/*********** OLD     ************************/

.margin		{ background-color: white }

img.tofront	{
	background: url(background.jpg) white;
	background-position: left top;
	overflow: visible;
	width: 20px;
	height: 20px;
	border: 0;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
}

img.back	{
	background: white;
	background-position: left top;
	overflow: visible;
	width: 20px;
	height: 20px;
	border: 0;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
}

div.indhold	{
	overflow: visible;
	width: 800px;
	height: 600px;
	border: solid black 1px;
	text-align: left;
}

p.email	{
	color: black;
	text-align: right;
	padding: 2px 6px;
	border: 0;
	overflow: visible;
	position: absolute;
	top: 0px;
	right: 0;
}

p.address	{
	color: black;
	width: 100%;
	text-align: center;
	font-size: 20px;
	word-spacing: 0em;
	padding: 6px 12px;
	border: 0;
	overflow: visible;
	position: absolute;
	bottom: 0px;
	left: 0;
}

img.logo	{
	position: relative;
	float: left;
	overflow: visible;
	top: 170px;
	left: 60px;
	background: white;
	width: 200px;
	height: 200px;
	padding: 0;
	margin: 10;
	border: solid black 3px;
}

img.thumb	{
	position: relative;
	float: left;
	overflow: visible;
	top: 15px;
	left: 60px;
	background: white;
	width: 200px;
	height: 150px;
	padding: 0;
	margin: 10;
	border: solid black 1px;
}

img.storfoto	{
	position: absolute;
	width: 700px;
	height: 525px;
	top: 30px;
	left: 50px;
	padding: 0;
	margin: 0;
	border: solid black 1px;
}

.stortekst	{
	background: url(charliemeaker3.gif) white;
	background-position: center 80px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: absolute;
	width: 700px;
	height: 525px;
	top: 30px;
	left: 50px;
	padding: 100;
	padding-top: 70;
	margin: 0;
	border: solid black 1px;
	scrollbar-arrow-color: black;		/* Den lilla pilen i scroll-knapparna */
	scrollbar-face-color: grey;		/* Knapparna och baren */
	scrollbar-highlight-color: white;	/* Belyst sida av knappar och bar */
	scrollbar-shadow-color: white;		/* skuggsidan av knappar och bar */
	scrollbar-track-color: white;		/* Banan */
	scrollbar-3dlight-color: white;		/* Belyst sida i banan */
	scrollbar-darkshadow-color: white;	/* Skuggan i banan */
}

.stortekst p {
	font-size: 14px;
	margin: 0px;
	margin-bottom: 10px;
}

.stortekst h1 {
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

p.tekst	{
	position: absolute;
	width: 700px;
	height: 20px;
	top: 540px;
	left: 50px;
	padding: 0;
	margin: 0;
	border: solid black 0px;
	
}

