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


	html, body {
		background-image: url(../grafik/bg.jpg);
		background-repeat:no-repeat;
		background-attachment: fixed;
		background-position:top;
		background-color:#000;
		height: 100%;
		margin: 0;
		padding: 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:15px;
		color: #444444;
	  }
	
	a:link,
	a:active,
	a:visited {
		text-decoration:none;
		color:#333333;
		}
	
	a:hover {
		text-decoration:none;
		color:#999999;
		}
		
	h1 {
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:16px;
		font-weight:bold;
		margin-bottom:8px;
		margin-top:0px;
		}
		
	h2 {
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px;
		font-weight:bold;
		margin-bottom:5px;
		margin-top:5px;
		}
		
	h3 {
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:10px;
		margin-bottom:3px;
		margin-top:10px;
		}
		
/*--------------- MAIN LAYOUT -----------------*/
	
	#Top {
		background-color:#FFF;
		position:relative;
		width:850px;
		height:220px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:0px;
		margin-top:10px;
		}
		
			.Logo {
				position:absolute;
				left:0px;
				top:0px;
				}
				
	
	#Main {
		margin-left: auto;
		margin-right: auto;
		margin-top:0px;
		margin-bottom:0px;
		padding-top:5;
		padding-bottom:20px;
		padding-left:25px;
		padding-right:25px;
		width: 850px;
		overflow:hidden;
		border:solid 0px #999999;
		}
		
		.ColumnWrapper {
			float:left;
			width:100%;
			overflow:hidden;
			}
		
		.ColumnOne {
			float:left;
			background-color:#EEE;
			width:263px;
			height:238px;
			padding:5px;
			border:solid 1px #ccc;
			margin-bottom:10px;
			}
			
		.ColumnOnePic {
			float:left;
			background-color:#EEE;
			width:263px;
			padding:5px;
			border:solid 1px #ccc;
			margin-bottom:10px;
			}
			
		.ColumnOneHead {
			position:relative;
			background-color:#000;
			width:275px;
			height:22px;
			left: -6px;
			top: -6px;
			padding-top:10px;
			text-align:center;
			color:#FFF;
			font-size:16px;
			font-family:"Courier New", Courier, monospace;
			font-weight:bold;
			text-transform:uppercase;
			}
			
		.ColumnTwo {
			float:left;
			width:560px;
			overflow:hidden;
			background-color:#EEE;
			border:solid 1px #ccc;
			margin-bottom:10px;
			margin-left:13px;
			}
			
		.ColumnTwoText {
			float:left;
			width:550px;
			padding:5px;
			overflow:hidden;
			background-color:#EEE;
			border:solid 1px #ccc;
			margin-bottom:10px;
			margin-left:13px;
			}
		
		.ColumnTwoHead {
			position:relative;
			background-color:#000;
			width:552px;
			height:22px;
			padding-top:10px;
			text-align:center;
			color:#FFF;
			font-size:16px;
			font-family:"Courier New", Courier, monospace;
			font-weight:bold;
			text-transform:uppercase;
			}
			
		
		.ColumnFullHead {
			position:relative;
			background-color:#000;
			width:860px;
			height:22px;
			padding-top:10px;
			text-align:center;
			color:#FFF;
			font-size:16px;
			font-family:"Courier New", Courier, monospace;
			font-weight:bold;
			text-transform:uppercase;
			}
			
			
		.ColumnThree {
			float:left;
			width:850px;
			}
			

/*--------------- SPONSORER -----------------*/	

	ul.Sponsorer li {
		padding:5px;
		display: block;
		float: left;
		margin-right:20px;
		margin-bottom:20px;
		list-style-type: none;
		border: #000 1px solid;
		}
						
	ul.Sponsorer li.last-child-active { 
		margin-right:0px;
		}

/*--------------- KONTAKT -----------------*/	

	.KontaktSplit {
		float:left;
		width:50%;
		overflow:hidden;
		}
	
	.KontaktFoto {
		float:left;
		padding:5px;
		width:150px;
		height:150px;
		margin-top:10px;
		border: #666 1px solid;
		}
		
	.KontaktText {
		float:left;
		padding:5px;
		width:350px;
		margin-top:10px;
		}

/*--------------- BOTTOM -----------------*/		

	#Bottom {
		padding-left:25px;
		padding-right:25px;
		width: 850px;
		height:48px;
		margin: auto;
		margin-bottom:10px;	
		}
		
		.BottomLeft {
			width:425px;
			float:left;
			padding-top:17px;
			font-size:11px;
			border-top:solid 1px #bbbbbb;
			}
			
		.BottomRight {
			width:425px;
			float:left;
			text-align:right;
			padding-top:7px;
			font-size:11px;
			border-top:solid 1px #bbbbbb;
			}


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

	.Menu {
		background-image:url(../grafik/bg_mnu.gif);
		background-repeat:repeat-x;
		width:850px;
		height:35px;
		margin-top:0px;
		margin-bottom:10px;
		padding-top:5px;
		overflow:hidden;
		float:left;
		text-transform:uppercase;
		font-family:"Courier New", Courier, monospace;
		font-size:12px;
		}
	
	ul.mainmenu	{
		margin: 0px;
		padding: 0px;
		position: relative;
		}
	
	ul.mainmenu li {
		float:left;
		margin:1px;
		border-right:solid 1px #333333;
		list-style-type: none;
		padding-left:3px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:5px;
		position:relative;
		}
		
			.mainmenu a:link,
			.mainmenu a:active,
			.mainmenu a:visited {
				text-decoration:none;
				color:#ddd;
				padding-left:9px;
				padding-right:10px;
				padding-top:7px;
				padding-bottom:7px;
				}
		
			.mainmenu a:hover {
				text-decoration:none;
				color:#eee;
				background-color:#333;
				padding-left:9px;
				padding-right:10px;
				padding-top:7px;
				padding-bottom:7px;
				}
				
					
					ul.mainmenu li.last-child { 
						border-right: 0; 
						}
						
					ul.mainmenu li.active { 
						font-weight:bold;
						color:#fff;
						padding-left:13px;
						padding-right:14px;
						}
						
					ul.mainmenu li.last-child-active { 
						border-right:0;
						font-weight:bold;
						color:#fff;
						padding-left:9px;
						padding-right:10px;
						}
						
/*--------------- LIGHTBOX BILDER ---------------*/
		
			ul.ObjectImg {
				display:inline;
				float:left;
				margin:0px;
				padding: 0px 0px 0px 0px;
				width:847px;
				border: #000 0px solid;
				}
				
					ul.ObjectImg li {
						background-image:url(../grafik/bg_img.gif);
						width:150px;
						height:150px;
						padding:5px;
						display: block;
						float: left;
						margin-right:9px;
						margin-bottom:9px;
						list-style-type: none;
						border: #000 1px solid;
						}
						
					ul.ObjectImg li.last-child-active { 
						margin-right:0px;
						}