body
{
	width: 100%;
	height: 100%;
	font-family: verdana;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	background: url(../gfx/left.gif);
	background-repeat: repeat-y;
}

/* --------------- Standard --------------- */
h1 { margin: 0px; padding: 0px; font-family: arial; font-size: 25pt; font-weight: normal }
h3 { margin: 0px; padding: 0px; }
img { border: 0 }
table { border-collapse: collapse }
td { padding: 5px }

fieldset { width: 480px; margin: 20px 0px; padding: 10px; border: 1px solid black }
fieldset.hidden { overflow: hidden; height: 10px; padding: 0px 10px }
legend { font-family: arial; font-size: 9pt; text-transform: uppercase }
p { margin: 10px 0px; padding: 0px }

/* --------------- Formulär --------------- */
input,textarea,select { border: 1px solid black; font-family: arial; font-size: 10pt }
select {padding: 5px;  width: 200px }
select.var {padding: 5px 10px 5px 5px; width: auto }
textarea.small { padding: 5px; width: 200px; height: 75px }
textarea.medium { padding: 5px; width: 300px; height: 150px }
textarea.big { padding: 5px; width: 490px; height: 250px }
input.auto { padding: 5px; }
input.mix { padding: 5px; width: 200px }
input.name { padding: 5px; width: 200px }
input.username { padding: 5px; width: 200px }
input.password { padding: 5px; width: 200px }
input.street { padding: 5px; width: 200px }
input.number { padding: 5px; width: 200px }
input.phone { padding: 5px; width: 200px }
input.mail { padding: 5px; width: 200px }
input.link { padding: 5px; width: 200px }
input.date { padding: 5px; width: 200px }
input.hour,input.minute { padding: 5px; width: 20px }
input.button { padding: 5px; width: 212px }
input.varbutton { padding: 5px; }

textarea.nestled { font-family: 'courier new' }


/* --------------- Menyn --------------- */
.menuBox,.menuBox_alone { width: 170px; margin: 8px; background-color: #252f3c; padding: 5px; color: white; font-family: arial; }
.menuBox h3 { border-bottom: 1px solid #6e6c6b; margin-bottom: 5px }
.menuBox_alone h3 { margin-botton: 0px  }
.menuBox a:link,.menuBox a:visited,.menuBox_alone a:link,.menuBox_alone a:visited { color: white; text-decoration: none }
.menuBox a:hover,.menuBox_alone a:hover { color: red; text-decoration: none }
.menuBox ul,.menuBox_alone ul { margin: 0px; padding: 0px 0px 0px 20px }


/* --------------- Element --------------- */
#floatDiv { border: 1px solid black; position: absolute; background-color: #dbc700; padding: 5px; }
#announce { width:500px; height: 100px; position: absolute; background: url(../gfx/opa.png); top:-100px; left: 200px; border-width: 0px 10px 10px 10px; border-style: solid;}
#announce img { float: left }
#announce p { margin: 10px; color: white; font-size: 15pt }
#DESC,#ASC { width: 10px; height: 10px; float: right; margin-top: 5px }
#ASC { background: url(../gfx/asc.gif); } #DESC { background: url(../gfx/desc.gif); }


/* --------------- Klasser --------------- */
.left { float: left; } .right { float: right } .clear { clear: both }
.bigSearch { width: 490px; height: 30px; border: 1px solid black; padding: 5px; font-size: 20pt }
.tableHeader { background-color: #ff0000; font-weight: bold }
.fridayBox { width: 45px; height: 30px; border: 1px solid black; float: left; cursor: pointer; margin: 3px; font-size: 10pt; text-align: center; padding-top: 15px; }
.photo { width: 100px; height: 100px; border: 1px solid black; float: left; margin: 8px; cursor: pointer }
.photoBox { float: left; text-align: center }


#boxes { list-style-type: none; margin: 0px; padding: 0px; }
#boxes li { cursor: move; float: left; width: 117px; text-align: center;line-height: 0px; margin: 5px 0px  }


.inputField { width: 500px; border: 1px solid black;  }
.inputField textarea { width: 490px; height: 250px; border: 0px solid black; padding: 5px }
.inputField .toolBox { border-bottom: 1px solid black; padding: 5px; background-color: #c5c4c4; font-family: arial; font-size: 8pt; word-spacing: 10px }
.inputField .toolBox input { font-family: arial; font-size: 8pt; padding: 5px; height: 25px  }
.inputField .toolBox select { font-family: arial; font-size: 8pt; padding: 5px; height: 25px; width: auto; word-spacing: normal  }


/*.inputField td { padding: 0px }
.inputField input {}
.inputField textarea { width: 500px; height: 250px; border: 0px solid black; }*/


/* --------------- Layout --------------- */
#container { width 100%; height: 100%; }
#menu { float: left; width: 200px; }
#content,#content2 { float: left; width: 800px; padding: 10px; }


/* --------------- Inloggning --------------- */
#loginBox
{
	border: 1px solid black;
	width: 400px;
	height: 270px;
	padding: 10px;
	margin: -155px 0px 0px -210px;
	left: 50%;
	top: 50%;
	position: absolute
}
#unlocker { border: 1px solid black; padding: 5px; }
#unlocker:hover { border-color: #dbc700; cursor: pointer }
#loginBox fieldset { width: 388px; border: 1px solid black; padding: 5px; cursor: text  }
#loginBox fieldset:hover { border-color: #dbc700;  }
#loginBox legend { text-transform: uppercase; font-size: 8pt }
#loginBox fieldset input { width: 370px; height: 20px; font-family: arial; font-size: 14pt; border-width: 0px; padding: 5px}

/* LOL */

#nacken { height: 400px; width: 450px; border: 1px solid black; background: url(../gfx/map_nacken.gif) }

.table { border: 1px solid black; position: absolute;}
.tableName { position: absolute; margin-left: -20px; font-size: 20pt; visibility: hidden }
.row {  }
.row div { padding: 5px; border: 1px solid black; margin: 1px; float: left; font-size: 1pt; }
.seat_booked { background-color: red; } .seat_free { background-color: green } .seat_own { background-color: yellow }