/*--------------- IT DESIGNER.NET -----------------*/
/*			       Mikael Löfberg    		       */
/*				 info@itdesigner.se				   */
/*-------------------------------------------------*/


	html, body {
	background-image:url(../grafik/bg-ring.gif);
	  background-color: #000000;
	  margin: 0;
	  margin-top:0px;
	  padding: 0;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:13px;
	  color: #666666;
	  }
	
	a:link,
	a:active,
	a:visited {
		text-decoration:underline;
		color:#990000;
		}
	
	a:hover {
		text-decoration:underline;
		color:#666666;
		}
		
	.Head1 {
		font-family:Arial, Helvetica, sans-serif;
		color:#fccc06;
		font-size:14px;
		font-weight:bold;
		}



/*--------------- HUVUDDELAR -----------------*/

	#container {
		width: 700px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		text-align:center;
		}
	
	#main {
		width: 700px;
		overflow:hidden;
		background-color: #FFFFFF;
		border:0px solid #a6c71f;
		margin-bottom:5px;
		}
		
	#Slogo {
		width:700px;
		text-align:right;
		font-size:18px;
		color:#999999;
		margin-bottom:5px;
		}
		
	#Top {
		position:relative;
		text-align:left;
		width:700px;
		height:100px;
		margin-bottom:10px;

		z-index:1;
		}
		
			.Logo {
				position:absolute;
				left:0px;
				top:0px;
				}
				
			.Menu {
				position:absolute;
				left: 245px;
				top:75px;
				}
		
	.ColumnLeft {
		background-image:url(../grafik/bg_trad.gif);
		background-repeat:no-repeat;
		width:360px;
		padding:10px;
		float:left;
		text-align:left;
		line-height:18px;
		border-right:solid 1px #6cb931;
		}
		
		.ColumnLeft h1 {
			font-family:Arial, Helvetica, sans-serif;
			font-style:italic;
			color:#84b718;
			font-size:26px;
			line-height:24px;
			font-weight:bold;
			}
			
		.ColumnLeft h2 {
			font-family:Arial, Helvetica, sans-serif;
			color:#84b718;
			font-size:14px;
			font-weight:bold;
			margin-bottom:0px;
			}
			
		.Offer {
			width:299px;
			padding-top:5px;
			text-align:left;
			border-top:solid 1px #6cb931;
			}
		
	.ColumnRight {
		background-image:url(../grafik/bg_trad2.gif);
		background-repeat:no-repeat;
		width:289px;
		padding:10px;
		padding-left:20px;
		margin-bottom:10px;
		text-align:left;
		float:left;
		}
		
		.ColumnRight h1 {
			font-family:Arial, Helvetica, sans-serif;
			color:#84b718;
			font-size:26px;
			line-height:24px;
			font-weight:bold;
			}
			
		.ColumnRight h2 {
			font-family:Arial, Helvetica, sans-serif;
			color:#84b718;
			font-size:14px;
			font-weight:bold;
			margin-bottom:0px;
			}
			
		
		

	#Bottom {
		width:700px;
		height:20px;
		margin: auto;
		}
		
		.BottomLeft {
			width:300px;
			float:left;
			border-top:solid 1px #6cb931;
			}
			
		.BottomRight {
			width:400px;
			padding-top:5px;
			float:left;
			text-aling:right;
			font-size:11px;
			border-top:solid 1px #6cb931;
			}
			
				.BottomRight a:link,
				.BottomRight a:active,
				.BottomRight a:visited {
					text-decoration:underline;
					font-size:11px;
					color:#666666;
					}
			
				.BottomRight a:hover {
					text-decoration:underline;
					color:#333333;
					}


/*------------------ MENY --------------------*/

	
	
	ul.mainmenu	{
		margin: 0px;
		padding: 0px;
		overflow:hidden;
		}
	
	ul.mainmenu li {
		float:left;
		margin:1px;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:7px;
		padding-right:7px;
		border-right:solid 1px #ffffff;
		height:15px;
		list-style-type: none;
		}
		
			.mainmenu a:link,
			.mainmenu a:active,
			.mainmenu a:visited {
				text-decoration:none;
				font-size:12px;
				color:#ffffff;
				}
		
			.mainmenu a:hover {
				text-decoration:none;
				color:#afd689;
				}
				
					ul.mainmenu li.last-child { 
						border-right: 0; 
						}
						
					ul.mainmenu li.active { 
						font-size:12px;
						font-weight:bold;
						color:#990000;
						}
						
					ul.mainmenu li.last-child-active { 
						border-right:0;
						font-size:12px;
						font-weight:bold;
						color:#990000;
						}