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

	html, body {
	  background: #8b8b8b url(../grafik/bg.gif);
	  background-repeat: repeat-x;
	  margin: 0;
	  padding: 0;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:11px;
	  color: #666666;
	  }
	
	a:link, a:active, a:visited {
		text-decoration: none;
		color:#AA6600;
		}
	
	a:hover {
		text-decoration:underline;
		color:#CC9966;
		}
		
		
	.headline {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		}


/* Grundplaceringar startar*/

	#main {
	  width: 980px;
	  background: #FFF url(../grafik/bg-middle.gif) top right repeat-y;
	  margin: 0 auto;
	  }
	
	
	#left {
		width: 10px;
		float: left;
		}
		
	#center {
		width: 960px;
		float: left;
		}
		
	#right {
		width: 10px;
		float: left;
		}

	
	
/* Sidhuvud */

	#top {
		position:relative;
		display: inline;
		width:870px;
		}
		
	.search {
		width:130px;
		font-size:10px;
		}
		
	.searchbtn {
		width:40px;
		font-size:10px;
		}
		
	.language {
		color:#ffffff;
		}



/* Sidfot */

	#footer {
		background-image:url(../grafik/bottom.gif);
		background-repeat:no-repeat;
		height:45px;
		margin-left: 0px;
		padding-left: 30px;
		}



/* Framsidan */

	#ColumnLeft {
		position:relative;
		float:left;
		margin-left:0px;
		top:0px;
		width: 699px;
		border: #B0BBD8 solid 0px;
		}
	
	
	#ColumnRight {
		position:relative;
		float:left;
		background-image:url(../grafik/bg-video.gif);
		text-align:center;
		margin-left:28px;
		padding-top:10px;
		top:10px;
		width: 205px;
		height:230px;
		border: #B0BBD8 solid 0px;
		}

	.FullColumn {
		float:left;
		width:679px;
		margin: 0px;
		padding: 0px;
		border: #777777 0px solid;
		}


	.FpLeft {
		float:left;
		width:318px;
		margin-left:20px;
		margin-top:20px;
		margin-bottom:20px;
		border: #000 solid 0px;
		}
		
	.FpRight {
		float:left;
		width:318px;
		margin-left:20px;
		margin-top:20px;
		margin-bottom:20px;
		padding-top:25px;
		border: #000 solid 0px;
		}


		
/* Referenser i 3 kolumner */

	ul.firstcolumn {
		display:inline;
		float:left;
		margin-right: 5px; 
		margin-left: 20px;
		padding: 0 0 0 0;
		width:145px;
		border-right: #777777 1px solid;
		}
		
			ul.firstcolumn li {
				display: block;
				list-style-type: none;
				padding:0px;
				margin:0px;
				}


	ul.column {
		display:inline;
		float:left;
		margin-right: 5px;
		margin-left: 20px; 
		padding: 0 0 0 0;
		width:145px;
		border-right: #777777 1px solid;
		}
		
			ul.column li {
				display: block;
				list-style-type: none;
				padding:0px;
				margin:0px;
				}
		
			
	ul.lastcolumn {
		display:inline;
		float:left;
		margin-left: 20px; 
		padding: 0 0 0 0;
		width:145px;
		}
		
			ul.lastcolumn li {
				display: block;
				list-style-type: none;
				padding: 0px;
				margin: 0px;
				}


/* Kontakt */

	.ContactLine {
		width:300px;
		font-size:10px;
		margin-bottom:5px;
		border: #B0BBD8 solid 1px;
		}
		
	.SendBtn {
		width:60px;
		font-size:10px;
		border: #B0BBD8 solid 1px;
		}
		
	.KontaktColumnLeft {
		position:relative;
		float:left;
		margin-top:20px;
		margin-bottom:10px;
		width: 200px;
		border: #B0BBD8 solid 0px;
		}	
	
	.KontaktColumnRight {
		position:relative;
		float:left;
		margin-top:20px;
		margin-bottom:10px;
		width: 165px;
		border: #B0BBD8 solid 0px;
		}
	
	

/* Webbhotell */	
		
	.FullWebbhotell {
		float:left;
		width:659px;
		margin-left:20px;
		border: #000000 solid 0px;
		}
		
		
/* Menyn */

	#menu {
		z-index:9999;
		margin: 0 auto;
		position:relative;
		}
		
	
	ul.mainmenu	{
		margin: 0;
		padding: 0;
		}
	
	ul.mainmenu li {
		float:left;
		background: #CC9933 url(../grafik/bg-mnu.gif);
		text-align:center;
		padding-top:8px;
		width: 192px;
		height:20px;
		list-style-type: none;
		}
		
			.mainmenu a:link, a:active, a:visited {
				text-decoration:none;
				font-size:11px;
				font-weight:bold;
				color:#ffffcc;
				}
		
			.mainmenu a:hover {
				text-decoration:none;
				color:#ffcc66;
				}

	
	ul.submenu {
		background-image: none;
		background-color:#CC9933;
		border: solid 1px #cccccc;
		width: 100px;
		padding-left:5px;
		margin-left:70px;
		list-style-type: none;
		}
	
	ul.submenu li {
		float:none;
		background-image: none;
		padding-top:3px;
		text-align:left;
		width: 100px;
		}
		
			.submenu a:link, a:active, a:visited {
				text-decoration:none;
				font-size:11px;
				font-weight:bold;
				color:#ffffcc;
				}
		
			.submenu a:hover {
				text-decoration:none;
				color:#ffcc66;
				}