/************************************** basic settings **********************************************************/
body {
	/*background-color: #F8F8F8;  url('/templates/img/bakgrund_body.png') repeat top left; */
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	background-image:url('/templates/img/bakgrund_body.png');
	background-repeat:repeat;
}

input, textarea {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px;}
.textInput {width:75%; margin-bottom:10px;}
.textareaInput {width:345px; height:80px; margin-bottom:10px;}
.submitButtonDiv{clear:both; width:350px;}
.submitButton{float:right;}

html,form,fieldset,h1,h2,h3,h4,h5,h6,pre,p,div,img,blockquote,hr,ol,dl,address
{
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
}

h1, h2, h3, h4
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}

h1 {
    /*font-size: 17px; 
	text-transform: uppercase;*/
	text-transform: uppercase;
    font-size: 15px; 
	margin-bottom:14px;
}

h2 {
	text-transform: uppercase;
    font-size: 15px; 
	margin-bottom:14px;
}

h4 {
    font-size: 15px; 
	margin-bottom:14px;
	text-transform: normal;
}

h3 {
    font-size: 13px;
}

.hide {
    visibility: hidden;
    display: none; 
}

.show {
    visibility: visible;
    display: block;
}

a {
    text-decoration: none;
	color: #000000;
	border: 0;
	outline: none;
}

a:hover {
    text-decoration: none;
	color: #E2081A;
}

.spacer1 {
    height: 15px;
}

.spacer2 
{
	height: 1px;
	float: left; 
	width: 15px;
	display: block;
}

.spacer3 {
    height: 7px;
}

.clear 
{
	height: 0px;
	line-height: 0px;
	font-size: 1px;
	clear: both;
}

.left 
{
	float: left;
}

.right 
{
	float: right;
}


/******************** GENERAL divs; layout, etc ***********************************************************************************/

#maindiv {
	width: 960px;
	margin: 0px auto;
	padding: 0px 15px 30px 15px;
}

#top 
{
	height: 30px;
	background-color: #FAFAF9;
}

#hidden_thingy 
{
	width: 340px;
	float: left;
}

#menu_top 
{
	font-size: 10px;
	float: right; 
	padding-top: 9px;
	margin-right: 15px !important; /* ie 7*/
	*margin-right: 6px; /*ie 6 */
}

#menu_top ul 
{
	list-style-type: none;
	float: left;
	margin: 0px; 
	padding: 0px;
}

#menu_top ul li, #choosen_li_grp1
{
	float: left;
}

#menu_top ul li div 
{
	float: left;
	padding: 0px 8px 0px 8px;
}

#menu_top ul li a:link, #menu_top ul li a:visited, 
	#menu_top a:link, #menu_top a:visited
{	
	font-size: 11px;
	color: #000000;
}

span#choosen_grp1, #menu_top ul li a:hover, #menu_top a:hover
{
	font-size: 11px;
	color: #E2081A;
}

#header 
{
	background-image: url('/templates/img/bakgrund_sidhuvud.gif'); 
	position: relative;
	height: 115px;
	margin-bottom: 15px;
}

#menu_grp2 
{
	font-size: 11px;
	font-weight: bold;
	position: absolute; 
	float: right; 
	z-index: 0; 
	top: 70px; 
	left: 306px;
}

/* Spacer mellan rundade kanter och innehåll */
.menu_grp2_spacer{
width:10px; background-color:#494848; float:left; height:24px;
}

#menu_grp2 ul 
{
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
}

#menu_grp2 ul li
{
	float: left;
}

#menu_grp2 ul li#choosen_li_grp2
{
	float: left;
	padding: 3px 8px 3px 8px;
	background-color: #A0A0A0;
}

span#choosen_grp2 
{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu_grp2 ul li a:link, #menu_grp2 ul li a:visited
{
	padding: 3px 8px 3px 8px;
	background-color: #494848;
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu_grp2 ul li a:hover 
{
	background-color: #A0A0A0;
	color: #FFFFFF;
}

/***** FB-logo to the right of the main menu **************************/
#menu_grp2 .fb{
margin-left:52px;
width:24px; 
height:24px;
float:right;
}


#logo 
{
	padding: 11px 0px 0px 22px;
}

#footer 
{
	font-size: 11px;
	height: 26px;
	width: 960px;
	margin-top:5px;
	padding: 2px 15px 0px 15px;
	color: #999;
	background-image:url('/templates/img/sidfot_960x26.png');
	background-repeat:no-repeat;
}

#footer a
{
	color: #999;
	
}
#footer a:hover {
    text-decoration: none;
	color: #E2081A;
}


/******************** STARTPAGE specific divs; layout, etc  ***********************************************************************************/


#interplay 
{
	height: 300px; /* changed from 230 to 300px, email from Niran */
	margin-bottom: 15px;
	background-color: #F8F8F8;
	overflow: hidden;
}

#start_left 
{
	float: left;
	width: 465px;
	height: 407px;
}

#start_right 
{
	float: right;
	width: 480px;
	height: 407px;
	background-image:url('/templates/img/start_right_480x407.png');
	background-repeat:repeat-y;
}

#start_right_wrp 
{
	padding: 15px;
}

#start_right_wrp a 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.puff 
{
	width: 225px;
	height: 196px;
	background: url('/templates/img/bakgrund_puff.png') no-repeat top right;
	color: #FFFFFF;
	overflow:hidden;
}

.puff h2 
{
    color: #FFFFFF;  
    margin-bottom: 0px; 
}

#one_content, #two_content, #three_content, #four_content 
{
	padding: 15px;
	overflow: hidden;
}

#one 
{
	float: left;
	margin-bottom: 15px;
}

#two 
{
	float: right;
	margin-bottom: 15px;
}

#three 
{
	float: left;
}

#four 
{
	float: right;
}

#start_right h2 
{
	margin-bottom: 0px;
}

#start_news 
{
	float: left; 
	width: 220px;
}

#start_calendar 
{
	float: right; 
	width: 215px;
}
.startMargin1
{
	margin-top:5px;
	margin-bottom:20px;
}

.startMargin2
{
	margin-bottom:20px;
}

#start_member_wrp 
{
	 float:left; 
	 width: 300px;
}

.start_membercard 
{
	clear:both;	
	float:left;
	padding-left: 20px;
	margin-top:5px;
	margin-bottom:15px;
	padding-right:15px;
}

div.line 
{
	margin-top: 15px;
	margin-bottom: 10px;
	border: 0;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	width: 100%;
	display: block;
	overflow: hidden;		
}

div.line hr
{
	margin-top: 15px;
	margin-bottom: 10px;
	border: 0;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	text-align: left;
}

hr 
{
	margin-top: 15px;
	margin-bottom: 10px;
	border: 0;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	text-align: left;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.publisher 
{
	font-size: 11px;
	color: #999;
	margin: -15px 0 0 0;
}

/*********************** PAGE divs; layout, etc **************************************************************/

.colmask 
{
	position: relative;
	float: left;
	width: 960px; 
	overflow: hidden;
}

.col_space1,.col_space2,.col_space3,.col_space4 {
	float: left;
	width: 100%;
	position: relative;
}

.col1,.col2,.col3,.col4,.col5 {
	float: left;
	position: relative;
	overflow: hidden;
}

.fivecol {
	background: url('/templates/img/spalt3_230_mitten_vit.png') repeat-y top right;
	
}

.bla {
	background: url('/templates/img/spalt3_230_mitten_bla.png') repeat-y top right;
}

.rod {
	background: url('/templates/img/spalt3_230_mitten_rod.png') repeat-y top right;
}

.gron {
	background: url('/templates/img/spalt3_230_mitten_gron.png') repeat-y top right;
}

.fivecol .col_space1, .bla .col_space1, .rod .col_space1, .gron .col_space1 {
	right: 230px; 
}

.fivecol .col_space2, .bla .col_space2, .rod .col_space2, .gron .col_space2 {
	right: 15px; 
	background: url('/templates/img/spalt2_490_mitten_vit.png') repeat-y top right;
}

.fivecol .col_space3, .bla .col_space3, .rod .col_space3, .gron .col_space3 {
	right: 490px;  
}

.fivecol .col_space4, .bla .col_space4, .rod .col_space4, .gron .col_space4 {
	right: 15px;  
	background: url('/templates/img/spalt1_210_mitten_vit.png') repeat-y top right;
}

.fivecol .col1, .bla .col1, .rod .col1, .gron .col1 {
	width: 490px;
	left: 975px; 
}

.fivecol .col2, .bla .col2, .rod .col2, .gron .col2 {
	width: 15px;
}

.fivecol .col3, .bla .col3, .rod .col3, .gron .col3 {
	width: 210px;
	left: 245px;
}

.fivecol .col4, .bla .col4, .rod .col4, .gron .col4 {
	width: 15px;
}

.fivecol .col5, .bla .col5, .rod .col5, .gron .col5 {
	width: 230px;
	left: 750px;
	
}

.topping 
{
	margin: 0px; 
	padding: 0px;	
	height: 8px;
	float: left;
	border: 0px;
	*position: relative; /* ie 6*/
	bottom: 0px !important; /* ie 7*/
	*bottom: -10px; /* ie 6*/
	
}

.bottom 
{
	margin: 0px; 
	padding: 0px;
	vertical-align: top;	
	float: left;
	height: 8px;
	overflow: hidden;
}


.col1_inner, .col3_inner, .col5_inner {
  padding: 15px;
  font-size: 12px;
}

.page_membercard_txt 
{
	float:right; 
	width:90px; 
	padding-top: 10px; 
	font-weight:bold;
}


/* page menu */

#choosen_right_grp1 
{
	color: #6B96B5;
	font-size: 12px;
	line-height: 1.8;
}

.col3_inner a:link, .col3_inner a:visited, .col3_inner a:link, .col3_inner a:visited
{	
	font-size: 12px;
	line-height: 1.8;
	color: #000000;
}

.col3_inner a:hover, .col3_inner a:hover
{
	font-size: 12px;
	line-height: 1.8;
	color: #6B96B5;
}

.adjust 
{
	margin-left: 26px;
	padding-top: 2px;
}

.adjust_menu3
{
	margin-left: 14px;
	padding-top: 2px;
}

.adjust_menu4
{
	margin-left: 28px;
	padding-top: 2px;
}

.adjust_menu5
{
	margin-left: 42px;
	padding-top: 2px;
}



/*********************** BLOGG PAGES divs; layout, etc **************************************************************/

.thread_date, .comment_date, .calendar_date 
{
	color: #999;
}

.thread_info, .thread_tags, .comment_info 
{
	font-size: 11px;
	color: #999;
}

.thread_info a
{
	text-decoration: none;
	color: #999;
}

.thread_info a:hover, .thread_title a:hover h3
{
	text-decoration: none;
	color: #E2081A;
}

div.thread_hr, div.comment_hr 
{
	margin-bottom: 10px;
	*margin-bottom: 3px; /* ie6 and ie7 */
}

div.thread_hr hr,  div.comment_hr hr
{
	margin-top: 10px;
	*margin-top: 3px;	/* ie6 and ie7 */
}

div.tag_menu 
{
	margin-bottom: 5px;
	*margin-bottom: -6px; /* ie6 and ie7 */
}

div.tag_menu hr
{
	margin-top: 1px;
	*margin-top: -6px;	/* ie6 and ie7 */
}

#choosen_blogg 
{
	color: #E2081A;
}

label 
{
	padding-bottom: 10px;
}

/******************** Moderator menu ***********************************************************************************/
div.moderator-menu, div.moderator-menu-hidden 
{
	padding-left: 10px;
	background-color: #F0F0F0;
	border: 1px solid black;
}

div.moderator-menu-hidden {
	background-color: #FFF0F0;
	border: 1px solid red;
}


table.moderator-menu, table.moderator-menu-hidden
{
	background-color: #F0F0F0;
	border: 1px solid #A0A0A0;
	width: 100%;
}

table.moderator-menu-hidden 
{
	background-color: #FFF0F0;
	border: 1px solid red;
}

table.moderator-menu td, table.moderator-menu-hidden td
{
	padding: 0px;	
}

