/* 
    Structure
		Divs
		etc.

*/

body {
	text-align:center;
	background: url('../images/bg-repeat.jpg') repeat-x #DDDDDD;
	margin:0;
	padding:0;
	
	font-family:Tahoma,sans-serif;
	font-size: 0.85em;
	line-height:22px;
	color:#666666;
	font-weight: normal;
}

#wrapper {
	width:981px;
	margin: 0 auto;
	text-align:left;
}

#header {
	width:960px;
	height:130px;
	float:none;
}

	.logotyp{
		margin:10px 50px 0px 25px;
	}
	
	#navmenu {
	border:0;
	position:absolute;
	top:80px;
	left:50%;
	clear:both;
	}	
	
	#navmenu ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none !important; 
	list-style-image: none !important; 
	height:45px;
	}

	
	#navmenu li {

		display: block;
		float: left;
		font-size:14px;
		font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
		text-shadow: #141414 0px 1px 0px;
		background: url('../images/nav/menu-repeat.jpg') repeat-x top left;
	}
		li#menu-left-corner {
			background:url('../images/nav/menu-left.jpg') no-repeat left;
			width:13px;
			height:45px;
			
			border-right:0;
		}
		li#menu-right-corner {
			background:url('../images/nav/menu-right.jpg') no-repeat;
			width:10px;
			height:45px;
			border-left:1px solid lightblue;
			
		}
		#navmenu li a {
			height: 23px;
			padding: 8px 9px;
			margin: 3px 0px;
			color: #fff;
			font-weight: bold;
			vertical-align: middle;	
			display: block;
		}
	
	#navmenu a {
		text-decoration:none; 
		color: blue; 
		border-left:1px solid lightblue;
	}
	#navmenu a:hover {
		background:url('../images/nav/menu-repeat-hover.jpg') 0px -3px repeat-x;
		text-shadow: #383838 0px 1px 0px;
	}
	#navmenu a:active {
		background:url('../images/nav/menu-repeat-hover.jpg') 0px -3px repeat-x;
		text-shadow: #383838 0px 1px 0px;
	}
	
	.menu-current{
		background: url('../images/nav/menu-current.jpg') 0px -3px repeat-x !important;
	}
	
div.nav{
	clear: both;
	position: absolute;
	z-index: 1000;
	margin-left: 483px;
	margin-top: 258px;
}
div.nav button{
	background: #a8a8a8;
	width: 15px;
	height: 15px;
	border: none;
	border-radius: 100%;
}
div.nav button.selected{
	background: white;
}
div.gallery{
	height: 295px;	
}
#mid-content{
	background: url('../images/midcontent2.jpg') ;
	height: 201px;
	width: 870px;
	
	display:block;
	position:absolute;
	padding:50px;
}

#mid-content2{
	background: url('../images/midcontent-hemsida.jpg') ;
	height: 201px;
	width: 870px;
	
	display:block;
	position:absolute;
	padding:50px;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 250%;
	font-weight: bold;
	line-height:130%;
	letter-spacing:-0.05em;
	color:#fff;

	
	/* CSS3 */
	text-shadow: #A9A9A9 -1px -1px ;
}
#brand{
	top:30px;
	width:400px;
	height:400px;
	position:absolute;
}
	.cta{
		left:600px;
		top:200px;
		position:absolute;
		width:281px;
		height:84px;
		background:url('../images/cta.png');
	}
	.cta:hover{
		background:url('../images/cta-hover.png');
	}

#left-col {
	background: url('../images/vadgorvi.jpg') no-repeat;
	float:left;
	width:280px;
	margin:30px 10px 0 50px;
	padding-top:45px;
	position:relative;
	display:block;
}

#mid-col {
	background: url('../images/vadtyckkunderna.jpg') no-repeat;
	float:left;
	width:280px;
	margin:30px 10px 0 10px;
	padding-top:45px;
	position:relative;
	display:block;
}

#right-col {
	background: url('../images/seettexempel.jpg') no-repeat;
	float:left;
	width:280px;
	margin:30px 25px 0 10px;
	padding-top:45px;
	position:relative;
}
	#iFrameDiv{
		margin: 100px auto;
		z-index:100;
		position:absolute;
	}
		#iFrame{
			height:620px;
			width:955px;
			border: none;
		}
	#iFrameLink{
		cursor:pointer;
		background-color:black;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:50;
		position:absolute;
		background: url('../images/iframeBG.png');
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/iframeBG.png');
		}

#left-col-2 {
	background: url('../images/kontaktaoss.jpg') no-repeat;
	float:left;
	width:280px;
	margin:30px 10px 0 50px;
	padding-top:45px;
}

#right-col-2{
	background: url('../images/tidigarekunder.jpg') no-repeat;
	float:left;
	width:560px;
	margin:30px 25px 0 10px;
	padding-top:45px;
}

#footer {
	clear:both;
	width:960px;
	height:20px;
	text-align:center;
	background-color: #000000;
}

/*
	Elements in the page
		Fonts 
		Images

*/

		
.blockquote{
	font-family:Georgia, Utopia, Palatino, serif;
	font-size: 130%;
	font-style: italic;
	line-height:150%;
	margin-top:0em;
	margin-bottom:1em;
	display:block;
	
}

a.hidden-link{
	font-size: 0.000001px;
	text-decoration: none;
	color: inherit;
}

p{
	
}

img{
	margin-right:10px;
}
a.firstGalleryImage img{ 
	width: 230px;
	border-radius: 5px;
	border: 4px solid white;
	box-shadow: 1px 2px 29px #424242;
}