body {
	background-color: #ac733c; 
}
* {
	font-family: sans-serif; margin: 0; padding: 0; 
}

li { 
	margin-left: 1em; 
}

p { 
	padding-bottom: 10px; 
}
h1 {
	font-size: medium;
}
#content h1 {
	font-size: large;
}
#content h2 {
	font-size: medium;
}
input { 
	color: black; 
	background: #fff5d9; 
	border: 2px 1px 2px 1px;
	border-color: #840; 
}
#ctrl2 input  {
	width: 95%;
}
input:hover { 
} 
select { 
	background: #fff5d9; 
	border: 2px 1px 2px 1px;
	border-color: #840;
} 
select:hover { 
} 

textarea { 
	color: black; 
	background: #fff5d9; 
	border: 2px 1px 2px 1px;
	border-color: #840;
} 

td[colspan="5"] { text-align: center; } 
/* colspan="5" is a horrible trigger for this. It's used on the
 * FremdriftsPlan page that I'm using throughout development, but this is
 * more of a demonstration than anything else. This isn't even supported in
 * IE as far as I know.  */
/* The main building blocks. Modify these to move the main items around
 * (like menus) */

/* The title. Using "title" wasn't too popular  */
#titl { 
	width: 200px; 
	top: 0; 
	clear: left; 
	float: left; 
	text-align: center;
}

#titl h1 { 
	font-size: large; 
	color: black; 
}

#logo { 
	width: 200px; 
	top: 0; 
	float: left; 
	clear: left; 
	text-align: center; 
}

#ctrl1 { 
	width: 200px; 
	color: black;
	float: left; 
	clear: left; 
	margin: 5px; 
	border: 1px solid black; 
	background-color: #fff5d9;
}
#ctrl1 h1 { 
	font-size: medium; 
	background-color: #ffbb00;
	padding: 0px 5px 0px 5px;
}
#ctrl1 a {
	text-decoration: none;
	color: black;
}
#ctrl1 li {
	padding: 0px 5px 0px 5px;
	}
#ctrl1 .menuboks {
	padding: 0;
	margin: 0;
}
#ctrl2 { 
	width: 200px; 
	float: left; 
	clear: left; 
	margin: 5px; 
	border: 1px solid black;
	background-color: #fff5d9; 
}

#ctrl2 h1 { 
	padding: 0px 5px 0px 5px;
	font-size: medium;
}
#ctrl2 .menuboks {
	padding: 0;
	margin: 0;
}
#ctrl2 a {
	color: black;
	text-decoration: none;
}
#ctrl2 li {
	padding: 0px 5px 0px 5px;

}
#ctrl3 { 
	width: 200px; 
	float: left; 
	clear: left; 
	margin: 5px; 
	border: 1px solid black;
	background-color: #fff5d9; 
}

#ctrl3 h1 { 
	padding: 0px 5px 0px 5px;
	font-size: medium; 
}
#ctrl4 { 
	width: 200px; 
	height: 100%; 
	float: left; 
	clear: left; 
	margin: 5px; 
	background-color: #fff5d9; 
}
#ctrl4 h1 { 
	padding: 0px 5px 0px 5px;
	font-size: large; 
}

#info1 { 
	float: left; 
	clear: left;
	width: 200px;
	height: 100%;
	margin: 5px;
	background-color: #fff5d9;
}
#info2 { float: left; clear: left; width: 200px; height: 100%; margin: 5px; background-color: #fff5d9; }
#info3 { float: left; clear: left; width: 200px; height: 100%; margin: 5px; background-color: #fff5d9; }
#infowarn {
	float: right;
	left: auto;
	right: 0;
	position: fixed;
	z-index: 2;
	width: 300px;
	margin: 5px;
	background-color: red;
	border-style: dashed;
	border-width: medium;
	border-color: black;
}

#infowarn h1 { text-decoration: blink; }

#content {
	position: absolute; 
	left: 215px; 
	right: 5px;
	top: 5px;
/*	height: auto; */
	background-color: #fff5d9;
	padding: 5px;
	border: solid 1px;
}

/* Main classes */
.news { 
	border-width: thin; 
	border-color: black;
	border-style: solid;
	background-color: #ffbb00;
	margin: 5px 0px 5px 0px;
	color: #840;
}
.news h1 { 
	font-size: medium; 
	padding: 0px 5px 0px 5px;
	color: black; 
} 
.news .h2 {
	padding: 0px 5px 0px 5px;
	font-size: xx-small;
	font-weight: normal; 
}
.news .h2 a {
	color: #840;
	text-decoration: none;
}
.news .h2 a:hover {
	color: black;
}
.news .menuboks { background-color: inherit; }
.news .menuboks li:hover ul { color: black;	}
.newscontent { 
	background-color: #fff5d9; 
	padding: 0px 5px 0px 5px;
	color: black;
} 

.seatself { color: blue; }
.seattaken { color: red; }
.seatfree { color: green; }
.SeatMap h1 { text-align: center; }
.SeatMap .left { text-align: left; }
.SeatMap .right { text-align: right; }
.SeatMap .right li ul li { text-align: left; }

table.grouplist { width: 500px; } 
.grouplist td.actions { width: 170px; text-align: right } 
.grouplist td.header { background: #ffbb00; }
.grouplist h1 { font-size: medium; font-weight: thick; }

.infoboks { background-color: #fff5d9; border-width: thin; border-style: dashed; border-color: black; }
.infoboks p { display: block; }
.userinfo { width: 250px; margin: 0; padding: 0; font-size: medium; font-weight: normal; }
.userinfo h1{ font-size: medium; font-weight: bold; }
.userinfo p { font-size: small; font-weight: normal; }

.news .rsslink { display: none; }
a.rsslink { margin: 1px; border:1px solid; border-color:#fcc7a5 #7d3302 #3e1a01 #ff954e; color:#ffffff; background-color:#ff6600; font-weight:bold; font-family:sans-serif; font-size:10px; text-align:center; text-decoration:none; }

.loginboks { margin: 0px; background: #fff5d9; padding: 0px; background-color: silver; font-size: small; }
table.loginboks { margin: 0px; background: inherit; padding: 0px; background-color: #fff5d9; border: 0px;}
.loginboks td { background: #fff5d9; margin: 0px; padding: 0px; }
.loginboks tr { background: #fff5d9; margin: 0px; padding: 0px; }

#ctrl2 .infoboks { background-color: inherit; margin: 0px; padding: 0px; border-style: none; }
#ctrl2 .infoboks h1 {
	 margin-top: 1px; margin-bottom: 1px; margin-left: 0px; margin-right: 0px; background-color: #ffbb00; } 
#ctrl2 .infoboks ul { list-style: none; }
#ctrl2 .infoboks li { margin: 1px; font-size: small; }

.menuboks { background-color: inherit; margin: 1px; padding: 1px; }
.menuboks ul { list-style: none; }
.menuboks li { display: block; background-color: inherit; margin: 0px; }
.menuboks li ul { position: absolute; padding: 0px; left: -999em; } /* Hides menus until they are hovered */
.menuboks li:hover ul { left: auto; margin-left: 0px; border-style: solid; border-width: medium; border-color: black; background-color: #fff5d9; z-index: 2;}
.menuboks li:hover { background-color: #ffbb00; }
.menuboks li:hover .userinfo { background: #fff5d9; } /* Override hover-color for userinfo dropdowns */
.menuboks h1 { color: black; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; background-color: #ffbb00; }
.menuboks a { background-color: inherit; }
.menuboks li:hover ul a { padding: 0px; margin: 0px; }

#infowarn .menuboks a { background-color: red; color: blue; text-decoration: none; }
#infowarn .menuboks { background-color: red; color: black; text-decoration: overline underline; }
#infowarn .menuboks li { background-color: red; }
#infowarn .menuboks li:hover ul { left: auto; padding: 0px; border-style: dotted; border-width: medium; border-color: black; background-color: red; }

label { }

table em strong { position: absolute; padding: 0px; left: -999em; } /* Hides menus until they are hovered */
table em:hover strong { clear: left; float: left; left: auto; margin-left: 0px; border-style: solid; border-width: medium; border-color: black; background-color: #fff5d9; z-index: 2;}
/* Most of these are for the wiki markup */
table.nav_table { width: 100%; }
td.tabs_marginal { background: white; border-bottom: 1px solid black; }
table { border-spacing: 1px; border-color: black;  } 
th { margin: 0px; border: 0px solid #fff5d9; padding: 1px; font-weight: bold; text-align: right; }
td { background: #fff5d9; margin: 0px; border: 1px solid black; padding: 2px; text-align: left; }
legend { font-size: 120%; }
#toc { border: 1px solid #ccc; background-color: #fff5d9; padding: 0.5em; margin-bottom: 0em; padding-left: 1.5em; float: left; }
#toc_item a { font-size: 90%; margin-top: 0.5em; }
#toc strong { margin-left: -1em; }
blockquote { border: 1px solid #fff5d9; background: #eee; margin: 4px; padding: 4px 12px; }