* {
margin:0;
padding:0;
border:0;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
}

#bg_frame {
background-image:url(http://www.haningestrand.se/imagerotator-3-16/bg_frame.gif);
width:600px;
height:280px;
margin-left:-15px;
margin-top:-10px;
}

#flashcontainer {
position:relative;
top:16px;
left:23px;
}

#farg td.gra{
width:80px;
Background:#c0c0c0;
padding: 10px;
text-align: center;
vertical-align: top;
}


#farg td.vit{
width:80px;
Background:#ffffff;
padding: 10px;
text-align: center;
vertical-align: top;
}

#farg td.gul{
width:80px;
Background:#FFFF66;
padding: 10px;
text-align: center;
vertical-align: top;
}

#farg td.rod{
width:80px;
Background:#FF0033;
color: #ffffff;
padding: 10px;
text-align: center;
vertical-align: top;
}

#farg td.bla{
width:80px;
Background:#0000CC;
color: #ffffff;
padding: 10px;
text-align: center;
vertical-align: top;
}

#farg td.blavit{
width:80px;
Background:#6666FF;
color: #ffffff;
padding: 10px;
text-align: center;
vertical-align: top;
}

#veteraner td{
width:80px;
Background:#CCCC99;
padding: 10px;
text-align: center;
vertical-align: top;
}


#tavling td.datum {
width:100px;
background:#CCCC99;
padding: 10px;
text-align: left;
vertical-align: top;
}

#tavling td.tavling {
width:80px;
background:#CCCC99;
padding: 10px;
text-align: left;
vertical-align: top;
}

#tavling td.spelform{
width:100px;
background:#CCCC99;
padding: 10px;
text-align: left;
vertical-align: top;
}

#tavling td.kontakt {
width:80px;
background:#CCCC99;
padding: 10px;
text-align: left;
vertical-align: top;
}


#vecka td.dag {
width:80px;
background:#CCCC99;
padding: 10px;
text-align: left;
vertical-align: top;
}

#vecka td.text {
width:320px;
background:#CCCCCC;
padding: 8px;
text-align: left;
vertical-align: top;
}

#tabell td.left{
width:100px;
background: #CCCCCC;
padding: 8px;
text-align: left;
verticla-align: top;
}

#tabell td.right{
width:100px;
background: #CCCC99;
padding: 8px;
text-align: left;
verticla-align: top;
}

#namn td.1{
width:400px;
background: #CCCC99;
padding: 8px;
text-align: left;
verticla-align: top;
}


#bilder td.left{
width:60px;
background: #CCCCCC;
padding: 8px;
text-align: left;
verticla-align: top;
}

#bilder td.right{
width:60px;
background: #CCCC99;
padding: 10px;
text-align: left;
verticla-align: top;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

h3 {
margin:0;
margin-top:15px;
padding:0;
border:0;
font: normal 34px Verdana, Arial, Helvetica, sans-serif;
color:#3a4813;
margin-bottom:10px;
}

h4{
font: normal 24px Verdana, Arial, Helvetica, sans-serif;
color:#3a4813;
}

h5{
font: normal 24px Verdana, Arial, Helvetica, sans-serif;
color:#3a4813;
}

/* end sIFR styles... */

strong {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#999;
}

body {
   background: #F5F7E7 url(/content_king/files/1205835920_bakgrund_hsgk_bred.gif) repeat-y 50% 0;
   background-attachment: fixed;
   margin: 0;
   padding: 0;
   text-align: center;
}

.clear {
	clear: both;
}

p.newsdate {
margin-top:10px;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#3a4813;
}

p.newsdatelocal {
display:none;
}

ul.newslist li {
list-style-type: none;
}

ul.newslist li a {
font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#3a4813;
}

ul.newslist p.newslong {
display:none;
}

.newsshort {
padding-bottom:10px;
border-bottom:1px solid #bdbdbd;
font:10px/16px Verdana, Arial, Helvetica, sans-serif;
}

#topnav ul
{
padding-left: 0;
margin-left: 0;
background-color: #333;
color: White;
float: left;
width: 920px;
}

#topnav ul li { display: inline; }

#topnav ul li a
{
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0 1em;
line-height:30px;
height: 30px;
background-color: #333;
color: #efefef;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#topnav ul li a:hover
{
background-color: #000;
color: #fff;
}

#container {
   margin: 0px auto;
   text-align: left;
   width: 938px;
}

h1 {
   text-indent: -9999px;
   width: 918px;
   height: 90px;
   background: #fff url(/content_king/files/1273061490_logo_hsgk_2010.gif) no-repeat;
   margin: 0;
   padding: 0;
}

#breadcrum {
   background: #B9C85F;
   width: 904px;
   height: 11px;
   padding: 8px;
   color:#fff;
   line-height:27px;
   font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

#breadcrum ul {
	margin: 0;
 	padding: 0;
 	list-style-type: none;
}

#breadcrum ul li {
display:inline;
padding-right: 12px;
padding-left: 3px;
background: url(/content_king/test_files/arrow.png) no-repeat 0 0;
background-position: right;
}

#breadcrum ul li.active {
color:#333;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
background:#B9C85F;
}

#breadcrum ul li a {
color:#333;
}

#breadcrum ul li a:hover {
color:#000;
}

#left {
	width: 198px;
	float: left;
}

#content {
	width: 610px;
	float: right;
	padding: 0 0px 10px 20px;
                min-height:400px;
                margin-right:50px;

}

* html div.content {
    height: 400px;
} 

#footer {	
	margin: 0px auto;
	padding-bottom:20px;
	position: relative;
	width: 820px;
	clear: both;
}

#footer h2 {
	margin: 0;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
}

#footer a {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
}

.text {
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #5B604C;
	margin-bottom: 10px;
}

.text a {
	color: #333;
	text-decoration:underline;
}

.text a:hover {
	color: #333;
	text-decoration:underline;
	background-color: #FFFFCC;
}

strong {
	color: #333;
}

.imageright {
	float: right;
	padding: 5px;
	margin-left: 10px;
	background-color: #ffffff;
	border: 1px solid #B9C85F;
}

.picborder {
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #B9C85F;
}

/* --- favorite links--- */

#favlinks {
	width: 203px;
	padding-left: 25px;
	margin-top: 15px;
}

#favlinks ul {
	margin: 0;
 	padding: 0;
 	list-style-type: none;
}

#favlinks ul li {
	background: url(/content_king/test_files/i_bullet.png) no-repeat 0 11px;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding: 8px;
	padding-left: 16px;
	border-bottom: 1px solid #B9C85F;
}

#favlinks ul li a:link {
 	color: #333;
 	text-decoration: none;
}

#favlinks ul li a:visited {
 	color: #333;
	text-decoration:none;
}

#favlinks ul li a:hover {
	color: #000;
 	text-decoration:underline;
}
