.clearer{
	clear: both;
	height:1px;
}
.clearer-break{
	clear: both;
	padding:10px 0;
}
body{
	background:url(../images/main-bg-repeat.jpg) center repeat-y;
	margin:0px;
	padding: 0px;
}
body.nobg
{
	background:none;
	margin:0px;
	padding: 0px;
}

div{
	font:13px/18px "Georgia", Times new roman;
	color: #717980;
}

/* Blue headers */
H1, H2, H3, H4, H5, H6, H7 {
	font-family: 'Georgia', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #6884b0;
	}
H1 {
	margin: 0 0 7px 0;
	font-size: 30px;
	line-height: 38px;
}
H2 {
	margin: 0 0 7px 0;
	font-size: 26px;
	line-height: 32px;
}
H3 {
	margin: 0 0 7px 0;
	font-size: 22px;
	line-height: 24px;
}
H4 {
	margin: 0 0 7px 0;
	font-size: 18px;
	line-height: 20px;
}
H5, H6 {
	margin: 0 0 7px 0;
	font-size: 14px;
	line-height: 16px;
}
H7 {
	margin: 0 0 7px 0;
	font-size: 12px;
	line-height: 16px;
}

/* Green headers */
H1.green, H2.green, H3.green, H4.green, H5.green, H6.green {
	font-family: 'Georgia', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #7e9f39;
	}
H1.green {
	margin: 0 0 7px 0;
	font-size: 30px;
	line-height: 32px;
}
H2.green {
	margin: 0 0 7px 0;
	font-size: 26px;
	line-height: 28px;
}
H3.green {
	margin: 0 0 7px 0;
	font-size: 22px;
	line-height: 24px;
}
H4.green {
	margin: 0 0 7px 0;
	font-size: 18px;
	line-height: 20px;
}
H5.green, H6.green {
	margin: 0 0 7px 0;
	font-size: 14px;
	line-height: 16px;
}

/*Tillägg SP - CNet*/
h1.PageHeadline 
{
	font-family: 'Georgia', Arial, Helvetica, sans-serif;
	font-weight: 500;
	color: #96a8b2;
	font-size:36px;
}
h4.SubHeader
{
	font-family: 'Georgia', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #717980;
	}

/*Slut tillägg SP - CNet*/

A:link, A:visited, A:active {
	color: #4c6e72;
	text-decoration: underline;
}
A:hover {
	color: #6ba2a9;
	text-decoration: underline;
}
FORM {
	margin-bottom: 0px;
}
HR {
	background-color: #e0e6ea;
	color: #e0e6ea;
	height: 1px;
	border: 0;
	margin:10px 0;
}
IMG {
	border: 0px;
	text-decoration: none;
}
.top-area{
	width: 100%;
	height: 134px;
	text-align:center;
}

.main-area{
	background:url(../images/main-bg_new.jpg) top center no-repeat;
	width: 100%;
	/* min-height hack: */
	height: auto !important;
	height: 790px; /* IE5.x and IE6 */
	min-height: 790px;
}

.main-area-small{
	background:url(../images/tavling-bg.gif) top left no-repeat;
	width: 100%;
	/* min-height hack: */
	height: auto !important;
	height: 790px; /* IE5.x and IE6 */
	min-height: 790px;
	zxctext-align:center;
	position:absolute;
	left:6px;
	top:6px;
}

#wrapper {
	margin: 0 auto;
  width: 896px; /*956px*/
	padding:30px;
}

#wrapper_small {
	margin: 0 auto;
  width: 500px; /*956px*/
	padding:30px;
}

#content{
    width: 100%;
}
	#content .left{
		float: left;
		width: 640px;
		vertical-align:top;
	}
	#content .divider{
		float: left;
		width: 26px;
		height: 1px;
	}
	#content .right{
		float: left;
		width: 230px;
		vertical-align:top;
	}
	
.content-area-left{
	float: left;
	width: 299px;
	border-right:1px solid #d5dde2;
	padding-right:20px;
	xxxxxxheight: 350px;
	min-height: 350px;
}

/*Måste kolla om denna verkligen behövs */
.content-area-left .icon{
	float: right;
}


.content-area-right{
	float: left;
	width: 299px;
	padding-left:20px;
}

/*Måste kolla om denna verkligen behövs */
.content-area-right .center-image{
	display: block;
    margin-left: auto;
    margin-right: auto 
}

/* Footer */
.footer{
	background:url(../images/footer-bg.jpg) center repeat-x;
	position: relative;
	bottom:0;
	width:100%;
	height: 294px;
}
	.footer .bottom-navigation{
		margin: 0 auto;
		width: 896px;
		position:relative;
		bottom:-230px;
		text-align:right;
		font:12px/15px "Arial", Verdana, Trebuchet;
		font-weight: bold;
}

#bottom-navigation-menu li{
	display: inline;
	list-style-type: none;
	padding: 0 10px;
	border-left: 1px solid #fff;
}
	#bottom-navigation-menu li a{
		color: #fff;
	}
	#bottom-navigation-menu #first{
		border: none;
	}

/* Sub navigation */

#subnavigation-list {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
	border-bottom:1px solid #e2e7eb;
	margin-bottom: 10px;
  }
#subnavigation-list ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
	position:relative;
	left:-7px;
  }
#subnavigation-list li {
  float:left;
  background: url("../images/menu-left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#subnavigation-list a {
  float:left;
  display:block;
  background: url("../images/menu-right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  color:#6b8ab0;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#subnavigation-list a {float:none;}
/* End IE5-Mac hack */
#subnavigation-list a:hover {
  color:#3f628c;
  }
#subnavigation-list #current {
  background-image:url("left_on.gif");
  }
#subnavigation-list #current a {
  background-image:url("right_on.gif");
  color:#333;
  padding-bottom:5px;
  }

#sub-navigation{
		width: 640px;
		/*border-bottom:1px solid #d2d7dc;*/
		margin:15px 0;
}

.gradient-box{
	background:url(../images/box-gradient-bg.jpg) top no-repeat;
	width: 640px;
	/* min-height hack: */
	height: auto !important;
	height: 160px; /* IE5.x and IE6 */
	min-height: 160px;
}
	.gradient-box .inner{
		padding:30px;
	}
	.gradient-box .inner .icon{
		float: left;
		margin-right: 30px;
	}
	.gradient-box .inner .text{
		float: left;
		width:440px;
	}
	.gradient-box .inner .button{
		float: right;
	}
	
.gradient-box-bottom{
	background:url(../images/box-gradient-bottom.jpg);
	width: 640px;
	height: 19px;
}
	.gradient-box .inner .left-box{
		width: 160px;
		float: left;
		font-size:12px;
	}
		.gradient-box .inner .left-box .center-image, .gradient-box .inner .middle-box .center-image, .gradient-box .inner .right-box .center-image{
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		.gradient-box .inner .left-box h1, .gradient-box .inner .left-box h2, .gradient-box .inner .left-box h3, .gradient-box .inner .left-box h4, .gradient-box .inner .left-box h5{
			color: #df358d;
		}
	.gradient-box .inner .middle-box{
		width: 160px;
		float: left;
		font-size:12px;
	}
		.gradient-box .inner .middle-box h1, .gradient-box .inner .middle-box h2, .gradient-box .inner .middle-box h3, .gradient-box .inner .middle-box h4, .gradient-box .inner .middle-box h5{
			color: #f1751f;
		}	
	.gradient-box .inner .right-box{
		width: 160px;
		float: left;
		font-size:12px;
	}
	.gradient-box .inner .box-divider{
		width:45px;
		float: left;
	}

/* Blue box */
.box-blue{
	background:url(../images/box-blue-bg.jpg) top no-repeat;
	width: 225px;
	/* min-height hack: */
	height: auto !important;
	height: 206px; /* IE5.x and IE6 */
	min-height: 206px;
}
	.box-blue .inner{
		padding: 20px;
		text-align:right;
	}
	.box-blue .inner .icon-left{
		margin-right: 0px;
	}
	.box-blue .inner span{
		font-size:10px;
	}
	.box-blue .inner .byline{
		font-size:10px;
	}
.box-blue-bottom{
	background: url(../images/box-blue-bottom.jpg) top no-repeat;
	width: 225px;
	height: 23px;
}

/* Orange box */
.box-orange{
	background:url(../images/box-orange-bg.jpg) top no-repeat;
	width: 225px;
	/* min-height hack: */
	height: auto !important;
	height: 150px; /* IE5.x and IE6 */
	min-height: 150px;
}
	.box-orange .inner{
		padding: 20px;
		font-size:11px;
		color: #6a6a6a;
	}
	.box-orange .inner .icon-left{
		margin-right: 0px;
	}
	.box-orange .inner span{
		font-size:10px;
	}
	.box-orange .inner .byline{
		font-size:10px;
	}
	/*fix cnet/stefanp*/
	
	.box-orange .inner .divfix{
		margin: 0 0 0 0;
		padding-bottom: 4px;
		font-size: 22px;
		line-height: 24px;
		color: #4b4b4b;
	}
	/*slut fix cnet/stefanp*/
	.box-orange h1, .box-orange h2, .box-orange h3, .box-orange h4, .box-orange h5, .box-orange h6{
		color: #4b4b4b;
	}
.box-orange-bottom{
	background: url(../images/box-orange-bottom.jpg) top no-repeat;
	width: 225px;
	height: 23px;
}

.icon-outside1{
	position:absolute;
}
.icon-outside2{
	position: relative;
	top: -20px;
	right:-140px;
}

/* green box */
.box-green{
	background:url(../images/box-green-bg.jpg) top no-repeat;
	width: 225px;
	/* min-height hack: */
	height: auto !important;
	height: 90px; /* IE5.x and IE6 */
	min-height: 90px;
}
	.box-green .inner{
		padding: 20px 20px 0 20px;
		font-size:11px;
		color: #6a6a6a;
	}
	.box-green .inner .icon-left{
		margin: 0px;
	}
	.box-green .inner span{
		font-size:10px;
	}
	.box-green .inner .byline{
		font-size:10px;
	}	
	.box-green h1, .box-green h2, .box-green h3, .box-green h4, .box-green h5, .box-green h6{
		color: #58741e;
	}
.box-green-bottom{
	background: url(../images/box-green-bottom.jpg) top no-repeat;
	width: 225px;
	height: 23px;
}

.icon-left{
	float: left;
	margin-right:10px;
}
.icon-right{
	float: right;
	margin-left:10px;
}

/* Search */
.search-area .search{
	background:url(../images/search-input-bg.jpg) no-repeat;
	width: 160px;
	height: 28px;
	color: #aebdc6;
	border: none;
	padding: 6px 20px 0px 10px;
	float: left;
}
.search-button{
	width: 36px;
	height:30px;
	float: left;
}

.quote{
	margin:20px 0;
	font:16px/22px "Georgia", Times new roman;
	color: #6886b0;
	font-style:italic;
}

/* BlogComment */
.search-area .search{
	background:url(../images/search-input-bg.jpg) no-repeat;
	width: 160px;
	height: 28px;
	color: #aebdc6;
	border: none;
	padding: 6px 20px 0px 10px;
	float: left;
}

.blogComment-area .blogComment{
	xbackground:url(../images/search-input-bg.jpg) ;
	width: 430px;
	height: 80px;
	color: #aebdc6;
	border: solid 1px silver;
	padding: 6px 20px 0px 10px;
	float: left;
}

.blogComment-area .blogName{
	background:url(../images/search-input-bg.jpg) no-repeat;
	width: 160px;
	height: 28px;
	color: #aebdc6;
	border: none;
	padding: 6px 20px 0px 10px;
	float: left;
}

.blog-comment-div{
	margin:10px 0px 0px 0px;
	background-color:white;
	border : solid 1px lightblue;
	padding:3px;
}
.blog-comment-item{
	margin-bottom: 0px;
	padding-bottom:0px;
}


.sendComment-button{
	width: 100px;
	height:24px;
	float: left;
	background-color:Olive;
	color:White;
}

/* Link buttons */
.link-button{
	font-size: 11px;
	height: 19px;
	float: left;
	padding: 0 6px 0 10px;
	margin-top: 5px;
}
.link-button-right{
	margin-top: 5px;
	width: 4px;
	float: left;
	height: 19px;
}

/* Yellow */
.yellow-bg{
	background:url(../images/button-yellow-bg.gif) left no-repeat;
}
	.yellow-bg a:link, .yellow-bg a:visited, .yellow-bg a:active{
		color: #434343;
		text-decoration:none;
	}
	.yellow-bg a:hover{
		text-decoration:underline;
	}
.yellow-right{
	background:url(../images/button-yellow-right.gif);
}

/* green */
.green-bg{
	background:url(../images/button-green-bg.gif) left no-repeat;
}
	.green-bg a:link, .green-bg a:visited, .green-bg a:active{
		color: #ecf4e0;
		text-decoration:none;
	}
	.green-bg a:hover{
		text-decoration:underline;
	}
.green-right{
	background:url(../images/button-green-right.gif);
}

/* blue */
.blue-bg{
	background:url(../images/button-blue-bg.gif) left no-repeat;
}
	.blue-bg a:link, .blue-bg a:visited, .blue-bg a:active{
		color: #e0f5fb;
		text-decoration:none;
	}
	.blue-bg a:hover{
		text-decoration:underline;
	}
.blue-right{
	background:url(../images/button-blue-right.gif);
}

/* white */
.white-bg{
	background:url(../images/button-white-bg.gif) left no-repeat;
}
	.white-bg a:link, .white-bg a:visited, .white-bg a:active{
		color: #717980;
		text-decoration:none;
	}
	.white-bg a:hover{
		text-decoration:underline;
	}
.white-right{
	background:url(../images/button-white-right.gif);
}

/* Blog */
.blog-area{
	width: 640px;
	background:url(../images/blog-divider.gif) repeat-y;
	background-position: 160px 10px;
	display:table;
}
.blog-left{
	width: 150px;
	float: left;
	padding-right:30px;
}
.blog-header-blue{
	background:url(../images/blog-header-bg-blue.gif) top left no-repeat;
	color: #323232;
	height: 30px;
	padding: 6px 0 0 10px;
}
.blog-header-brown{
	background:url(../images/blog-header-bg-brown.gif) top left no-repeat;
	color: #323232;
	height: 30px;
	padding: 6px 0 0 10px;
}
.blog-header-green{
	background:url(../images/blog-header-bg-green.gif) top left no-repeat;
	color: #323232;
	height: 30px;
	padding: 6px 0 0 10px;
}

.blog-header-green-high{
	background:url(../images/blog-header-bg-green_high.GIF) top left no-repeat;
	color: #323232;
	height: 88px;
	width: 128px;
	padding: 6px 0 0 10px;
}

.blog-header-green-higher{
	background:url(../images/blog-header-bg-green_higher.GIF) top left no-repeat;
	color: #323232;
	height: 88px;
	width: 128px;
	padding: 6px 0 0 10px;
}

.blog-header-green-higher a{	
	text-decoration:none; 
}
.blog-header-green-higher a:hover{	
	text-decoration:underline;
}

.blog-link-item{
	padding-bottom: 10px;
	font-size: 11px;
}
	.blog-link-item a:link, .blog-link-item a:visited, .blog-link-item a:active{
		color: #717980;
	}
	.blog-link-item a:hover{
		color: #3a434c;
	}
.blog-drop-down{
	width: 135px;
	font-size:11px;
	color: #717980;
	margin-bottom:5px;
}
.blog-search-input{
	width: 130px;
	height: 17px;
	font-size:11px;
	color: #717980;
	background:#fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #ccc;
}
.blog-right{
	width: 460px;
	float: left;
}
.blog-item{
	margin-bottom: 20px;
	padding-bottom:20px;
	background:url(../images/blog-item-divider.gif) bottom repeat-x;
}
.blog-date{
	color: #d68356;
	font-size: 12px;
}
.blog-preamble
{
	font-weight:600;
}

.blog-item h3{
	color: #545454;
}
.blog-text{
	font-size:12px;
	color: #818990;
	line-height: 20px;
	margin-bottom:5px;
}
.blog-posted{
	color: #c0c0c0;
}
a.blog-comment-link:link, a.blog-comment-link:active, a.blog-comment-link:visited{
	color: #d68356;
	font-size: 12px;
	text-decoration:none;
}
a.blog-comment-link:hover{
	color: #ff6512;
	font-size: 12px;
	text-decoration:none;
}

.paperlogobg
{
	background:url(../images/logo_bg.gif)  no-repeat;
}