body
{
	background: url(../gfx/bg.jpg);
	background-repeat: repeat-x;
	background-color: #201d16;
	text-align: center;
	margin: 0px 0px 5px 0px;

	font-family: trebuchet ms,verdana;
	font-size: 10pt;

}

/** BASALA ELEMENT **/
h1 { font-family: impact; font-weight: normal; margin: 0px; padding: 0px;}
h2 { font-family: sans-serif; font-weight: normal; margin: 0px; padding: 10px 0px 0px 0px}
p { margin: 5px 0px 5px 0px; padding: 0px }
hr { background-color: #252f3c; border: 1px solid #252f3c }
table { font-size: 10pt; border-collapse: collapse; }
a:link,a:visited { color: black; text-decoration: none; border-bottom: 1px dotted blue }
a:hover { color: black; border-bottom: 1px solid blue }
a.option { color: red; text-transform: uppercase; border-width: 0px 1px 0px 1px; border-style: solid; border-color: black; margin: 0px 10px 0px 0px; padding: 0px 5px }
a.option:hover { color: black; border-color: red }
li { margin: 5px 0px }

hr.break { clear: both }


#test span img { margin: 0px; border: 1px solid white; }
.anmal_rules { height: 200px; overflow: auto; border: 1px solid black }
.underline { border-bottom: 1px solid black }
.info {  border: 2px solid black; padding: 10px; background-color: #252f3c; color: white }

/*#cover { filter:alpha(opacity=50);-moz-opacity:0.5; width: 100%; left: 0px; background-color: black; position: absolute; display: none; cursor:pointer; z-index: 2 }
#popup { position: absolute; left: 50%; background-color: white; border: 2px solid black; text-align: left; display: none; z-index: 3; overflow-y:auto; }
#popup p,h1 { margin: 5px }*/

#cover { filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; width: 100%; top: 0px; left: 0px; background-color: black; position: absolute; cursor:pointer; z-index: 2 }
#popup { position: absolute; top: 0px; left: 0px; padding: 10px; background-color: white; border: 2px solid black; text-align: left; z-index: 3;overflow-y: auto; visibility: hidden; color: black }
#closeBox { background: url(../gfx/close.gif) no-repeat center; margin: -10px -10px 5px 5px; cursor: pointer; float: right; width: 16px; height: 16px; line-height: 1px; border-left: 1px solid #6ca0ba; border-bottom :1px solid #6ca0ba; }
#allOurPages { font-family: trebuchet ms,verdana; font-size: 10pt; font-weight: bold; width: 100%; border-bottom: 2px solid black; background-color: white; margin: 0px 0px 10px 0px; padding: 2px 0px; -moz-opacity: 0.7; filter:alpha(opacity=70); }
#allOurPages img { border: 0 }
#allOurPages a { border-bottom: 0 } 

.clear { clear: both }
.black { color: black }
.newsInfo { margin: 0px; font-size: 8pt; color: gray }
.noMargin { margin-top: 0px }
.pic_right { float: right; clear: right; text-align: center; font-size: 12pt; font-style: italic; margin: 5px }
.pic_middle { width: 100%; float: left; clear: left; text-align: center; font-size: 12pt; font-style: italic; margin: 5px }
.left { float: left; } .right { float: right; }
.fooBar { float: right; clear: right; margin: 10px; padding: 5px; background-color: #9ea9b7; border: 1px solid black } 
.comments { font-size: 8pt; color: gray }
.spons { background-color: #252f3c; width: 160px; text-align: center; padding: 5px 0px 5px 0px; }
.startbox { float: left; margin: 10px; border: 1px solid black; background-color: #9ea9b7; width:100px; height: 100px }
.colouredBox { margin: 5px; padding: 10px; border: 1px solid black; background-color: #9ea9b7 }
.like { font-weight: bold }
.like:hover { color: #f0e412; cursor: pointer }
.mBox,.mBox_c { float: left; margin-right: 10px; padding: 2px 5px; text-align: center; background-color: #252f3c; color: white;  border-left: 2px solid white; border-top: 2px solid white; border-right: 2px solid white }
.mBox_c { background-color: #6e6c6b }
.mBox:hover,.mBox_c:hover { background-color: #ff0000; cursor: pointer }
.lastEdit { border-top: 1px solid #6e6c6b; color: #6e6c6b; margin-top: 20px; font-size: 8pt; text-align: right }


#rotundan { height: 450px; width: 450px; border: 1px solid black; background: url(../gfx/map_rotundan.gif) }
#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 }

#moreNews a:link,#moreNews a:visited { font-weight: bold; border: 0px }
#moreNews a:hover { font-weight: bold; border: 0px; text-decoration: underline }
#loadbar { visibility: hidden; width: 16px; height: 16px; background: url(../gfx/loading.gif); float: left; margin: 40px 0px 0px 5px}

#newsArchive { border-collapse: collapse }
#newsArchive tr { border-bottom: 1px solid black }
#newsArchive td { padding: 5px; }

#info { padding: 10px; background-color: white; position: absolute; border: 1px solid black; display: none; z-index: 1 }

#container
{
	margin: 0px auto;
	width: 904px;
	
	text-align: left;
}

#topbox { border: 2px solid white; margin-bottom: 10px }
#bottombox { margin-top: 34px; border: 2px solid white; background-color: white; background: url(../gfx/contentbg.jpg); background-repeat: repeat-y; }
#topMenu { position: absolute }

#header
{
	width: 900px;
	height: 200px;
	background: url(../gfx/logo.jpg);
}
#admin_header
{
	width: 900px;
	height: 75px;
	background: url(../gfx/adminlogo.jpg);
}

#header_pic
{
	width: 900px;
	height: 200px;
}

#menu
{
	float: left;
	width: 175px;
}

#menu a { list-style-type: none; background: url(../gfx/menuboxes.gif); display: list-item; border-left: 1px solid white; width: 150px; height: 20px; color: white; margin: 5px; padding: 5px; font-weight: bold } 
#menu a:hover {  background: #73777d; }



#separator {  float: left; width: 30px; height: 300px; }
#content
{


	float: left;
	width: 490px;
	margin-top: 5px;
	padding-bottom: 20px;
}

#content2
{


	float: left;
	width: 490px;
	margin-top: 5px;
	padding-bottom: 20px;
}

#content img { border: 1px solid black; margin: 10px  }
#content input, #content select, #content textarea { width: 200px } 
#content2 img { border: 0px solid black; margin: 10px  }
#content2 input, #content select, #content textarea { width: 200px } 
#enkat input { width: auto }
#enkat table { width: 450px; border: 0px }
.cols { width: 50px; height: 20px; font-size: 10pt; font-family: times new roman; }

#panel
{
	float: right;
	width: 165px;
}
#panel img { border: 0px }

.panel_back { width: 150px; background-color: #252f3c; padding: 5px; }

#partners { background: url(../gfx/panel_partners.jpg);  }
#nastalan { background: url(../gfx/panel_nastalan.jpg); }
#pagenews { background: url(../gfx/panel_news.jpg); }
#search { background: url(../gfx/panel_search.jpg); }
#search input  { border: 1px solid black; margin: 0px; padding: 3px 25px 3px 3px; width: 120px; }
#loadingBox {  position: absolute; width: 16px; height: 16px; margin: 3px 0px 0px 130px; background: url(../gfx/loading.gif); visibility: hidden }
#partners,#nastalan,#pagenews,#search { background-repeat: no-repeat;  padding-top: 22px; margin: 5px 0px; width: 160px; }

#menu,#panel { color: white }
#menu a:link,#menu a:visited,#menu a:hover { border-bottom: none }
#panel a:link,#panel a:visited { color: black; border-bottom: none }
#panel a:hover { text-decoration: underline }

#anml_bar p { float: left; margin: 5px; }
#anml_bar input, #anml_bar select { width: 145px; margin: 0px; padding:0px }

#madeBy { width: 900px; margin-top: 5px; text-align: right; margin: 0px auto 10px auto; }
#madeBy a:link,#madeBy a:visited,#madeBy a:hover,#panel a:visited,#panel a:hover { border-bottom: none }