/*  
(c) 2005 Viktoriaskolan
Daniel Larsson
*/



/* --- grundattribut --- */


html 			{
			height:100%; 
			width:100%;
			}

body 			{
			top:0px; 
			padding:0px; 
			margin:0px; 
			background-color: #F0F0F0;
			font-family: Verdana, Trebuchet MS, Georgia, Helvetica, Arial, sans-serif; 
			font-size: 11px;
			line-height: 16px; 
			color: #332222;
			}



/* --- text --- */


p, font 		{
			font-family: Verdana, Helvetica, Arial, sans-serif; 
			font-size: 11px;
			line-height: 16px; 
			color: #332222;
			}

p.stortext		{
			font-size: 11px;
			}
.tabell	 		{
			font-size:11px;
			}

h1 			{
			font-family: Verdana, Trebuchet MS,Georgia, Helvetica, Arial, sans-serif; 
			font-size: 15px;
			font-weight:bold;
			line-height: 16px; 
			color: #332222;
			}

h2 			{
			font-family: Verdana, Trebuchet MS,Georgia, Helvetica, Arial, sans-serif; 
			font-size: 12px;
			font-weight:bold;
			line-height: 16px; 
			color: #332222;
			}

.rubrik			{
			font-size: 11px;
			font-weight:bold;
			line-height: 16px;
			color: #332222; 
			}


.rubrik2		{
			font-size: 11px;
			font-weight:bold;
			line-height: 16px;
			color: #332222; 
			}

.bold			{
			font-weight:bold;
			}



/* --- länkar --- */


a:link, a:active, a:visited  
			{
			line-height: 16px; 
			color: #332222; 
			font-weight:bold; 
			text-decoration: underline;
			font-size:11px;
			}

a:hover 		{
			line-height: 16px; 
			color: #AAAAAA; 
			font-weight: bold; 
			text-decoration: underline; 
			}

a.footer:link, a.footer:active, a.footer:visited
			{
			font-size:9px;
			text-decoration: none; 
			}
 
a.footer:hover 		{
			line-height: 16px; 
			color: #332222; 
			font-size:9px;
			font-weight: bold; 
			text-decoration: none; 
			background-color: #F7F7F7;
			}

a.gra:link, a.gra:active, a.gra:visited
	   		{
			color: #838384;
			font-size:11px;
			}

a.gra:hover
	   		{
			color: #AAAAAA;
			font-size:11px;
			}


/* --- sidans uppbyggnad --- */



#outcontent.index	{
			background-image: url("../image/bak2.jpg") ;
			}

#outcontent		{
			padding:0px; 
			margin-left:auto; 
			margin-right:auto; 
			width : 720px; 
			background-image: url("../image/bak3.jpg") ;
			background-repeat: repeat-y;
			background-position: 100% 100%;
			}
			
#content    		{
			margin-right: auto;
			margin-left: auto;
			width: 706px 
			}

#header 		{
			padding-top:30px;
			padding-left:0px;
			padding-right:0px; 
			margin-left:auto; 
			margin-right:auto; 
			height: 170px;
			background-color: #FFFFFF;
			}
			
#page  			{ 
			margin-top: 0px; 
			padding-top: 0px; 
			clear: both; 
			border-top:1px Solid #D8D8D8; 
			}
	
#footer 		{
			clear:both;
			padding:0px; 
			padding-top: 15px; 
			padding-left:20px;
			margin-left:auto; 
			margin-right:auto; 
			margin-bottom: 0px;
			height:30px; 
			font-family:  verdana,sans-serif;
			font-size:9px;
			background-color:#EEEEEE;
			background-repeat: repeat;
			background-attachment: scroll;
			background-position: 0 0;
			border-top:1px solid #D8D8D8; 
			border-bottom:2px solid #D8D8D8; 			
}



/* --- första sidans uppbyggnad --- */

		

#leftindex		{
			float: left;
			clear:none;
			padding-left: 10px;
			padding-right: 10px; 
			padding-top:10px;
			width: 440px;
			}
			
#rightindex		{
			float: right;
			padding-left:20px;
			padding-right:10px;
			padding-top:20px;
			width: 210px;
			}




/* --- övriga sidors uppbyggnad --- */


#leftcoloumn		{
			float: left;
			clear:none;
			padding-left: 25px;
			padding-right: 20px; 
			padding-top:15px;
			font-size:10px;
			width: 185px;
			}
			

			
#rightcoloumn		{
			float: right;
			padding-left:10px;
			padding-right:10px;
			padding-top:10px;
			width: 456px;
			}





/* --- listor --- */


.lista 	ul		{
			
			padding-left: 20px;
			font-family:  verdana,sans-serif;
			font-size:11px;
			color:#332222;
 			list-style-type:square;
			}


.pdf 	ul		{
			list-style: none;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 0;
			padding-top: 0;
			padding-left: 3px;
			padding-bottom:20px;
			clear: left;
			border: 0;
			font-size: 11px;
			line-height:20px;
			}

.pdf ul li a		{
			padding-left : 23px;
			background : url(../image/pdfikon.gif) no-repeat 0 100%;
			}




/* --- övrigt --- */

.kontakt 		{ 
			background-color: #FCFCFC; 
			color: #332222; 
			border: #332222 1px solid;  
			padding:3px;
			font-family:  Verdana, arial, sans-serif; 
			font-size: 11px;}
.kontakt2 		{ 
			background-color: #FCFCFC; 
			color: #332222; 
			padding:3px;
			border: #332222 1px solid;  
			font-family:  Verdana, arial, sans-serif; 
			font-size: 11px;}


.kontaktsubmit 		{ 
			background-color: #FCFCFC; 
			color: #332222; 
			border: #332222 1px solid;  
			font-family:  Verdana, arial, sans-serif; 
			padding-left:10px;
			padding-right:10px;
			padding-top:2px;
			padding-bottom:2px;		
			font-weight:bold;
			font-size: 11px;}


.kontaktsubmit:hover 		{ 
			background-color: #EEEEEE; 
			color: #332222; 
			border: #332222 1px solid;  
			font-family:  Verdana, arial, sans-serif; 
			padding-left:10px;
			padding-right:10px;
			padding-top:2px;
			padding-bottom:2px;		
			font-weight:bold;
			font-size: 11px;}

			
.border  		{
		 	border:1px Solid #E1E1E1; 
		 	padding: 10px;
			padding-left:10px;
		 	margin-bottom: 12px;	
			}

.border2  		{
		 	border:1px Solid #E1E1E1; 
		 	padding-left:0px;
			padding-bottom:10px;
			padding-right:0px;
			padding-top:10px;
		 	margin-bottom: 10px;						
			}
	
	
.grabakgrund  		{
			margin: 0px;
			padding-left:10px;
			padding-right:10px;
			width: 434px;
			padding-top:10px;
			background-color: #F5F5F5; 	
			}
	
.vitbakgrund  		{
			margin: 0px;
			padding-left:10px;
			padding-right:10px;
			padding-top:10px;
			width: 434px;
			}
			
.text			{
			padding-left:30px;
			padding-top:0px;		
			}


.nopadding		{
			line-height:13px;		
			}


.paddingtop		{
			padding-top:3px;	
			padding-bottom:7px;	
			}


.paddingp		{
			padding-top:20px;	
			}

.paddingbottom		{
			
			padding-bottom:10px;
			}

.paddingbottom2		{
			padding-bottom:20px;
			}

.logo			{
			padding-left:33px;
			}