/* STANDARD TAGS */
body {
	font-family: Arial;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0px;
	background-color: FFFFFF;
	margin:0;
	width:1068px;
	padding: 0px;
	background-image: url(interface/bg_xrepeat.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
div {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}

a img {
	-moz-outline-style: none;
	border-style: none;
}

a:link {	color: #AA273D; text-decoration: none; outline: none;}
a:visited {	color: #E07C8D; text-decoration: none; outline: none;}
a:hover {	color: #E07C8D;	text-decoration: none;	outline: none;}

p {
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


/* Layout block */

#mainframe {
	height: 600px;
	width: 1068px;
	position: absolute;
}

#head {
	height: 88px;
	width: 1068px;
	background-image: url(interface/header.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	float: left;
}
/* Redigerad av STFN */
#mainwindow {
	height: 440px;
	width: 1068px;
	float: left;
	padding-top: 33px;
	background-repeat: no-repeat;
	background-color: #FFF;
}
#mainwindow.about {
	background-image: url(interface/image_about.jpg);
	background-position: -5px bottom;
}
#mainwindow.news {
	background-image: url(interface/image_news.jpg);
	background-position: 810px bottom;
}
#mainwindow.comp {
	background-image: url(interface/image_competencies.jpg);
	background-position: right bottom;
}
#mainwindow.home {
	background-image: url(interface/image_home.jpg);
	background-position: left bottom;
}
#mainwindow.contact {
	background-image: url(interface/image_contact.jpg);
	background-position: left 250px;
}

#footer {
	font-family: Arial;
	font-size: 9px;
	color: #CC9999;
	height: 18px;
	width: 1068px;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-weight: bold;
	border: solid 0px #f00;
}

/* MAIN MENU */
#menumain {
	margin: 0px;
	padding: 0px;
	height: 39px;
	width: 1068px;
	background-image: url(interface/menugradient.gif);
	background-color: #FFF;
	background-repeat: repeat-x;
	float: left;
}
.menuspacer {
	height: 39px;
	width: 22px;
	float: left;
}
.menuitem {
	height: 25px;
	float: left;
	margin-right: 23px;
	margin-left: 23px;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	letter-spacing: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.menuitem a:link {
	color: #C7B299;
	text-decoration: none;
	outline: none;
	margin: 0px;
	padding: 0px;
}
.menuitem a:visited {	color: #C7B299; text-decoration: none; outline: none;}
.menuitem a:hover {	color: #ffffff; text-decoration: none; outline: none;}

.menuitem a#active {	color: #ffffff; text-decoration: none; outline: none;}

/*MAINWINDOW COLLUMNS*/

/* Ändrad av STFN */
#coll1submenu {
	height: 440px;
	width: 250px;
	float: left;
	margin: 0px 45px 0 22px;
	overflow: auto;
	text-align: right;
}

#coll1news {
	height: 440px;
	width: 170px;
	float: left;
	margin-right: 45px;
	margin-left: 102px;
	overflow: visible;
	top: 150px;
}
#coll1clients {
	height: 440px;
	width: 170px;
	float: left;
	margin-right: 52px;
	margin-left: 95px;
	overflow: visible;
	top: 150px;
}

/* Redigerad av STFN*/
#coll1who {
	height: 440px;
	width: 227px;
	float: left;
	text-align: left;
	margin-right: 46px;
	margin-left: 44px;
	overflow: visible;
	top: 150px;
}

#coll2info {
	height: 440px;
	width: 330px;
	float: left;
	margin-right: 42px;
}
#coll2who {
	height: 440px;
	width: 330px;
	float: left;
	margin-right: 42px;
}
#coll2about {
	height: 440px;
	width: 330px;
	float: left;
	margin-right: 22px;
}
#coll3extra {
	height: 440px;
	width: 379px;
	float: left;
}
#coll3staff {
	height: 440px;
	float: left;
}

.titel{
	font-size: 25px;
	color: #A40000;
	height: 33px;
	float: left;
	letter-spacing: 2px;
	margin-bottom: 5px;
	width: 100%;
	padding: 0px;
}
.logintext{
	color: #A40000;
	height: 27px;
	float: left;
	margin-bottom: 20px;
	width: 100%;
	padding: 0px;
}
.contacttext{
	color: #A40000;
	height: 52px;
	float: left;
	margin-bottom: 20px;
	width: 100%;
	padding: 0px;
}
.titelclients{
	font-size: 25px;
	color: #A40000;
	text-indent: 30px;
	height: 33px;
	float: left;
	text-align: left;
	letter-spacing: 2px;
	margin-bottom: 5px;
	width: 100%;
}
.titelvalues {
	font-size: 25px;
	color: #A40000;
	height: 33px;
	float: left;
	letter-spacing: 2px;
	margin-bottom: 5px;
	width: 100%;
	padding-left: 20px;
}
.titelspacer{
	height: 33px;
	width: 100%;
	float: left;
	clear: both;
	padding: 0px;
	margin-bottom: 5px;
}

						/* TEXTBLOCKS */
.textblock{
	float: left;
	width: 100%;
}
.textblockr{
	float: right;
	text-align: right;
}

/* Tillägg av STFN */
.textblock_comp {
	float: left;
	width: 348px;
	height: 360px;
	overflow: auto;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 0;
	padding-left: 0;
}

.textblock_comp a.rubrik {
	display: block;
	height: 4px;
	margin: 0 0 0 0;
	border: 0px solid;
}

.textblock .tab{
	text-indent: 10px;
}
.textblock_comp b{
	color: #C1272D;
}
.textblock .subscription{
	width: 125px;
	margin: 0px;
}
.textblock .valuestext {
	width: 300px;
	padding-left: 20px;
}

.contactbox {
	margin-top: 45px;
	clear: both;
	float: left;
	width: 310px;
}

.messagebox {
	margin-top: 45px;
	clear: both;
	float: left;
	width: 200px;
}

.clogin {
	padding-top: 120px;
}

input.oneline {
	background-color: #FFFFFF;
	padding: 5px;
	border-style: none;
	margin-bottom: 10px;
	background-image: url(interface/cloginfield.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 300px;
}

textarea.multiline {
	background-color: #FFFFFF;
	border-style: none;
	margin-bottom: 10px;
	background-image: url(interface/messagefield200.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
	width: 190px;
	overflow:auto;
	padding: 5px;
	margin-top: 1px;
}

/*IMAGE LINKS*/

/* tillägg av STFN*/
.sendlink input{
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.sendlink a img{
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.newslink a img{
	float: right;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.textlink{
position: absolute;
	left: 530px;
	top: 470px;
}
.caseslink a img{
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 20px;
}



.clientlogo {
	float: left;
	width: 210px;
	text-align: center;
}

.newsitem {
	font-family: Arial;
	font-size: 9px;
	letter-spacing: 1px;
	width: 170px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	float: left;
}
.newsitem a {
	color: #000000;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: none;
}
li {
	margin: 0px;
	padding-left:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
li.news {
	background-image:url(interface/newsdart_black.gif);
	background-repeat:no-repeat;
	background-position: 1px -1px;
	padding-left:20px;
}

/* Tillägg av Stefan :D */
li.news_active {
	background-image:url(interface/newsdart_red.gif);
	background-repeat:no-repeat;
	background-position: 1px -1px;
	padding-left:20px;
}

li.date {
	color: #C1272D;
	padding-left:20px;
}

li.title {
	color: #000;
	padding-left:20px;
}

li.title2 {
	color: #C1272D;
	padding-left:20px;
}

li.filename {
	color: #C1272D;
	padding-left:20px;
}

li.values {
	background-image:url(interface/newsdart_smaller_red.gif);
	background-repeat:no-repeat;
	background-position: 1px 1px;
	padding-left:20px;
	overflow: visible;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

/* Tilläggav STFN */
ul.cli {
	padding: 20px 0 0px 0px;
	overflow: visible;
	clear: both;
}

/* Tilläggav STFN */
li.cli {
	width: 380px;
	background: url('interface/newsdart_smaller_red.gif') no-repeat 1px 1px ;
	margin: 0px 0 15px 0px;
	overflow: visible;
}

#clientlist {
	letter-spacing: 1px;
	width: 170px;
	float: left;
	background-image: url(interface/clientlist_separator.gif);
	background-repeat: repeat-y;
	background-position: 30px;
}
#clientlist a{
	color: #998675;
}
#clientlist a:hover{
	color: #AA273D;
}
table#clientlist{
	color: #998675;
}
table#clientlist td{
	height: 14px;	
}
td.case {
	text-align: left;
	align: left;
	width: 37px;
}

/* tillägg av STFN */
td a#active {
	color: #AA273D;
}

/* tillägg av STFN 
td.case_active {
	text-align: left;
	align: left;
	width: 37px;
	color: #AA273D;
}
Inte konsekvent nog */

.submenutitel{
	font-style: italic;
	font-weight:bold;
	font-family: Times New Roman, serif;
	font-size: 19px;
	height: 20px;
	clear: both;
	letter-spacing: 0px;
}

.submenutitel a:hover{
	color: #AA273D;
}

/* tillägg av STFN */
.submenutitel a#active{
	color: #AA273D;
}

.submenutitel a{
	color: #000000;
}
.submenuitem {
	font-family: Times New Roman, serif;
	font-style: italic;
	font-weight:bold;
	font-size: 14px;
	height: 16px;
	clear: both;
	letter-spacing: 0px;
	padding: 6px 0 0 0;
}
.submenuitem a:hover{
	color: #AA273D;
}
.submenuitem a{
	color: #736357;
}

/* tillägg av STFN */
.submenutitel_pub{
	font-style: italic;
	font-weight:bold;
	font-family: Times New Roman, serif;
	font-size: 19px;
	height: 20px;
	clear: both;
	margin: 0px 0 0 20px;
	position: relative; top: 10px;
	letter-spacing: 0px;
}
/* tillägg av STFN */
.submenutitel_pub a:hover{
	color: #AA273D;
}

/* tillägg av STFN */
.submenutitel_pub a#active{
	color: #AA273D;
}
/* tillägg av STFN */
.submenutitel_pub a{
	color: #000000;
}


.staffpicture {
	float: right;
	margin-bottom: 25px;
}
.staffcoll {
	width: 126px;
	background-image: url(interface/clientlist_separator.gif);
	background-repeat: repeat-y;
	float: left;
	margin-bottom: 15px;
}
.staffitem a{
	color: #998675;
}
.staffitem a:hover{
	color: #AA273D;
}

/* Tillägg av STFN */
.staffitem a#active{
	color: #AA273D;
}

.staffitem {
	padding-left: 10px;
	margin-bottom: 2px;
}

/* Tillägg av STFN*/

div.adminbox {
	clear:both;
	width: 150px;
	background: #FFF;
	border: #666 solid 1px;
	padding: 0 0 8px 0;
	position: absolute; bottom: 25px; right: 25px;
	
}

div.adminbox p {
	width: 142px;
	background: #666;
	text-align: left;
	color: #FFF;
	border: #666 solid 1px;
	padding: 3px;
	margin: 0 0 8px 0;
}

div.adminbox a {
	padding: 0px 0 0 0;
	margin: 0px 0 8px 8px;
}

div.adminbox img {
	position:relative; top:2px;
	padding: 0px 0 0 0;
	margin: 0px 0 -0px 0px;
}

.darrow {
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 560px;
	left: 314px;
	display: none;
}
.uarrow {
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 560px;
	left: 330px;
	display: none;
}

.toparrow {
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 560px;
	left: 346px;
	display: none;
}

.bottomarrow {
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 560px;
	left: 362px;
	display: none;
}

a.popup { color:#AA273D; text-decoration:none; position:relative; display:block; position:relative; left:0; top:0; margin: 5px 0 5px 0px;}
a.popup span {display:none;}
a.popup:hover {color:#AA273D; cursor:default;}
a.popup:hover span.popbox {display:block; position:relative; width:300px; height:300px; font-size: 9px; border:0px solid #f00; padding:5px 0px 0px 0px;}
.newsletter_button { position: relative; top: 2px; left: 121px }

.right {
	float: left;
	margin: 0 5px 3px 0;
}

.upper {
	text-transform: uppercase;
}