/* Mitt stylesheet*/


body{
		color: #095C40; 
		background:#095C40;
		height:100%;
		font-size:small;
		
}
h1,th, h2, ul{ 	
font-family: Verdana, Helvetica, sans-serif;

		
}
p {	
		font-family: Verdana, Helvetica, sans-serif;
		margin-bottom: 1em;
		text-align:left;
		line-height: 140%
}

td, th { 
		font-family: Verdana, Helvetica, sans-serif;
		text-align: left; 
		vertical-align:top;
}

a:link, a:visited {
		text-decoration: none;
		font-weight: normal;
		color: black;
}

a:hover {
		text-decoration: underline;
		font-weight: normal;
}

table {
		border:0px;
}
img { 
		border: 0px;
		padding:0px;
		
		
	}
		
	
ul {
		list-style-type: square;
}

.clearfix:after {
  content: "."; /* This dot is the actual appended content */
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
#container{ 				/* container som centrerar och bestämmer sidbredd */					
			text-align:left;  
			width:800px;
			margin: auto;
		    background:white;
			
		
			
} 	

/* inverterat i header så att det blir tvärtom mot huvudinnehållet*/
#header {
			border: 1px solid #095C40;
			background-color:#095C40;
			color:white;
			padding:0px;
			margin-top:0px
			}

#startwrapper
{
	background: white url(../background/Image3_1x1.gif) top left ;
	min-height: 7px;
}
#wrapper{                      /* wrapper som ser till att "innehållsdelen" av sidan får en position att relatera till så att kolumnerna startar på samma höjd oavsett hur hög inledande header är*/	         
			position:absolute;
			width:800px;
			background: white url(../background/Image3_2x1.gif) top left ;
			background-repeat: repeat-y;
			
			padding:0px;
			margin-top:0px;
			min-height: 656px; /*  så att alla kolumner blir minst den längden*/
			
}	
#stopwrapper
{
	background: white url(../background/Image3_3x1.gif) 0 0 ;
	min-height: 7px;
}

#mittspalt{
			position: relative;
			top: 0px;
			margin-left:170px; 
			margin-right:170px;
			background-color:white;
			color: #095C40;
			min-height: 656px; /*  så att alla kolumner blir minst den längden*/
			
			
			
}	
#vanster{
			position: absolute;
			left:6px; 	
			top: 3px;
			width:160px;
			background-color:white;	
			min-height: 656px; /*  så att alla kolumner blir minst den längden*/
			
			
} 

#hoger{
			position: absolute;
			right:4px;
			top: 0px;			
			width:160px;
			background-color:white;
			min-height: 656px;  /*  så att alla kolumner blir minst den längden*/
			
			
		} 
#footer {
		background: url(../background/Image3_3x1.gif) 0 0;
		min-height: 15px;
	    clear:both;     /* Stänger kolumnerna*/
		text-align:right ;
		vertical-align: top;
		background-color: white;
		color:#095C40;
		font-family: Verdana, Helvetica, sans-serif;
		
		    }

/* annan inv länkfärg att användas i menyn till vänster*/
a.invert:link, a.invert:visited {   
			text-decoration: none;
			font-weight: normal;
			color: white;
 
} 
a.invert:hover {
		text-decoration: none;
		font-weight: normal;
		color: white;
}


ul.moveright{   /* Skjuter in ul listor till höger */	
			position: relative;
			left: 2em;
}
div.gronbete {         /* Ful box som ger grön bakgrund o vit text */	
			background: #095C40;
			color:white;
			padding:0.2em;
}
div.rosarod {			/* Ful box som ger grön bakgrund o röd text */	
			background: #095C40;
			color:red;
			padding:0.2em;
			
}

.meny {			/* menyinställningar bla större radhöjd */	
			list-style-type: none;  
			padding-left: 0.8em;     
			padding-right: 0.8em; 			
			margin-left: 0em;
			line-height:300%;

}

#current {			/* menyinställningar visa aktiv sida */	
			font-weight:bold;

}
/* försöker att lägga in en rundad bakgrundsbild som är slicad i fyra delar i menyn (tips från joomla)*/
		

div.ramad_menu {
		width:140px;
		background: url(../menuimages/topleft.gif) 0 0 no-repeat;
		padding: 0px;
  
  }

div.ramad_menu div {
  background: url(../menuimages/bottomleft.gif) 0 100% no-repeat;
  margin: 0px;
  border: 0px;
}
 
div.ramad_menu  div div{
  background: url(../menuimages/topright.gif) 100% 0 no-repeat;
  
} 
 
div.ramad_menu  div div div {
  background: url(../menuimages/bottomright.gif) 100% 100% no-repeat;
  
}
div.module_menu div div div div{
  background: none;
}
/* Formulär-format*/

form {
 padding: 6px;
}

fieldset {
		
		border-width: 0px;
	
		font-family: Verdana, Helvetica, sans-serif;
}

input, select, textarea {
		background-color: white;
		color: #095C40;
		font-size: 90%;
		font-family: Verdana, Helvetica, sans-serif;
		border-color: #095C40;
}
legend {
		color:#095C40;
		font-size:110%;
		text-align:right;
		font-family:sans-serif;
		font-weight: bold
  }
label.short{
		width: 6em;
		float: left;
		font-weight: bold
}
label.stretchlabel{
		width: 15em;
		float: left;
		font-size: 110%;
		font-weight: bold;
}
label.shortnofloat{
		width: 6em;
		font-weight: bold
}

p.rubrikeriform {
				font-size: 110%;
				font-weight: bold;
}

#button1:hover, #button2:hover , #button3:hover {
			color:black;
}

.clearfloat {				/* För att rensa floatproblem främst i Explorer*/
			font-size: 1px;
			line-height: 0px;
			margin: 0px;
			clear: both;
			height: 0px;
}

/* bild */
img.alignright {        /*Flyttar bild till top och höger */
		
		float:right;
		padding-top: 0px;
		padding-right: 0px;
		margin-right: 0px;
		margin-top: 0px;

		
}