body {
	margin:  0;
	padding: 0;
	color: #555555;
	font: normal 12px/1.4em verdana, helvetica, sans-serif;
	background: #fff;
	}

*	{
	margin:  0;
	padding: 0;
	border:  none;
	outline: none;
	}

a:link, a:visited 
{
	color: #0071ad;
	text-decoration: none;
}
a:hover
{
	color: #888888;
}

ul, li {
	list-style-type: none;
	}

.left {
	float: left;
	}
	
.right {
	float: right;
	}

.clear {
	clear: both;
	}

/*
---------------------------------------------------------------------
Wrapper
---------------------------------------------------------------------
*/
	
#wrapper {
	margin: 0 auto;
	width: 855px;
	}

/*
---------------------------------------------------------------------
Header
---------------------------------------------------------------------
*/

#header {
	margin: 20px 0;
	width: 855px;
	background: url(../img/header_bg.jpg) repeat-x 0 0;
	float: left;
	}
	
#header h1 {
	float: left;	/*Vänsterställd*/
	margin: 0 auto;
	padding: 0 10px;
	background: #fff url(../img/tellstedt.jpg) no-repeat top center;
	width: 305px;
	height: 40px;
	}

#header h2 {
	margin: 10px 0;
	color: #000;
	background: #fff;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	}

#header ul {
	width: 855px;
	/*background: #e0e0e0;*/
	float: left;	
	}
	
#header li {
	padding: 5px 10px;
	color: #000;
	font: bold 12px/12px arial, helvetica, sans-serif;
	text-transform: uppercase;
	border: #fff 1px solid;
	border-width: 0 1px;
	float: left;
	}
	
#header li.first {
	border-width: 0 1px 0 0;
	}	

#header li.last {
	border-width: 0 0 0 1px;
	}	

/*
---------------------------------------------------------------------
Main menu
---------------------------------------------------------------------
*/

#mainmenu
{
	width:630px;
	margin-top: 10px;
	/*background:#00FF00;*/
}
#mainmenu ul
{
	float:left;
	
	/*background:#DDDDDD;*/
	
	width: auto;
	
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:0px;
}
#mainmenu li
{
	float:left;
	
	background:#DDDDDD;	
	border: #fff 1px solid;
	border-width: 0 1px;
	
	padding: 5px 9px;
	
	margin-top:1px;
	margin-bottom:1px;
	
	color: #000000;
	font: bold 12px/12px arial, helvetica, sans-serif;
	text-transform: uppercase;
	
	cursor:pointer;
}
#mainmenu li:hover { background:#EEEEEE; }
#mainmenu li.active { background:#0071ad; }

/*
---------------------------------------------------------------------
Content
---------------------------------------------------------------------
*/
	
#content {
	width: 640px;
	clear: both;
	float: left;
	padding: 0 19px 0 0;	
	border-right: #74a2c7 2px solid;
	}
	
#undersida1 #content {
	width: 650px;
	}

#kontakt #content,
#referens #content {
	padding: 0;
	width: 855px;
	border: none;	
	}
#content1{
	width: 100%;
	clear: both;
	float: left;
	padding: 0 19px 0 0;	
	
	}
.d640 {
	padding: 0 0 20px 0;
	width: 640px;
	font: italic 10px/10px verdana, helvetica, sans-serif;
	}
	
	
.d325 {
	width: 325px;
	}	
	
.d300 {
	padding: 0 0 20px 0;
	width: 300px;
	}
	
.d295 {
	width: 295px;
	}	

.d258 {
	margin: 0 85px 0 0;
	width: 228px;
	font-size: 11px;
	/*background-color: #cccccc;*/
	}
	
.d258.last {
	margin: 0 0 0 0px;
	}	
	
.entry {
	margin: 0 0 5px 0;
	}	
	
.image img {
	margin: 0 0 10px 0;	
	}
	
#var {
	margin: 0 0 20px 0;
	clear: both;
	}
	
#var2 {
	margin: 20px 0;
	width: 855px;
	float: left;
	clear: both;
	}	
	
#search_m {
	padding: 20px 0;
	clear: both;
	}	

#search_m input,
#search_o input {
	padding: 5px;
	border: #c0c0c0 1px solid;
	}
	
#search_m form,
#search_o form {
	margin: 0 0 20px 0;
	}
	
a.hitta,
a.hitta:link,
a.hitta:visited {
	color: #888;
	font: bold 24px/24px arial, helvetica, sans-serif;
	text-decoration: none;
	}	
	
a.hitta:hover {
	color: #000;
	}
	
#referens .referensobjekt {
	margin: 10px 0 40px 0;
	}
	
/*
---------------------------------------------------------------------
Sidebar
---------------------------------------------------------------------
*/

#sidebar {
	width: 175px;
	float: right;
	font-size: 10px;
	}
	
#undersida1 #sidebar {
	width: 165px;
	}
	
#sidebar div {
	padding: 0 0 10px 0;;
	}
	
#sidebar .referens {
	color: #000;
	font-size: 10px;
	}	

	
/* text */

h2 	{
	margin: 0 0 10px 0;
	padding: 5px;
	color: #FFFFFF;
	font: bold 14px/14px arial, helvetica, sans-serif;
	text-transform: uppercase;
	background: #0071ad;
	}
	
h3 	{
	margin: 0 0 10px 0;
	color: #444;
	font: bold 14px/14px arial, helvetica, sans-serif;
	}	
	
h4 	{
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	color: #000;
	font: italic 12px/12px arial, helvetica, sans-serif;
	border-bottom: #ddd 1px solid;
	}	

.blue {
	padding: 5px;
	background: #DDDDDD;
	}

.center {
	text-align: center;
	}
	
#referens .referensobjekt h2 {
	margin: 0;
	background: #cdcdcd;
	display: inline;
	}	
	
#referens .referensobjekt p {
	padding: 10px 0 0 0;
	}	
	
#var h1 {
	margin: 0 0 10px 0;
	font: italic 22px/22px arial, helvetica, sans-serif;	
	}
	
#var span.kontakt {
	margin: 0 10px;
	font: italic 16px/16px arial, helvetica, sans-serif;
	}	
	
#referens #var2 span.kontakt {
	margin: 0 10px;
	font: normal 14px/14px arial, helvetica, sans-serif;
	}	

/*
---------------------------------------------------------------------
Footer
---------------------------------------------------------------------
*/

#footer {
	margin: 0 0 20px 0;
	width: 855px;
	background: url(../img/footer_bg.jpg) repeat-x 0 30px;
	float: left;
	clear: both;
	}

#footer .f1 {
	margin: 0 auto;
	width: 620px;
	}
	
#footer .femtio {
	height: 85px;
	width: 280px;
	background: url(../img/1958_2008.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;	
	}	
	
#footer .tellstedt {
	padding: 0 5px;
	color: #fff;
	font: italic 18px/80px Georgia, Times New Roman, serif;
	height: 60px;
	float: right;
	}
	
#footer .f2 {
	padding: 20px 0;
	text-align: center;
	clear: both;
	}	
	
#footer .f2 a,
#footer .f2 a:link,
#footer .f2 a:visited {
	margin: 0 5px;
	color: #888;
	font-size: 12px;
	text-decoration: none;
	}
	
#footer .f2 a:hover {
	color: #000;
	}	
	
/*
---------------------------------------------------------------------
Referenstabell
---------------------------------------------------------------------
*/	

#referensobjekt-wrapper {
	margin: 0 50px 0 50px ;
	width: 755px;
	float: left;
	/*background-color: #ff8800;*/
	}

.referenstabell {
	width: 100%;
	/*background-color: #ccc;*/
	}
	
.referensuppgifter-tabellcell-vanster {
	height: 30px;
	width: 130px;
	font-weight: bold;
}

.referensuppgifter-tabellcell-mitten {
	height: 30px;
	font-weight: normal;
}

.referensuppgifter-tabellcell-hoger {
	line-height: 20px;
	font-weight: normal;
}

.referensobjekt-bildtext {
	
	font: italic 10px verdana, Times New Roman, serif;
}

.referensobjekt-rubrikplatta  {
	width: 855px;
	background-color: #0071ad;
	line-height: 30px
	float: left;
	clear: both;
	color: #FFFFFF;
	margin: 0px;
	
	}
	
.referensobjekt-rubrik  {
	
	font: italic 20px verdana, helvetica, sans-serif;
	color: #FFFFFF;
	
	}


.referensobjekt-kontaktuppgifter {
	
	font: normal 10px verdana, helvetica, sans-serif;
	color: #666;
	line-height: 13px;
	
	}
	
.referensobjekt-bottom-border

	{
		
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
		
	}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -550;
left: 60px; /*position where enlarged image should offset horizontally */

}
.thumbnailright{
position: relative;
z-index: 0;

}

.thumbnailright:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailright span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -540px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailright span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnailright:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -550;
right: 50px; /*position where enlarged image should offset horizontally */

}