/* humanbridge.se */
/* screen.css */

html
{
	background: #2b265c; url(bilder/weblayout/hb_bg_vert.jpg) top left repeat-x ;
	margin:0;
	padding:0;
}


body {
	background:url(bilder/weblayout/hb_bg_vert.jpg) top left repeat-x ;
	color:#a09b80;
	font-family: Arial, Geneva, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	text-align: center;
}


div#content
{
	/*background: #e6e8b6;*/
	/*background:#bfd684;*/
	background:#bfd684;
	width: 1000px;
	padding: 1px;

	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;


	/*width: 854px;*/

	
	/*background: #f3f1e2  url('bilder/weblayout/bg_vert_linje.gif') top left repeat-y;*/
	/*background: #bfd684  url('bilder/weblayout/bg_vert_linje.gif') top left repeat-y;*/
	
	text-align:left;
}


div#header
{
	width:1000px;
	background:url("bilder/weblayout/header.jpg") top center no-repeat;
	margin:0;
	padding:0;
	height:200px;

}

div#left
{
margin-left:0.5em;
padding-left:0.5em;
width:220px;
clear:left;
float:left;

}

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

a:link, a:visited
{
	text-decoration:none;
	color:#555;
}

a:active, a:hover
{
	text-decoration:underline;
	color:#a09b80;
color:#111;
}


div#main
{
float:left;
padding:0 10px;
margin:20px 0 20px 0;
/*border-left:2px solid #d8d4a5;*/
border-left:1px solid #333;
/*color:#a09b80;*/
color:#333;
width:620px;
}

#main img.frame
{
border:6px solid #efefef;
padding:12px;
background:#fff;
margin:8px;
}

div#lasmer
{
/*border:1px solid #999;*/
margin: 20px 0 0 5px;
padding:45px 5px 0 10px;
float:right;
width:160px;
background:url(bilder/weblayout/lasmer_bg.jpg) top left no-repeat;
height:220px;
clear:right;
}

div#aktuellt
{
/*border:1px solid #999;*/
margin: 0 0 0 5px;
padding:45px 5px 0 10px;
float:right;
width:160px;
background:url(bilder/weblayout/aktuellt_bg.jpg) top left no-repeat;
height:220px;
clear:both;
}

div#footer
{
margin:0;
clear:both;
border-top:2px solid #d8d4a5;
padding:0;
background:#2b265c;
color:#f5f5f5;
width:1000px;
}

.clear
{
	clear:both;
}


h1, h2
{
	clear:right;
	/*color:#d8d4a5;*/
	color:#eee;
	font-family:  Arial, Geneva, sans-serif;
	font-size:24px;
	font-weight:bold;
	margin:0em 0 0 0;
	padding:0em 0.5em 0 0;
}


h3, h4, h5, h6, h7
{
	clear:right;
	/*color:#eb4e3b;*/
	color:#e5e5e5;
	font-family: Arial, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin:0.5em 0 0 0;
	padding:0em 0.5em 0 0;
}

#left  a
{
background:url(bilder/weblayout/bull_arr_right.gif) no-repeat;
padding-left:14px;
}

#lasmer a
{
background:url(bilder/weblayout/bull_arr_right.gif) no-repeat;
padding-left:14px;
}

p
{
margin:0.1em 0 0 0;
padding:0.5em 0.5em 0 0;
}

.adress
{
font-weight:bold;
color:#f5f5f5;
font-size:10px;
margin:0.5em;
padding:0.5em;
}

div#navcontainer
{
	position: inherit; 
	padding:4px;
	width:1000px;
}


#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top: 245px;
margin-top: 176px;
background: transparent;
color: #494895;
float: right;
font-family: Arial, Geneva, sans-serif;
font-weight:bold;
text-transform: uppercase;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background: transparent;
background: #7b7b5f;
color: #494895;
color: #e1e1d1;
font-family: Tahoma, Verdana, Arial, Geneva, sans-serif;
text-decoration: none;
float: left;
text-transform: uppercase;
}

#navcontainer ul li a:hover
{
background-color: #bfd684;
color:#222;

}






div#gastbokform
{
margin:0 0 1em 0;

}

div#gastbokform label{
float: left;
width: 120px;
font-weight: bold;
}

div#gastbokform span.fieldcomment
{
width: 180px;
margin-bottom: 5px;
}

div#gastbokform input, textarea{
width: 180px;
margin-bottom: 5px;
}

div#gastbokform textarea{
width: 300px;
height: 50px;
}

div#gastbokform .boxes{
width: 1em;
}

div#gastbokform #submit, div#gastbokform #submit2{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

div#gastbokform br{
clear: left;
}

div.gbpost
{
padding:4px;
margin-bottom:2px;
border-top:1px solid #d8d4a5;

}

div.gbpostodd 
{

padding:4px;
margin-bottom:2px;
border-top:1px solid #d8d4a5;

}


p.gbrubrik
{
font-weight:bold;
font-size:1.3em;
}

p.gbdatum
{
font-weight:bold;
font-size:0.9em;
}

p.gbkommentar
{
margin-bottom:1em;
}

strong
{
font-weight:bold;
}

.ingress
{
	font-weight:bold;
	color: #444;
	margin:15px;
	font-size:12px;
}

.mellanrubrik, p.mellanrubrik 
{
	font-weight:bold;
	color: #454792;
	font-size:14px;
	padding-bottom:0;
	margin-bottom:0;
}


.storrubrik
{
	font-weight:bold;
	color: #454792;
	font-size:18px;
}


.huvudrubrik
{
	font-weight:bold;
	color: #454792;
	font-size:24px;
}

.gigantrubrik
{
	font-weight:bold;
	color: #454792;
	font-size:30px;
}

.streckadlinje
{
margin:0.5em 2em 2em 0.5em;
background:url(../bilder/streckadlinje.gif) repeat-x 0 0;
}


/* Flikar till menyraden */
    #tabsB {
		margin-top: 168px;
		margin-left:140px;
	  float:left;
      /*width:100%;*/
      background:#F4F4F4;
      background:transparent;
		font-family: Tahoma, Verdana, Arial, Geneva, sans-serif;
		font-weight:bold;
		text-transform: uppercase;
      line-height:normal;
	  margin-bottom:0px;
	  /*border:1px solid orange;*/
      }
    #tabsB ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url("bilder/weblayout/tableftB.gif") no-repeat left top;
      /*background:url("bilder/weblayout/tableftB.jpg") no-repeat left top;*/
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("bilder/weblayout/tabrightB.gif") no-repeat right top;
      /*background:url("bilder/weblayout/tabrightB.jpg") no-repeat right top;*/
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
	  color:#f5f5f5;
	  color:#333;
	  }
    #tabsB a:hover span {
      background-position:100% -42px;
	  color:#f5f5f5;
	  color:#333;
      }

    #tabsB #current a {
      background-position:0% -42px;
	  color:#f5f5f5;
	  color:#333;
    }
    
	#tabsB #current a span {
      background-position:100% -42px;
	  color:#f5f5f5;
	  color:#333;
	}



/*tabellceller*/
th, td
{
color:#444;
}

th p, td p
{
font-size:13px;
}


div.floatright
{
float:right;
padding:8px;
margin:4px;
border-left:1px solid #eee;
}