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 ----------- */
table { border-collapse: collapse }
td { padding: 5px }
hr { border:0; height:1px; color:black; background-color:black; }
a { text-decoration: none; color:#8b835d; outline: 0; font-weight: bold }
a:hover { color: #dbc700 }
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 }

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 }

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

#popup { width: 950px; position: absolute; left: 50%; margin-left: -475px; z-index: 1; }
#popup_top { width: 950px; height: 50px; }
#popup_content { float: left; background-color: white; width: 686px; padding: 5px; border: 2px solid black}
#popup_right { float: left; width: 250px; overflow: auto }
#popup_footer { width: 700px; height: 20px; text-align: right; text-transform: uppercase; font-size: 8pt; cursor: pointer }
#popup h1 { border-bottom: 2px solid black; color: white } 


#acover { 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 }
#apopup { 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 }

.albumCover { padding: 5px; border: 1px solid black; margin: 10px; float: left; width: 200px; height: 100px; cursor: pointer }
.albumCover legend { margin: -10px 0px -10px 135px; font-size: 8pt }
.albumCover img { margin-right: 5px; float: left }

.bubble { width: 37px; height: 25px; background: url(../gfx/bubble.png); position: absolute; margin: 70px 0px 0px 160px; padding: 5px 3px 0px 0px; text-align: center }
.comment_box { margin-bottom: 10px; }
.comment_header { width: 200px; padding: 10px 5px 0px 45px; height:30px; background: url(../gfx/foto_commenttop.gif); color: black }
.comment_body { width: 200px; padding: 0px 5px 0px 45px; background: url(../gfx/foto_commentback.gif); }
.comment_bottom { width: 200px; padding: 10px 5px 0px 45px; height:30px; background: url(../gfx/foto_commentbottom.gif); color: black }
.comment_spout { width: 40px; height: 30px; background: url(/gfx/foto_commentconnect.gif); position: absolute; margin: -7px 0px 0px -44px }



.commentbox { width: 152px; background: url(../gfx/foto_comment_main.gif); padding: 16px 26px 0px 52px; color: black; text-align: left }
.commentbottom { width: 152px; height: 30px; background: url(../gfx/foto_comment_bottom.gif); padding: 5px 26px 0px 52px; color: black; margin-bottom: 10px}
.commentbox textarea,.commentbox input { font-family: arial; font-size: 10pt; color: gray; width: 142px }
.commentcheat { float: right; height: 37px;}
#comment_name { display: none; }
#sendcomment { text-align: right }

#arrow_left { background: url(/gfx/foto_arrowleft2.gif); margin-right: 20px }
#arrow_right { background: url(/gfx/foto_arrowright2.gif); margin-left: 20px }
#facebook { background: url(/gfx/foto_fb.gif); margin: 0px 20px }
#arrow_left,#arrow_right,#facebook { height: 50px; width: 60px; float: left; cursor: pointer; background-position: center 10px; background-repeat: no-repeat }
#title { width: 435px; float: left; margin-top: 15px; font-size: 20pt; background: url(../gfx/opa.png); color: black; border-color: black; border-style: solid; border-width: 2px 2px 0px 2px }

#morepics { height: 20px; cursor: pointer; text-transform: uppercase; font-size: 8pt; font-weight: bold }


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


/* ----------- 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: 130% }
.newsactions { border: 1px solid black; padding: 5px; text-align: center }
.like { font-weight: bold }
.like:hover { color: #f0e412; cursor: pointer }


/* ----------- Enskilda element ----------- */


#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 p { border: 1px solid white; margin: 5px; float: left }
#gallery img { width: 63px; height: 63px; }
#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 }



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




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

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

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

}

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

}

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

}

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

#content_2
{

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

}

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

}

#content_right_2
{
	float: left;
	width: 217px;
	margin-left: 10px;
	padding: 10px;

}


.surround { margin: 10px }



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

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

}

.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 { 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);
}

/* Menyboxarna */
.items { list-style-type:none; list-style-position: outside; margin: 0px; padding: 0px; }
.items li { float: left; text-align: center; width: 98px; margin: 0px }
.items li a { color: #000; display: block; height:15px; text-decoration: none; border-bottom: 3px solid #6ca0ba; padding: 4px 0px; }
.items li a.arrow { background:url(../bilder/pil_hoger.gif) no-repeat right center; }
.items li a.arrow_c { background:url(../bilder/pil_ner.gif) no-repeat right center; }
.items li a:hover { background-color:#eaf2f6; }


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






/*


#news_item {
	margin:0px;
	padding:0px;
	padding-top: 9px;
	background: #fff;
	text-align:left;
	font-size:1em;
	border-bottom:1px solid #6ca0ba;
	margin-bottom:27px;
}

#news_text {
	padding-right: 9px;
	padding-right:0px;
	color:#000;
	display: inline-block;
}

.news_headline {
	font-weight:bold;
	text-align:left;
	color: #6ca0ba;
	font-size: 1.4em;
	padding-bottom: 6px;
	padding-right: 9px;
}

.news_headline a {
	color: #6ca0ba;
}

.news_headline a:hover {
	text-decoration:none;
}


.news_date {
	color: #999;
	padding-right: 9px;
	text-align:right;
	font-size: 12px;
	padding-bottom: 6px;
}


a.news_link {
	display:block;
	float:right;
	clear:both;
	color: #6ca0ba;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding:6px;
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}

a.news_link:hover {
	color: #cadfe9;
	text-decoration: none;
	border-left: 1px solid #6ca0ba;
	border-right: 1px solid #6ca0ba;
	border-top: 1px solid #6ca0ba;
	color: #6ca0ba;
	background-color:#eaf2f6;
}
*/



/*

.comment_frame {
	border:1px solid #6ca0ba;
	padding:7px;
}

a.see_more {
	width:298px;
	height:20px;
	font-size:0.8em;
	padding:10px;
	border:1px solid #cadfe9;
	display:block
}



a.see_more:hover {
	background: #eaf2f6;
}

#contact_info {
	padding:7px;
	font-size:1em;
	border:1px solid #6ca0ba;
}

#contact_info a:hover {
	text-decoration:underline
}
*/

/*

#footer a:hover {
	text-decoration: underline;
}

#footer td {
	color:#000;
	font-size:0.8em;
}

#small_photo {
	font-weight:bold;
	font-size: 0.6em;
	text-transform:uppercase;
	text-align:center;
}

#small_photo a {
	color:#000;
}


div h3 {
	font-size:1.0em;
}


a.list_item {
	display:block;
	width:100%;
	font-weight:normal;
	background:#fff;
	border-top: 1px solid #6ca0ba;
	color:#000;
	font-size:0.8em;
	cursor:pointer;
}

a.list_item:hover {
	background:#eaf2f6;
	color:#000;
}

a.list_item #left {
	width:43%;
	float:left;
	margin:4px 0px 4px 4px;
}

a.list_item #right {
	width:52%;
	float:right;
	margin: 4px 4px 4px 0px;
	color:#555;
}

#frame {
	text-align:left;
	background-color:#eaf2f6;
	font-size:1em;
	width:177px;
}
#frame h3 {
	font-size:1.2em;
}
#frame a {
	font-size:0.8em;
	color:#000
}

#photo_shown {
	text-align:center;
}
#photo_shown img {
	border:3px solid #000;
}

#photo_gallery {
	width:590px;
}

.photo {
	border:1px solid #6ca0ba;
	background:#fff;
	display:inline-block;
	padding:0px;
	margin:4px;
}
.photo a img {
	border:2px solid #fff;
}
.photo a:hover img {
	border:2px solid #6ca0ba;
}


a.foton_big_arrow {
	 font-weight:bold;
	 font-size:8em;
	 color:#555;
}

a.foton_big_arrow:hover {
	 color:#000;
}*/