/*


								


	Grus och Gräs						


									


	Skapad av Oskar Odervall, oskar.odervall@hotmail.com	         	


										


	Copyright Grus och Gräs 2009				


								


*/		








/* Bakgrund och text för hela sidan */





body


{


	background-color: white;


	font-family: verdana, tahoma, Helvetica, sans-serif;


	font-size: 11px;


	color: #808080;


	text-align: left;





}








/* Omsluter innehållet */





div#container


{


	width: 950px;


	height: auto;min-height:500px;


	margin: auto; 


	position: relative;


	top: auto; 


	left: auto;


	margin-left: auto;


	margin-right: auto;


	background-color: blue;

	background-image: url("../bilder/containerbakgrund.jpg");

	background-repeat:repeat;





}








/* Innehåller logon */





div#header


{


	width: 950px;


	height: 250px;


	background-color: white;


	float: left;


	background-image: url("../bilder/grusgraslogo.jpg");


}








/* Innehåller översta menyn  */





div#menu


{


	width: 950px;


	height: 30px;


	float: left;


	margin: 0px;


	padding: 0px;


	background-color: white;


	background-image: url("../bilder/bgbakgrund.jpg");


}





/* Innehåller skuggan under översta menyn  */





div#skugga


{


	width: 950px;


	height: 30px;


	float: left;


	margin: 0px;


	padding: 0px;


	background-color: white;


	background-image: url("../bilder/skugga.jpg");


}





/* Innehåller vänstra menyn  */


div#menu2


{


	width: 190px;


	height: auto;min-height:600px;


	float: left;


	margin: 0px;


	padding: 0px;


	background-color: white;


	background-image: url("../bilder/vmenubakgrund.jpg"); background-repeat: y;


}





div#vmenu


{


	width: 190px;


	height: auto;min-height:220px;


	text-align: center;


	float: left;


	margin: 0px;


	padding: 0px;


	background-color: white;


	background-image: url("../bilder/artikeltest.jpg"); background-repeat: norepeat;


}





/* Innehåller text och innehåll */


div#text


{


	width: 570px;


	height: 100%;


	float: right;


	margin: 0px;


	padding: 0px;


	background-image: url("../bilder/textbg.jpg");


	background-repeat:repeat-x;


}





/* Innehåller högra delen  */


div#menu4


{


	width: 190px;


	height: auto;min-height:600px;


	float: right;


	margin: 0px;


	padding: 0px;


	background-color: white;


	background-image: url("../bilder/hmenubakgrund.jpg");


}














/* Innehåller vänstra menyn 2  */


div#menu5


{


	width: 150px;


	height: 200px;


	float: left;


	margin: 0px;


	padding: 0px;


	background-color: white;


}





/* Sidfoten */





div#footer


{


	width: 950px;


	height: 30px;


	left:0px;

	clear: both;

	background-color: white;


	background-image: url("../bilder/footerbakgrund.jpg");


}








p


{


	text-align: left;


	color: #808080;


	font-family: verdana, tahoma, Helvetica, sans-serif;


	font-size: 11px;


	-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding-top:0px;padding-bottom:10px;padding-left:25px;padding-right:25px;


}


p.lista


{


	text-align: left;


	color: #808080;


	font-family: verdana, tahoma, Helvetica, sans-serif;


	font-size: 11px;


	-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding-top:0px;padding-bottom:10px;padding-left:0px;padding-right:25px;


}





p.menu


{


	text-align: center;


	color: #808080;


	font-family: verdana, tahoma, Helvetica, sans-serif;


	font-size: 11px;


}


p.menu2


{


	text-align: center;


	color: white;


	font-family: verdana, tahoma, Helvetica, sans-serif;


	font-size: 11px;


	-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding-top:0px;padding-bottom:0px;padding-left:10px;padding-right:0px;


}





p.center


{


	text-align: center;


	color: #808080;


	font-family: verdana, tahoma, Helvetica, sans-serif;


	font-size: 11px;


	-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding-top:0px;padding-bottom:10px;padding-left:15px;padding-right:25px;


}





p.vanster


{


	text-align: left;


	color: #808080;


	font-family: verdana, tahoma, Helvetica, sans-serif;


	font-size: 11px;


	-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding-top:0px;padding-bottom:10px;padding-left:15px;padding-right:25px;


}





p.table


{


	text-align: left;


	color: #808080;


	font-family: verdana, tahoma, Helvetica, sans-serif;


	font-size: 11px;


	-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding-top:0px;padding-bottom:10px;padding-left:25px;padding-right:0px;


}





p.underrubrik


{


	text-align: left;


	color: #ff8113;


	font-family: verdana, tahoma, Helvetica, sans-serif;


	font-size: 11px;


	font-weight: bold;


	-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding-top:0px;padding-bottom:10px;padding-left:25px;padding-right:25px;


}





p.bold


{


	text-align: left;


	color: #808080;


	font-family: verdana, tahoma, Helvetica, sans-serif;


	font-size: 11px;


	font-weight: bold;


	-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding-top:0px;padding-bottom:10px;padding-left:15px;padding-right:25px;


}





p.italic


{


	text-align: left;


	color: #808080;


	font-family: verdana, tahoma, Helvetica, sans-serif;


	font-size: 11px;


	font-style:italic;


	-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding-top:0px;padding-bottom:10px;padding-left:30px;padding-right:25px;


}





p.stor


{


	text-align: left;


	color:  #ff8113;


	font-family: verdana, tahoma, Helvetica, sans-serif;


	font-size: 18px;


	font-weight: bold;


	-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding-top:0px;padding-bottom:10px;padding-left:25px;padding-right:25px;


}








 /* START */





  /* unvisited link */





a:link


{


color: #53b745;


text-decoration: none;


font-size: 11px;


}    





a:visited 


{


color: #53b745;


text-decoration: none;


font-size: 11px;


} 





/* mouse over link */





a:hover 


{


color: #ff8113;


text-decoration: none;


font-weight: none;


font-size: 11px;


}





/* selected link */





a:active 


{


color: #ff8113;


text-decoration: none;


font-weight: none;


}  





/* VIT LÄNK */





  /* unvisited link */





a.vit:link


{


color: white;


text-decoration: none;


font-weight: bold;


font-size: 11px;


}    





a.vit:visited 


{


color: white;


text-decoration: none;


font-weight: bold;


font-size: 11px;


} 





/* mouse over link */





a.vit:hover 


{


color: white;


text-decoration: underline overline;


font-weight: bold;


font-size: 11px;


}





/* selected link */





a.vit:active 


{


color: white;


text-decoration: none;


font-weight: bold;


}