html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px auto 0px auto;
	padding: 0px;
	height: 100%;
  background-image: url(systempix/background_videos.jpg);
  background-repeat: no-repeat; 
	background-color: #efefef;
	font-size: .90em;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	color: #1E281E;
}

h2 { margin:0.2em 0 0.6em 0 ; color:#000; font-size:2.6em; padding: 0px; margin: 0px 0px 5px 0px; }

h3 { color:#999; font-size:1.3em; margin:0.2em 0 0.6em 0 ; padding: 0px; margin: 0px 0px 5px 0px; }

h4 { font-size:1.2em; padding: 0px; margin: 0px 0px 5px 0px; }

.h4blogg { font-size:1.2em; padding: 5px; margin: 0px 0px 5px 0px; 	background-image: url(systempix/bloggdate.png); color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.4em; font-weight: bold; }

h5 { margin: 0px; padding: 0px 0px 0px 0px; font-size: 0.7em; }

h6 { margin: 0px; padding: 0px 0px 2px 0px; }

h1, h2, h3, h4 { line-height:1.0em; letter-spacing:-0.05em; }

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

strong { font-weight: bold; letter-spacing:-0.04em; }

form { padding:0px; margin:0px; }
input
{
	padding: 0px;
	margin: 0px;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	font-family: "helvetica", arial, sans-serif;
	font-weight: normal;
}

label { font-size: 0.8em; padding:0px;margin:0px; line-height: 0.8em; }
.loginfield { border:none; background-color: transparent; background-image: url(systempix/formfield.png); height: 21px; font-size: 16px; width: 152px; margin:0px 0px 5px 0px;padding:2px; }

.login_button { border:none; background-color: transparent; background-image: url(systempix/butt_login.png);height: 31px; width: 104px; margin:5px 0px 5px 0px;}
.login_button:hover { background-image: url(systempix/butt_login_over.png); }
.logout_button { border:none; background-color: transparent; background-image: url(systempix/butt_logout.png);height: 31px; width: 104px; margin:5px 0px 5px 0px;}
.logout_button:hover { background-image: url(systempix/butt_logout_over.png); }

.loggain_button { border:none; background-color: transparent; background-image: url(systempix/butt_loggain.png);height: 31px; width: 104px; margin:5px 0px 5px 0px;}
.loggain_button:hover { background-image: url(systempix/butt_loggain_over.png); }
.loggaut_button { border:none; background-color: transparent; background-image: url(systempix/butt_loggaut.png);height: 31px; width: 104px; margin:5px 0px 5px 0px;}
.loggaut_button:hover { background-image: url(systempix/butt_loggaut_over.png); }

.vansterbild { float: left; margin-right: 10px; }
.hogerbild { float: right; margin-left: 10px; }

#pagewrapper { width: 950px; margin: 0px auto 0px auto; padding: 0px; }

#pagehead {
	width: 950px;
	height: 373px;
	background-image: url(systempix/head.jpg);

}

#pagefoot { background-image: url(systempix/footer.gif); background-repeat: no-repeat; width: 950px; height: 116px; background-color: white; margin-bottom: 10px; }
.pagefootcolumn { float: left; width: 150px; margin: 20px 82px 0px 82px; border: 1px dotted black; height: 100px; }

#pagehead h1 { display: none; }



/* starta sidobox */
.sidebox_begin { width: 180px; height: 21px; background-image: url(systempix/bgr_spalt_top.png); background-repeat: no-repeat; }

/* sidoboxens disposition som ger bakgrund och fast bredd och omger allt innehåll i sidoboxen utom begin och end */
.sidebox_column { width: 174px; background-image: url(systempix/bgr_spalt_middle.png); background-repeat: repeat-y; padding: 0px 3px 0px 3px;  }

/* vanliga innehåll i sidoboxar - ger text marginaler */
.sidebox_content { width: 154px; margin: 0px 10px 0px; 10px; }

/* avsluta sidoboxen */
.sidebox_end { width: 180px; height: 21px; background-image: url(systempix/bgr_spalt_bottom.png); background-repeat: no-repeat; margin-bottom: 13px;}

/* avdela sidoboxar (t.ex för ny avdelning eller menyhead) */
.sidebox_split { width: 154px; height: 12px; background-image: url(systempix/spalt_divider.gif); background-repeat: no-repeat; }

/* submeny i sidoboxar */
.sidebox_menuhead { width: 174px; background-color: green;}
.sidebox_menusubhead { width: 174px; background-color: green;}
.sidebox_menuentry { width: 174px; background-color: green;}

.sidebox_content p { margin: 0px; padding: 0px; }
.sidebox_content h4 { font-size:1.2em; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; }
.sidebox_content h5 { margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px; font-size: 0.7em; line-height: 0.7em; }


#layoutgrid{
   display  : table;
   height  : 100%;
   width  : 100%;
	margin: 0px;
	padding: 0px;
}

#layoutgrid td {
	vertical-align : top;
	text-align  : center;
	margin: 0px;
	padding: 0px;
}

a {
	color: #298f1f;
	text-decoration: none;
}

a:hover {
	color: #298f1f;
	/*text-decoration: underline;*/
}


/* För folding menu */


#addthis	 {
	width: 188px;
  height: 145px;
	position: absolute;
	float:left;
	left: 940px;
	top: 375px;
}


#postit	 {
	width: 188px;
  height: 145px;
	position: absolute;
	float:left;
	left: 915px;
	top: 400px;
  background-image: url(systempix/note2.png);
  background-repeat: no-repeat; 
}


#infobox {
	width: 188px;
	position: absolute;
	float:left;
	left: 15px;
	top: 50px;
}

#backstage {
	width: 166px;
  height: 363px;
	position: absolute;
	float:left;
	left: 925px;
	top: 5px;
  background-image: url(systempix/backstage.png);
  background-repeat: no-repeat; 
}

#backstagebox {
	width: 150px;
	position: absolute;
	float:left;
	left: 15px;
	top: 190px;
}

#allgigs {
	width: 100px;
  height: 43px;
	position: absolute;
	float:left;
	left: 990px;
	top: 335px;
}

#content {
	width: 480px;
	position: absolute;
	float:left;
	left: 415px;
	top: 210px;
}

#sidebar {
	width: 200px;
	position: absolute;
	float:left;
	left: 930px;
	top: 385px;
}

#top {
	position: absolute;
	float:left;
	left: 430px;
	top: 90px;
}

#link {
	position: absolute;
	float:left;
	left: 10px;
	top: 813px;
}


#menu {
	position: absolute;
	float:left;
	left: 0px;
	top: 307px;
}


#polaroids {
	position: absolute;
	float:left;
	left: 0px;
	top: 505px;
}