body{
	background-color: gray;
	font-family: Century Gothic;
}
/*Gemensamma inst�llningar f�r alla delar*/
.cover{
	display: block;
	margin: 0 auto;
}



/*Ta bort f�rinst�llningar p� alla l�nkar */
a:link {
	border: none;
    text-decoration: none;
	color: black;
}
a:visited {
    text-decoration: none;
	color: black;
}




#banner{
	display: block;
	width: 70vw;
	margin: 0 auto;
	padding: 0;
	
	
}







/*Tillbaka knappen*/
#backspace{
	float:left;
	width: 7.4vw;
	height: 1.7vw;
	background: url("Bilder/back1.svg") no-repeat ;
	 -webkit-background-size: cover;
			-moz-background-size: cover;
				-o-background-size: cover;
					background-size: cover;
	box-shadow: 0 0.1vw 0.1vw 0 black;
}
#backspace:hover {
   background: url("Bilder/back1_hover.svg") no-repeat;
    -webkit-background-size: cover;
		-moz-background-size: cover;
			-o-background-size: cover;
				background-size: cover;
    
}


#wrap{
	background-color: white;
	position: relative;
	width:70vw;
	padding-top: 5vw;
	margin: auto;
	margin-top: 3vw;
	
}

/*Menyrad*/
#top{
	background-color: lightblue;
	position: relative;
	width:70vw;
	height: 3.5vw;
	padding: 0;
	
	
}


/*Huvuddel*/
#main{
	background-color: blue;
	position:center;
	width: 70vw;
	height: 30vw;
	margin: auto;

}


/*Slutkant med bilder*/
#bottom{
	background-color: white;
	position:center;
	width: 70vw;
	height: 30vw;
	
}



/* Divar och rubriker i search.php */
.header_search{
	font-family: Century Gothic;
	color: black;
	font-weight: bold;
	font-size: 40px;
}
.result_row_search{ /* �ndrar hela raden med id och namn*/
font-family: Century Gothic;

}
.partid_search{ /* �ndrar partid*/
	color: red;
	
}
.partname_search{ /* �ndrar partnamn*/
	color: grey;
	
}
#list{
	float: left;
}

#niklas{
	width: 7vw;
	float: left;
	margin-right: 1vw;
	
}



/* Divar och rubriker i color.php */
.header_color{ /* �ndrar hela rubriken*/
	color: black;
	
	font-size: 25px;
	font-weight: bold;
}
#partid_color{ /* �ndrar partid*/
	color: red;
	
	font-size: 25px;
	font-weight: normal;
}
#partname_color{ /* �ndrar partnamn*/
	color: grey;
	
	font-size: 25px;
	font-weight: normal;
}
#big_pic_color{ /*Stora bilden*/
	
}
.small_pic_color{ /*sm� bilder*/
	display: block;
	margin: 0 auto;
	height:75px;
}
.pictext_color{ /*bildtext till de sm� bilderna*/
	text-align: right;
	
}
.pictext_color:hover{
	font-weight: bold;
}
.pic_text_color{ /*div med b�de bildtext och bild*/
	
	width: 100px;
	height: 100px;
	float: left;
	margin: 10px;
	
}
#wrong_color{
	
}


/* divar och rubriker i sets.php */
#header_sets{
	font-size: 30px;
	
}
.first_last_sets{  /*l�nk till f�rsta och sista sidan*/
	border-color: rgb(255, 144, 0);
	border-style: solid;
	background-color: rgba(255, 198, 83, 0.9);
	font-size: 1vw;
	padding: 0.5vw;
}
.first_last_sets:hover{
	background-color: rgb(255, 144, 0);	
}
#current_sets{ /*sidnummer f�r nuvarande sida*/
	font-size: 1.5vw;
}
.pages_sets{ /*sidnummer*/
	border-color: #FFCC39;
	border-style: solid;
	background-color: #FFF4A1;
	font-size: 1vw;
	padding: 0.5vw;	
}
.pages_sets:hover{
	font-size: 1.5vw;
}

#pagination{ /*rad med sidhanteringen*/
	margin: 2vw 0 0 0;
	text-align: center;
}
.pic_sets{
	
}
.pictext_sets{
	
}
.pic_text_sets{/*div med b�de bild och text*/
	
}
.pictext_head_sets{
	font-weight: bold;
	margin: 0;
}
.no_pic{/*inst�llningar till bild saknas*/
	width: 6vw;
}


/* Mobilanpassning*/
@media only screen 
  and (max-device-width: 600px)
  and (-webkit-min-device-pixel-ratio: 2) 
{
	#top_logga{
		width: 90vw;
	}

	/*S�krutan*/
	#search_form{
		width: 55vw;
	}
	.radio_buttons{
		font-size: 3vw;	
	}
	#search_box{
		width: 30vw;
		height: 6vw;
		font-size: 3vw;
	}
	.search_button{
			
			width: 6vw;
			height: 6vw;
	}



	/*Tillbaka knappen*/
	#backspace{
		width: 16vw;
		height: 4vw;
	}

	/*Menyrad*/
	#top{
		width:90vw;
		height: 8vw;
	}


	/*Huvuddel*/
	#main{
		width: 80vw;	
	}


	/*Slutkant med bilder*/
	#bottom{
		width: 90vw;
		height: 30vw;	
	}
	
	/* Divar och rubriker i search.php */
	.result_row_search{ /* �ndrar hela raden med id och namn*/
		font-size: 3vw;
	}



	/* Divar och rubriker i color.php */
	.small_pic_color{ /*sm� bilder*/
		width: 60vw;
		height: 60vw;
		margin: 5vw auto 0 auto; 	
	}
	.pictext_color{ /*bildtext till de sm� bilderna*/
		font-size: 10vw;
	}
	.pic_text_color{ /*div med b�de bildtext och bild*/
		display: block;
		width: 75vw;
		height: 75vw;
	}
	.first_last_sets{  /*l�nk till f�rsta och sista sidan*/
		font-size: 3vw;
		padding: 0.5vw;
	}
	.first_last_sets:hover{
		background-color: green;	
	}
	#current_sets{ /*sidnummer f�r nuvarande sida*/
		font-size: 4vw;
	}
	.pages_sets{ /*sidnummer*/
		font-size: 3vw;	
	}
	.pages_sets:hover{
		font-size: 4vw;
	}

}