/* Author: jonas@artopod.se */

body {
	background: #fff;
	margin: 0px;
	padding: 0px;
	font:70%/126% 'Helvetica Neue', tahoma, arial, sans-serif;
	color: #535353;
}

body, html {
	height: 100%;
}

img {
	border: none;
}

table {
	font-size: 100%;
}

/* links */

a { 
	background:transparent;
}

a:link { 
	color:#f15f0b;
}

a:hover { 
	color:#000;
}

a:visited { 
	color:#f15f0b;
}

a:active { 
	color:#f3950b;
}

/* global layout, corners etc. */

#lay {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	background: url(../img/bg2.gif) repeat-y top right;	
}

#lay2 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%; /* här kan man sätta max- och min-width på hela layouten... */
	background: url(../img/bg.gif) repeat-y;
}


#c1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	background: url(../img/c1.gif) no-repeat;
	z-index: 1;
}

#c2 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	background: url(../img/c2.gif) no-repeat;
	z-index: 1;
}

#c3 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	background: url(../img/c3.gif) no-repeat;
	z-index: 1;
}

#c4 {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	background: url(../img/c4.gif) no-repeat;
	z-index: 1;
}

#page {
	position: relative;
	top: 14px;
	padding: 0px 14px 16px 14px;
	z-index: 2;
}

/* left menu + content layout */

#menucontainer {
	position:absolute;
	top:0px:
	left:0px;
	width: 175px;
	background: #f3950b url(../img/menu_bg1.gif) no-repeat 0px 90px;
	z-index: 20;
}

#head {
	position:relative;
	padding-left:176px;
	z-index: 19;
	height: 89px;
	border-bottom: 1px solid #d5d5ca;
}

#maincontainer {
	position:relative;
	padding: 0px 0px 20px 200px;
	z-index: 19;
	min-height: 584px;
}

/* the menu */

#menu ul {
	text-align: right;
	list-style: none;
	font-size: 120%;
	line-height:144%;
	margin-right: 20px;
}

#menu li a {
	display: block;
	padding: 0px 9px 0px 10px;
	background: url(../img/menuarrow1.gif) no-repeat right 60%;
}

#menu a, #menu a:visited {
	color: #fff;
	text-decoration: none;
}

#menu a:hover {
	color: #000;
	background: url(../img/menuarrow2.gif) no-repeat right 60%;
}

#menuend {
	position: relative;
	height:90px;
	background: url(../img/menu_bg2.gif) no-repeat;
	text-align: right;
}

#menuend a {
	position: absolute;
	font-size: 90%;
	bottom: 8px;
	right: 20px;
}


/* the header, login info etc... */

#head h1 {
	position: absolute;
	left: 200px;
	bottom: 12px;
	margin: 0;
}

#loginfo {
	position: absolute;
	top: 20px;
	right: 20px;
	text-align: right;
}

#loginfo strong {
	color:#f15f0b;
	font-weight: bold;
}

.actions {
	position: absolute;
	bottom: 8px;
	right: 20px;
}

.actions select {
	font-size: 100%;
}

.searchfrm {
	width: 124px;
	background: url(../img/search.gif) no-repeat;
	border: none;
	font-size: 100%;
	padding: 3px 8px 4px;
}
	
/* common items to the right */

.commons {
	float: right;
	text-align: right;
	margin: 0px 20px 10px 20px;
}

.commons ul {
	margin: 0;
	list-style: none;
}


/* calendar */

.minical th	{ 
	background:#d5d5ca; 
	padding:1px 4px; 
	width:14%; 
	text-align:left;
}

.minical td	{ 
	background:#eeeee6;
	padding:1px 4px; 
	width:14%;
}

.minical .today { 
	background:#ffc748 url(../img/cal_bg.gif);
	color: #fff;
}

