/* importera  saker som är lite mer globala */
@import "templates.css";

/* ===========================================================
    Detta stylesheet läses BÅDE in i visning & webKontroll i Edit-läge
   =========================================================== */

body, td /* Sätt endast basic saker i denna body, layoutändrande saker i _notwk.css*/
{
	font-family: Verdana, Arial;
	font-size: 11px;
}


/* Styles */	
h1,h2,h3,h4,h5,h6{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	/*display: inline;*/
	}

H1	{
	font-size: 24px;
}
H2	{
	font-size: 18px;
}
H3	{
	font-size: 16px;
	/*font-weight:bold;*/
}
H4	{
	font-size: 14px;
}
H5	{
	font-size: 11px;
	font-weight:bold;
}

p	{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

a 
{
	color: #620808;
	text-decoration: none;
}
a:hover	{
	color: #888;
}
  
#center_wrap
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
	margin: auto;
	width: 831px; /*Bredd=800 + skugga*/
	height: 550px;
	text-align: left;
	}
	
#shadowwrapper	{
	text-align: left;
	margin: auto;
	background-image: url(../images/dropshadow.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 18px 16px 0px;
}	

#wrapper	
{
	position: relative;
	margin-right: 10px; /* Lämna plats för dropshadow */
	overflow:visible;
}	
#innerwrapper	
{
	position: relative;
	background-color: White;
	border: 1px solid black;
	height: 556px;
}
#contentwrapper
{
	height: 490px;
	position: relative;
}
	
#logobar
{
	margin-right: 18px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#logobar #logo
{
	display:inline;	
	float: left;
	margin-top:4px;
}

#img_vlc	
{
	float:right;
}

#shortcuts
{
	position:absolute;
	top:500px;
	width: 100%;
}

#shortcuts, #shortcuts a
{
	color: white;
	font-weight: bold;
	font-size: 9px;
}

#shortcuts a:hover
{
	color: #888888;
}

#footer
{
	position:absolute;
	top:531px;
	width: 100%;
	/*margin-top:40px;*/
	text-align: center;
	background-color: #8a1e04;
	height: 19px;
	padding-top:6px;
}

#footer, #footer a
{
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 10px;
}

#content
{
	padding-left: 20px;
	/*padding-right: 50px; pajar om scroll*/
	padding-top: 20px;
	overflow:auto;
	height:435px;
	text-align: left;
	width: 585px;
}

#menu	
{
	float:left;
	width: 160px; 
	padding: 20px 10px 20px 20px;
	padding-top:120px;
	text-align: left;
	font-size:11px;
	line-height: 14px;
	overflow:auto;
}	
	#menu a 
	{
		background-color: #fff;
	}
	
	/*indrag för underliggande menyalternativ*/
	#menu div
	{
		padding-top: 10px;
	}


	#menu div div
	{
		padding-top: 0px;
		padding-left: 21px;
		margin-left: -5px;
		background: url(../images/tree_middle_join.gif) left top no-repeat;
	}
	
	#menu div div div
	{
		margin-left: 3px;
		background: url(../images/tree_bottom_join.gif) left top no-repeat;
		padding-left: 10px;
	}

	/* Menyalternativ */
	.menu_item 	{
		color: #666666;
	}		
	.menu_item_selected
	{
		color: black;
		font-weight:bold;
		}
	.menu_item:hover, .menu_item_selected:hover	{
		color: #620808;	
		font-weight:bold;

	}
.shadow-container 
{
	float:left;
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
}
 
.shadow-container .shadow2,
.shadow-container .shadow3,
.shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	.shadow-container .shadow1 {
		background: #eaeaea;
	}
 
	.shadow-container .shadow2 {
		background: #cacaca;
	}
 
	.shadow-container .shadow3 {
		background: #a9a9a9;
	}
 
	.shadow-container .container {
		background: #8a1e04;
		padding: 5px;
	}