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 }
.quote { border: 1px solid black; margin: 5px; padding: 10px }
.quote legend { text-transform: uppercase; font-size: 8pt; }

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;  }

.postList li { margin: 10px 0px; padding: 0px; list-style-image: url(../gfx/ico.ico) }
.postText { color: black; padding: 2px 5px; cursor: pointer; text-transform: uppercase; background-color: #dbc700 }
.postInfo { color: black; text-align: left; text-transform: none; font-size: 9pt }



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

#postBox { width: 700px; border: 1px solid black }
#postBox td { padding: 5px; }
#postBox input { width: auto; }
#postBox textarea { width: 540px; height: 200px }

#smileys { border: 1px solid black; width: 125px; background-color: white }
.smiley { width: 20px; height: 20px; float: left; margin: 2px; background-color: blue }

.topicBox { cursor: pointer }
.topicBox:hover {background-color: #f9ee85; }
.tableHeader { background-color: #dbc700; font-weight: bold }

.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 }

#actionButtons img { cursor: pointer; border: 1px solid white; width: 49px }
#actionButtons img:hover { border-color: black }

#notInEnglish { font-size: 12pt; width: 350px; border: 1px solid red; margin: 20px auto; padding: 10px 10px 10px 80px; background: url(../gfx/ico_warning.gif); background-repeat: no-repeat; background-position: 20px center }

#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 }

.currPage { background-color: #dbc700; }

#meetingList { list-style-type: none; margin: 5px 10px; padding: 0px }
#meetingList li { margin: 3px 0px; padding: 0px 0px 0px 20px; }

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


/* ----------- Enskilda klasser ----------- */
.clear { clear: both } .left { float: left } .right { float: right }
.colorBox { margin: 1px; padding:7px; font-size:1em; border: 1px solid #6ca0ba; background-color: #eaf2f6 }
.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% }


/* ----------- Enskilda element ----------- */
#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; }
#happenings li { margin-bottom: 10px }
#infoBox { border: 1px solid black; padding: 10px; background-color: white; position: absolute; color: black; text-transform: uppercase; font-size: 8pt; visibility: hidden }

.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 }

/* ----------- Ö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 }


/* ----------- Speciellt layout för foto ----------- */

#foto_content
{

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

}

#foto_top
{
	background-color: white;
	margin-bottom: 10px;
	padding: 5px;
}

#foto_left
{
	float: left;
	width: 711px;
	padding: 10px;

}

#foto_right
{
	float: left;
	width: 227px;
	margin-left: 10px;
	padding: 5px;
}



/* ----------- Nedre layout ----------- */

#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/content2.gif);
	background-repeat: repeat-y;

}

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

}

#content_right
{
	float: left;
	width: 237px;
	margin-left: 10px;

}

.surround { margin: 10px }
.surround input,.surround textarea,.surround select { width: 207px; padding: 5px; border: 1px solid black }



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

.right_bigPhoto
{
	width: 482px;
	height: 270px;
	border: 1px solid 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 }
#infobox { position:absolute; top:10px; left:604px; height:60px; margin:0px; padding:0px; font-size:1em; max-width:371px; border:solid 1px #6ca0ba; -moz-border-radius:5px; -webkit-border-radius:5px }

#menu1
{
	height: 25px;
	width: 980px;
	text-align: left;
	font-size: 9pt;
}

#menu2
{
	height: 27px;
	width: 980px;
	text-align: left;
	font-size:9pt;
	background: url(../gfx/menu2.gif);
}


#text { padding: 10px; width:570px; float: left; }
#panel { width: 375px; float: left; padding: 10px 0px; }
#panel_left { width: 179px; float: left }
#panel_right { width: 179px; float: left; margin-left: 17px }


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

}
#footer fieldset { float: left; border: 1px solid black; margin: 10px 0px 10px 30px; padding: 5px 20px 5px 20px; width: 250px; height: 130px  }
#footer legend { text-transform:uppercase; font-family: arial; font-size: 14pt  }

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

#sponsors {

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

	
}
#sponsors img { border: 1px solid black }