body {margin:0px; padding:0px; background-image:url(grafik/bg_pattern.gif); font: 1.0em verdana, arial, sans-serif; text-align:center; behavior:url(csshover.htc);}
* {margin:0; padding:0;}

a{text-decoration: none; color:#333366;}
a:hover{text-decoration: underline; color:#333366}
a:active {color:#333366}
a:visited {color:#333366}

h1 {font-size:1.1em;font-weight:bold;margin:5px 0px;}/*{font-size:1.0em;margin:.4em 20px;}*/
h2 {font-size: 1.0em;margin:5px 0px;}
h3 {font-size:.8em;margin:5px 0px;}
p {font-size:.6em;}
*html .p_admin {font-size:1.0em;}
/* fix för att undvika mikrotext */
p table {font-size:1.6em;}

img {border-style:none;}
.red_text{color:red;}


/* css för allmänna divar */

/* clearfloats ser till att nästa div börjar på ny rad */
.clearfloats {clear:both;}

div#mainwrap {width:794px; margin-left:auto; margin-right:auto;text-align:left;}

div#header {width:794px; height:111px; background-color:#FFF; background-image:url(grafik/toppgrafik.jpg); font: 36px arial, sans-serif;font-weight:900; text-align:left; padding-top:15px;}
div#topnav {width:774px; height:20px; background-color:#300;}
div#topnav {font: 22px arial, sans-serif; font-weight:900;color:#cc0;padding:0 0 0 0;}		

div#contentarea {width:794px; background-color:#EFEFE7;
							background-image:url(grafik/faux_columns.gif);
							background-repeat: repeat-y top left;}				
				
/*Styrning så att huvudsidan inte är mindre än 500px*/							
#contentarea {min-height:500px;} 
* html #contentarea {height: 500px;} /*IE6 hack*/

/* columnfull används när 1 div används i hela området */

/* columnfull_center lämplig om materialet ska centreras över hela området */
div#columnfull_center {margin:auto;padding-top:20px;padding-bottom:20px;text-align:center;}
/* columnfull_left_650 lämplig om inte texten ska sträcka sig över hela området */
div#columnfull_left_650 {width:650px; margin:20px .8em; float:left;}
/* columnfull_left_750 lämplig om diven ska sträcka sig över hela området */
div#columnfull_left_750 {width:740px; margin:20px .8em; float:left;}

/* slut columnfull */

/* column1 och 2 används när området delas i 2 */
div#column1 {width:505px; float:left; margin:20px .8em;}
div#column1 form {font-size:.6em;}
diw#column1>b {font-size:.6em;}
div#column1 td {height:17px;font-size:.6em;}
div#column1 th {font-size:.6em;}
div#column1 form td{font-size:1.0em;} /* ser till att text inte blir dubbelformaterad (textstorlek: form 0.6em td 0.6em) */

div#column2 {width:244px; float:right;}
div#column2 p {font-size:.6em; margin:20px 0px;}

/* slut column1 och 2 */

div#footer {width:794px; background-image:url(grafik/bg_pattern.gif); font-family: arial, sans-serif; text-align:center; color:#cc0; border-style:solid;border-width:1px 0 0 0;padding-top:3px; padding-bottom:3px; font-size: 0.6em;}

/* listformatering för databasgenererade sidorna */
.listmenu
{
margin: 0; padding-left: 10px; list-style: none;
}

.listmenu li 
{
	padding-left: 5px;font-size:.6em; background: url(../grafik/pil_svart_h.gif) no-repeat left center;
}

/* slut listformatering */


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* slut css för allmänna divar */



/* css för individuella sidor */

/* startsidan */
div#startmain {width:710px;margin-bottom:10px; background-color:#E6E4E4; float:left;border-style:groove;border-width:thin;margin-left:auto; margin-right:auto;}
div#startmain p {font-size:.8em; margin:1em 10px;text-align:center;}
div#startmain h1 {text-align:center;}
div#startcolumn1 {width:350px; height:210px; background-color:#E6E4E4; float:left;border-style:groove;border-width:thin}
div#startcolumn1 p {font-size:.7em; margin:.6em 10px;}
div#startcolumn2 {width:350px; height:210px;background-color:#E6E4E4; float:left;border-style:groove;border-width:thin}
div#startcolumn2 p {font-size:.7em; margin:.6em 10px;}
div.startcolumnleft {width:250px; float:left;}
div.startcolumnright	{width:80px; float:left;}
div#startpagetop {background-color:#EFEFE7; float:left;margin-left:auto; margin-right:auto;}
div#startpagetop p {margin:1em 20px;}
div#startpagebottom {width:794px; background-color:#EFEFE7; float:left;}
div#startpagebottom {margin:10px 0px;text-align:center;}

/* personalsidan */
div.personal_main {width:500px; height:190px; background-color:#CBCBAE;text-align:center;border:1px solid #999;}
div.personal_left {width:110px; height:140px; float:left;vertical-align:middle;padding-top:25px;}
div.personal_right {width:380px;height:190px;float:right; background-color:#DDDDBE;padding:0 5px 0 5px;}

/* gallerisidan */
.gallery_main {width:150px;padding-right:18px;padding-bottom:5px;text-align:center;float:left;}

/* schematabell för närvarolistorna i admin */
.table_schema{font-size:.6em;}

/* schemarader */
.tr_bg1{background-color:#CBCBAE;}/*C3E1F4*/
.tr_bg2{background-color:#DDDDBE;}/*DDECF6*/

/* schemakolumner */
.td_c1{width:150px;}
.td_c2{width:80px;}
.td_c3{width:90px;}
.td_c4{width:70px;}
.td_c5{width:60px;}

/* kryssruta marginal */
.checkbox_margin{margin-top:5px;}

/* slut css för individuella sidor */




/* temp divar */

div#contentarea2 {width:794px; background-color:#c60;}				
				
/*Styrning så att huvudsidan inte är mindre än 500px*/							
#contentarea2 {min-height:500px;} 
* html #contentarea2 {height: 500px;} /*IE6 hack*/

/*Avskiljare som används på flera ställen*/
div.dividerleft {float:left;}
div.dividerright {float:right;}
div.dividerhorizontal {width:794px;height:10px;float:left;}

/* slut temp divar  */



/* css för menyerna */

div#listmenu {
 font: 13px arial, sans-serif; 
	font-weight:900;
	width:794px; 	/* makes the div full width */
	background-color:#300;
	float:left; /*makes the div enclose the list */
	/*font-size:16px;	/* SET FONT-SIZE HERE */
	}
div#listmenu ul {margin:0 0 0 0px;/* indents ul from edge of container */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	/* border-right:1px solid #CCC; creates dividing lines between the li elements */
	background-color:#300;
	}

div#listmenu ul li ul li:hover { 
	background-color:#000; /*sets the background of the menu items */
	}
div#listmenu a {
	display:block;
	padding:2px 12px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#CC0;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#f00;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:10px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */	
	border-left:1px solid #ccc; /*  three sides of each drop-down item */
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #ccc; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	margin-left:0px; /* IE doubles the given value above - why? */
	}
	
/* * html a {display:block;} makes IE5 & 5.5 accept the padding on the link */

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #fff;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */

/* slut css för menyerna */