*					{margin: 0; padding: 0; font-size: 11px; line-height: 1.2;}
body				{font-family: Verdana, Arial, sans-serif; color: #000; background-color: #111;}

#wrapper			{position: relative; width: 930px; min-height: 300px; margin: 0 auto 0; padding: 150px 0 50px 30px; background-color: #FFF;}

#banner, #footer, #usermenu	{position: absolute; right: 0; width: 960px;}
#banner				{top: 0; height: 120px; background: #000 url(banners/hsw.jpg) no-repeat;}
#usermenu			{top: 120px; height: 15px; background-color: #000;}
#footer				{bottom: 0; margin-bottom: -1px; height: 15px; background-color: #000;}

#content			{top: 135px;}

#logos				{position: absolute; top: 200px; right: 30px; width: 150px; height: 75px; background: url('./grafikk/payex.jpg') no-repeat;}

h1					{margin: 0; padding: 0.5em 0; text-align: center; font-weight: bold; font-size: 190%; color: #FFF; font-family: Arial, Verdana, sans-serif;}
h2					{margin-top: 15px; color: #C60001; font-size: 150%; font-weight: bold; text-align: left; font-family: Arial, Verdana, sans-serif;}
h3					{margin-top: 1em; font-size: 150%; font-weight: bold; text-align: left; font-family: Arial, Verdana, sans-serif;}

ul					{margin: 1em 0 0 30px;}
li					{line-height: 1.5;}

ul#usermenu			{margin: 0; list-style: none; border-top: 1px solid #FFF;}
ul#usermenu li		{font-weight: bold; display: inline; float: right; border-left: 1px solid #FFF; padding: 0 10px 2px; line-height: 1.2; color: #C60001; background: #000;}
ul#usermenu li a			{text-decoration: none; color: #FFF;}
ul#usermenu li a:hover		{color: #C60001;}
ul#usermenu li#active a		{color: #C60001;}

a					{font-weight: bold; color: #C60001;}
a:hover				{color: #C60001;}
p					{padding: 0.8em 250px 0 0;}

.filter				{margin: 1em 0;}

table				{margin: 1em 0 0;}
th					{padding-right: 15px; padding-bottom: 0.2em; text-align: left; font-weight: bold; color: #C60001; font-family: Arial, Verdana, sans-serif; font-size: 12px; border-bottom: 1px solid #C60001;}
th a				{text-decoration: none; font-size: 12px; font-weight: bold; color: #C60001;}
th a:hover			{color: #C60001;}
td					{padding-right: 15px;}
#trhead				{margin-top: 1em;}

select				{margin-right: 5px;}
option				{padding: 1px 2px;}
img					{border: 0;}

form td				{padding-top: 1px; padding-bottom: 1px;}
form h2				{padding-top: 0;}

#footer p			{text-align: center; margin: 0; padding: 0; font-size: 10px; color: #FFF;}
#footer a			{text-decoration: none; font-size: 10px; color: #FFF;}

#auth				{padding: 0.2em 5px 0 0; text-align: right; color: #C60001;}
#msg				{margin-bottom: 1em; color: #ff6600; font-weight: bold;}

.label				{width: 100px; color: #C60001; font-weight: bold; font-family: Arial, Verdana, sans-serif;}
input, select		{color: black; background-color: white;}

td.smallbutton		{width: 70px; margin: 1px 0; text-align: center;}
.smallbutton a		{display: block; padding: 2px 5px; color: #FFF; background-color: #C60001;}
.smallbutton a:hover	{color: #C60001;}

td.okbutton			{width: 70px; margin: 1px 0; text-align: center;}
.okbutton a			{display: block; padding: 2px 5px; color: #FFF; background-color: #C60001;}
.okbutton a:hover	{color: #000;}

#navigation			{margin-top: 2em;}

.bigbutton			{display: inline; padding: 2px 5px; background-color: #C60001; font-size: 16px;}
.bigbutton a		{text-decoration: none; color: #FFF; font-size: 16px; font-family: Arial, Verdana, sans-serif;}
.bigbutton a:hover	{color: #C60001;}

#lastcol			{padding-right: 0;}
.lastrow			{border-top: 1px solid #C60001; padding-top: 0.2em; font-weight: bold;}
.lastrowright		{border-top: 1px solid #C60001; padding-top: 0.2em; font-weight: bold; text-align: right;}
.right				{text-align: right;}

.space				{margin-top: 1em;}
.spacebottom		{margin-bottom: 1em;}
hr					{margin: 10px 0; padding: 0;}

#booked, #full		{color: #000; font-weight: bold;}

a.info				{font-size: 90%; padding: 0 3px; text-decoration: none; color: #FFF; background-color: #C60001; border: 1px solid #000;}
a.info:hover		{color: #C60001;}
a.info span			{display: none;}
a.info:hover span	{display: block; position: absolute; top: 200px; left: 50%; width: 400px; margin-left: -215px; padding: 20px; color: #FFF; background: #000; border: 1px solid #C60001; z-index: 100;}
a.info span h2		{margin: 0; padding: 0; font-size: 110%; font-weight: bold; color: #FFF; background: #000; }
a.info span p		{margin: 1em 0 0; padding: 0; font-weight: normal; color: #FFF; background: #000; }

#infowindow			{color: #000; background-color:  #FFF; padding: 0 0 30px 30px;}

#radio				{margin-top: 1em; line-height: 1.5;}
#radio input		{vertical-align: bottom;}
input.radio			{margin-top: 3px; vertical-align: bottom;}

#heading			{margin: 0 0 15px; width: 100%;}

table#filters		{margin: 15px 0 0; padding: 5px; border: 1px solid #000; background-color: #FFF;}
#filters td			{padding: 0;}
#filters td.label	{padding: 0 5px; font-weight: bold; color: #000;}
#filters select		{margin: 1px 0;}
#filters option		{padding: 0 5px 0 0;}

#clearboth			{clear: both;}

table#familymembers td			{padding-right: 2px;}
table#familymembers th			{border: 0;}
table#familymembers select		{margin: 0; padding: 0; border-width: 1px;}

span.mandatory		{color: red; font-weight: bold; font-size: 110%;}

.red				{color: red;}

td.toomanywaiting	{padding: 10px; font-weight: bold; color: red;}
.submit				{margin-top: 1em;}

#adminlogin			{position: absolute; top: 10px; right: 10px; padding: 10px; color: white; background-color: red; border: 3px solid white; font-size: 24px; font-weight: bold}