body { 
	background-image: url('images/bg.gif'); 
	background-repeat: repeat-y; 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 100%; 
	margin: 0; 
	padding: 0; 
	color: #111111;
}

pre {
	font-family: lucida console, helvetica, sans-serif; 
	font-size: 100%; 
	margin: 0; 
	padding: 0; 
	line-height: 1.5em;
}

form { margin: 0; border: none; }
fieldset { border: none; }

ul { padding-left: 2em }

a { color: #FF6600; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited {  }
a.undermeny { font-size: 95%; font-weight: normal;}
a.h1 { color: #FF6600; font-weight: bold; text-decoration: none; }
a img { border: none; }

table { width: 99%; }
td {vertical-align: top; text-align: left;}
th {font-weight: bold; text-align: left; vertical-align: center}
td.r { text-align: right; }
td.l { text-align: left; }
th.r { text-align: right; }
th.l { text-align: left; }

img { border: 1px solid black; }

h1 { font-size: 1.6em; font-weight: bold; margin: 0; color: #3371aa}
h2 { font-size: 1em; font-weight: bold; padding: 0; margin: 0;  color: #000000; }
h3 { font-size: 0.8em; font-weight: normal; padding: 0; margin: 0; }


/*
label { line-height: 2em; font-weight: bold; }
h1 { font-size: 1.6em; font-weight: normal; padding-top: 0.5em; margin: 0 0 0 0; color: #196985; }
h1.admin { color: red; }
h1.huvudrubrik { color: #000; }
h2 { font-weight: normal; font-size: 1.3em; color: #595a5a; padding-top: 1em; margin: 0; }
h3 { font-weight: normal; font-size: 75%; color: #555555; padding: 0; margin: 0 0 0 0; }
td {vertical-align: top;}
th {font-weight: bold }
img { border: 1px solid black; }
p { color: #393a3a; margin: 1em 0; }

th.r { float: right; }
th.l { float: left; }
.ingress { font-weight: bold; font-size: 100%; color: #595a5a; padding: 0em; margin: 15px 0 3px 0; display: block; }
.button { padding: 0; margin: 0; font-size: 100%; color: #000; }
*/

td.bildstycke { padding: 1em 0 0 0; width: 580px; }
span.bildhoger { float: right;  margin-left: 5px; }
span.bildvanster { float: left;  margin-right: 5px; }

/* övergripande area */
div#maincontainer { left: 31px; position: relative; top: 0px; width: 759px; padding: 0;}

div#huvudnyhet { padding: 0; margin: 0;}
.rubrik { color: red: }

/* rad med logotyp och backgrundsbild */
div#areaheaderlogo { 
	position: relative; 
	/*background-image: url('images/toplogotest.jpg');*/
	padding: 0px; 
	margin: 0px;
	left: 0; 
	top: 0; 
	width: 759px;
	height: 121px;
}


/* länkarna högst upp */
div#areaheadermenu
{
	position: relative; 
	top: 0;
	left: 0; 
	padding: 0; 
	margin: 0 0 0 0;
	font-weight: normal; 
	font-size: 70%; 
	width: auto;
	background-color: #ed741b; 
}

/*
 ==============================================================================
  TOPPMENY
 ==============================================================================
*/

a#start {background-image: url('images/icons/1.gif'); background-repeat: no-repeat; background-position: 1px 4px; }
a#omklubben {background-image: url('images/icons/2.gif'); background-repeat: no-repeat; background-position: 2px 5px; }
a#blimedlem {background-image: url('images/icons/3.gif'); background-repeat: no-repeat; background-position: 3px 5px; }
a#kontakt {background-image: url('images/icons/4.gif'); background-repeat: no-repeat; background-position: 1px 5px; }
a#omhemsidan {background-image: url('images/icons/5.gif'); background-repeat: no-repeat; background-position: 2px 5px; }
a#extra {background-image: url('images/icons/blomst.gif'); background-repeat: no-repeat; background-position: 2px 5px; }

div#areaheadermenu .nav { padding:0; margin: 0; }
div#areaheadermenu .nav li {line-height: 2.4em; padding: 0; display: inline;  margin: 0; }
div#areaheadermenu .nav li a {color: #091321; text-decoration: none;padding-top: 0.6em;padding-bottom:0.65em;padding-left: 0.5em;padding-right: 0.5em;}
div#areaheadermenu .nav li a:hover { color: #000000; background-color: #ff8125; }

/*
 ==============================================================================
  VÄNSTERYTAN (MENYKOLUMNEN)
 ==============================================================================
*/
div#arealeftcontent 
{
	background-image: url('images/emil.gif'); 
	background-repeat: no-repeat; 
	background-position: bottom; 
	padding: 0 0 0 0;
	font-size: 70%; 
	float: left; 
	width: 150px; 
	height:  600px;
}

div#arealeftcontent div.uppdaterad { padding: 10px; color: #ffffaa; text-align: center }

/* länkarna i kolumnen till vänster */
div#arealeftcontent div.nav { 
	padding-top: 0px;
	padding-right: 0; 
	padding-left: 6px; 
	padding-bottom: 0; 
	margin: 0 0 1.6em; 
	width: auto; 
	display: block;
}

div#arealeftcontent span.navheader { 
	background-color: #447188;
	color: #000000; 
	font-weight: bold; 
	display: block; 
	padding: 2px 2px 2px 2px; 
	margin: 0; 
	overflow: hidden; 
	text-decoration: none; 
	border: 0px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;opacity:.50;
}

div#arealeftcontent a.navitem { 
	background-image: url('images/icons/bg_arrow.gif'); 
	background-position: 2px 0.8em; 
	background-repeat: no-repeat; 
	color: #ffffff; 
	margin: 0; 
	overflow: visible; 
	text-decoration: none; 
	font-weight: bold; 
	padding-left:11px; 
	padding-right:0px; 
	padding-top:4px; 
	padding-bottom:4px;
	display: block;
}
div#arealeftcontent a:hover, div#arealeftcontent a:focus { color: black; background-color: #4491af; filter:alpha(opacity=50); -moz-opacity:.50;opacity:.50; }

div#arealeftcontent .visitors { 
	font-family: geneva, arial, helvetica, sans-serif; 
	font-size: 145%;
	text-align: center;
	color: #ffffff; 
	margin: 0; 
	overflow: visible; 
	text-decoration: none; 
	font-weight: bold; 
	padding-top:4px; 
	display: block;
}

/*
 ==============================================================================
  HUVUDYTAN
 ==============================================================================
*/

div#sitecontainer
{
	padding:5px; 
	margin: 0px;
	top: 0px;
	width: auto; 	 
	height: 100%;  
	margin:1px auto auto auto; 
}

div#maincontent { 
	width: auto; 
	background-repeat: repeat-y; 
	height: 100%; 
	background-color: transparent; 
	margin-left:160px; 
	margin-right:auto; 
	margin-top:1px; 
	margin-bottom:auto; 
	padding-left:0px; 
	padding-right:0px; 
	padding-top:1px; 
	padding-bottom:1px;
	font-size: 75%;
}

div#areafooter { height: 30px;  padding-right: 0; background-position: 350px 0px; border-top: 1px solid #dddddd; padding-left: 400px; font-size: 75%; background-image: url('images/bg_footer.gif'); margin-bottom: 10px; margin-top: 10px; padding-bottom: 0; width: auto; padding-top: 8px; background-repeat: no-repeat; background-color: transparent; display: block }


/* 
 ==============================================================================
  DIVVAR FÖR OLIKA TYPER AV SIDOR
 ==============================================================================
*/

#sida { margin: 0; color: #333;}
#sida h1 {  padding-top: 0.5em;}
#sida h2 { padding-top: 1em; font-weight: bold; }

#startsida { margin: 0; color: #000; }
#startsida h2 { padding-top: 1em; color: #3371aa}
#startsida h3 { color: #666666; padding-bottom: 0.1em;}
#startsida .merinfo { font-size: 90%; font-weight: normal;}

#admin { margin: 0; color: #ff0000;}
#admin h1 { color: #aa0000; padding-top: 0.5em; }
#admin h2 { padding-top: 1em; font-weight: bold; }
#admin .undermeny { font-size: 80%; font-weight: normal;}

#forum { margin: 0; color: #333; }
#forum h1 {  padding-top: 0.5em; }
#forum h2 { padding: 5px; font-weight: bold; font-size: 120%; background-color: #FF6600; color: #ffffff; }
#forum h3 { padding: 5px; font-weight: bold; font-size: 100%; background-color: #3371aa; color: #ffffff; }
#forum h4 { padding: 0px; font-weight: normal; font-size: 100%; }

#forum .text { border: 1px solid #FF6600; width: 45% }
#forum .button { border: 1px solid #FF6600; }
#forum textarea { border: 1px solid #FF6600; width: 98%; height: 100px }

#forum th { background-color: #FFeecc; color: #333333; padding: 0.2em }
#forum td { background-color: #fef4e8; color: #333333; padding: 0.2em }
#forum .inlagg { padding-bottom: 20px; background-color: #fef4e8; }
#forum .svar { padding-bottom: 20px; border-bottom: 1px solid #aaaaaa; }

#areaheadermenu ul { padding-left: 0; }


/*
#forum table { background-color: #FF6600; }
#forum tr { background-color:#ffffff }
*/

/* 
 ==============================================================================
  SPECIAL
 ==============================================================================
*/
div.styckeeditor { 
	width: auto; 
	height: 100%; 
	background-color: #cccccc; 
	margin: 0px;
	padding: 0px; 
	border: 1px solid transparent;
	font-size: 75%;
	padding: 0px;
	margin-bottom: 10px;
}

/* spacer - för att hindra div´s från att kollapsa */
.spacer { clear: both;  }


div.error { 
	border: 2px solid black; 
	padding: 5px; 
	color: white; 
	background-color: red;  
}

div.cool { 
	border: 2px solid black; 
	padding: 5px; 
	color: white; 
	background-color: #44aa44;  
}

/* 
 ==============================================================================
  SKRÄP?
 ==============================================================================
*/

/*
a.filename 
{
	padding: 0; 
	margin-bottom: 30px; color: #196985; 
	text-decoration: none; 
	background-color: transparent; 
}
a.filename:hover 
{
	padding: 0; 
	margin-bottom: 30px; 
	color: #196985; 
	text-decoration: underline;
}



ul.linklist
{
	padding:0;
	margin:0;
}
ul.linklist li
{
	list-style-type:none;
	padding:2px 0 2px 0;
	margin:0;
}

*/

/* -------------------------- TILLÄGG BY DA FAT 1 --------------------------- */
/* P.S. floatright är snodd från:                                             */
/* http://css.maxdesign.com.au/floatutorial/tutorial0106.htm                  */
/*                                                                            */
/* åsså snodde jag kolumnerna ifrån:                                          */
/* http://www.webdesignskolan.com/css_position/layout/2-cols.htm              */
/* -------------------------------------------------------------------------- */
.floatright
{
   float: right;
   margin: 0 0 10px 10px;
   border: 1px solid #666;
   padding: 2px;
   border: 0px;
}

div#danne_wrap{
   clear: right;
   padding-top: 1em;
   border-top: 1px solid #ccc;
   /*font-size:0.8em;*/
   margin-left: 0px;
   width: 99%;
}
#col1 {
	width: 45%;
	float: left;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-right: 1px solid #ccc;
}
#col2 {
	width: 47%;
	float: left;
	padding-right: 0.5em;
	padding-left: 0.5em;
}	

/* KALENDER */
.calendar a {color: #FF9933;}
.calendar {margin-bottom:2ex;}