body
{ 
	font-size: 10pt;
	font-family: Arial, Helvetica,  sans-serif;
	color: white;
	text-decoration:none;
	width: 100%;
	background-color: #000;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

/* ----------- Färdiga element ----------- */
hr { border:0; height:1px; color:black; background-color:black; }
a,.fakeLink { text-decoration: none; color:#8b835d; outline: 0; font-weight: bold }
a:hover,.fakeLink:hover { color: #dbc700; cursor: pointer }
a img { border: 1px solid #fff; }
a:hover img { border: 1px solid #6ca0ba; }
a img.noborder { border:0;}
a:hover img.noborder { border:0; }
input,textarea,select { width: 240px; padding: 5px; border: 1px solid black }
p { margin: 6px 0px; padding: 0px }
table { border-collapse: collapse }

h1,h2,h3 { color: #dbc700; margin: 6px 0px 6px 0px; font-family: 'trebuchet ms'; text-transform: uppercase; }
h1 { font-size: 30px; font-weight: normal; border-bottom: 1px solid black;  }
h2 { font-size:20px; font-weight: normal; margin-bottom: 0px }
h3 { font-size:17px;  }

/* ----------------------------------- */

.subtitle { font-size: 12pt; color: black; float: right; margin-top: 20px }
.blogHover { padding: 5px; }
.blogHover:hover { background-color: #bcb7a2; cursor: pointer}

.clubMenu {list-style-type:none; list-style-position: outside; margin: 10px 0px 0px 0px; padding: 0px; float: right; border-right: 1px solid black }
.clubMenu li { float: left; text-align: center; margin: 0px 0px; padding: 5px; color: black; font-size: 11pt; font-weight: bold; border-left: 1px solid black; border-top: 1px solid black }
.clubMenu li:hover { color: #f0e412; cursor: pointer }

.scrollbar_up { background: url(../gfx/scroll_up.gif); border-top: 1px solid black; }
.scrollbar_down { background: url(../gfx/scroll_down.gif); border-bottom: 1px solid black; }
.scrollbar_up,.scrollbar_down { height: 5px; background-repeat: no-repeat; background-position: center center; cursor: pointer }

.contactPics,.vakansBox { width: 120px; height: 165px; border: 1px solid black; padding: 5px; margin: 5px; float: left; font-size: 8pt; text-align: center }
.contactPics { cursor: pointer }
.vakansBox { background: url(../gfx/vakansbox.gif) }
.vakansBox img { visibility: hidden }

#lunchMenu { background: url(../gfx/lunchbg.gif); background-repeat: no-repeat; background-position: center right; background-color: white }
#lunchMenu:hover { background-color: #e0dada; cursor: pointer }

#foodMenu { width: 150px; height: 175px; background: url(../gfx/menu.gif); color: white; padding: 65px 40px 60px 35px; font-size: 9pt; float: right; clear: right }

/*''''''''''''''''''''''''''''''''''''''''*/


/* ----------- Enskilda klasser ----------- */
.clear { clear: both } .left { float: left } .right { float: right }
.email { margin-bottom: -3px; cursor: pointer }
.photo { width: 100px; height: 100px; border: 1px solid black; float: left; margin: 8px; cursor: pointer }
.photoBox { float: left; text-align: center }
.club {text-transform:uppercase; border-top: 1px solid white; border-bottom: 1px solid white }
.bigBorder { height: 10px; margin: 0px; padding: 0px; margin-top: -2px }
.newsinfo { float: right; font-size: 7pt; color: black; text-align: right; line-height: 90% }
.newsactions { border: 1px solid black; padding: 5px; text-align: center }
.like { font-weight: bold }
.like:hover { color: #f0e412; cursor: pointer }


/* ----------- Enskilda element ----------- */
#lunch { width: 177px; height: 100px; padding-top: 10px; background: url(../bilder/lunch/lunchbg.png); text-align: center; }
#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; }
#gallery a {  margin: 5px; float: left }
#gallery img { border: 1px solid black; width: 63px; height: 63px; }

#calendar table {  width: 464px; border: 1px solid black; border-collapse: collapse }
#calendar td { background-color: white;  color: black; text-align: center; height: 30px; font-size: 14pt}
#calendar fieldset { width: 200px; border: 1px solid gray; padding: 5px; font-size: 9pt }
#calendar fieldset:hover { border-color: black }
#calendar fieldset p { margin: 0px }
#calendar legend { text-transform: uppercase; font-size: 8pt; color: gray }
.calendarTime { font-weight: bold }
.dateBox,.dateBox_hover { border-top: 1px solid black; border-left: 1px solid black; padding: 5px; float: left; width: 55px; text-transform: uppercase; text-align: center }
.dateBox_hover:hover { cursor: pointer; color: #f0e412 }
#infoBox { border: 1px solid black; padding: 10px; background-color: white; position: absolute; color: black; text-transform: uppercase; font-size: 8pt; visibility: hidden }

/* ----------- Övre layout ----------- */

#header
{
	text-align: left;
	width: 1000px;
	height: 300px;
	background: url(../gfx/newheader2.jpg);
	margin: 0 auto;
	cursor: pointer
}

#plupp
{
	position: absolute;
	margin-top: 65px;
	width: 250px;
	height: 250px;
	background: url(../gfx/plupp.gif);
}

#topBox
{
	width: 960px;
	text-align:left;
	margin: 0px auto;
	padding: 0px 20px;	
	background: url(../gfx/topbackg.jpg);
	border: 1px solid #d6d6d6;
}

#clubs
{
	width: 940px;
	border: 10px solid white;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	background-color: white;
}

#left,#moreLeft,#right,#moreRight { position: absolute; height: 220px; cursor: pointer; background: url(../gfx/trans.gif)}
#moreLeft { width: 150px; }
#left { width: 200px; margin-left: 150px; }
#right { width: 200px; margin-left: 610px;}
#moreRight { width: 150px; margin-left: 810px;}

#posterHider { float: right; margin-left: 10px; text-transform: uppercase; font-size: 7pt; padding-top: 4px }
#posterHider:hover{ color: #f0e412; cursor: pointer } 
#clubscrollers { display: none }
#clubscroll { height: 2px; overflow: hidden }

#container
{
	margin: 20px auto 5px auto;
	text-align:left;
	width: 978px;
	padding: 10px;
	color: black;
	background: url(../gfx/topbackg.jpg);
	border: 1px solid #d6d6d6;
}

#menus
{
	text-transform:uppercase;
	letter-spacing: 1px;
	font-size: 14pt; 
	font-family: arial;
	float: left;
}

#lang
{
	text-transform:uppercase;
	letter-spacing: 1px;
	font-size: 14pt; 
	font-family: arial;
	float: right;
	color: white;
	font-size: 11pt;
	font-weight: bold;


}

#content
{

	background: url(../gfx/content.gif);
	background-repeat: repeat-y;

}

#content_left
{
	float: left;
	width: 464px;
	padding: 10px;

}

#content_right
{
	float: left;
	width: 484px;
	margin-left: 10px;
	background: url(../gfx/panelpage_news.gif)

}


.right_big
{
	width: 464px;
	padding: 10px;
	background-color: white;

}
.right_small
{
	width: 217px;
	padding: 10px;
	float: left;

}



/* Menyboxarna */
#menus ul {list-style-type:none; list-style-position: outside; margin: 0px; padding: 0px; }
#menus li { z-index: 1; position: relative; float: left; text-align: center; margin: 0px 0px; padding: 5px; color: white; font-size: 11pt; font-weight: bold; }
#menus li:hover { color: #f0e412; cursor: pointer }

#menus a:link,#menus a:visited { color: white }
#menus a:hover { color: #f0e412 }

.submenu { position: absolute; background-color: black; font-size: 8pt; visibility: hidden; margin-left: -5px; text-align: left }
.submenu_butt { margin: 5px; }
.submenu_butt:hover { color: red }

#header a { color: black }
#header a:hover { color: white; text-decoration:underline; }
#logo { height: 112px; width: 417px; background: url(../bilder/header-logo.png); position: absolute; margin-left: 30px; }
#languages { float: right; font-size: 11px; letter-spacing: 1px; color: black; margin: 90px 20px 0px 0px }

#footer
{
	width: 1000px;
	margin: 0px auto 20px auto;
	text-transform:uppercase;
	font-size: 10pt;
	color: white;	

}
#footer a { text-decoration:none; color:#FFF; }
#footer a:hover { text-decoration:none; color:#f0e412; }

#sponsorss {

	margin-top: 10px;
	width: 980px;
	letter-spacing: 40px;
	text-align: center;
	background-color: white;
	padding: 10px 0px;


	
}