body {
	padding: 0;
	margin: 0;
	font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
	text-decoration: none;
	font-size: 12px;
	background:#F2EDE8;
}

a {
	color: #db6528;
	text-decoration:none;
}

a:hover {
	color: #b47b61;
}

img { border: none; }

/**
 * Block types h1-h6, pre, p and address can be used in Lemon's editor and
 * you can customize their names by altering the comment behind the rule.
 * See the example below! Note: The rule must be on ONE line to work in Lemon.
 */
h1 { font-size: 20px; margin: 0px 0px 5px 0px; padding:3px 0 3px 0; font-family: Arial,Helvetica,Verdana,Geneva,sans-serif; color: #925139; } /* Rubrik */
h2 { font-size: 16px; margin: 4px 0px 5px 0px; padding:3px 0 3px 0; font-family: Arial,Helvetica,Verdana,Geneva,sans-serif; color: #6a6a6a; } /* Underrubrik */
h3 { font-size: 13px; margin: 2px 0px 2px 0px; padding:3px 0 3px 0; font-family: Arial,Helvetica,Verdana,Geneva,sans-serif; color: black; font-weight: bold; } /* Mellanrubrik */
p { margin: 0; padding: 0 0 10px 0; line-height: 18px; } /* Stycke */

/**
 * Styles can also be included in Lemon's editor with custom names.
 * See the example below!
 */
.small { font-size: 9px; } /* LemonStyle: Small text */
.img_right { margin-right: 15px; } /* LemonStyle: Höger marginal */
.img_left { margin-left: 15px; } /* LemonStyle: Vänster marginal */

#wrapper {
	width: 950px;
	padding: 0px;
	margin: auto;
	margin-top: 20px;
}

#sitehead {
	width: 100%;
	height: 127px;
	position: relative;
	z-index:10;
}

#header {
	width: auto;
	height: auto;
	clear: both;
	position: absolute;
	z-index: 10;
}

#poll { margin: 5px 0px 15px 0px; }
#poll .alternative { padding-bottom: 4px;}

.logo {
position:absolute;
z-index: 10;
}

#main {
	z-index:1;
}
	.leftcolumn {
		float: left;
		width: 610px;
		z-index: 1;
	}
	.rightcolumn {
		float: right;
		width: 325px;
		z-index: 1;
	}
	.block {
		width: auto;
		height: auto;
		padding: 10px 20px 20px 20px;
		background: #FFFFFF;
		margin: 0px 0px 10px 0px;
		z-index: 1;
		overflow:hidden;
	}
	.imgblock {
		width: 615px;
		height: 200px;
		background: #000000;
		margin: 0px 0px 5px 0px;
	}


	.upcoming { border: 1px solid silver; }
	.upcoming td { padding: 3px ;font-size: 11px; }
	.time_start { width: 65px; }
	.info_start { width:200px; }
	.info_start a { color: white; padding:5px 0; display:block;}
	.odd { background-color: #f6f6f6; }
	.even { background-color: #EAEAEA; }
	.unordinary_start { background: #ffaa36 url('../img/unordinary_gradient.gif') bottom repeat-x; color: #ffffff; }
	.ordinary_start { background:  #b47b61 url('../img/ordinary_gradient.gif') bottom repeat-x; color: #ffffff; }
	.special_start { background:  #525252 url('../img/special_gradient.gif') bottom repeat-x; color: #ffffff; }

	.schema {
		width: 100%;
		height: auto;
		border: 1px solid #cacaca;
		margin: 0px;
	}
		.schema .time { float:left; width: 35px; height: 100%; background: #eaeaea; padding: 0px; border-right: 1px solid #dedede; font-size: 10px; }
		.schema .time .hour { width: 28px; height: 38px; padding: 1px 4px 1px 3px; }
		.schema .columnhead { float:left; width: 114px; height: 15px; background: #ffffff; padding: 2px 5px 3px 5px; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; font-size: 11px; font-weight: bold; text-align: center; }
		.schema .column { position: relative; float:left; width: 122px; height: 100%; padding: 1px 1px 1px 1px; border-right: 1px solid #dedede; font-size: 10px; }
		.schema .ordinary { position: absolute; background: #b47b61 url('../img/ordinary_gradient.gif') bottom repeat-x; padding: 1px; color: #ffffff; overflow: hidden; }
		.schema .unordinary { position: absolute; background: #ffaa36 url('../img/unordinary_gradient.gif') bottom repeat-x; padding: 1px; color: #ffffff; overflow: hidden; }
		.schema .special { position: absolute; background: #525252 url('../img/special_gradient.gif') bottom repeat-x; padding: 1px; color: #ffffff; overflow: hidden; }
		.schema .dualleft { left: 1px; width: 58px; }
		.schema .dualright { right: 1px; width: 59px; }
		.schema .single { left: 1px; width: 120px; }
		.schema .lightgrey { background: #f6f6f6; }
		.schema .darkgrey { background: #eaeaea;; }
		.schema .clock { font-weight: bold; font-size:11px;}
		.schema a { color: #F0EAE1; }
		.schema a:hover { color: #FFFFFF; }

		/* Start schema */
		.schema .timehead { font-weight: bold; margin: 0px 0px 10px 0px; }

#footer {
	width: auto;
	background: #000000 url('../img/footer_gradient.gif') top repeat-x;;
	padding: 10px 20px 10px 15px;
	border: 1px solid #FFFFFF;
	margin: 0px 0px 20px 0px;
	font-size: 10px;
	color: #bba69f;
	position: relative;
}
	#footer b { font-size: 12px; color: #bba69f; }
	#footer img { margin: -10px 0px -10px 0px; border: 0px; }
	#footer .footerright { float:right; }
	#footer .footerright div { float:left; }

.creds {
	float: right;
	margin: 5px 5px 5px 5px;
	font-size: 10px; 
	color: #BBA69F;
}
	.creds a { color: #BBA69F; }

#gallery { background-color: white; padding: 20px; }

.gal_pic { border: 1px solid silver; margin: 0px 9px 10px 0px; float: left; text-align: center; padding: 4px;}
a.gal_pic:hover { text-decoration: none; }

#tooltip {
	position: absolute;
	border: 2px solid #D0D0D0;
	background:#FFFFFF;
	padding:5px 5px;
	color:#333;
	display:none;
	width: 150px;
	text-align: center;
}

.news_spot {
background: #f6f6f6;
border: 1px solid #eaeaea;
margin-bottom: 3px;
}
	.news_spot a { color: #2b2b2b; padding: 10px 10px 10px 10px; display: block; }
	.news_spot h3 { font-size: 14px; font-weight: normal; color: #2b2b2b; margin: 0px; }
	.news_spot .news_date { font-size: 10px; font-weight: normal; color: #949494; margin: 0px; padding: 0px; float: right; width: auto; }


.archive {
}
	.archive h2 { cursor: pointer; }
	.archive p { color: #878787; }

.bottomline {
	padding-bottom: 10px;
	border-bottom:1px solid #eaeaea;
	margin-bottom:10px;
}

.ingress { font-size: 15px; margin-bottom: 8px; }

.color_explain { width: 170px; float:left; margin:10px 0 5px 0px; font-size:10px;}
	.color_explain img { margin-left:3px; }
	
/*TIP BOX*/
#tip_box { width:264px; margin:0 0 5px 10px;}
	#tip_top { width:264px; height:68px; background:url('../img/tips_top.png'); }
	#tip_mid { width:264px; height:auto; background:url('../img/tips_mid.png'); }
		.tip_c { margin:0 10px 0 10px; line-height:18px; }
			.tip_c ul { margin:0 0 0 25px; padding:0; } 
	#tip_bot { width:264px; height:19px; background:url('../img/tips_bot.png'); }