/* start av CSS-kod för skärm */
@media screen{
			  	/* Sätter padding och marginal till 0 för att nollställa designen eftersom olika webbläsare tolkar padding och marginaler
				   olika. Väljer typsnitt i följande ordning: Verdana, Arial, Helvetica och sans-serif. 
				   Om din webbläsare inte kan visa typsnittet Verdana väljs Arial sedan Helvetica och sist sans-serif.
			       Sätter storleken på stilen till 100%. 1em motsvarar då 16 pixlar. Texten i bodyn visas i svart färg.
				   Radavståndet sätts till 1,3 gånger större än teckensnittet. Väljer en mellanbrun bakgrundsfärg i bodyn. */
body 		  		{	padding:0;	margin:0; font-family:Verdana,Arial,Helvetica,sans-serif; color:black; font-size:100%; 
						line-height:120%; background-color:#BA9B65; text-align:center; }

			  	/* Sätter bredden på hela layouten till 920 pixlar(bildpunkter). Anger padding-top 10 pixlar, padding-right 10 pixlar,
				   padding-bottom 0 pixlar och sist padding-left 10 pixlar samt att texten ska vänsterjusteras. 
				   Väljer vit bakgrundsfärg för att uppnå bra läsbarhet på dataskärmen för besökarna. */
#hela 		  		{ 	width:920px; margin:0 auto;	padding:10px 10px 0 10px;	text-align:left; 
					  	background-color:#ffffff;	border:0px solid black; }

#huvud 		  		{	position:relative;	left:0px;
						font-size:1em;		height:118px;
						background:url("../sidhuvud/sidhuvud.jpg") no-repeat;
						background-color:#ffffff;
						padding-left:0px;
						padding-top:15px;
						margin:0;
						width:920px;
						color:#000000;		
						border:0px solid black; }

#kolumncontainer	{ 	float:left; width:940px;	margin-left:-10px; border:0px solid black; 
					  	border-right:#666666 0px solid; border-left:#666666 0px solid; background-color:#ffffff; }

#kolumn1 			{ 	float:left; width:230px; 
						border-right:1px dotted #F4EFDC; border:0px solid black; }

#kolumn2 			{ 	float:left; width:540px; 
						/*margin-left:5px; padding-right:10px; padding-left:5px;  padding-bottom:10px;*/ padding-top:10px;
						background:#ffffff; border:0px solid black; }

#kolumn3 			{ 	float:left; width:940px; 
						border-right:1px dotted #F4EFDC; border:0px solid black; }

#menycontainer 		{ 	float:left; width:300px;	padding-right:0px; padding-left:0px; padding-bottom:0px; margin:0 0px 0px 1em; 
					  	padding-top:0px; }
					  
#meny 				{ 	padding-right:0px; padding-left:0px; font-size:0.75em; padding-bottom:0px; margin:0px; padding-top:0px; 
					  	list-style-type:none; }

#meny A 			{ 	padding-right:1em; display:block; padding-left:1em; margin-bottom:0px; padding-bottom:0px; border-left:1px; 
					  	width:10em; border-bottom:#a1ba67 1px dotted; text-decoration:underline; }

#meny UL 			{ 	list-style-type:none; }

#meny UL A 			{ 	margin-left:-5px; padding-right:0px; padding-left:0.3em; padding-bottom:0.3em; margin:0px; padding-top:0.3em; }
#meny A:link 		{ 	color:blue; }

						/* Besökt länk visas i blå färg. */
#meny A:visited 	{ 	text-decoration:underline; /*color:#999999;*/ color:blue; }
#meny A:hover 		{ 	color:#660000; background:#FF9933; }
#meny A:active 	  	{ 	color:#F4EFDC; background-color:#BA9B65; }
#meny A#current 	{ 	font-weight:bold; border-left:3px solid #133463; border-right:8px solid #133463;   }
/*#meny A#subcurrent 	{ 	font-weight:bold; border-left:1px solid #133463; }*/
#meny A#subcurrent 	{ 	font-weight:bold; border-left:1px solid #133463; }

/*#luft				{ 	clear:both; margin-left:-10px; width:940px; height:20px; 
						background-color:#ffffff; border:0px solid black; }*/
						
#teckenIngressInsertKvar	{ color:red; font-weight:bold; }
#teckenBrodTextInsertKvar	{ color:red; font-weight:bold; }

#teckenIngressUpdateKvar	{ color:red; font-weight:bold; }
#teckenBrodTextUpdateKvar	{ color:red; font-weight:bold; }

				/* h1-rubrikerna visas 15 pixlar från vänster sida och flyttas upp 8 pixlar räknat i elementet hela.
				   För att skapa lite luft innan texten börjar har en bottenmarginal på 5 pixlar skapats.
				   Paddingen är satt till 10 pixlar för toppen och botten samt ingen padding för höger och vänster. Bredden har angivits 
				   relativ till 15em. Höjden har satts till 30 pixlar. Storleken för h1-rubriken blir omräknat i pixlar följande: 
				   1,875 x 16 pixlar = 30 punkter. Rubriken visas i normal stil på skärmen och är vänsterjusterad. 
				   Lite mellanrum mellan bokstäverna(letter-spacing) gör rubriken tydligare. */
h1			  		{ 	margin-left:15px; margin-top:-8px; margin-bottom:5px; padding:10px 0 10px 0px; 
						font-weight:normal; font-size:1.875em; letter-spacing:1px; 
						text-align:left; }

h2					{	margin:0; margin-left:15px; font-weight:normal; font-size:1.5em; margin-top:5px; margin-bottom:5px; letter-spacing:0.5px; }

h3					{	margin:0; margin-left:0px; font-size:1.3em; margin-bottom:0px; letter-spacing:0.5px; }

h4					{	margin:0; margin-left:15px; font-size:1.2em; margin-bottom:5px; letter-spacing:0.5px; }

h5					{	margin:0; margin-left:20px; font-size:0.8em; margin-bottom:5px; letter-spacing:0.5px; }

h6					{	margin:0; margin-left:0px; font-size:0.8em; margin-bottom:0px; letter-spacing:0.5px; }

p					{ 	margin-left:0px;  margin-top:20px; }
		
				/* För att dölja vissa element vid utskrift skapas klassen hide */
.hide				{	border:0px solid black; }

.kolumn2 			{ 	margin-left:5px; padding-right:10px; padding-left:10px; background:#ffffff; float:left; padding-bottom:10px; width:540px; 
					  	padding-top:10px; border:0px solid black; }

.rubrik				{ 	padding:0; margin:0; margin-left:20px; margin-top:0px;	text-indent:0px; letter-spacing:0.5px;	font-size:1.5em; }

.ingress		  	{ 	padding:0; margin:0; margin-left:20px; margin-top:0px;	text-indent:0px; letter-spacing:0.2px;	font-size:1.2em;					 
						width:450px; border:0px solid black; }

.brodtext		  	{ 	padding:0; margin:0; margin-left:20px; margin-top:5px;	text-indent:0px;						 
						width:450px; border:0px solid black; }
						
.text		  		{ 	padding:0; margin:0; margin-left:20px; margin-top:5px;	text-indent:0px;						 
						/*width:500px;*/ border:0px solid black; }
						
.StartDatum		  	{ 	padding:0; margin:0; margin-left:10px; margin-top:0px;	text-indent:0px; font-size:1.2em;			 
						text-align:right;
						/*width:50px;*/ border:0px solid black; }

#text-1		  		{ 	padding:0; margin:0; margin-left:15px; margin-top:-5px;	text-indent:0px;						 
						width:520px; font-size:0.75em; border:0px solid black; }

#text-2		  		{ 	padding:0; margin:0; margin-left:15px; margin-top:-5px;	text-indent:0px;						 
						width:700px; font-size:0.75em; border:1px solid black; }
						
#insert 			{ 	padding:0; margin:0; margin-left:80px; margin-top:0px;
						width:185px; border:1px solid black; }

#update 			{ 	padding:0; margin:0; position:relative; left:200px; top:-200px;
						width:185px; border:1px solid black; }

#delete 			{	padding:0; margin:0; position:absolute; left:800px; top:188.5px; float:right; /*padding:10px;*/
						width:185px; border:1px solid black; }


#luft				{ 	clear:both; margin-left:0px; width:940px; height:20px; 
						background-color:#ffffff; border:0px solid black; }

#sidfot				{	margin:0 auto;	/*margin-left:-10px;*/	width:940px;			
						margin-left:0px;
						font-size:0.7em;			color:#ffffff;
						font-weight:bold;			text-align:center;
						background-color:#365FB7;	border:0px solid black;	}

						
img					{ 	margin-top:0px;	margin-left:30px; border:0px; }

table				{	position:relative; left:10px; /*float:left;*/ font-size:0.75em; width:690px;
						background-color:#BA9B65; background-color:#ffffff; border:0px solid black; }

td					{ 	border:0px solid black; padding:0 5px 0 0px; }

select				{ 	/*width:127px;*/ width:180px; }

.text-1		  		{ 	padding:0; margin:0; margin-left:15px; margin-top:-5px;	text-indent:0px;						 
						width:520px; border:0px solid black; }

.indrag 			{	text-indent:5px; width:300px; border:0px solid black; }
.indrag2			{	text-indent:25px; }
.indrag3			{	text-indent:180px; }
.indrag4            {   /*padding:0; margin:0;*/ margin-left:25px;  border:1px solid silver; }

.indrag5			{	text-indent:800px; font-size:0.85em; }
.indrag6			{	text-indent:750px; font-size:0.85em; }
.indrag7			{	text-indent:580px; }
.lank				{	margin-left:20px;  }

.center				{ 	text-align:center; }

.indragResultat		{	margin-left:10px;  }

.uppmaning    		{	margin-left:40px; width:220px; font-size:0.75em;	text-align:center;
						border:1px solid black;	}

.indragAkt 			{	margin-left:5px; width:360px; }
.leftBild 			{	text-indent:-17px; width:360px; /*font-size:0.99em;*/ }
.inmatning          {   text-align:left; }

.txtBox				{   margin-left:30px; text-align:left; }
.mail				{   margin-right:-20px; text-align:left; }

.radera			    {	text-indent:25px; width:800px; }

.btnSubmit          {   margin-left:25px;  border:0px solid silver; }
.btnUppdatera		{   padding:0; margin:0; position:relative; left:130px; top:-10px; text-align:left; }

.luft				{ 	clear:both; margin-left:-10px; width:940px; height:20px; 
						background-color:#ffffff; border:0px solid black; }

.sidfot				{	margin:0 auto;	/*margin-left:-10px;*/	width:940px;			
						margin-left:-20px;
						font-size:0.7em;		color:#ffffff;
						/*font-size:0.65em;*/		font-weight:bold;		/*text-align:center;*/ 
						text-align:left;
						background-color:#365FB7;	border:0px solid black;	}

.sidfot a 			{ 	text-decoration:underline; }
.sidfot a:link 		{ 	text-decoration:underline; color:#ffffff; }
					/* Besökt länk visas i grå färg. */
.sidfot a:visited 	{ 	text-decoration:underline; color:#ffffff; }
					/* När musen förs över länken visas aktuell länk med inledande versal, i fet och kursiv stil samt i mörkröd färg. */
.sidfot a:hover 	{ 	/*text-transform:capitalize;*/ /*font-weight:bold;*/ color:#660000; }
.sidfot a:active	{ 	background-color:#ffffff; }	

.mellan				{	height:10px; width:200px;
						border:0px solid black; }
						
.mellanrum			{	margin-top:-20px; border:0px solid black; }

.bredd				{	text-indent:5px; /*width:300px;*/ }						

img.c2 				{	border:0; width:88px; height:31px; }

img.c3				{	margin-top:20px;  margin-left:0px; width:400px; height:300px; border:0; }

img.c4				{	margin-top:20px;  margin-left:0px; border:0; }

li.c1 				{	/*padding:0; margin:0;*/ list-style:none; display:inline; 
						border:0px solid black; }
						
.topright			{	margin-top:-95px; 	margin-right:30px; text-align:right;  border:0px solid black; }
.right				{	text-align:right;  	border:0px solid black; }

.validera			{   margin-left:450px; margin-top:0px; 
						width:250px; border:0px solid black; }


#kalender_table		{	position:relative; left:10px; /*float:left;*/ /*font-size:0.9em;*/ /*line-height:normal;*/ width:920px;
						background-color:#BA9B65; background-color:#ffffff; border:0px solid black; }
						
.uppfodare			{	float:left; /*font-size:0.9em;*/ /*line-height:normal;*/ width:920px;
						background-color:#ffffff; border:0px solid black; }
						
.aktiviteter		{	float:left; /*font-size:0.9em;*/ /*line-height:normal;*/ width:650px;
						background-color:#ffffff; border:0px solid black; }

.tblResultat		{	float:left; /*font-size:0.9em;*/ /*line-height:normal;*/ width:150px;
						background-color:#ffffff; border:0px solid black; }

.tdbreddSmall 	    {	width:20px;  border:0px solid black; }
.tdbredd 			{	width:120px; border:0px solid black; }
.tdbredd2 			{	width:230px; border:0px solid black; }
.tdbredd3 			{	width:280px; border:0px solid black; }
.tdbredd4 			{	width:300px; border:0px solid black; }


#skicka	table		{ margin-left:15px; width:160px; font-size:0.75em; border:#000000 1px solid; }
#skicka table td	{ border:#000000 0px solid; }

#index table		{ margin-left:10px; width:480px; border:1px solid black; }

#tacktext    		{ position:relative; left:80px; top:0px; font-size:1em; font-weight:bold; }
#tackepost 			{ color:#0000FF; background-color:transparent; width:350px; border:0px solid black; }

.namn	  			{ position:relative; left:80px; top:0px;  font-size:0.8em; font-weight:bold; }
.epost 	  			{ position:relative; left:80px; top:10px; font-size:0.8em; font-weight:bold; }
.fel_epost	  		{ position:relative; left:150px;top:10px; font-size:0.8em; color:#ff0000; }

.telefon			{ position:relative; left:80px; top:20px; font-size:0.8em; font-weight:bold; }
.mobil				{ position:relative; left:80px; top:30px; font-size:0.8em; font-weight:bold; }
.meddelande			{ position:relative; left:80px; top:40px; font-size:0.8em; font-weight:bold; }

.error				{ position:relative; left:80px; top:20px; font-size:0.8em; color:red; font-weight:bold; }
.feltext			{ color:red; border:0px solid black; }

.tillbaka			{ position:relative; left:100px; top:60px; font-size:0.8em; color:blue; }

				/* Olika formatering av länktexterna. */
				/* Default understrykning av länk. */
a 			  { text-decoration:underline; border:0; }
a:link 		  { text-decoration:underline; color:blue; }
				/* Besökt länk visas i blå färg. */
a:visited 	  { text-decoration:underline; /*color:#999999;*/ color:blue; }
				/* När musen förs över länken visas aktuell länk med inledande versal, i fet och kursiv stil samt i mörkröd färg. */
a:hover 	  { text-transform:capitalize; font-weight:bold; /*font-style:italic;*/ color:#660000; }
a:active 	  { background-color:#ffffff; }	

}	/* slut på CSS-kod för skärm */

/* Start av CSS-kod för utskrift */
@media print{
				/* Sätter padding och marginal till 0 för att nollställa designen eftersom olika webbläsare tolkar padding och marginaler
				   olika. Väljer typsnitt i följande ordning: Verdana, Arial, Helvetica och sans-serif. Om din webbläsare inte kan visa 
				   typsnittet Verdana väljs Arial sedan Helvetica och sist sans-serif. All text kommer att skrivas ut i svart färg. 
				   Radavståndet sätts till 1,25 gånger större än teckensnittet. */
body  		{ 	padding:0; 					margin:0; 					margin-left:0px;		margin-top:-15px; 
				font-family:Verdana,Arial,Helvetica,sans-serif; 		font-size:12pt; 		color:black; 		line-height:120%; }

				/* Sätter bredden på hela layouten till 670 pixlar(bildpunkter). Väljer att all text ska vänsterjusteras. */
/*#hela		{ 	width:670px;				margin-left:0px; 			margin-top:-5px;		text-align:left;
				background-color:#FFFFFF;	border:0px solid black;		}*/
				
				/* Sätter topp-,höger-, botten- och vänsterpading till 10 pixlar. Sätter storleken på stilen till 10 punkter. Jag hade 
				   kunnat valt att sätta all font-size 12 punkter i bodyn men har valt att definiera storleken för varje element för att 
				   enkelt kunna ändra storleken i ett specifikt element vid behov. */
#form 	 	{ 	margin-left:0px;			padding:0px; 				font-size:12pt;		}


#text-1				{ 	/*padding:0; margin:0;*/ 
						margin-left:15px;	border:0px solid black; }

				/*	För att skapa lite luft mellan text används denna klass. Den är 660 pixlar på bredden och 8 pixlar på höjden. */
.mellan				{	margin-left:0px; 			margin-top:0px;				width:660px; 		height:8px;
						border:0px solid black;		}	

.mellanrum			{	height:5px; border:0px solid black; }

p 					{ 	margin-top:0px;		}

img					{ 	margin-top:0px;	margin-left:30px; border:0px; }

table				{	position:relative; left:10px; top:0px;	width:695px;
						background-color:#BA9B65; background-color:#ffffff; border:0px solid black; }

td					{ 	border:0px solid black; padding:0 5px 0 5px; }

.text-1		  		{ 	padding:0; margin:0; margin-left:15px; margin-top:-5px;	text-indent:0px;						 
						width:520px; border:0px solid black; }

.indrag 			{	text-indent:5px; }
.indrag2			{	text-indent:10px; }
.center				{ 	text-align:center; }

.uppfodare			{	float:left; width:920px; font-size:11pt;
						background-color:#ffffff; border:0px solid black; }
					
.uppmaning    		{	margin-left:40px; width:220px; font-size:11pt;	text-align:center;
						border:1px solid black;	}

.ingress		  	{ 	padding:0; margin:0; margin-left:20px; margin-top:0px;	text-indent:0px; letter-spacing:0.2px;	font-size:12pt;
						width:580px; border:0px solid black; }

.brodtext		  	{ 	padding:0; margin:0; margin-left:20px; margin-top:5px;	text-indent:0px;						 
						width:580px; border:0px solid black; }

.text		  		{ 	padding:0; margin:0; margin-left:20px; margin-top:5px;	text-indent:0px;						 
						/*width:500px;*/ border:0px solid black; }

.lank				{	margin-left:20px;  }						
						
.tdbredd4 			{	width:300px; border:0px solid black; }

				/* För att dölja vissa element vid utskrift skapas klassen hide */
.hide				{	border:1px solid black; }

				/* H1-rubrikerna får storleken 16 punkter. */
/*h1 			{ 	font-size:16pt; 			margin-bottom:10px; 			padding:0 0 0 0; 	}*/

h1			  		{ 	margin-left:15px; margin-top:-8px; margin-bottom:5px; padding:10px 0 10px 0px; 
						font-weight:bold; font-size:16pt; letter-spacing:1px; 
						text-align:left; }

/*h2			{	margin:0; margin-left:15px; font-weight:bold; font-size:14pt; margin-bottom:10px; letter-spacing:0.5px; }*/

h2					{	margin:0; margin-left:15px; font-weight:bold; font-size:14pt; margin-top:5px; margin-bottom:5px; padding:10px 0 10px 0px;
                        letter-spacing:0.5px; }

h3			{	margin:0; margin-left:0px; font-size:12pt; margin-bottom:0px; letter-spacing:0.5px; }
		
#meny 			{ display:none; }	/* Huvudmenyn behöver inte visas vid utskrift */
.tblResultat 	{ display:none; }	/* Resultatmenyn behöver inte visas vid utskrift */
img.c2 			{ display:none;	}	/* Bilder för korrekt xhtml och css behöver inte visas vid utskrift */
#sidfot			{ display:none; }	/* Sidfoten behöver inte visas vid utskriften "Du raderade bilden" */
.sidfot			{ display:none; }	/* Sidfoten behöver inte visas vid utskrift */
.hide			{ display:none; }	/* Vissa element behöver inte visas vid utskrift */

}	/* Slut på CSS-kod för utskrift */