/* CSS-fil Värkstadens webbplats */

/* Basformat */

	body {
		margin:0 auto;
		padding: 0.42em;
		font-size: 76%; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		line-height: 1.33em;
		background-image: url(../bilder/logotyp.gif);
		}
		
	p 	{
		font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif;
		font-size: 1em;
		line-height: 140%;
		font-style: normal;
		margin:0 0 1.25em 0;
		padding: 0;
		}	
		
/* Rubrikformat */
		
	h1 { 
		font-family : Verdana; 
		font-size : 2em; 
		font-weight : bold; 
       }
	   
	h2 { 
		font-family : Georgia, Verdana; 
		font-size : 1.6em; 
		font-weight : normal; 
		} 
		
	h3 { 
		font-family : Verdana; 
		font-size : 1.2em; 
		font-weight : bold; 
		} 

/* Tabellformat */
	
	table {
	/*	table-layout:fixed; */
		font-family: Verdana; 
		text-align: left; 
		font-size: 1em; 
		padding:1.25em;
		border: solid 1px; 
		}
		
	th {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		letter-spacing: 2px;
		text-transform: uppercase;
		text-align: left;
		padding: 0.25em;
		background-color: #ffff00; 
		}	
		
	td {
		vertical-align:text-top;
		}
		
	#resultat {
		border: solid 1px;
		}	
	

/* Listformat */

	li{
		font-size:1em;
		}
		
/* Länkformat */	
	
	a:link { 
		color : #008000; 
		text-decoration : underline; 
		} 
		
	a:visited { 
		color : #808080; 
		text-decoration : underline; 
		} 
		
	a:hover { 
		color : #000000; 
		background-color : #f9d905; 
		} 		

/* Class-format */

	.stil1 {
		color: #FF0000
		}

	.stil2 {
		font-size: x-small
		}
		
	.center {
		text-align:center;
		}	
	
/*Vågräta menyn*/
		
	#meny_container { 
		float : left; 
		margin: 15px 15px 15px 15px;
		padding : 0; 
		border : 1px solid #cccccc; 
		font-size:0.9em;
		} 
	
	#meny { 
		font-family: Verdana, Helvetica, sans-serif; 
		font-size:0.9;
		margin : 0 0 0 0; 
		padding : 5px 0 5px 5px; 
		} 

	#meny li { 
		margin : 0 5px 0 0; 
		padding : 0 0 0 0; 
		display : inline; 
		list-style : none; 
		} 

	#meny a { 
		text-decoration : none; 
		padding : 3px 10px 3px 5px; 
		background : #f9d905; 
		border : 1px solid #f9d905; 
		}
		 
	#meny a:link { 
		color : #000000; 
		background-color: #f9d905; 
		}
		 
	#meny a:visited { 
		color : #000000; 
		} 

	#meny a:hover { 
		background-image: url(..bilder/pil_hoger3.gif); 
		background-repeat : no-repeat; 
		background-position : right center; 
		background-color: #000000; 
		text-decoration : none;
		color :#ffff00; 
		}
	 
	#meny a#current { 
		font-weight : bold; 
		background-image : url(..bilder/pil_ned3.gif); 
		background-repeat : no-repeat; 
		background-position : right center; 
		background-color: #f9d905; 
		}
		
	#meny a#current:hover{
		font-weight: bold;
		color :#ffff00; 
		text-decoration : none;
		background-color:#000000;
		}		

/*Lodräta menyn*/

	#meny1 {
		float:left;
		padding: 0.3em;
		width: 135px;
		v-align:left;
		width: 135px;
		line-height:1.67em;
		align: left;  
		}
	
	#meny1 a{
		display: block; 
		margin: 0; 
		padding: 0.3em; 
		text-decoration: none; 
		height: 100%; 
		background : #f9d905; 
		}
		
	#meny1 li {
		list-style-type: none;
		font-size: 1em; 
		background : #f9d905; 
		}
		
	#meny1 ul{
		list-style-type: none;
		margin:0 0 0 0.42em; 
		padding:0;
		font-size: 0.95em; 
		}
		 
	#meny1 ul a{
		margin: 0; 
		padding: 0.3em;
		} 

	#meny1 a:link{
		color:  #000000;
		text-decoration: none;
		}
		
	#meny1 a:visited{
		color:  #000000; 
		text-decoration : none;
		}
	
	#meny1 a:hover{
		color :#ffff00; 
		text-decoration : none;
		background-color:#000000;
		}
		
	#meny1 a#current{
		font-weight: bold;
		background-color: #f9d905; 
		}
		
	#meny1 a#current:hover{
		font-weight: bold;
		color :#ffff00; 
		text-decoration : none;
		background-color:#000000;
		}	
		
	#meny1 a#subcurrent1{
		color: #000000;
		}	
		
	#meny1 a#subcurrent2{
		color: #000000;
		}	
	
	#meny1 a#subcurrent1:hover{
		color :#ffff00; 
		text-decoration : none;
		background-color:#000000;
		}	
		
	#meny1 a#subcurrent2:hover{
		color :#ffff00; 
		text-decoration : none;
		background-color:#000000;
		}		
		
/* DIV-format */
	
	#sidlayout { 
		float:left; 
		margin-top: 3.33em;
		margin-left:5%;
		margin-right:5%;
		width: 75em;
		text-align:left;
		border: 0.08em solid #cccccc; 
		background-image: url(../bilder/logotyp.gif);
		}	
			
	#sidlayout_form 
		{ 
		z-index:0;
		float:left;
		top:0px;
		left:0px;   
		width:900px; 
		margin: 0 0 0 0; 
		text-align:left;
		padding: 5px 5px 5px 10px; 
		border: 1px solid #000000; 
		background-color: #ffcc00; 
		}
				
	#content 
		{
		float: left;
		width: 72em; 
		margin: 5px 10px 0 10px; 
		padding: 0 0 0 10px; 
		line-height: 20px; 
		border: 1px solid #cccccc; 
		background-color: #ffffff; 
		}
	
	#header{
		width:100%;
		}
	
	#foto{
		float:left;
		width:98%;
		margin:25px 15px 10px 25px;
		overflow:hidden;
		}	

	#footer 
		{
		float:left;
		text-align:center;
		width:95%; 
		height: 9em; 
		margin: 5px 10px 0px 10px ;
		padding: 0.42em 0.42em 0.42em 1.67em; 
		line-height: 14px;
		font-size:10px;
		background-color: #f9d905; 
		}
	
	#main{
		float:left;
		text-align:left;
		margin: 0 10px 0px 10px ;
		width: 54em;
		padding: 0.42em 0.42em 0.42em 1.67em; 
		background-color:#ffffff;
		}  

<!-- Specialformateringar -->
		
	#litentext {
		font-size: 0.83em;
		}	
		
	#litentext2 {
		font-size: 0.83em;
		}	
		
	#litentext3 {
		font-size: 0.83em;
		}			
		
	#boktexter {
		height:18.75em;
		width: 40.63em; 
		padding: 5px;
		}	

	#image {
		font-size:0.8em;
		text-align:center;
		margin:2em;
		}
		
/* Indexsidans specialformat */

	#intro {
		float: left;
		width:58em;
		padding: 10px; 
		}
		
	#logotyp {
		float: left;
		width:100px;
		padding: 10px; 
		}	
		
	#main_index{
		float:left;
		margin: 0px 10px 0px 10px ;
		width:67em;
		padding: 0.42em 0.42em 0.42em 1.67em; 
		background-color:#f9d905;
		}   
			
	#box1 {
		float: left;
		width:45%;
		height:17em;
		padding: 0.42em;
		margin: 0.5em;
		background-image: url(../bilder/logotyp.gif);
		-webkit.border.radius:10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}		
	
	#box2 {
		float: left;
		width:45%;
		height:17em;
		padding: 0.42em;
		margin: 0.5em;
		background-image: url(../bilder/logotyp.gif);
		-webkit.border.radius:10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}	
		
	#box3 {
		float: left;
		width:45%;
		height:28em;
		padding: 0.42em;
		margin: 0.5em;
		background-image: url(../bilder/logotyp.gif);
		-webkit.border.radius:10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}	
		
	#box4 {
		float: left;
		width:45%;
		height:28em;
		padding: 0.42em;
		margin: 0.5em;
		background-image: url(../bilder/logotyp.gif);
		-webkit.border.radius:10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}					
			
	#box5 {
		float: left;
		width:45%;
		height:11em;
		padding: 0.42em;
		margin: 0.5em;
		background-image: url(../bilder/logotyp.gif);
		-webkit.border.radius:10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}

	#footer_index {
		float:left;
		text-align:center;
		width:82em; 
		height: 90px; 
		margin: 5px 10px 0 10px; 
		padding: 0.42em 0.42em 0.42em 1.67em; 
		line-height: 14px;
		font-size:10px;
		background-color: #f9d905; 
		}	
	
	div.rounded {
		position: relative; 
		background-color: #ddf; 
		height: 8em; 
		width: 8em;
		}
		
/* Boksöksidans spcialformet*/
	
	table#boksok {
		width: 57.5em;
		height: 3em;
		font-size:1.0em;
		border:none;
		}
	
	#kategori{
		width: 17%
		}
		
	#titel{
		width: 47%
		}
		
	#forfattare{
		width: 19%
		}
		
	#ISBN{
		width: 17%
		}							
				
/* Style-switchens format */

	#styleswitch {
		font-size: 0.9em;
		color: #006600;
		float:right; 
		margin-right: 40px;
		}
	
	#styleswitch span:hover{ 
		background-color:#00ff00; 
		} 
		
/* För att göra skiplink osynlig för webbläsaren*/		
		
	.skiplink {
       position: absolute;
       left: -1000em;
       width: 1000em;
   		}
   
   a.skiplink:active, a.skiplink:focus {
        left: -8.5em;
        background-color: #fff;
    	}