/* CSS F3A Forum */

/* Layout sections */
	body {
			background: #000;
			background-attachment: fixed;
			color: #333;
			background-image: url(../uploads/images/grafik/bg_f3a.jpg);
			margin: 0;
     		padding: 0;
	   		text-align: left;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
        	line-height: 1em;

		}


	div#page {
			width: 800px;
			padding: 0px;
			text-align: left;
			margin:  15px auto 10px auto;
			position: relative;
			border: 1px solid #000;
			background: #C6DDFF;
 	        background-image: url(../uploads/images/grafik/nederkant.gif);
	        background-repeat: repeat-x;
	        background-position: bottom;
	    }
		
	div#header {
	        background: url(../uploads/images/grafik/f3a_header2.jpg) no-repeat 4px 3px;
			margin: 0;
			padding: 0;
			height: 137px;
			text-align: center;
			position: relative;
		}
	

    div#content {
			position: relative;
			width: 100%;
			text-align: left;
			padding: 0px;
        }
              
	div#main {
			position: relative;
			top: -10px;
		}
	
	
	
/* FOOTER */
		div#footer {
			background-color: #7989AA;
			color: #FFFFFF;
			font-size: 75%;
		}
		
        div#footer p {
            font-size: 0.8em;
            margin: 0px;
            padding: 10px;
            text-align: left;
        }
		
		div#footer 	a,
		div#footer	a:link, 
		div#footer	a:active,
		div#footer  a:visited {
        	color: #FFFFFF;
			text-decoration: none;
        }
		
		div#footer 	a:hover {
       		text-decoration: underline;
    	}
		
/* END FOOTER */
		
		.trp {
			top: -1px;
			right: -1px;
			position: absolute;
		}

		.tlp {
			top: -1px;
			left: -1px;
			position: absolute;
		}


/* -----------------TYPOGRAPHY---------------- */


	
		p {
		font-size: 1em;
		margin: 0 0 0 0; /*1.5em*/
		padding: 0;
		line-height:1.4em;
	}


/* --------------Styling av meny------------- */

/* The wrapper clears the floating elements of the menu */

#menuwrapper {
	overflow: hidden;
	width: 659px;
	top: -10px;
	position: relative;
	background-image: url(../uploads/images/grafik/F3A_header_forum.jpg);
	padding: 0px 0px 6px 135px;
	background-position: 0px bottom;
	background-color: #000099;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 4px;
	font-size: 75%;
        }

#menuwrapper a,
#menuwrapper a:link, 
#menuwrapper a:active, a:visited {
			 color: #FFFFFF;
			 }
			 
/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
        width: 200px; 
       }


/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
	}
#primary-nav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#primary-nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li { 
	margin-left: -1px;
	float: left; 
	}
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	display: block; 
	margin: 0px; 
	padding: 5px 10px; 
	text-decoration: none; 
	}
#primary-nav li a { 
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	}
#primary-nav li li a { 
	border: 1px solid #C0C0C0;
	}	
#primary-nav li, #primary-nav li.menuparent { 
	/*background-color: #ececec;*/ 
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	/*background-color: #B9B9EC; */
	}
/*ovan stördes ut av Nav_vertical, därför görs tillägget nedan */
#primary-nav a.menuactive { 
	/*background-color: #B9B9EC; */
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 

	background-position: center right; 
	background-repeat: no-repeat; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
	background-color: #0606B4;
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}