/*Ramsa för margin: 0 0 0 0:  T R B L (trouble) (Top Right Bottom Left)
Special saker som för länkarna och bakgrunden */


/* ----------------------
      Länkar
   ------------------------ */
   
li.blue a:link     { color: #47A3FF; text-decoration: none; }
li.purple a:link { color: #ef3371; text-decoration: none; }
li.green  a:link  { color: #00a651; text-decoration: none; }

li.blue a:visited     { color: #47A3FF; text-decoration: none; }
li.purple a:visited { color: #ef3371; text-decoration: none; }
li.green a:visited  { color: #00a651; text-decoration: none; }

li.blue a:hover     { color: #47A3FF; text-decoration: underline; }
li.purple a:hover { color: #ef3371; text-decoration: underline; }
li.green a:hover   {color: #00a651; text-decoration: underline; }

li.blue a:active      { color: #3272B2; text-decoration: underline; }
li.purple a:active  { color: #BF295A; text-decoration: underline; }
li.green a:active    {color: #008541; text-decoration: underline; }

#text a:link{ color: #000000; text-decoration: none; background-color: #FFFFD4; }
#text a:visited { color: #000000; text-decoration: none; background-color: #FFFFD4; }
#text a:hover { color: #000000; text-decoration: underline; }
#text a:active { color: #000000; text-decoration: none; }

/* ----------------
      Annat
  ----------------- */

body {
background-image: url(bilder/bakgrund.png);
background-repeat: repat;
}

ul.meny li{
display: inline;
font-family:Verdana,Geneva sans-serif;
}

ul.a li {
list-style-image: url(pf/bilder/li1.png);
}

ul.a li ul.b li {
list-style-image: url(pf/bilder/li2.png);
}

ul.a li ul.b li ul.c li {
list-style-image: url(pf/bilder/li3.png);
}

img {
border: 0px;
}

p {
font-family:Verdana, Geneva, sans-serif;
font-size: 12px;
margin: 0px 0px 0px 0px;
}

h1,h2,h3{
font-family:Verdana, Geneva, sans-serif;
color: #47A3FF;  /* #47A3FF */
padding: 3px 3px 3px 0px;
margin: 0px 0px 0px 0px;
/* font-size: 18px; */
}

hr.4 {
width: 99%;
}

#text hr.4{
width: 99%;
height: 0; 
border: 1px;
border-bottom: 1px dotted #AFAFAF; 
padding: 0 0 0 0px;
margin: 20px 0px 20px 0px;
}

div.w3c {
margin: 5px 0px 0px 10px;
}

/* -----------------
     Grafik
   ------------------ */

#grafik_ram {
width: 530px;
border: 1px;
border-style: none solid solid solid;
border-color: #000000;
}

#grafik_ram .head {
width: 530px;
border: 1px;
border-style: solid none none none;
border-color: #000000;

background-color: #FFFFE6;
}

#grafik_ram .head .a{
padding: 2px 6px 0px 0px; 
margin: 0px 0px 0px 0px;
float: right;
clear: both;
}

#grafik_ram .head h3 {
padding: 3px 3px 3px 10px;
font-size: 16px;
}

#grafik_ram .head:hover {
width: 530px;
border: 1px;
border-style: solid none none none;
border-color: #000000;

background-color: #F9F9D3;
}

#grafik_ram .nav {
width: 530px;
}

#grafik_ram .nav .sub_nav   {
width: 530px;
border: 1px;
border-style: solid none none none;
border-color: #000000;
}

#grafik_ram .nav .sub_nav p {
padding: 5px 5px 5px 5px;
}

#grafik_ram .nav .sub_nav img {
border: 1px;
border-style: solid;
border-color: #000000;
padding: 3px 3px 3px 3px;
margin: 5px 5px 5px 5px;
}


#grafik_visa_dolj { text-align: right; }
#grafik_visa_dolj p {
font-family:Verdana, Geneva, sans-serif;
font-size: 10px;
margin: 0px 0px 0px 0px;
}

/* ----------------------
 Boxarna och dess inehåll 
  ------------------------ */

#ram {
width: 768px;
margin-left:auto;
margin-right:auto;
padding: 0px 5px 0px 5px;
}

#header {
max-width: 800px;
height: 38px;
margin: 0px 0px 0px 18px;
}

#meny {
line-height: 0px;
padding-left: 0px;
padding-right: 10px;
padding-top: -10px;
padding-bottom: 0px;
}

#box-top {
background-image: url(bilder/box-top1.png);
width: 768px;
height: 10px;
}

#box-mid {
background-image: url(bilder/box-mid1.png);
background-repeat:repeat-y;
width: 768px;
overflow: hidden;
clear: both;
}

#box-down {
background-image: url(bilder/box-down1.png);
width: 768px;
height: 13px;
}

#kolum1 {
width: 530px;
float: left;
clear: both;
}

#kolum2 {
padding-left: 10px;
padding-right: 10px;
width: 180px;
float: right;
}

#text {
padding: 10px;
}

#indentering {
float: right;
}

/* ------------------------------ 
Slut på boxar och dess innehåll
--------------------------------- */

.tbl_p { /*En rad text*/
padding-right: 5px;
padding-bottom: 0px;
padding-top: 0px;
line-height: 0px;
margin: 0px 0px 0px 0px; 	
}

.tbl_box {
border-width: 1px;
border-style: solid;
border-color: #A5A5A5; 
background-color: #EBEBEB;
width: 393px;
margin: 10px 10px 10px 10px;
padding: 5px 0px 0px 5px;
}

/* --------------------
    Errors och Success
  --------------------- */

#success_lajv, #success_anv, #succes_pass, #succes_mail {
margin: 3px 0px 3px 0px;
padding: 2px 0px 0px 0px;
font-family: Verdana, Geneva, sans-serif;
color: #009D00;
line-height: auto;
font-size: 10px;
display: none;
}

#success_lajv_db, #success_regi_db {
color: #009D00;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
}

#error_lajv, #error_anv, #error_pass, #error_mail {
margin: 3px 0px 3px 0px;
padding: 2px 0px 0px 0px;
font-family: Verdana, Geneva, sans-serif;
color: #F31A1A;
line-height: auto;
font-size: 10px;
display: none;
}

#error_lajv_db, #error_regi_db {
color: #F31A1A;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
}

/* ----------------------------
    Slut på Errors och Success
  ----------------------------- */


/* ------------
--- Clear fix ---
-------------*/
.clearfix:after {	
content: ".";	#EBEBEB
display: block;	
clear: both;	
visibility: hidden;	
line-height: 0;	
height: 0;
} 

.clearfix {	
display: inline-block;
} 

html[xmlns] .clearfix {	
display: block;
}

* html .clearfix {
height: 1%;
}

/* -----------------
     Runda bilder 
   ----------------  */
   
.rounded-img {
	display: inline-block;
	border: solid 1px #000;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}