/*  DMz Blogger */

/* Global Settings */
body, tbody {
/*	font-family:trebuchet ms,geneva;*/
/*	font-family:Arial, Helvetica, sans-serif;*/
/* font-family: "MS Sans Serif", Geneva, sans-serif;*/
	color:#333;
	font-family: verdana;
	font-size:11px;
	text-align:left;
	margin:auto;
}

h1,h2,h3,p,li {
	text-align:left;
	 }

h2,h3 {
	background: url(../images/rub_back.jpg) repeat-y;
	padding: 0px;
}	 

h6 {
	font-size: 10px;
	text-decoration:none;
}

a {
	background-color:inherit;
	color:#333333;
	text-decoration:underline; }

a:hover {
	color:#555555;
	text-decoration:none; }	
	
img {
	border:0; }

blockquote{
	background-color:inherit;
	color:#999;
	font:italic 12px Helvetica,Arial,sans-serif; 
	border-left:5px solid #cc9;
	padding:2px 15px; }

.caption {
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #333;
font-weight: normal;
text-align: left; }

.clear{
	clear:both;	}


.article_separator {
 border-top: dotted 0px #000000;
 width: 100%;
}

.button_menu {
	border: none;
	background: transparent;
	border-left: 3px solid #B03526 /*#EFF3FC*/;	
	padding: 3px;
	display: block;	
	text-decoration: none;
	margin-bottom: 4px;
	cursor:pointer;
	font-family: verdana;
	font-size:11px;
}
.button_menu:hover { 
	background-color: White;
	border-left: 3px solid #c0c4c7;
}

/* Wrappers */	

/*VISA BORDER*/
#wrapper,#body,#container {border: 0px; border-style: solid;}
#sidebar_l,#sidebar_r,#header,#content,#footer {border:0px; border-style:dotted;}
#pagetop,#pagebottom {border:0px; border-style:dotted;}
#top,#user1,#user2 {border:0px; border-style:dashed;}

/* BLOCKSTORLEK */
#wrapper,#body {width:100%;}
#container,#pagebottom {width:1000px;}
#header,#footer,#user1 {width:100%;}
#xxx {width: 780px;}
#sidebar_l {width:200px; visibility:visible; }
#sidebar_r,#top {width:180px; visibility:visible; }
#pagetop,#content {width:778px;}



#wrapper{
	background-color: #D5D5D5;
	position: absolute; /*Behövs föra att bakgrunden ska visas i firefox*/
	height: 100%;
	border-color: red;
	text-align:center;
}

#body{
	background-color: transparent;
	position: relative;
	height: 100%;
	text-align:center; 
	margin-top: 0px; 
	margin-left: auto;
	margin-right: auto;
	border-color: black;
	overflow:auto;
}

#container {
	background: url(../images/content_back_fw.jpg) repeat-y;
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	border-color: green;
	overflow:hidden;
	border-left: 1px solid silver;
	border-right: 1px solid silver;	
	border-bottom: 1px solid silver;
}

#pagetop {
	background: url(../images/back_content.png) no-repeat bottom left;  
	position: relative;
	float:left;
	height: 0px;
	border-color: purple;
	margin-left:0px;
}

#pagebottom {
   background: url(../images/content_bottom_back_fw.jpg);
	float: left;
	height: 20px;
	position: relative;
	border-color: purple;
	margin-left:0px;
}


/* Header */

#header {
	background: url(../images/webhead_fw.jpg) no-repeat top left;
	position:relative;
	height:100px;
	border-color:Black;
	position: relative;
   margin-left: 0px;
	float: left; }
	
#header h1 {
	background-color:inherit;
	color:#666;
	font:normal 36px Helvetica,Arial,sans-serif;
	padding:11px 0 0 15px;
	margin:0; }

span#title
{	background-color:inherit;
	color:#fff;
	padding-left:18px;
	font-size: 8px;
        }
	
/* Content */

#top {
	border-color:Red;
	position: relative;
	float:right;
	margin-top: 2px;
	margin-right: 10px;  
	padding-top: 0px;
	clear:both;
/*   z-index:1*/;	
}	

#user1 {
	width: 270px;
	height: 210px;
	float:left;
	margin-left: 0px;  
	border-color:#A6B8C3;
	border-color:Blue;
	position: static;
}	

#user2 {
	width: 270px;
	float: right;
	margin-right:0px;
}

#content {
/*	background-color: White;*/
/*	overflow-x:hidden;*/
/*	overflow-y:auto;*/
	overflow-x:hidden;
	overflow-y:auto;
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	float: right;
}

#content h1 {
	font:normal 18px Helvetica,Arial,sans-serif; }

#content ul {
	list-style:none; }

#content ul li {
/*	background:url(../images/bullet.gif) 0 8px no-repeat;	*/
	padding:2px 0 2px 10px; }	

#content .maincontent {
	line-height:auto;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 12px;
	 }

#content .maincontent span {
	background-color:inherit;
}


/* Sidebar LEFT */

#sidebar_l {
	border-color: green;
	position:relative;
	width:195px;
	float: left;
	clear: left;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	}

/*#left {
	position:static;
	padding: 20px;
	margin-left: 10px;	
}*/
	
/*#sidebar_l ul {
	list-style:none;
	padding: 2px;
	margin: 0px;
}*/

/*#sidebar ul li {
	background:url(../images/menuselection_back.png) 0 8px no-repeat;	 
	padding: 0px 0 0px 5px;
	display:block; 
	clear:both;
}*/

/*#sidebar ul li a {
	font-weight:bold;
	background-color:inherit;
	color:#000;
	text-decoration:none;
}*/

/*#sidebar ul li a:hover {
	font-weight:bold;
	background-color:transparent;
	color:#555; 
}*/
	


	
/* Footer */

#footer {
	border-color:Blue;
	background:url(../images/pixel_red.png) repeat-x top;
	background-color: White;
	margin: 0px;
	height:35px;
	position: relative;
	float: left;
	font: normal 11px Arial,sans-serif;
}

#footer a {
	background-color:inherit;
	color:#333; }

#footer a:hover,#credits a:hover {
	background-color:inherit;
	color:#fff;
	text-decoration:none; }	

/* Joomla */

.moduletable_menu
{	border: 0px solid black; }


.componentheading {
font: bold 18px Tahoma,sans-serif;
color: #444444;
}

.contentheading {
font: bold 18px Tahoma,sans-serif;
color: #444444;
}


/* Module */
.module { color:#2F3D46; }

.module_topmenu {background:url(../images/topmenu_back.png) repeat-x; height:25px;}
.module_topmenu a {text-decoration: none;}

.module_left {
	width: 180px;
	margin-top: 5px;
	margin-left: 0px;
	float: right;
   display: block;
	border-bottom: 1px dotted #CCCCCC;}	
/*.module_left ul { margin-top: 10px; }*/
.module_left li { margin-left: -40px; list-style: none;}
.module_left li li { margin-left: -25px; }

.module_right {
	width: 175px;
	float: left;
	display: block;
	border-bottom: 1px dotted #CCCCCC;}
.module_right li { margin-left: -35px; }
.module_right li li { margin-left: -25px; }





/* TEMPLATESPECIFIKA HÖGERKANT - BEHÖVS EJ I TemplateFW */
#sidebar_r {
	border-color: Red;
	position: relative; 
	float: right;
	clear: right;
	margin-right: 13px;
	padding-top: 0px;
	font-size: 11px;	
}	

#sidebar_r a {
  text-decoration: none;
}	

.latestnews_right {
  line-height: 14px;
}

.latestnews_right li {
  list-style: outside url(../images/symbol.gif);
  display: list-item;
  margin-left: -18px;
  padding-bottom: 5px;
/*  line-height: 12px;*/
}


/* SLUT TEMPLATESPECIFIKA */ 




.module h1,h2,h3 {
font-size: 12px;
font-weight: bold;
font-weight: 
text-decoration: underline;
color:#000000;
text-align:left;
border-bottom: #000 solid 0px;
margin-top: 10px;
margin-left: 2px;
margin-bottom: 0px; }

.moduletable_menu h3 {
font: bold 12px Tahoma,sans-serif;
color:#BA4D2C;
text-align:left;
border-bottom: #000 solid 1px;
}

/*.module_sidebar_bottom, .module_sidebar_top, .module_menu {
 	position: relative;
	background-color: transparent;
	margin-left: 0px;
	margin-right: 0px;
	width: 180px;
	border: solid black 0px;
}

.module_sidebar_top {
	background:url(../images/metal_head2.png) no-repeat;
   height: 33px;
	margin-bottom: 0px;
	margin-top: 10px;}
*/
	
	
/* MENYER */
.menu_menu {
	display: block;
	border: 0px solid black;
}	

.menu_menu a { 
	border-left: 3px solid #B03526 /*#EFF3FC*/;	
	padding: 3px;
	display: block;	
	text-decoration: none;
	margin-bottom: 4px;
}
.menu_menu ul, .menu_menu li {
	list-style:none;	
}	

.menu_menu li#current a { 
	background-color:White;
	border-left: 3px solid #B03526;
}
.menu_menu a:hover { 
	background-color: White;
	border-left: 3px solid #c0c4c7;
}
.menu_menu a:active { 
	background-color:White;
	border-left: 3px solid #B03526;
}


/* MODULER */
/*.module_menu {
	margin-left: 15px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 5px;	
	padding-bottom: 5px;
}

.module_menu ul, li {
	line-height: 12px; 
	list-style:none;
	display:block;
	clear:left;
	margin-left: 0px;
}*/

/*
.module_menu li#current a { 
	background-color:White;
	border-left: 3px solid #B03526;
}

.module_menu a { 
	border-left: 3px solid #EFF3FC;	
	padding:3px;
	display: block;	
	text-decoration: none;
}

.module_menu a:hover { 
	background-color: White;
	border-left: 3px solid #c0c4c7;
	cursor:hand;
}

.module_menu a:active { 
	background-color:White;
	border-left: 3px solid #B03526;
}

*/




		
/* small text */


.small {
font-size: .80em;
color: #999;
font-weight: normal;
text-align: left; }

.modifydate {
height: 20px;
vertical-align: bottom;
font-size: .80em;
color: #999;
font-weight: normal;
text-align: left; }

.createdate {
height: 20px;
vertical-align: top;
font-size: .80em;
color: #999;
font-weight: normal;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px; }

a.readon {
font-size: .80em;
margin-top: 10px;
display: block;
float: left;
padding-right: 20px;
line-height: 14px;
height: 16px; }

.pagenavbar {
font-size: .80em;
margin-top: 10px;
display: block;
float: left;
padding-right: 20px;
line-height: 14px;
height: 16px; }

a.pagenavbar {
font-size: .80em;
margin-top: 10px;
display: block;
float: left;
padding-right: 20px;
line-height: 14px;
height: 16px; }

.pagenavcounter {
font-size: .80em;
margin-top: 10px;
display: block;
float: left;
padding-right: 20px;
line-height: 14px;
height: 16px; }

.pagenav {
font-size: .80em; }

.pagecounter {
font-size: .80em; }

/* Table content styles */

table.contentpaneopen, table.contentpane, table.blog {
font-family: trebuchet ms,geneva;
font-size: 1.0em;
margin: 0;
padding: 0;
width: 100%;
border: 0px solid red; }

table.contentpaneopen li {
margin-bottom: 5px; }

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #ddd; }

/*
table.contentpaneopen h3 {
margin-top: 0px; }
*/

table.contentpaneopen h4 {
font-family: trebuchet ms,geneva;
color: #333; }


/* Inner content table elements */

td.sectiontableheader {
  background: #efefef;
  color: #333;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
 padding: 4px; }

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}