/* CSS-kod för skärm */
@media screen{
				 /* Sätter marginal till 0 pixlar för att nollställa designen eftersom olika webbläsare tolkar 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. Anger att texten i bodyn ska visas i svart färg.
				    Radavståndet sätts till 1,5 gånger större än teckensnittet. Väljer en bakgrundsbild i bodyn. */
body 		 	 { margin:0px; padding-right:20px; padding-left:20px; padding-bottom:20px; padding-top:20px; 
				  font-family:Verdana,Arial,Helvetica,sans-serif; color:black; font-size:100%; line-height:150%; 
				  background-image:url(../bilder/bg_data.jpg); background-repeat:no-repeat; }

h1 				 { font-weight:normal; font-size:30px; margin:0px 0px 5px; letter-spacing:1px; }
h2 				 { font-weight:normal; font-size:22px; margin:0px 0px 5px; letter-spacing:1px; }
h3 				 { font-weight:normal; font-size:18px; margin:0px 0px 5px; color:#666666; letter-spacing:1px; }
h4 				 { font-size:14px; /*margin:10px 0 0 10px;*/ }

a:link 			 { color:#000000; }
a:visited 		 { color:#000000; }
a:hover 		 {}

				 /* Sätter bredden på hela layouten till 950 pixlar(bildpunkter). Anger att texten ska vänsterjusteras. */
#layout 	  	 { width:950px; float:left; border:0px solid black; }

				 /* Anger marginalen till 0 pixlar och bredden på sidhuvudet till 501 pixlar. Bakgrundsfärgen sätts till gul. */
#sidhuvud 	  	 { margin:0px; padding-right:10px; padding-left:10px; padding-bottom:5px; padding-top:5px; 
				   width:501px; background-color:#ffff33; }
				   
.sidhuvud_rubrik { padding-top:15px; font-size:30px; letter-spacing:1px; }
#slogan		     { margin-top:-5px;  font-size:1.2em; font-weight:bold; letter-spacing:1px; }

				  /* Sätter bredden på kolumncontainern till 950 pixlar(bildpunkter). Anger att texten ska vänsterjusteras. */
#kolumncontainer { width:950px; float:left; 
				   border-right:#cccccc 0px solid; border-left:#cccccc 0px solid; border-bottom:#cccccc 0px solid; 
				   border-top:#cccccc 0px solid; }

#kolumn1 		 { width:500px; float:left;
				   padding-right:10px; padding-left:10px; padding-bottom:10px; padding-top:10px;
				   min-height:350px; filter:alpha(opacity=90); opacity:0.9; 
				   border-right:#cccccc 0px solid; border-left:#cccccc 1px solid; background:#ffffff; }
#kolumn1 p 		 { margin:0px 0px 5px; line-height:20px; }
#kolumn2 		 { width:200px; float:left; margin:0px 0px 0px 10px; padding-right:10px; padding-left:10px; padding-bottom:10px;   
				   padding-top:10px; }

#sidfot 		 { clear:both; padding-right:5px; padding-left:5px; padding-bottom:0px; padding-top:3px; 
				   background-color:transparent; }

.rundtopph 		 { background:none transparent scroll repeat 0% 0%; }
.rundh_t1 		 { width:516px; margin:0px 5px; height:1px; overflow:hidden; background-color:#ffff33; }
.rundh_t2 		 { width:518px; margin:0px 3px; height:1px; overflow:hidden; background-color:#ffff33; }
.rundh_t3 	     { width:519px; margin:0px 2px; height:1px; overflow:hidden; background-color:#ffff33; }
.rundh_t4 		 { width:520px; margin:0px 1px; height:2px; overflow:hidden; background-color:#ffff33; }

#kolumnbox1 	 { width:179px; margin:0px; padding-right:10px; padding-left:10px; padding-bottom:0px; padding-top:0px;
			  	   background-color:#ffffff; border:#000000 0px solid; }	  
#kolumnbox1 p 	 { margin:0px; line-height:15px; }

.rund1 			 { margin:0px 0px 15px; background:none transparent scroll repeat 0% 0%; border:#000000 0px solid; }
.rundtopp1 		 { background:none transparent scroll repeat 0% 0%; }
.rundbotten1 	 { background:none transparent scroll repeat 0% 0%; }

				 /* Hörn i box 1 */
.rund1_r1 		 { margin:0px 5px; height:1px; overflow:hidden; background-color:#ffffff; }
.rund1_r2 		 { margin:0px 3px; height:1px; overflow:hidden; background-color:#ffffff; }
.rund1_r3 		 { margin:0px 2px; height:1px; overflow:hidden; background-color:#ffffff; }
.rund1_r4 		 { margin:0px 1px; height:2px; overflow:hidden; background-color:#ffffff; }

#kolumnbox2 	 { margin:0px; padding-right:10px; padding-left:10px; padding-bottom:0px; padding-top:0px;
			  	   background-color:#ffffff; border-right:#cccccc 1px solid; border-left:#cccccc 1px solid; }
#kolumnbox2 p 	 { margin:0px; line-height:15px; }

.rund2 			 { margin:0px 0px 15px; background:none transparent scroll repeat 0% 0%; }
.rundtopp2 		 { background:none transparent scroll repeat 0% 0%; }
.rundbotten2 	 { background:none transparent scroll repeat 0% 0%; }
.rund2_r1 		 { margin:0px 5px; height:1px; overflow:hidden; background-color:#cccccc; 
				   border-right:#cccccc 1px solid; border-left:#cccccc 1px solid; }
.rund2_r2 		 { margin:0px 3px; height:1px; overflow:hidden; background-color:#ffffff; 
				   border-top-width:0px; border-right:#cccccc 2px solid; border-bottom-width:0px; border-left:#cccccc 2px solid; }
.rund2_r3 		 { margin:0px 2px; height:1px; background-color:#ffffff; overflow:hidden;
				   border-right:#cccccc 1px solid; border-left:#cccccc 1px solid; }
.rund2_r4 		 { margin:0px 1px; height:2px; overflow:hidden; background-color:#ffffff; 
				   border-right:#cccccc 1px solid; border-left:#cccccc 1px solid; }

table				{ margin-left:15px; width:380px; }
#skicka	table		{ margin-left:15px; width:160px; border:#000000 0px solid; }
#skicka table td	{ border:#000000 0px solid; }

#index table		{ margin-left:10px; width:480px; }

				/* Vänster indrag med 30 pixlar inne i elementet hela av den text som visas om besökaren glömmer att ange 
				   information i någon av formulärets fält eller uppger en felaktig e-post adress. */
/*.feltext	  	{ margin-top:100px; padding-left:20px; font-size:1em; color:#FF0000; }*/
.fel_epost	  	{ margin-top:inherit; position:absolute; left:260px; top:200px; font-size:1em; color:#FF0000; }

.ul-hemsidor  	{ margin-top:-3px; border:0px solid; list-style-type:disc; position:absolute; left:30px; top:160px; font-size:1em; line-height:150%; }
.ul-support	  	{ margin-top:0px; border:0px solid; list-style-type:disc; position:absolute; left:30px; top:290px; font-size:1em; line-height:150%; }
.ul-musik	  	{ margin-top:0px; border:0px solid; list-style-type:disc; position:absolute; left:300px; top:290px; font-size:1em; line-height:150%; }	
.rubrik-mk    	{ margin-top:inherit; position:absolute; left:60px; top:150px; FONT-SIZE:1em; font-weight:bold; }
.rubrik-hs 	  	{ margin-top:inherit; position:absolute; left:60px; top:200px; FONT-SIZE:1em; font-weight:bold; }
.rubrik-ds	  	{ margin-top:inherit; position:absolute; left:60px; top:180px; FONT-SIZE:1em; font-weight:bold; }
.datasupport  	{ margin-top:0px; border:0px solid; list-style-type:disc; position:absolute; left:280px; top:380px; font-size:1em; line-height:100%; }

#kontakt a:link 	{ color:#0000FF; }
#kontakt a:visited 	{ color:#999999; }
#kontakt a:hover 	{ color:#0000FF; }

/* #form				{ margin-left:23px; } */

#tacktext    	{ margin-top:inherit; position:absolute; left:60px; top:300px; FONT-SIZE:1em; font-weight:bold; }
#tackepost 		{ color:#0000FF; }
.error			{ margin-top:inherit; position:absolute; left:60px; top:300px; FONT-SIZE:1em; font-weight:bold; }

.namn	  		{ margin-top:inherit; position:absolute;  left:60px; top:280px; FONT-SIZE:1em; font-weight:bold; }
.namn_mail		{ position:absolute; left:250px; top:90px; FONT-SIZE:1em; font-weight:bold; }

.epost 	  		{ margin-top:inherit; position:absolute; left:60px; top:300px; FONT-SIZE:1em; font-weight:bold; }
.meddelande		{ margin-top:inherit; position:absolute; left:60px; top:320px; FONT-SIZE:1em; font-weight:bold; }
.telefon		{ margin-top:inherit; position:absolute; left:60px; top:350px; FONT-SIZE:1em; font-weight:bold; }
.mobil			{ margin-top:inherit; position:absolute; left:60px; top:400px; FONT-SIZE:1em; font-weight:bold; }

.tillbaka		{ margin-top:inherit; position:absolute; left:60px; top:450px; FONT-SIZE:12px; color:blue; }

/*.tjanster     	{ margin:-15px 0 0 -5px; } */
.tjanster     	{ margin:-18px 0 0 -5px; }

.small 		  	{ font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; }
.medium			{ font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; }
.larger			{ font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; }
.largest 		{ font-family:Verdana,Arial,Helvetica,sans-serif; font-size:16px; }

.indrag			{ margin-left:18px;		}

#copyright		  {	position:absolute; left:580px; top:480px; width:150px; height:25px; margin-top:0px; background-color:white; 
					border:0px solid black; }

/* CSS menymall */
/*body {padding: 0; margin: 0;}*/
#content{margin: 0; padding: 0; float: left;}

#menycontainer ul{margin: 0; padding: 0; float: left; width:521px; background-color:#FFFF33; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }

#menycontainer li{display: inline;}

#menycontainer ul a	  {	float: left; text-decoration:none;	/*padding:0.3em 2em;*/	padding:4px 16px;
						border:1px solid #999999;}

#menycontainer a:link{color:#0000FF;}

#menycontainer a:visited{color:#999999;}

#menycontainer a:hover{border: 1px solid #0000FF; }

#menycontainer a#current{background-color:#CCCCCC; color:#FF0000; FONT-WEIGHT:bold;}

.tider a:link { color:#0000FF; }
.tider a:visited { color:#999999; }
.tider a:hover { color:#0000FF; }
}

/* 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,5 gånger större än teckensnittet. */
body  		  	{ padding:0; margin:0; margin-left:0px; font-family:Verdana,Arial,Helvetica,sans-serif; color:black; line-height:150%; }

				/* Sätter bredden på hela layouten till 640 pixlar(bildpunkter). Väljer att all text ska vänsterjusteras. */
#layout 	  	{ width:640px; margin-left:0px; margin-top:0px; text-align:left; background-color:#ffffff; }

#form			{ margin-left:23px; }

#tacktext    	{ margin-top:inherit; position:absolute; left:60px; top:160px; FONT-SIZE:1em; font-weight:bold; }
#tackepost 		{ color:#0000FF; }
.error			{ margin-top:inherit; position:absolute; left:60px; top:160px; FONT-SIZE:1em; font-weight:bold; }

.namn	  		{ margin-top:inherit; position:absolute;  left:60px; top:180px; FONT-SIZE:1em; font-weight:bold; }
.namn_mail		{ position:absolute; left:250px; top:90px; FONT-SIZE:1em; font-weight:bold; }

.epost 	  		{ margin-top:inherit; position:absolute; left:60px; top:200px; FONT-SIZE:1em; font-weight:bold; }
.fel_epost	  	{ margin-top:inherit; position:absolute; left:260px; top:200px; font-size:1em; color:#ff0000; }

.meddelande		{ margin-top:inherit; position:absolute; left:60px; top:220px; FONT-SIZE:1em; font-weight:bold; }
.telefon		{ margin-top:inherit; position:absolute; left:60px; top:250px; FONT-SIZE:1em; font-weight:bold; }
.mobil			{ margin-top:inherit; position:absolute; left:60px; top:300px; FONT-SIZE:1em; font-weight:bold; }

/*.tillbaka		{ margin-top:inherit; position:absolute; left:60px; top:400px; FONT-SIZE:12px; color:blue; } */

.tjanster     { margin:-18px 0 0 -5px; }

p 		  	  { margin-top:0px; }

				/* H1-rubrikerna har flyttats ner 10 pixlar. Huvudrubrikerna får storleken 24 pixlar och visas i fet stil. 
				   Lite mellanrum mellan bokstäverna(letter-spacing) gör rubriken tydligare. */
h1			  { margin-top:10px; font-size:24px; font-weight:bold; letter-spacing:1px; }

				/* H2-rubrikerna har flyttats ner 10 pixlar. För att skapa lite luft innan stycke-texterna börjar har 5 pixlar 
				   bottenmarginal lagts in. Rubrikerna får storleken 20 pixlar. */
h2 			  { font-size:20px; margin-top:10px; margin-bottom:5px; }

				/* H3-rubrikerna får storleken 18 pixlar(bildpunkter). */
h3 			  { font-size:18px; margin-bottom:0px; padding:0 0 0 0; }

				/* H4-rubrikerna får storleken 15 pixlar(bildpunkter). */
h4 			  { font-size:15px; margin-bottom:-10px; padding:0 0 0 0; }

img			  { margin-left:100px; }

#sidfot 	  { position:absolute; left:60px; top:800px;
				clear:both; padding-right:5px; padding-left:5px; padding-bottom:0px; padding-top:3px; 
				background-color:transparent; }

div#sidhuvud  	{ display:none; }	/* Sidhuvudet behöver inte visas vid utskrift */
#menycontainer	{ display:none; }	/* Huvudmenyn behöver inte visas vid utskrift */
div#red  	  	{ display:none; }	/* Den mörkröda diven behöver inte visas vid utskrift */
#skicka	table	{ display:none; }
#kolumnbox1		{ display:none; }
#date			{ display:none; }
#bild-anders	{ display:none; }
.tillbaka		{ display:none; }
}