/* CSS Document for Jonas Webresurs */
/* Kopiera om du vill men skapa ocksa ngt eget! */

body {
	 font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	 background: white;
	 text: #333333;
	 font-size: 100%;
	 margin-top:   2px;
	 margin-left:  1px;
	 margin-bottom:  5px;
	 margin-right:  5px;
	 border-top:   0px;
	 border-left:  0px;
	 border-bottom:  0px;
	 border-right:  0px;
	 padding-top:  0px;
	 padding-left:  0px;
	 padding-right:  0px;
	 padding-bottom:  0px; }

/* LINKS */

a:link { 
	 color: #333333;
	 background-color: transparent;
	 text-decoration: none;
	 font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
	 
a:visited {
	 color: #993300;
	 background-color: transparent;
	 text-decoration: none;
	 font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
	 
a:hover {
	 color: #333333;
	 background-color: transparent;
	 text-decoration: underline;
	 font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
	 
a:active {
	 color: #333333;
	 background-color: transparent;
	 text-decoration: underline;
	 font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif; }

/* Speciallinks */

a.speciallink:link { 
	background:  #EEEEBB;
	font-weight: bold;
	 color: #333333;
	 text-decoration: none;
	 font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
	 
a.speciallink:visited {
	background:  #EEEEBB;
	color: #993300;
	 text-decoration: none;
	 font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
	 
a.speciallink:hover {
	background:  #FFCC33;
	 color: #333333;
	 text-decoration: underline;
	 font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
	 
a.speciallink:active {
	background:  #EEEEBB;
	 color: #333333;
	 text-decoration: underline;
	 font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif; }


	/* STARTSIDAN */
	
.block1 {
	background: #FFCC33;
	font-size: 100%;
	font-weight: bold;
	font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px;
	border-left: ridge 1px;
	border-left-style: solid;
	border-left-color: #333333;
	border-right: ridge 1px;
	border-right-style: solid;
	border-right-color: #333333;
	border-bottom: ridge 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-top:ridge 1px;
	border-top-style: solid;
	border-top-color: #333333; }


/* SIDSPECIFIKA, allmanna */

.cursor { cursor: pointer; } 

.img { border: none; cursor: pointer; }

.ram	{
	background: #CCCCFF;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px;
	border-left: ridge 1px;
	border-left-style: dashed;
	border-left-color: #000099;
	border-right: ridge 1px;
	border-right-style: dashed;
	border-right-color: #000099;
	border-bottom: ridge 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000099;
	border-top:ridge 1px;
	border-top-style: dashed;
	border-top-color: #000099
	}

.rubrikbild { 
	cursor: pointer; 
	}


.rubrik {
	margin: 0.5em;
	padding: 0.5em;;
	border-left: ridge 1px;
	border-left-style: dashed;
	border-left-color: #999999;
	border-right: ridge 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	border-bottom: ridge 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	border-top: ridge 1px;
	border-top-style: dashed;
	border-top-color: #999999;
	}

.rubriktext1 {
	font-size: 100%;
	line-height: 120%;
	font-style: italic;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 1em;
	}

.rubriktext2 {
	font-size: 130%;
	line-height: 120%;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 1em;
	}
	
/* TEXT */

h1 {
	margin-left: 10px;
	font-weight: bold;
	font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	font-size: 130%;
	line-height: 130%; }

h2 {
	margin-left: 10px;
	font-weight: bold;
	font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 120%; }
	
h3 {
	margin-left: 10px;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 110%; }
	
h4 {
	font-weight: bold;
	font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	font-size: 105%;
	line-height: 105%; }
	
.lankrubrik  {
	background:  #EEEEBB;
	padding:   5px;
	font-size:   90%;
	font-family:  Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif; }


.sidfot { 
	font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif;  
	text-align: left
	margin-left: 2px;
	font-style: normal;
	font-size:	70%
}


.code {
	margin-left: 10px;
	font-family: 'Courier New', Courier, sans-serif;
	font-size: 100%; }


tt { font-family: Courier, 'Courier New', 'Minion Web', Charcoal, Georgia, serif; }
	
small { font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
	
form, input, textarea, select, option { font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
	
	
table, tr, th, td, ul, ol, li, i, u, b, p, strong, em { 
	font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif; }
	
.citat {
	font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	background:  #EEEEBB;
	padding: 5px; }
	
.bildtext {
	font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	font-size:   90%;
	font-style:italic;
 }

.listalinksidan {
list-style-type: circle;
list-style-position: inside;
line-height: 150%;
font-family: Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif;
margin:   2px;
border:   0px;
padding: 2px;
}	


/* TONPLATTOR */

.blue { color: blue; }

.copyright {
	background: #CCFFCC;
	font-size: 100%;
	padding: 5px;
	border-left: ridge 1px;
	border-left-style: solid;
	border-left-color: #009900;
	border-right: ridge 1px;
	border-right-style: solid;
	border-right-color: #009900;
	border-bottom: ridge 1px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
	border-top: ridge 1px;
	border-top-style: solid;
	border-top-color: #009900; }

.kant  {
	background: #FFFFFF;
	padding: 3px;
	border-right: none;
	border-left: ridge 1px;
	border-left-style: dashed;
	border-left-color: #CCCCFF;
	border-bottom: none;
	border-top: none; }
	
.obs {
	background: #CC0000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px; }


.ram1 {
	background: #FFFFFF;
	font-weight: normal;
	color: #333333;
	padding: 5px;
	border-left: ridge 1px;
	border-left-style: solid;
	border-left-color: #333333;
	border-right: ridge 1px;
	border-right-style: solid;
	border-right-color: #333333;
	border-bottom: ridge 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-top: ridge 1px;
	border-top-style: solid;
	border-top-color: #333333; }
	
.tips {
	background: #009933;
	color: #FFFFFF;
	font-weight: bold; }
	
.uppgift {
	background: #0000CC;
	color: #FFFFFF;
	font-weight: bold; }
	
.viktigt {
	background : #CCFFCC;
	border-width  : 3px;
	border-color  : #000000;
	border-style  : solid;
	padding   : 10px;
	color   : black;
	width   : 90%; }
	
.varning {
	background : #FFFF33;
	border-width  : 3px;
	border-color  : #CC0000;
	border-style  : solid;
	padding   : 10px;
	color   : black;
	width   : 90%; }
	
.ljusbla { background: #CCCCFF; }
.mellanbla { background: #99CCFF; }
.ljusgul { background: #FFFF99; }
.gulbrun { background: #FFCC33; }
.gulbrunfet { background: #FFCC33;  font-weight: bold; font-size: 100%; }
.gron  { background: #99FFCC; }
.rosa  { background: #FFCCFF; }
.ljusgra { background: #EEEEEE; }
.ljusrod { background: #FF7777; }


/* **************  skriv ut  ********** */

@media print {
   h1, h2, h3, h4  { page-break-after: avoid; page-break-inside: avoid }
   img, blockquote { page-break-inside: avoid }
   ul, ol, dl    { page-break-before: avoid }
   .lankrubrik { background-color: #fff; }
}