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

	html, body {
	  background:url(../grafik/bg.jpg) #ffffff;
	  background-repeat:repeat-x;
	  margin: 0;
	  padding: 0;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:11px;
	  color: #222222;
	  }
	
	a:link, a:active, a:visited {
		text-decoration: none;
		color:#FF0000;
		}
	
	a:hover {
		text-decoration:underline;
		color:#CC0000;
		}
		


/* Grundplaceringar startar*/

	#Container {
	  	width: 900px;
	  	margin: 0 auto;
	  	}
	  
	#MainOne {
		width: 900px;
		float:left;
		background:#FFFFFF;
		margin-top:20px;
		margin-left:0px;
		padding-left:0px;
		padding-bottom:10px;
		border-bottom:solid 1px #cccccc;
	 	}
		
	#MainTwo {
		width: 900px;
		height: 1070px;
		background-color:#FFFFFF;
		margin-top:20px;
	 	}
		
	#MainThree {
		width: 900px;
		height: 600px;
		background-color:#FFFFFF;
		margin-top:20px;
	 	}
		

	#Top {
		width:890px;
		height:90px;
		padding-top:10px;
		padding-left:10px;
		background: url(../grafik/bg_top.jpg) #ffffff;
		background-repeat:no-repeat;
		}
		
	#Bottom {
		width:900px;
		height:20px;
		}
		
		.BottomLeft {
			width:650px;
			float:left;
			margin-top:12px;
			}
			
		.BottomRight {
			width:250px;
			float:left;
			}
			
		


/* Sidfot */

	#footer {
		width:900px;
		margin: 0 auto;
		margin-top:5px;
		
		}



/* Framsidan */

	.FirstPageImg {
		float:left;
		display:inline;
		width: 286px;
		height: 189px;
		margin-left:10px;
		z-index:-1;
		}
		
	.FirstPageHeadline {
		float:left;
		display:inline;
		width: 286px;
		height: 20px;
		margin-left: 10px;
		background-color:#8e9296;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#ffffff;
		font-weight:bold;
		text-align:center;
		z-index:-1;
		}
		
	.FirstPageText {
		float:left;
		display:inline;
		width: 276px;
		height:150px;
		margin-left: 10px;
		line-height:20px;
		padding:5px;
		background-color:#EEEEEE;
		z-index:-1;
		}
		



/* Om oss */	

	.OmossImg {
		float:left;
		width: 286px;
		height: 369px;
		margin-left: 10px;
		}
		
	.OmossText {
		float:left;
		width: 560px;
		margin-left: 10px;
		line-height:15px;
		}
		
		
/* Konferenspaket */	

	.ProductLine {
		float:left;
		width:880px;
		margin-left:10px;
		margin-bottom:20px;
		border-bottom: #B0BBD8 solid 1px;
		}
	
	.ProductImg {
		float:left;
		width: 286px;
		margin-bottom:20px;
		}
		
	.ProductText {
		float:left;
		width: 560px;
		height:191px;
		margin-bottom:20px;
		line-height:15px;
		}
		
	.ProductLeft {
		float:left;
		width:100px;
		}
		
	.ProductRight {
		float:left;
		width:450px;
		}
		
	.PDF {
		width:266px;
		height:35px;
		float:left;
		background:url(../grafik/border_pdf.gif);
		background-repeat:no-repeat;
		padding:5px;
		margin-top:10px;
		text-align:center;
		}
		
		

/* Headlines */
	
	.Head1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		padding-bottom:5px;
		}
	
	.Head2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		font-weight:bold;
		padding-top:5px;
		}
		
	.Head {
		width:880px;
		margin-left:10px;
		margin-bottom:10px;
		border-bottom: #B0BBD8 solid 1px;
		}




/* Kontakt */

	.ContactLeft {
		float: left;
		width:100px;
		}
		
	.ContactRight {
		float: left;
		width:450px;
		}
		
	.ContactRow {
		float:left;
		margin-top:20px;
		}
	
	.ContactLine {
		width:290px;
		font-size:10px;
		margin-bottom:5px;
		float:left;
		border: #B0BBD8 solid 1px;
		}
		
	.ContactPostnr {
		width:80px;
		font-size:10px;
		margin-bottom:5px;
		float:left;
		border: #B0BBD8 solid 1px;
		}
		
	.ContactAdress {
		width:199px;
		font-size:10px;
		margin-bottom:5px;
		margin-left:10px;
		float:left;
		border: #B0BBD8 solid 1px;
		}
		
	.ContactText {
		width:390px;
		font-size:10px;
		margin-bottom:5px;
		float:left;
		border: #B0BBD8 solid 1px;
		}

	.SendLine {
		width:392px;
		}
	
	.SendBtn {
		width:60px;
		font-size:10px;
		text-align:center;
		border: #B0BBD8 solid 1px;
		float:right;
		}
		
	.Contacts {
		float:left;
		width:580px;
		margin-top:50px;
		}

	.ContactPhoto {
		float:left;
		width:100px;
		height:120px;
		border: #B0BBD8 solid 1px;
		}
		
	.ContactInfo {
		float:left;
		width:146px;
		height:120px;
		margin-left:10px;
		margin-right:20px;
		border: #B0BBD8 solid 0px;
		}
		
		
/* Menyn */

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

	
	ul.submenu {
		position:absolute;
		background-image: none;
		background-color:#cccccc;
		width: 110px;
		top:20px;
		left:295px;
		_left:-590px;
		padding-left:5px;
		margin-left:30px;
		list-style-type: none;
		border: solid 1px #333333;
		z-index:9999;
		}
	
	ul.submenu li {
		float:none;
		background-image: none;
		padding-top:3px;
		text-align:left;
		width: 110px;
		}
		
			.submenu a:link, a:active, a:visited {
				text-decoration:none;
				font-size:11px;
				font-weight:bold;
				color:#444444;
				}
		
			.submenu a:hover {
				text-decoration:none;
				color:#666666;
				}