body{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background: url('../img/body_bg.png') repeat-x;
	background-color: #3a3636;
	overflow-y: scroll;
}

img{
	border: none;
}

form{
	padding: 0px;
	margin: 0px;
}

h1,
h2,
h3{
	color: #5f88bf;
	font-weight: bold;
}

h1{
	font-size: 22px;
	margin: 0px 0px 10px 0px;
}

h2{
	font-size: 18px;
	margin: 0px 0px 10px 0px;
}

h3{
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}

#wrap{
	width: 886px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	background: url('../img/wrap_bg.png') no-repeat;
}

#header{
	width: 870px;
	height: 104px;
	margin: 0px 8px 0px 8px;
	position: relative;
}

#tabs{
	width: 878px;
	padding: 0px 0px 0px 8px;
	height: 36px;
	background: url('../img/tabs_bg.gif') no-repeat;
}

#feature{
	width: 100%;
	height: 219px;/*Cirka*/
	margin: 0px 0px 30px 0px;
}

#errorMessage,
#infoMessage{
	width: 570px;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	color: #444444;
}

#errorMessage{
	border: 1px solid #990000;
	background: #f5e5e5;
}

#infoMessage{
	border: 1px solid #ACD373;
	background: #FAFFF3;
}

#container{
	width: inherit;
	overflow: auto;
	background: url('../img/container_bg_left.png') repeat-y;
}

.left{
	background: url('../img/container_bg_left.png') right repeat-y;	
	width: 9px;
}

.right{
	background: url('../img/container_bg_right.png') right repeat-y;	
	width: 9px;
}

.sidebar{
	width: 239px;
	padding: 10px 0px 0px 13px;
	background: #fff;
	vertical-align: top;
}

.content{
	width: 569px;
	margin: 0px 0px 0px 22px;
	padding: 13px 20px 20px 0px;
	background: #fff;
	vertical-align: top;
}

.content p{
	margin: 0px 0px 15px 0px;
}

#footer{
	background: url('../img/footer_bg.png') no-repeat;
	padding: 24px 0px 0px 150px;
	color: #848484;
	height: 41px;
	font-size: 11px;
}

#footer a{
	color: #b7b7b7;
}

#footer p{
	padding: 0px;
	margin: 0px;
}

#footer .footerright{
	text-align: right;
	float: right;
	width: 400px;
	padding: 0px 20px 0px 0px;
}

/* Header regler */
#header #login{
	width: 503px;
	height: 43px;
	background: url('../img/login_bg.gif') no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
}

#login #responseLogo{
	float: left;
	padding: 7px 0px 0px 12px;
}

#login .text{
	border: solid 0 #fff;
	background: url('../img/login_input_bg.png') no-repeat;
	width: 134px;
	height: 20px;
	padding: 5px 5px 0px 5px;
	margin: 8px 0px 0px 10px;
	float: left;
}

#login .button{
	width: 65px;
	height: 25px;
	margin: 8px 0px 0px 5px;
	float: left;
}

#header img#logo{
	position: absolute;
	left: 0px;
	top: 23px;
}
/* -------------- */


/* Tabs Regler */
#tabs a{
	display: block;
	padding: 9px 10px 9px 10px;
	height: 17px;
	color: #173a68;
	float: left;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	background: url('../img/tabs_a_hover.gif') 0px 36px no-repeat;
}

#tabs a:hover{
	background-position: -10px 0px;
}

#tabs a.first:hover{
	background-position: 0px 0px;
}

#tabs a.active{
	background-position: -10px 0px;
}
/* -------------- */


/* Tabs Regler */


/* Sidebar Regler */
.sidebar .itemGroup{
	background: url('../img/menu_bg.gif') repeat-y;
}

.itemGroup div{
	background: url('../img/menu_bg2.gif') no-repeat;
}

.bottom{
	vertical-align: bottom;
}

.itemGroup ul,
.itemGroup ol{
	padding: 0px;
	margin: 0px;
	list-style-position: outside;
	list-style-type: none;
	background: transparent;
}

.itemGroup li{
	margin: 0px 0px -1px 23px;
	background: url('../img/menu_li_bg.gif') no-repeat;
	width: 176px;
	height: 20px;
	padding: 8px 10px 4px 10px;
}

.itemGroup img{
	margin: 8px 0px 0px 0px;
}

.itemGroup h3{
	padding: 10px 0px 0px 23px;
	margin: 0px 0px 16px 0px;
	color: #615959;
}

.itemGroup a{
	color: #474545;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.itemGroup a:hover{
	color: #000;
}

.newsItem{
	background: url('../img/news_hr.gif') top no-repeat !important;
	width: 176px;
	margin: 0px 0px 0px 23px;
	font-size: 10px;
	color: #656464;
	padding: 8px 0px 8px 0px;
}

.newsItem .date{
	font-weight: bold;
	color: #7488a4;
}

.newsItem a{
	color: #7488a4;
	text-decoration: none;
}

.newsItem a:hover{
	text-decoration: underline;
}
/* -------------- */


/* Content regler */
.content td.leftCol,
.content td.rightCol{
	background: url('../img/2_column_bg.gif') no-repeat;
	width: 242px;
	padding: 15px 20px 0px 20px;
	vertical-align: top;
	position: relative;
	height: 294px;
	overflow: hidden;
}

.content td.leftCol{
	border-right: solid #fff 15px;
}

/* -------------- */


/* Footer regler */
#footer{
	background: url('../img/footer_bg.gif') middle no-repeat;
}

/* -------------- */
.up {
	margin: 0px 0px 9px 0px;
}

.cmsContent{
	width: 569px;
	height: 600px;
}
.inputNarrow { width: 100px; }
.inputStandard { width: 180px; }
.inputWide { width: 240px; }

.textareaNarrow { width: 180px; height: 60px }
.textareaStandard { width: 180px; height: 60px }
.textareaWide { width: 300px; height: 100px }

.errorstar {text-decoration: none;color: red}

.infoText {
  background: #99DD99;
  border: #555 solid 1px;
}

.errorText {
  background: #FFAAAA;
  border: #555 solid 1px;
}

.hidden{
	display: none;
}



/* Table styling */
table.tableList{
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-spacing: 1px;
	width: 728px;
}

table.tableList tr.odd{
	background: #fff;
}

table.tableList tr.even{
	background: #e5e6ce;
}

table.tableList tr.odd:hover, table.tableList tr.even:hover{
	background: #f1f2e6;
}

table.tableList tr th{
	background-color: #bea461;
	text-align: left;
	color: #fff;
	height: 31px;
	text-indent: 8px;
}

table.tableList tr td{
	padding: 4px 6px 4px 6px;
}

table.tableList tr td.right,
table.tableList tr th.right{
	text-align: right;
}

table tr th a{
	color: #fff;
	text-decoration: none;
}

table tr th a:hover{
	background: none;
}

table tr th img{
	padding: 0px 0px 0px 5px;
}

table tr td.center,
table tr th.center,
table.tableList tr td.center,
table.tableList tr th.center{
	text-align: center;
}

table td.top
{
	vertical-align: top;
}

table.tableVertical th{
	text-align: left;
}
/* Table styling */


/* CSS forms */
fieldset{
	display: block;
	border: 1px solid #b8b8b8;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 0px 10px;
}

legend{
	font-weight: bold;
	padding: 0px 10px 0px 10px;
}

label{
	display: block;
	float: left;
	padding: 0px 10px 0px 0px;
	text-align: right;
}

form div{
	clear: both;
	margin-bottom: 15px;
	overflow: visible;
}

/* Här börjar dom speficika reglerna */

.formSignin{
	width: 300px;
}
.formSignin label{
	width: 120px;
}
.formSignin .single{
	padding-left: 130px;
}

.formSearch{
	width: 340px;
}
.formSearch label{
	width: 70px;
}
.formSearch .single{
	padding-left: 80px;
}

.formRegister{
	width: 440px;
}
.formRegister label{
	width: 140px;
}
.formRegister .single{
	padding-left: 150px;
}

.formContact{
	width: 540px;
}
.formContact label{
	width: 100px;
}
.formContact .single{
	padding-left: 110px;
}

.formCMS{
	width: 569px;
}
.formCMS label{
	width: 120px;
}
.formCMS .single{
	padding-left: 130px;
}
/* CSS forms */