/*==== CSS Document Grafiska Leverantörerna by: Ewa Carnelo / Carnelo Design www.carnelodesign.se  2006 ====*/

body {
	background-image: url(../images/bgtile.gif);
	background-repeat: repeat;
	font: 0.70em Verdana, Arial, Tahoma, Helvetica, sans-serif;
	color: #333;
	margin-top:10px;
	padding:0px;
}

h1 {
	font: 1.8em "Trebuchet Ms", "Lucinda Grande", Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #ff9900;
	margin: 22px 0 0 0;
	padding: 0 22px 20px 0;
	text-align: center;
}

h2 {
	font: 1.8em "Trebuchet Ms", "Lucinda Grande", Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #ff9900;
	margin: 8px 0 0 0;
	padding: 0 0 1px 0;
	text-align: left;
}

h3 {
	font: 1.0em Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #0b477d;
	margin: 6px 0 0 0px;
	padding: 0 0 10px 0;
	text-align: left;
}

img {border: 0px;}

p {
	margin:0;
	padding:0;
}

table {
	width: 70%;
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0px;
}

td {
	height: 20px;
	border: 0;
	margin: 0;
	padding: 0;
	font: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
	text-align: left; 
}

/********** Lists (square img) **********/
ul {
	margin: 17px; 
	padding: 0; 
	list-style-image: url(../images/square.gif); 
} 

li {
	margin-bottom: 10px; 
} 

/********** Lists Leveransbestämmelser (acrobat img) **********/

ul.levb {
	margin: 17px; 
	padding-right: 0;
	list-style-image: url(../images/acrobat.jpg);  
}


/********** Lists (word img) (set <li class="word">) **********/

.word {
	margin-bottom: 10px; 
	list-style-image: url(../images/word.gif);  
}

/********** Lists (word img) (set <li class="word">) **********/

.acrobat {
	list-style-image: url(../images/acrobat.jpg);  
}

/*========== L I N K S ==========*/

a:link {
	font: 11px Verdana, Arial, Tahoma, Helvetica, sans-serif;
	text-decoration: none; 	
	color: #0b477d;															/* unvisited link */
}

a:visited {
	font: 11px Verdana, Arial, Tahoma, Helvetica, sans-serif;		
	text-decoration: none; 	
	color: #0b477d;															/* visited link */
}

a:hover {
	font: 11px Verdana, Arial, Tahoma, Helvetica, sans-serif;	
	text-decoration: none;
	color: #f90;															/* mouse over link */
}

a:active {
	font: 11px Verdana, Arial, Tahoma, Helvetica, sans-serif;	
	text-decoration: none;
	color: #0b477d; 														/* selected link */
}										
	


/*========== F O O T E R  L I N K S ==========*/

a.copy:link {
	font: 9px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	text-decoration: none; 										/* unvisited link */
	color: #333; 
	font-weight: bold; 
}

a.copy:visited {
	font: 9px Arial, Tahoma, Verdana, Helvetica, sans-serif;		
	text-decoration: none; 										/* visited link */
	color: #333; 
	font-weight: bold; 
}

a.copy:hover {
	font: 9px Arial, Tahoma, Verdana, Helvetica, sans-serif;	
	text-decoration: none; 										/* mouse over link */
	color: #ff9900; 
	font-weight: bold;
}

a.copy:active {
	font: 9px Arial, Tahoma, Verdana, Helvetica, sans-serif;	
	text-decoration: none; 										/* selected link */
	color: #333; 
	font-weight: bold; 
}

/*========== L A Y O U T ==========*/

#main {
	position:relative;
	left:0px;
	top:0px;
	width:800px;
	height:700px;
	margin: 0 auto;
	text-align: center;
}

#header {
	position:absolute;
	left:17px;
	top:0px;
	width:767px;
	height:109px;
}

#banner_slideshow {
	position:absolute;
	left:17px;
	top:160px;
	width:766px;
	height:158px;
}

#navigation {
	position:absolute;
	left:17px;
	top:109px;
	width:766px;
	height:51px;
}

#wrapper_main {
	position:absolute;
	background: #fff;
	left:17px;
	top:318px;
	width:766px;
	height:348px;
}

#valkommen_content {
	position:absolute;
	left:57px;
	top:328px;
	width:260px;
	height:336px;
	background-image: url(../images/valkommen_bg.gif); 
	background-repeat: no-repeat;
	text-align:left; 
	padding: 10px;
	line-height: 18px;
	overflow: auto;
	z-index: 0;
}

#aktuellt_content {
	position:absolute;
	left:345px;
	top:366px;
	width:398px;
	height:298px;
	background-image: url(../images/aktuellt_bg.gif); 
	background-repeat: no-repeat;
	text-align: left;
	padding: 0 0 0 10px;
	line-height: 18px;
	overflow: auto;
	z-index: 0;
}

#bgleft {
	position:absolute;
	left:0px;
	top:0px;
	width:17px;
	height:705px;
}

#bgright {
	position:absolute;
	left:784px;
	top:0px;
	width:16px;
	height:705px;
}

#border_right {
	position:absolute;
	left:783px;
	top:109px;
	width:1px;
	height:591px;
}

#footer {
	position:absolute;
	left:17px;
	top:667px;
	width:766px;
	height:38px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
}

#footer_content {
	position:absolute;
	left:56px;
	top:677px;
	width:692px;
	height:20px;
	font: 10px tahoma, arial, verdana, sans-serif;
	text-align: center;
}


/*========== S U B P A G E S ::O M  G L:: ==========*/

#subpage_content {
	position:absolute;
	left:57px;
	top:344px;
	width:672px;
	height:324px;
	background-color: #f6f6f6;
	border: 1px solid #ababab;
	text-align: left;
	padding: 0 0 0 10px;
	overflow: auto;
	z-index: 0;
}

/*========== S U B P A G E S ::L O G G A  I N:: ==========*/

#txt_inputfields {
	position: absolute;
	left: 0;
	top: 10px;
	width: 90px;
}

#inputfields {
	position: absolute;
	left: 105px;
	top: 9px;
	width: 90px;
}

input, select, option, textarea { 
	font: 10px verdana, arial, tahoma, serif, helvetica; 
	border: 1px solid #2e4972;
}

.txt {
	padding:0;
	font-size:0.9em;
}

.logintxt {
	font: 12px verdana, arial, tahoma, helvetica, sans-serif;
	font-weight: bold;
	color: #2e4972;
}

.submit { 
	background-image: url(../medlemmar/images/login.gif); 
	width: 50px; 
	height: 20px; 
	border: none;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}

#loginform {
	position:absolute;
	left:10px;
	top:10px;
	width:274px;
	height:182px;
}

#form_top {
	position:absolute;
	left:0px;
	top:0px;
	width:274px;
	height:41px;
}

#form_left {
	position:absolute;
	left:0px;
	top:41px;
	width:24px;
	height:108px;
}

#form_content {
	position:absolute;
	background-color: #a5c5e6;
	left:24px;
	top:41px;
	width:222px;
	height:108px;
}

#form_right {
	position:absolute;
	left:246px;
	top:41px;
	width:28px;
	height:108px;
}

#form_footer {
	position:absolute;
	left:0px;
	top:149px;
	width:274px;
	height:33px;
}

/*========== S U B P A G E S :: K O N T A K T A G L :: ==========*/

#visitaddress {
	position:absolute;
	left:10px;
	top:90px;
	width:300px;
	text-align:left;
}

#postaddress {
	position:absolute;
	left:265px;
	top:90px;
	width:350px;
	text-align:left;
}

.right {
float: right;
}
