/* FÖRBUNDET RÖRELSEHINDRADE */

html
	{
	overflow: scroll;
	}
/* overflow: scroll ger rullist i både IE och Mozilla */

body
	{
	padding: 0px;
        margin: 0px;
	text-align: center;
        background-color: #4d4d8d;
        color: #000000;
	font-family: verdana, arial, sans-serif, serif;
	}
/* text-align: center används för att centrera i Explorer 6.0 */ 
/* margin-left: 2% för vänsterställt */

.hole
        {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 7px;
        padding-right: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
        background-color: #7d7dcd;
        color: #000000;
 	text-align: left;
	width: 705px;
      	border: 0px solid white;
        }
/* margin-left: auto används för att centrera i Firefox*/
/* margin-right: auto används för att centrera i Firefox*/
/* float: left  för vänsterställt*/
/* background-color: #7d7dcd*/

body.karta
        {
        background-color: #63A6C9;
        color: #000000;
       	padding: 10px;
        margin: 0px;
        }
        
.kartastor
        {
        width: 898px;
        padding-top: 10px;
        padding-bottom: 0px;
        padding-right: 0px;
        border: 0px solid red;
        }

.toplank
	{
        float: left;
        margin: 0px;
	padding: 0px;
      	border: 0px solid white;	
	}

.top
        {
	margin-bottom: 0px;
        float: left;
        clear: left;
       	border: 0px solid red;
        }

.top0
        {
        float: left;
        margin: 0px;
	padding: 0px;
      	border: 0px solid white;
        }
 
.top1
        {
        float: left;
        margin-right: 15px;
      	border: 0px solid white;
        }
        
.top2
        {
        float: left;
        width: 5px;
	height: 100px;
        border: 0px solid red;
        }
        
.top3
        {
        float: left;
	padding: 0px;
	margin: 0px;
     	border: 0px solid black;
        }

.styr1
        {
        float: left;
	padding-right: 5px;
      	border: 0px solid red;
        }

.styr2
        {
        float: left;
      	border: 0px solid black;
        }
     
.left   
        {
        float: left;
        width: 131px;
       	border: 0px solid green;
        }   
	
.meny   
        {
        padding-left: 8px;
        padding-top: 4px;
        padding-bottom: 2px;
	margin-top: 5px;
        text-align: left;
	border: 0px solid #4d4d8d;
	width: 116px;
	float: left;
        }

.knappen
	{
	margin-bottom: 2px;
        text-align: left;
        color: white;
 	font-size: 85%;
	font-family: arial;
	font-weight: bold;
  	text-decoration: none;
	border: 0px solid red;
	}

.nedstat 
        {
        background-color: #73BDFF;
        float: left;
	text-align: left;
        border: 0px solid white;
        margin-top: 0px;
	width: 164px;
        }
        
.brodtext
        {
        padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 0px;
        margin-left: 3px;
	margin-bottom: 0px;
  	background-color: #d7d7f4;
        color: #000000;
        border: 0px solid red;
 	width: 526px;
 	float: left;
 	}

.transp
	{
	float: right;
	height: 400px;
        border: 0px solid black;
	}

.hoger	
	{
	float: right;
        border: 0px solid blue;
	padding-top: 10px;
	padding-right: 12px; 
	}

.line
	{
        float: left;
	padding: 0px;
	margin: 0px;
	width: 525px;
	border-bottom: 1px solid #4d4d8d;
	}

.ram1	
	{
	padding-left: 9px;
	border: 0px solid red;
	}

.mellan1
	{
	float: left;
	height: 120px;
	width: 10px;
	margin: 0px;
	padding: 0px;
	border: 0px solid red;
	}

.textiram
        {
        padding-top: 5px;
        padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 5px;
        margin-top: 10px;
        margin-bottom: 0px;
        width: 503px;
        border: 2px solid #63A6C9;
        }

.textiram_red
        {
        padding-top: 5px;
        padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
        margin-top: 10px;
        margin-bottom: 20px;
	float: right;
        width: 470px;
        border: 3px solid #AB111F;
        }

.fotoalbum  
        {
        margin-left: 2px;
        border: 0px solid green;   
        }
	/* diven med "hela" + "foto"*/
        
.bildnav
        {
	background-color: #63A6C9;
        color: #000000;
        border: 0px solid blue;
	padding-bottom: 0px;
        width: 502px;
        height: 27px;
        }
/* diven där bildnavigeringen finns*/

.prev
        {  
        float: left;
        padding-top: 3px;
        border: 0px solid red;
        }
	/* knappen längst till vänster*/

.rubrik
       {
        float: left;
        width: 200px;
        height: 27px;
	margin-top: 0px;
        border: 0px solid red;
        text-align: center;
        }
	/* rubriktexten mellan prev och next*/

.next
        {
        float: right;
        padding-top: 3px;
        border: 0px solid black;
        }
	/* knappen längst till höger*/

.nextram
	{
        float: right;
	width: 505px;
	height: 40px;
        border: 0px solid red;
	}

.knappram
        {
        border: 1px solid black;
        height: 24px;
        }
	/* Ram till knapp1, knapp2 osv*/

.knapp1
        {  
        float: left;
        padding-left: 2px;
        padding-right: 15px;
        border: 0px solid red;
        }
	/* Vänster knapp*/

.knapp2
        {
        float: left;
        border: 0px solid blue;
        }
	/* Höger knapp*/

.medlem1
        {
        width: 502px;
        height: 37px; 
        border: 0px solid black;
        }

.medlem2
        {
        width: 333px;
        height: 35px;
        float: left;
        border: 0px solid red;
        }

.medlem3
        {
        width: 170px;
        height: 35px;
        float: right;
        border: 0px solid blue;
        text-align: right;
        }

.medlem4
        {
        width: 502px;
        border: 0px solid red;
        }
       
.foto   
        {
        border: 0px solid red;   
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        }
	/* diven där bilden visas*/

.bildtext  
        {
        float: none;
        padding-top: 0px;
        padding-bottom: 4px;
	padding-left: 5px;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        width: 495px;
	height: 16px;
        }
        
.stuga
        {
        width: 502px;
        height: 70px;
        padding-bottom: 4px;
        margin-top: 8px;
        border-bottom: 1px solid blue;
        }
        
.stugtop
        {
        width: 502px;
       	padding-bottom: 8px;
        border-bottom: 1px solid blue;
        }
        
.hemadress
        {
        padding-left: 5px;
        padding-bottom: 8px;
        width: 210px;
	float: left;
        }
        
.stugbild
        {
        margin-top: 3px;
        width: 75px;
       	height: 60px;
       	float: left;
        }
        
.stugadress
        {
        padding-left: 15px;
        padding-bottom: 5px;
        width: 197px;
 	float: left;
        }

.inlagg
        {
        width: 501px;
        padding-bottom: 4px;
        margin: 0px;
        border-bottom: 1px solid blue;
        }

.inlaggrubrik
        {
        width: 501px;
        height: 22px;
        margin: 0px;
        padding-left: 4px;
        background-color: #B8DBEC;
        color: #000000;
        }

.namn
        {
        width: 30%;
        margin: 0px;
        padding-left: 2px;
        border: 0px solid green;
        float: left;
        }

.mail
        {
        padding: 0px;
        margin: 0px;        
        border: 0px solid black;
        float: left;
        }

.datum
        {
        margin: 0px;
        padding-right: 2px;
        border: 0px solid black;
        float: right;
        }

.hvthole
        {
         height: 100%;
       	border: 0px solid red;
        background-color: #5b5b9c;
        }

.hvttop 
        {
        width: 100%;
        padding-top: 2px;
        padding-bottom: 2px;
       	border: 1px solid black;
        background-color: #5b5b9c;
        }

.gastbok
        {
        background-color: #A3CBE0;
        color: #000000;
       	border: 2px solid #63A6C9;
        padding-left: 12px;
        padding-right: 9px;
        padding-bottom: 9px;
        padding-top: 6px;
        margin: 0px;
        }

.granska
        {
        background-color: #A3CBE0;
        color: #000000;
       	border: 2px solid #63A6C9;
        padding-left: 12px;
        padding-right: 9px;
        padding-bottom: 30px;
        padding-top: 0px;
        margin: 0px;
        }

.skrivet
	{
	float: left;
	clear: left;
        width: 130px;
        padding: 4px;
	margin-bottom: 4px;
	}

.medd
	{
	float: left;
	clear: right;
        width: 358px;
       	border: 0px solid blue;
        padding: 4px;
	}

.ruta
	{
        margin-bottom: 6px;
	}

.login
        {
        background-color: #8a8ae6;
       	border: 2px solid #5b5b9c;
        padding-left: 9px;
        padding-right: 170px;
        padding-bottom: 36px;
        padding-top: 0px;
        margin: 0px;
        }

.knappram
        {
        float: right;
        border: 0px solid black;
	padding-left: 0px;
	padding-bottom: 0px;
        }
	/* Ram till knapp1, knapp2*/

.knapp2
        {
        float: left;
        border: 0px solid blue;
        }
	/* Höger knapp*/

.scriptfrom
        {
       	border: 0px solid blue;
        padding-top: 20px;
        }

.textiram1
        {
        padding-top: 0px;
        padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 4px;
        width: 484px;
        border: 3px solid #B30F06;
        }

.nav
	{
	float: left;
        border: 0px solid black;
	width: 505px;
	margin-top: 10px;
	}
.nav1
	{
	float: left;
        border: 0px solid black;
	background-color: #8a8ae6;
	width: 525px;
	margin-top: 10px;
	}

.nav2
	{
	float: left;
	width: 500px;
	margin-top: 10px;
	padding-left: 10px;
        border: 0px solid black;
	}

.nav3
	{
	float: left;
        border: 0px solid red;
	}

.navleft
	{
	float: left;
        border: 0px solid blue;
	width: 172px;
	height: 22px;
	}

.navrubrik
	{
	float: left;
        border: 0px solid red;
	padding-top: 2px;
	width: 155px;
	text-align: center;
	height: 22px;
	}

.navright
	{
	float: left;
        border: 0px solid green;
	width: 172px;
	text-align: right;
	height: 22px;	
	}

.indrag_ul
        {
        padding-left: 24px;
	font-size: 90%;
	font-weight: bold;
        }

.indrag5
        {
        padding-left: 5px;
        }

.indrag10
        {
        padding-left: 10px;
        border: 0px solid blue;
        }

.indrag15
        {
        padding-left: 15px;
        }

.indrag20
        {
        padding-left: 20px;
        }

.indrag25
        {
        padding-left: 25px;
        }

.indrag30
        {
        padding-left: 30px;
        }

.indrag40
        {
        padding-left: 40px;
        }

.indrag50
        {
        padding-left: 50px;
        }

.indrag53
        {
        padding-left: 53px;
        }

.indrag60
        {
        padding-left: 60px;
        }

.indrag70
        {
        padding-left: 70px;
        }

.indrag80
        {
        padding-left: 80px;
        }

.indrag90
        {
        padding-left: 90px;
        }

.indrag95
        {
        padding-left: 95px;
        }

.indrag100
        {
        padding-left: 100px;
        }

.indrag110
        {
        padding-left: 110px;
        }

.indrag120
        {
        padding-left: 120px;
        }

.indrag130
        {
        padding-left: 130px;
        }

.indrag140
        {
        padding-left: 140px;
        }

.indrag150
        {
        padding-left: 150px;
        }

.indrag160
        {
        padding-left: 160px;
        }

.indrag170
        {
        padding-left: 170px;
        }

.indrag180
        {
        padding-left: 180px;
        }

.indrag190
        {
        padding-left: 190px;
        }

.indrag200
        {
        padding-left: 200px;
        }

h1
	{
	font-family: ITC Avant Garde Gothic, verdana, sans-serif, serif;
	font-size: 125%;
	}

h2
	{
	font-family: ITC Avant Garde Gothic, verdana, sans-serif, serif;
	font-size: 105%;
	}
	
h3
	{
	font-family: ITC Avant Garde Gothic, verdana, sans-serif, serif;
	font-size: 85%;
	}

h2.red

	{
	font-family: ITC Avant Garde Gothic, verdana, sans-serif, serif;
	font-size: 114%;
	line-height: 100%;
	color: red;
	}
	
.text50
	{
	font-size: 50%;
	}

.text60
	{
	font-size: 60%;
	}

.text70
	{
	font-size: 70%;
	}

.text75_123
	{
	font-size: 75%;
	line-height: 123%;
	}

.text75
	{
	font-size: 75%;
	}

.text80
	{
	font-size: 80%;
	}

.text80_b
	{
	font-size: 80%;
	font-weight: bold;
	}

.text90
	{
	font-size: 90%;
	}

.text90_b
	{
	font-size: 90%;
	font-weight: bold;
	}

.text90_120
	{
	font-size: 90%;
	line-height: 120%;
	}

.text90_120b
	{
	font-size: 90%;
        font-weight: bold;
	line-height: 120%;
	}

.text90_143b
	{
	font-size: 90%;
        font-weight: bold;
	line-height: 143%;
	}

.text90_150
	{
	font-size: 90%;
	line-height: 150%;
	}

.text90_150b_blue
	{
	font-size: 90%;
	line-height: 150%;
	font-weight: bold;
	color: blue;
	}

.text90_150b_red
	{
	font-size: 90%;
	line-height: 150%;
	font-weight: bold;
	color: red;
	}

.text100
	{
	font-size: 100%;
	}

.text100_meny
	{
	font-size : 100%;
	font-family : Rockwell Extra Bold, Bookman Old Style, verdana, sans-serif, serif;
	font-weight : bold;
	line-height: 100%;
	color : black;
	}

.text100_150
	{
	font-size: 100%;
	line-height: 150%;
	}

.text100_175b
	{
	font-size: 100%;
        line-height: 175%;
       	font-weight: bold;
	}

.text110
	{
	font-size: 110%;
	}

.textundermenyrubik
	{              
	font-size: 110%;
	font-family: sans-serif, arial, verdana, serif;
	font-weight: bold;
	line-height: 120%;
  	text-decoration: none;
 	}
	/* Text till undermenyns rubrik, 2a*/

.text110b
	{
	font-size: 110%;
        font-weight: bold;
	font-family: ITC Avant Garde Gothic, verdana, sans-serif, serif;
        }

.text110_143b
	{
	font-size: 110%;
	font-weight: bold;
	line-height: 143%;
	}
	
.text130
	{
	font-size: 130%;
	}

.text150
	{
	font-size: 150%;
	}

a.text80_150bn
	{
	font-size: 80%;
	line-height: 150%;
	font-weight: bold;
	text-decoration: none;
	}

a.text90_150b
	{
	font-size: 90%;
	line-height: 150%;
	font-weight: bold;
	}

a.textbn
	{
	line-height: 150%;
	font-weight: bold;
	text-decoration: none;
	}

a.text90bn
	{
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	}

a.text90_150bn
	{
	font-size: 90%;
	line-height: 150%;
	font-weight: bold;
	text-decoration: none;
	}

a.text100_150
	{
	font-size: 100%;
	line-height: 150%;
	}

a.text100_150b
	{
	font-size: 100%;
	line-height: 150%;
	font-weight: bold;
	}

a.text100_150bn
	{
	font-size: 100%;
	line-height: 150%;
	font-weight: bold;
	text-decoration: none;
	}
	
a.text105b
	{
	font-size: 105%;
	color: black;
	font-weight: bold;
	}
	/* 1*/
	
a.textmenyn
	{               
	font-size: 102%;
	font-family: sans-serif, arial, verdana, serif;
	font-weight: bold;
	line-height: 134%;
  	text-decoration: none;
	color: black;
	}
	/* Text till menyn 2*/

a.textundermenyn
	{               
	font-size: 86%;
	font-family: sans-serif, arial, verdana, serif;
	font-weight: bold;
	line-height: 134%;
        text-decoration: none;
	color: black;
	}
	/* Text i undermenyn, 21*/

textundermenyn_red
	{               
	font-size: 95%;
	font-family: sans-serif, arial, verdana, serif;
	font-weight: bold;
	line-height: 135%;
        text-decoration: none;
	color: #AB111F;
	}
	/* Text i undermenyn, 21*/

hr
	{
	width: 60%;
	height: 2px;
	color: #ffffff;
	}

        

        
a:active
        {
        color: #0000CC;
        }
	/* tabbfocus i klarblå färg*/