/* Info ----------------------------
CSS
Jonny Strömberg
http://www.jonnystromberg.se
------------------------------------*/	

/* Allmänt
------------------------------------*/	
* 				{ margin:0; padding:0;}
body 			{ 
	background-color:#eee;
	font-size:small;}	
* html body { 
	font-size:x-small; 
	f\ont-size:small; }
.fix 			{ clear:both;}
li 			{ list-style-type:none;}
	
/* Länkar
------------------------------------*/	
a:link 		{ text-decoration:none; color:#000066; font-weight:bold; }
a:active 	{ text-decoration:none; color:#000066; font-weight:bold; }
a:visited 	{ text-decoration:none; color:#000066; font-weight:bold; }
a:hover 	{ text-decoration:underline; color:#003399; font-weight:bold;}	
a img 		{ border:0;}

/* Typografi
------------------------------------*/	
h1 { 
	font:bold 115%/1.5 verdana, sans-serif; 
	margin-bottom:10px;
	color:#333;}
h2 { 
	font:bold italic 95%/1.5 verdana, sans-serif; 
	margin-bottom:10px;
	color:#666;}	
h3 { 
	font:bold 95%/1.5 verdana, sans-serif; 
	margin-bottom:10px;
	color:#666;}
p {
	font:normal 95%/1.4 verdana, sans-serif; 
	margin-bottom:14px;
	color:#666;}
	
/* WRAP
************************ */	
div#wrap {
	background:url(img/bg_wrap.gif) #000; 
	margin:0 auto 0 auto;
	width:760px;
	padding:0 4px 0 4px;
	position:relative;}

/* LOGO
************************ */		
h1#logo {
	background:url(img/logo.jpg) left center no-repeat #000;
	height:80px;
	margin:0;}
h1#logo span{
	display:none;}


/* LOGIN-RUTA
************************ */
fieldset#login {
	background-color:#222;
	padding:5px 10px;
	position:absolute;
	right:12px;
	top:8px;
	border:0;
	width:170px;
	border-width:1px;
	border-style:solid;
	border-color:#333 #111 #111 #333;}
fieldset#login label {
	font:normal 75%/16px verdana;
	color:#777;
	float:left;
	clear:left;
}
fieldset#login input {
	font:normal 80% verdana;
	border:0;
	height:14px;
	margin-bottom:4px;
	width:100px;
	float:right;
}
fieldset#login button {
	background-color:#777;
	font:normal 80% verdana;
	border:0;
	height:14px;
	width:100px;
	float:right;
}

/* HUVUDMENY
************************ */		
ul#mainmenu {
	background: url(img/bild.jpg) no-repeat bottom #d7ebff;
	clear:both;
	margin:0 0 20px 0;
	padding:0 0 58px 10px;}
ul#mainmenu li {
	background: url(img/mellan.gif) repeat-y right;
	font:bold 75%/2.5 verdana, "trebuchet ms", sans-serif; 
	display:inline;
	padding-right:20px;}
ul#mainmenu li.eng {
	background:none;
	float:right;
	display:inline;
	padding:0 5px 0 0;
	margin:3px 0 0 0;
	_margin:5px 0 0 0;}

/* VÄNSTERMENY
************************ */			
ul.secondarymenu  {
	float:left;
	display:inline;
	margin:0 0 0 20px;}
ul.secondarymenu li {
	background: url(img/icon.gif) no-repeat left center;
	font:bold 75% verdana, "trebuchet ms", sans-serif;
	color:#000;
	margin-bottom:5px;}	
ul.secondarymenu li a {
	margin-left:15px;
	_margin:0 0 0 0;}	
	
dl.secondarymenu  {
	width:180px;
	float:left;
	display:inline;
	margin:0 0 0 20px;}
dl.secondarymenu dt {
	background: url(img/icon.gif) no-repeat left center;
	font:bold 75% verdana, "trebuchet ms", sans-serif;
	color:#000;
	margin-bottom:3px;
	padding-left:15px;}		
dl.secondarymenu dd {
	font:normal 75% verdana, "trebuchet ms", sans-serif;
	color:#666;
	margin-bottom:10px;
	padding-left:15px;}	
	
dl.secondarymenu input.domain1 {
	border:solid 1px #000066;
	width:100px;
	margin-right:5px;}		
dl.secondarymenu input.domain2 {
	background-color:#000066;
	font:normal 90% verdana, sans-serif; 
	color:#fff;
	border:solid 2px #000066;
	width:35px;}	
	
div.secondarymenu {
	background-color:#d7ebff;
	width:140px;
	float:left;
	display:inline;
	margin:0 0 0 20px;
	padding:5px;}
div.secondarymenu2 {
	width:180px;
	float:left;
	display:inline;
	margin:0 0 0 20px;	
	padding:5px;}	
div.secondarymenu h2 {
	font:normal 75% verdana, "trebuchet ms", sans-serif;
	text-transform:uppercase;
	background-color:#000066;
	color:#fff;
	padding:3px;}
div.secondarymenu h3 {
	font:bold 75% verdana, "trebuchet ms", sans-serif;
	color:#000;
	margin-bottom:3px;}		
div.secondarymenu p {
	font:normal 75% verdana, "trebuchet ms", sans-serif;
	color:#666;
	margin-bottom:10px;}	

/* CONTENT
************************ */	
div#content {
	float:right;
	display:inline;
	width:490px;
	margin:0 30px 30px 0;}
div#content ul {
	margin-bottom:14px;}
div#content ul li {
	font:italic 80%/1.5 verdana, sans-serif; 
	color:#666;
	margin:0 0 5px 10px;}		
		
div#content	div.service {
	background-color:#d7ebff;
	font:normal 75% verdana, "trebuchet ms", sans-serif;
	border:solid 5px #d7ebff;
	width:100%;
	margin-bottom:10px;}
div#content	div.service h2 {
	background-color:#000066;
	color:#fff;
	text-align:left;
	padding:2px;}	
div#content	div.service p {
	color:#666;
	padding:2px;
	margin-bottom:5px;}		

div#content div.text{
	float:left;
	width:50%;}
	
/* BOTTEN
************************ */		
div#bottom {
	background-color:#cccccc;
	color:#666666;
	clear:both;}
div#bottom p{
	font:normal 75%/3 verdana, "trebuchet ms", sans-serif; 
	text-align:center;}	
	
	
	/* *** Added by Peter Kastegard *** */
div.msg-warn {
	border: 1px solid red;
	background: #ffe;
	padding: 1em;
	padding-left: 15px;
}

p.msg-warn {
	font:normal 85%/1.4 verdana, sans-serif; 
	margin-bottom:14px;
	color:#666;
}