
/* +----------------------------------------------+
   |         Bonhuset.com Layout v0.99.5          |
   | 	     Copyright 2006 Bonhuset.com          |
   |											  |
   |			Uppdaterad 2006-03-11			  |
   +----------------------------------------------+ */
   
body {
	background-color: #ffffff;
	background: url(../bilder/bg.png);
	margin: 0px 0px 0px 0px; /* Top Right Botton Left */
}

/* M�ste finnas med f�r att DIV:arna ska bli 100% av sidan */
html, body {
	height: 100%;
}

div#top_left { width: 185px; height: 63px; display: inline; float: left; border-bottom: 3px solid #ffffff; border-right: 3px solid #ffffff; background: url(../bilder/bh_logo.png); }
div#top_middle {border-bottom: 3px #fff; width: 573px; height: 24px; padding-top: 39px; padding-left: 10px; display: inline; float: left; border-right: 3px solid #ffffff; background: url(../bilder/top.png); }
div#panel_right { position: absolute; width: 230px; display: inline; top: 65px; }

/* Denna ringar in menyn */
div#menu {
	width: 185px;
	height: auto;
	float: left;
	clear: left;
	display: block;
	background-color: #ffffff; /* #7c96a1 */
}

/* Meny - START ----------------------------------------------------------------- */
ul {
	margin: 0;
	padding: 0px;
	list-style: none;
	width: 185px; /* Bredden p� menyn */
	border-bottom: 1px solid #929b83;
	font: bold 11px verdana;
}

ul li {
	position: relative;
}
	
li ul {
	position: absolute;
	left: 184px; /* S�tt 1px l�gre �n menybredden */
	top: 0;
	display: none;
}

/* Styles f�r Menyn */
ul li a {
	display: block;
	text-decoration: none;
	color: #5e7830;
	/* background: #cbd8b8; */
	background: url(../bilder/menu.png);
	padding: 5px;
	padding-left: 12px;
	border: 1px solid #929b83;
	border-bottom: 0;
	line-height: 16px;
}

/* Fix f�r IE. Hide from IE Mac */
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* Hover Styles */
ul li a:hover {
	color: #d17100; 
	background: #f9f9f9;
	/* background: url(../bilder/menu.png) 0 -30px; */
}

/* Styles f�r Undermeny */
li ul li a {
	padding: 5px 5px;
	line-height: 12px;
	background: #cbd8b8;
}
		
li:hover ul, li.over ul { display: block; z-index: 99;} /* The magic */
/* Meny - SLUT ----------------------------------------------------------------- */



/* Huvudmeny 2	*/
div#menu_buttons_2 a {
	height: 17px;
	color: #1d546c;
	background-color: #bace9c;	/* #c1cecb */
	background: url(../bilder/menu2.png);
	padding-left: 12px;
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom: 2px;
	display: block;
	font: 11px Verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

div#menu_buttons_2 a:hover {
	background: url(../bilder/menu2.png) 0 -24px;
	text-decoration: none;
	color: #1d546c;
}
/* Huvudmeny 2 - SLUT */

div#menu_distance {
	height: 10px;
	background-color: #ffffff;
	display: block;
}

div#content {
	width: 583px;
	display: inline;
	float: left;
	background-color: #ffffff;
	padding-left: 3px;
	padding-right: 2px;
	padding-bottom: 15px;
	border-right: 1px dotted #666666;
}

/*	Huvudtextinneh�llet (br�dtext)	*/
div#content_left {
	display: inline;
	width: 410px;
	float: left;
	background-color: #ffffff;
	padding-left: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

div#content_left a:link {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d17100;
	border-bottom: solid;
	border-bottom-width: 1px;
	text-decoration: none;
}

div#content_left a:hover {
	color: #a45c06;
	text-decoration: underline;
	border-bottom: none;
}

div#content_left a:visited {
	color: #d17100;
}

div#content_right {
	display: inline;
	width: auto;
	float: right;
	background-color: #ffffff;
	padding-top: 10px;
	padding-right: 20px;
}

/*	H�ger panel	(skriv ut, �ka textstorlek etc.) */
div#content_right_panel {
	display: inline;
	float: left;
	width: 120px;
	height: auto;
	border-bottom: 1px #d17100 solid; /* #7c96a1 */
	border-left: 1px #d17100 solid; /* #7c96a1 */
	border-top: 1px #d17100 solid; /* #7c96a1 */
	border-right: 1px #d17100 solid; /* #7c96a1 */
	background-color: #cbd8b8; /* #d1dbd9 */
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 3px;
	padding-top: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

div#content_right_panel a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #d17100;
}

div#content_right_panel a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #d17100;
}

/* Nyheter/info p� startsidan */
.news {
	width: 100%;
	background-color: #ffffff; /*cbd8b8*/
	border: none;
}

.news_headline_1 {
	width: 50%;
	background-color: #e5bb89;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #b5600d;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-top: 1px #000000 solid;
	border-right: 1px #000000 solid;
}

.news_headline_2 {
	width: 50%;
	background-color: #c6d2b0;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5e7830;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-top: 1px #000000 solid;
	border-right: 1px #000000 solid;
}

.news_text {
	padding-bottom: 7px;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 3px;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	text-align: left;
	margin-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.news_text a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d17100;
	border-bottom: solid;
	border-bottom-width: 1px;
	text-decoration: none;
	line-height: 17px;
}

.news_text a:hover {
	color: #a45c06;
	text-decoration: underline;
	border-bottom: none;
	border-bottom-width: 1px;
	line-height: 17px;
}

/*	Ikonerna f�r h�ger panel	*/
.icon {
	padding-right: 1px;
	padding-bottom: 10px;
	border: none;
}

div#start_image {
	background-image: url(../bilder/start_image.jpg);
	display: block;
	width: 583px;
	height: 145px;
}

div#v_line {
	width: 5px;
	height: 200px;
	float: left;
	display: inline;
	background-color: #ffffff;
}

div.h_line_dotted {
	width: auto;
	border-bottom: 1px dotted #666666;
	background-color: #ffffff;
	padding: 5px 0px 5px 0px;
}

div.image {
	padding-left: 5px;
	padding-right: 5px;
}

/* R�knare */
div#counter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	padding-left: 5px;
	background-color: #ffffff;
	display: block;
	float: left;
	width: 180px;
}

div#random_links, #random_links a, #random_links a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d17100;
	border-bottom: solid;
	border-bottom-width: 0px;
	text-decoration: none;
	line-height: 17px;
	width: 180px;
	padding-left: 5px;
	background-color: #ffffff;
	display: block;
	float: left;
}

div#random_links a:hover {
	color: #a45c06;
	text-decoration: underline;
	border-bottom: none;
	border-bottom-width: 0px;
	line-height: 17px;
}

/* Reklambanner */
#banner {
	width: 468px;
	padding-top: 40px;
	display: block;
	float: left;
	border: none;
}

/* ***********************************************************************************

	<DIV> Sidinneh�ll (rubrik, br�dtext, l�nkar etc.) 
	
*********************************************************************************** */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #d17100;
	font-weight: bold;
	padding-top: 5px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #d17100;
	font-weight: bold;
	padding-top: 5px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d17100;
	font-weight: bold;
	font-style: italic;
	padding-top: 5px;
}

hr {
	border: 1px #666666 dotted;
	height: 1px;
	width: 100%;
}

.menu_top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

/* Bildtext */
.image_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-top: 3px;
	padding-bottom: 10px;
}

/* Copyright */
div#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-top: 5px;
	border-top: #666666 1px dotted;
}

/* Omr�stning */
#poll_headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #e5bb89;
	padding: 4px 2px 4px 3px;
	margin-top: 7px;
	border-bottom: 1px #94aa74 solid;
	border-top: 1px #94aa74 solid;
}

#poll {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #cbd8b8;
	border-bottom: 1px #94aa74 solid;
	padding-bottom: 5px;
}

/* Formul�rknapp (Gr�n med gr�n streckad ram) */
.input_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #b5600d;
	border: 1px #b5600d dotted;
	background-color: #ffffff;
	cursor: pointer;
	padding: 1px 0px 1px 0px;
}

/* Nyhets Feed (Dagen.com) */
.rss_feed a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #d17100; padding-top: 4px; padding-left: 5px; }
.rss_feed a:hover { color: #000000; }

/* Hope FM */
div#menu_buttons_2 #hope-fm .title {
	clear: both;
	font-family: Arial;
	margin-left: 18px;
	font-size: 10px;
}
div#menu_buttons_2 #hope-fm a {
	background: none;
}
