/* This is a standard Avantra stylesheet. NO SITESPECIFIK CHANGES IN THIS STYLESHEET!!
   You can overide rules in corresponding file (aw/site/standard/main.css)

   I encourage you to copy rules from this stylcheet and paste them into the site-overiding stylesheet. 
   Also use media groups as in this file.

   How to add rules not listed in this file:
   1: Browse (in IE) to the page you want to change
   2: Open page source. (in IE Rightclick and chose View Source)
   3: Locate the HTML element you want to change
   4: Use the id or class-attribute to construct a new rule
   5: Add rule to style sheet and apply your settings
   6: More information att http://www.w3.org/TR/REC-CSS2/
*/

@media all
{
body {
  font-family: sans-serif;
  color: black;
  background-image: url("./start/standard/img/bg.gif");
  text-align:center;
   SCROLLBAR-FACE-COLOR: white; 
   SCROLLBAR-HIGHLIGHT-COLOR: #767676; 
   SCROLLBAR-SHADOW-COLOR:  #767676; 
   SCROLLBAR-3DLIGHT-COLOR: white; 
   SCROLLBAR-ARROW-COLOR: #494848; 
   SCROLLBAR-TRACK-COLOR: #f0f0f0; 
   SCROLLBAR-DARKSHADOW-COLOR: #f0f0f0; 
   SCROLLBAR-BASE-COLOR: white;  
   margin-left:15%;
   margin-right:15%;
   float:none;

 }

 
 body {margin-top: 0%;}

 /* ie hack. Döljer för msie/mac >> \*/
 *html body {margin-top: 1%;}
 /* slut på ie hack */
 
#content, #document

{	text-align:left;
	background-color: white;
	

	
}

#navigation1, #navigation2, #navigation3, #title1, #topbuttons1,  #banner1, #banner2
{
	float:left;
	clear: both;
	background-color: white;
}




div.cell3, cell
{
	clip: 			auto;
	float:			left;
	overflow:		hidden;
	padding:		0px 4px 4px 0px;
	margin-left:2px;
}

div.cell5
{
	overflow:		hidden;
	clip: 			auto;
	float:			left;
	margin-right:10px;
	width: 45%;
}

div.cell3 
{
	overflow:		hidden;
	clip: 			auto;
	float:			left;
	margin-top:1em;
	width: 70%;
	margin-left:0;
}
		
div.cell2 {font-size:7pt;}

div.cell4{width: 100%;clear:both; clip: auto;}

div.cell6
{
	overflow:		hidden;
	clip: 			auto;
	float:			left;
	width: 30%;
}
div.cell7 {font-size:7pt;float:right;}

.line{font-size:7pt;}

.rubrik1, div.InsideTitle
{
	color: #494848; 
	font-family: arial, verdana;
	font-size: 12pt;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	line-height: 1.5em;
}

.rubrik2 
{
	color: #494848; 
	font-family: arial, verdana;
	font-size: 10pt;
	font-weight: bold;
}


.NavRubrik
{
	color:#494848; 
	font-family:verdana;
	font-size: 8pt;
	line-height: 1.5em;
	font-weight:bold;
	padding-left:5px;
	
}

div.newsbox{float:	right;}

.td
{
	color: #ffffff;
	background-color: #767676;
	font-family: verdana;
	font-size: 7pt;
	border-top: 1px solid #767676;
	border-left: 1px solid #767676;
	border-right: 1px solid #767676;
	border-bottom: 1px solid #767676;
	padding: 0px 2px 0px 2px;
	width: 95%;
	text-align:center;
}

.tdtext
{
	color: #767676;
	background-color: #ffffff;
	font-family: verdana;
	font-size: 7pt;
	border-top: 1px solid #767676;
	border-left: 1px solid #767676;
	border-right: 1px solid #767676;
	border-bottom: 1px solid #767676;
	padding: 2px 2px 2px 2px;
	width: 95%;
}


a:link img, a:visited img { border-style: none;}

a img { color: white; background-color: inherit;}        /* hide the border in Netscape 4 */

.noborder, fieldset
{
	border: none;
	max-width: 550px;
}

.newsauthor
{ 
	font-weight: bolder; font-size: 8pt;
}

p.newsauthor
{ 
	float:left; clear:both;padding: 0px 0px 4px 0px ;
}


.newstitle
{	
	font-size: 10pt;
	font-family:verdana, arial;
	color: #494848; 
}

.menuTitle2
{
    background-color: white;
    color :#ffffff;  
    font-weight:bold;
    font-size:10pt;
    font-family: verdana; 
    width: 			100%;
}

 .newsItem
{
	font-size:8pt;
    font-family: verdana; 
    margin-left:3px;
    margin-right:3px;
    width:100%;
    padding-top: 1px;
    padding-bottom: 1px;
}

.newsbox{display:none;}



.header16
{
    color:#494848;  
    font-weight:bold;
    font-size:16pt;  
}

.menuTitle
{
    background-color:#ffffff;
    color: #494848; 
    font-family: verdana;
    font-size:10pt;
    font-weight:bold;
}

.menuItem
{
    padding: 1px 30px 1px 10px;
    width: 100%;
    cursor: hand;
	line-height: 20px;
	border-top: white 1px solid;
    background-color:#ffffff;
    font-size:10pt;
    font-family: verdana;
   
} 

.seperators{ background-color:#ffffff;}

.presentation{display:none;}

#banner2
{
	
	text-align:center;
	margin: 1px 0px 0px 0px;
}

.contentbox2
{
    background-color:#ffffff;  
    color:#ffffff;      
}

.address{display:none;}

.banner div
{
	float:none;
	clear: none;
	margin: 1px 0px 0px 0px ;
	width:760px;
}
.rubrik
{
	color: #494848; 
	font-weight:bold;
}

.button{width:100px;}


}

@media screen
{

#document
{
	border-top: 1px solid #767676;
	border-left: 1px solid #767676;
	border-right: 1px solid #767676;
	border-bottom :1px solid #767676;
	margin-top:0%;	
	height :647px;

}
.tdBottom
{
	color: #ffffff;
	background-color: #767676;
	font-family: verdana;
	font-size: 7pt;
	text-align: left;
	margin: 10px 0px 10px 0px ;
	padding: 1px 0px 2px 0px ;
}

#navigation1, #navigation2, #title1, #topbuttons1, #content, #document, #banner1, #banner2
{
	clear: both;
	width:760px;
}

a
{
	text-decoration: none;
	color: black;
	font-family: verdana;
}

a:link, a:active, a:visited{
  color: black;
  background-color: Transparent;
}

a.lanktext, a.lanktext:visited, a.lanktext:active
{
	color: white; 
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	
}

a.redlink, a.redlink:visited, a.redlink:active {color:#c40026;font-size: 7pt;}

a.tdBottom{color: #ffffff;}

#navigation2 { padding: 0px 0px 10px 0px;}

a.sprakLank
{
	color: #494848;
	font-size: 7pt;
	text-align:right;
}
a.sprakLank:active
{
	color:#c40026;
}

a.newsItem{font-size: 8pt;}


a.insideNav{font-size: 8pt;line-height: 1.5em;}

a.beskrivning
{
	text-decoration:underline;
	font-size:8pt;
	color:black;
    line-height:1.1em;
}
a.beskrivning:hover
{
	color:#c40026;
}
a.textlank, a.textlank:active, a.textlank:visited
{
	font-size:9pt;
	color: #494848;
	font-family: verdana, arial;
	line-height:1.1em;	


}
a.textlank:hover
{
	font-size:9pt;
	color: #C40026;
	font-family:  verdana, arial;	
	line-height:1.1em;
}
.startrubrik
{
	color: #494848; 
	font-family:  verdana, arial;
	font-size: 12pt;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}
div.cellA, div.cellB, div.cellC
{
	clip: 			auto;
	float:			left;
	overflow:		hidden;

}

div.cellA {width: 19%;float:left;padding:4px 0px 4px 0px;}
div.cellB{width: 63%;padding:4px 0px 4px 0px;text-align:right;}
div.cellC {width: 18%;float:left;padding:4px 0px 4px 0px;}

div.cell1, div.cell2
{
	clip: 			auto;
	float:			left;
	overflow:		hidden;

}

div.cell1 {width: 70%;float:left;padding:4px 0px 4px 0px;}
div.cell2{width: 29%;padding:4px 0px 4px 0px;text-align:right;}
div#content
{
	overflow:auto;
	width:760px;
	padding: 0px 0px 0px 0px;
	height :480px;
	
}

.InsideNav
{
	float:left;
	color: #494848;
	font-family: verdana;
	font-size: 8pt;
	padding: 0px 30px 0px 3px;
	width: 25%;

}

div.text
{
	float:left;
	color: #494848; 
	font-family: arial, verdana;
	font-size: 10pt;
	width:69%;
	padding: 0px 0px 0px 0px;
	height:470px; 
	line-height:1.2em;

}

.news-box{overflow:hidden;}

span.navDelimiter 
{	border-left: 1px solid #ffffff;
	padding: 0px 0px 0px 0px; 	
}

.tdMeny
{
	width:100%;
	color: #ffffff;
	background-color:#c40026;
	font-family:  arial, verdana;
	font-size: 7pt;
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow: hidden ;

}	


.test img{overflow:hidden;}

.field-error, error
{
	clip: 			auto;
	float:			left;
	overflow:			hidden;
	color:			red;
	background-color: inherit;
	visibility:			hidden;
	margin-left: 5px;
}

.noteBold
{
	color: #494848; 
	background-color: #ffffff;
	font-family: verdana, arial;
	font-size: 8pt;
	font-weight:bold;
	padding-top:10px;
}

.noteNormal
{
	color: #494848; 
	background-color: #ffffff;
	font-family:  verdana, arial;
	font-size: 8pt;
	font-weight:normal;
	line-height:1.1em;
}


#btnMore{display:none;}

label.prefer-top 
{
	display: block;clear: both;margin: 0em 0em 0em 0 em;padding: 0em 0em 0em 0 em;
	font-size: 10pt;
}
.smalltext
{
	color: #767676;
	font-family: verdana;
	font-size: 7pt;
}

#PurchaseSearchBox1
{
	display:		none;
}


.rubrik2, th.ColPurchaseTitle, th.date, th.ColPurchaseValidToDate, h3.title
{
	color: #494848; 
	font-family: arial, verdana;
	font-size: 10pt;
	font-weight: bold;
}
/* Hide open new window button and print preview button */
#printbuttons1 #newBrowser, #printbuttons1 #PrintPreview
{
	display:		none;
}
#printButton1, #Help1{
display:none;
}
.presentation{display:none;}
.address{display:none;}

#Suppliername, #HomePage1, #unit, #documenttype, #branch, #agreementperiod, #procedure, .ColPurchaseDiarieNr{display:none;}
#PurchaseRequestFormArea1, #RequestConfirmTextSection, #PurchaseNewsInformation1,#PurchaseContactInfo2, #ordersubmit, .simpel-form, #PurchaseConfirmText1 {margin-left:30px;}
.box, .Box .frame{	border-bottom:none;}

#description, #purchaseraddress,#contactname,#contactemail1,#contactphone,#agreementperiod,#valid{font-size:9pt;  font-family: arial, verdana;  }
*html #description, #purchaseraddress,#contactname,#contactemail1,#contactphone,#agreementperiod,#valid{font-size:90%;  font-family: arial, verdana;  }

#PurchaseContactInfoLabel1{margin-top:15px;}
.sel{margin-right:2px;}

a.beskrivning
{
	padding-left:5px;
}

}

@media print
{ 

.navigation, #HtmlBottomContributor, .field-button, .spraklank{	display:		none;}

body
{
    color: black;
    background: white;
    font-family: helvetica, times, serif;     
    font-size: 9pt;
    font-style: normal;
}

.row, .news-box
{
	width: 100%;
	clear:both;
    font-size: 9pt;
    page-break-inside: avoid;
} 

#document
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	margin: 0px 0px 0px 0px;
}

.page-content, #content
{
	width:100%;
	padding: 0px 0px 0px 0px;
	height: 100%;
	margin: 		0em 0em 0em 0em;
	font-size: 		9pt; 
}

div.field-title
{
	clip: 			auto;
	float:			left;
	width: 7cm;
	font-size: 10pt;
	overflow:			hidden;
	white-space: nowrap; 
}	

div.field-value{	font-size: 12pt;}

a:link
{
    color: black;
    text-decoration: none;
    background-color: inherit;
}

a:visited
{
    color: black;
    text-decoration: none;
    background-color: inherit;
}

.insideNav{display:none;}

.text{	height: 100%; width:80%;}

div.rubrik2{clear:both;}

.line{display:none;}
}