/****************************************************/
/***** css nätverkstan Ekonomitjänst version 0.1 ****/
/****************************************************/

/********** sid centerring **********/

body
{ 
    text-align: center;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    font-family: verdana, geneva, arial, sans-serif;
}

div.main
{
    text-align: left;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #cc0033;
}

/****************************************************
	Reset default - Need full control
****************************************************/
p
{
	margin: 0;
	padding: 0;
}

.timestamp
{
	color: #666666;
	font-style: italic;
	line-height: 1em;
}

span.h2 {font-size:1.5em;color:#ff6600;font-weight:bold;}
span.h3 {font-size:1.1em;font-weight:bold;}
span.h4 {font-size:1em;font-weight:bold;}
span.h5 {font-size:0.9em;font-weight:bold;}

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

a:hover { color: #ff6600; }


/********** Bilder **********/
img
{
	border: 0;
	margin: 0;
	padding: 0;
}

/********** Menu **********/

#menu_left ul
{
	list-style: none;
	padding: 0px;
	margin-left: 15px;
	margin-top: 10px;
	font-size: 0.65em;
	width: 150px;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #cc0033;
	padding-top: 10px;
}
#menu_left a
{
	text-decoration: none;
	color: #000000;
}
#menu_left a:hover
{
	color: #cc0033;
}
#menu_left ul li.sub a
{
	margin-left: 15px;
}

#menu_left ul div.sub2 a
{
	margin-left: 25px;
}

#menu_left a.selected
{
	border: #cc0033 solid;
	border-width: 0 0 1px 0;
}

#menu_left a.active
{
	color: #cc0033;
}
#menu_left ul li a
{
	display: block;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
}



/********** rubriker **********/

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

h1
{
	font-size: 1em;
	background-color: #ff6600;
	color: #ffffff;
	display: none;
}

h2 { 
	font-size: 1.5em;
	margin-bottom: 15px;
	color: #ff6600;
}

h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h5 { font-size: 0.9em;}
h6 { font-size: 0.8em;}


/********** content **********/
.content
{
    /* We must use em or IE won't allow manual resizing of font-size */
    font-size: 0.65em;  /* Ca. 11px */
    line-height: 1.4em;
    margin-top: 5px;
  	padding-top: 20px;
  	float: left;
  	width: 564px;
  	margin-bottom:10px;
}


/********** kolumner **********/

div.column_left_80
{
	float: left;
	width: 330px;
	margin-right: 25px;
	margin-bottom: 5px;
}

div.column_right_20
{
	float: right;
	width: 180px;
	margin-right: 0px;
	margin-bottom: 5px;
}

div.column_menu
{
    float: left;
    margin-right: 20px;
    margin-top: 0px;
    /*margin-top: -4px;
    width: 160px;
    margin-bottom: 5px;*/
}
div.column_content
{
	float: left;
	width: 535px;
	margin-right: 25px;
	margin-bottom: 5px;
}
div.column_img
{
    float: left;
    margin-right: 120px;
    margin-top: 20px;
}
div.column_left_float{float:left; width:50%;}
/********shopen***********/
div.checkout{width: 535px;}
div.checkout .actionbar
{
    width: 100%;
    background-color:#ff6600;
    border: solid black 1px;
    margin-bottom:5px;
}
div.checkout label{font-weight:bold;}
div.checkout .wide{width:100%;}
div.checkout p.description{font-size:0.8em;}
div.checkout table{border-spacing:5px;}
div.checkout th{font-weight:bold;}
div.checkout .under{text-decoration:underline;color:black;}
div.checkout .receipt{border:dotted black 1px;padding:1em;}
div.checkout div.section {border:solid 1px black;padding:5px;}
div.checkout div.center {text-align:center;}

div.shop_top{margin-right:70px;float:left;}
/***********images****************/
div.centering
{
    display: inline-table;
    float: left;
}

div.article_image,div.article_image_left,div.article_image_right,div.article_image_center
{
	display: block;
	float:none;
}
div.article_image_left{float:left;margin-right:10px;}
div.article_image_right{float:right;margin-left:10px;}
div.article_image_center{float:left;}
p.image_text{font-style:italic;}

/****************************************************
	The Hax
	Wish it could be done some other way :(
****************************************************/
/********* To make divs that contain floats wrap around the floats *********/
.floatcontainer:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

.floatcontainer { display: inline-table; }  /* Fix for IE Mac */

/* Hides from IE Mac \*/
* html .floatcontainer { height: 1%; }
.floatcontainer { display:block; }
/* End Hack */
/********** fot  **********/
div#copyright
{
    font-size: 0.6em;
    color: #666666;
    margin-top: 5px;
}
div#copyright .left{float: left;margin-left:40%;}
div#copyright .right{float: left; margin-left:50px;}
.fat
{
	color: #000000;
	font-weight: bold;
	text-align: right;
	vertical-align: center;
}
div.step
{
	float:left;
	width: 25%;
	text-align:center;
}

div.reports{margin-bottom:15px;}
div.reports div.item{margin-bottom:5px;}
div.reports h3{margin-bottom:2px;}

/********* news_blogid *********/

div.news { margin-bottom: 15px; } /*?*/

div.news div.item { margin-bottom: 1.2em; }

div.news div.item h3 { margin-bottom: 0.1em; }

div.news div.item h3 a { color: #5555AA; }
div.news div.item h3 a:hover { color: #7777AA; } 

div.news div.item p.timestamp
{
	color: #666666;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1em;
}
div.news p.timestamp
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div.news div.item p.description 
{ 
	text-align: left; 
	font-weight: normal;
}

/*
div.news div.item div.actionbar {}
{
	width: 220px;
	margin-bottom: 1.5em;
}
div.news div.item div.actionbar div.left
{
	float: left;
	width: 49%;
}

div.news div.item div.actionbar div.right
{
	float: right;
	text-align: right;
	width: 49%;
}
*/



/**** pagination ***/
div.pagination {float: left;}
div.page {float: left;}

/**** table ***/

table,tr,td
{
	margin: 0;
	padding: 0;
	border: 0;
}

table.gustav th
{
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	text-align: left;
	color: #ffffff;
	background-color: #ff6600;
}
table.gustav td
{
	border-style: solid;
	border-width: 1px;
	border-color: #ff6600;
}

/****** SHOP ******/
table.shop
{
	background-color:black;
	border-spacing: 1px;
}
table.shop th 
{
	background-image:url(/images/design/shop_list.jpg);
	color:black;
	padding:0.2em;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
}
table.shop td 
{
	background-color:#FFF4ED;
	color:black;
	padding:0.2em;
	font-weight: normal;
	font-size: 1em;
	text-align: left;
}

table.shop_list
{
	width: 100%;
	background-color:#ff6600;
	/*border: solid 1px #000000;*/
}
table.shop_list th 
{
	background-color:transparent;
	color:black;
	padding:0.2em;
	font-weight: normal;
	font-size: 1em;
	text-align: left;
}
table.shop_list th.right {text-align: right;}
table.shop_list a
{
	color: #ffffff;
	font-weight: bold;
}
table.cart {background-color: transparent;}
table.cart th {font-weight: normal; text-decoration: underline;}
table.cart td {padding:0.2em;}
/****************************************************
	 Admin Tables
****************************************************/
table.list {background-color: black;}table.list td {background-color:#FFF4ED;color:black;padding:0.2em;}
table.list th {background-color:#cc0033;color:black;padding:0.2em;font-weight: bold;}

table.list_float {background-color: black; width:50%; float:left;}table.list_float td {background-color:#FFF4ED;color:black;padding:0.2em;}
table.list_float th {background-color:#cc0033;color:black;padding:0.2em;font-weight: bold;}

table.shop th.fill {background-image: none; background-color: #ffffff; border-spacing:0px; font-weight:normal;}

ul.row
{
    list-style: none;
}


/**** form ***/
div.mail_form
{
	margin-top: 5px;
	margin-bottom: 5px;
}
div.mail_form .item{margin-top:10px;}


div.form 
{
	margin-bottom: 5px;
	width:100%;
}

div.form .column_left
{
	float: left;
	width: 330px;
	margin-right: 25px;
}

div.form .column_right
{
	float: left;
	width: 180px;
	margin-right: 0px;
}

div.form .column_left_half
{
	float: left;
	width: 250px;
	margin-right: 10px;
	margin-bottom: 5px;
}

div.form .column_left_half p.right {text-align: right;}

div.form .column_right_half
{
	float: left;
	width: 250px;
	margin-right: 0px;
	margin-bottom: 5px;
}

div.form .item {margin-top: 10px; float: none;}

div.form .error
{
	float: none;
	margin-top: 10px;
	width: 250px;
	border: dotted 2px #ff0000;
	padding: 1em;
	color: #ff0000;
	font-weight:bold;
}

div.form .error h3 {margin-bottom:15px;font-weight: bold; font-size:1.5em; text-align: center;}

div.form .item_float {float: left; margin-top: 10px; margin-right:5px;}
div.form p.description {color:#666666;font-size:0.5em;font-style:italic;width:100%;}
div.form .wide{width:100%;}
.form_item_error
{
	display: block;
	color: #ff0000;
	background-color: transparent;
}

div.presentation_right{border-left:solid 1px #ff6600;}
div.presentation_right h3 {margin-left:10px;}
div.presentation_right ul
{
    list-style: none;
	padding: 0px;
	margin-left:10px;
}

div.presentation_right ul li
{
    margin-top: 5px;
}