body{
margin: 0px;
padding-left: 100px;
padding-top: 20px;
font-family: Verdana, Sans-serif;
font-size: 10pt;
/*box-sizing: border-box;*/
}

/* blocken och text och bilder i blocken */

#top{
margin: 0px;
width: 782px;
height: 60px;
}

#top img{
float: right;
margin-right: 5%;
}

#head{
margin: 0px;
padding: 0px;
width: 782px;
height: 30px;
background-color: #595959;
}

* html #head{
margin: 0px;
padding: 0px;
width: 782px;
height: 30px;
background-color: #595959;
}

* html #head h1{
color: #fff;
font-size: 0.9em;
float:right;
margin-right: 3%;
margin-top: 7px;
}

#head h1{
color: #fff;
font-size: 0.9em;
float:right;
margin-right: 8%;
margin-top: 7px;
}

#center{
position: absolute;
width: 760px;
border: 1px solid #000;
padding: 10px;
}

* html #center{
position: absolute;
padding: 10px;
margin: 0px;
width: 780px;
border: 1px solid #000;
} /* ram runt centerblocket */


#out_center{
position: absolute;
margin-top: 10px;
padding: 0px;
width: 760px;
}

#out_center:after{	
content: ".";	 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#center:after{	
content: ".";	 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#out_top_main{
position: absolute;
top: 10px;
left: 170px;
width: 600px;
background-color: #fff;
}

#top_main{
margin-bottom: 0px;
padding: 0px;
border: 1px solid black;
}


* html #top_main{
margin-bottom: 0px;
border: 1px solid black;
padding: 0px;
}

#top_main h1{
font-size: 1.4em;
}

#top_main p{
font-size: 1em;
}

h2, h3{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	font-weight:bold;
}

#left_main{
width: 300px;
margin-left: 160px;
}

* html #left_main{
width: 300px;
margin-left: 158px;
}

div #default_page{
padding: 10px;
width: 560px;
}

* html div#default_page{
margin: 10px;
width: 560px;
}

#thin_yellow{
position: absolute;
bottom: 0px;
left: 0px;
width: 600px;
height: 20px;
padding: 0px;
margin: 0px;
background-color: #E8A900;
}

* html #yellow{
position: absolute;
bottom: 10px;
left: 10px;
width: 568px;
height: 20px;
padding: 0px;
margin: 0px 0px 0px 0px;
background-color: #E8A900;
}

div #foot{
position: absolute;
bottom: 10px;
left: 10px;
height: 60px;
width: 750px;
background-color: #fff;
padding: 0px;
}

* html div #foot{
position: absolute;
bottom: 10px;
left: 10px;
height: 60px;
width: 750px;
background-color: #fff;
padding: 0px;
}


#foot p{
font-size: 0.7em;
margin: 0px;
padding: 7px;
display: block;
float: left;
width: 360px;
height: 45px;
background-color: #eee;
z-index: 100;
}

* html #foot p{
font-size: 0.7em;
margin: 0px;
padding: 7px;
display: block;
float: left;
width: 380px;
height: 60px;
background-color: #eee;
z-index: 100;
}

#foot #img_umu{
position: absolute;
top: 0px;
right: 20px;
}

#foot #img_ltu{
position: absolute;
top: 5px;
right: 100px;
}

#foot #img_vll{
position: absolute;
top: 35px;
right: 210px;
}


#under_foot{
position: absolute;
bottom: 10px;
left: 10px;
margin: 0px;
width: 700px;
height: 30px;
padding: 0px;
}

* html #under_foot{
position: absolute;
bottom: -90px;
left: 10px;
margin: 0px;
width: 700px;
height: 30px;
padding: 0px;
}

#under_foot img{
float: left;
}

#under_foot h1{
font-size: 1.0em;
padding: 0px;
margin: 0px;
}

#under_foot p{
font-size: 0.7em;
padding: 0px;
margin: 0px;
}

#out_menu{
position: absolute;
top: 10px;
left: 10px;
width: 150px;
background-color: #595959;

}

#menu{
margin: 0px;
width: 150px;
background-color: #595959;
color: #fff;
z-index: 100; //hamna overst i alla lagen
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; 
	border-bottom: 0px solid #888;
}

#menu ul li {
	position: relative;
}
	
#menu li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* Styles for Menu Items */
#menu ul li a{
display: block;
text-decoration: none;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 0px solid #888;
border-bottom: 0px;
background-color: #595959;
color: #fff;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li {
float: left; 
height: 1%;
}

* html #menu ul li a { 
height: 1%; 
}
/* End */

#menu ul li a:hover {
color: #333;
background: #595959;
border-color: #ceab39;
border-width: 0px 5px 0px 5px;
}
		
#menu li ul li a {
padding: 5px 5px;
} /* Sub Menu Styles */
		
#menu li:hover ul, #menu li.over ul {
display: block;
} /* The magic */

/* end menu */

a:link{
color: black;
text-decoration: underline;
}
a:hover{
color: black;
text-decoration: underline;
background-color: #eee; 
}

a:visited{
color: black;
}

/* här kommer indexsidans speciella block */

#index_center{
border: 1px solid #000;
padding: 10px;
margin-top: 10px;
width: 760px;
}

* html #index_center{
border: 1px solid black;
padding: 10px  10px 20px 10px;
margin-top: 10px;
width: 780px;
}

#index_center:after{	
content: ".";	 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#index_top_main{
width: 570px;
height: 270px;
float: right;
background:url(bilder/startbild.gif) repeat-y #fff;
margin-bottom: 10px;
padding: 15px;
}

* html #index_top_main{
width: 598px;
height: 300px;
float: right;
background:url(bilder/startbild.gif) repeat-y #fff;
margin-bottom: 10px;
padding: 15px;
}

#index_top_main h1, #top_main_tom h1{
font-size: 1.4em;
}

#index_top_main p, #top_main_tom p{
font-size: 1em;
}

div #index_default_page{
margin: 20px 30px 0px 260px;
}

* html div #index_default_page{
margin: 40px 30px 0px 260px;
}

#index_under_main{
width: 590px;
height: 80px;
float: right;
padding-left: 10px;
padding-top: 10px;
background-color: #E8A900;
}

* html #index_under_main{
width: 598px;
height: 90px;
float: right;
padding-left: 10px;
background-color: #E8A900;
}

#index_under_main .left{
width: 47%;
float: left;
}

#index_under_main h1{
font-size: 1.0em;
}

* html #index_under_main h1{
font-size: 1.0em;
margin-top: 10px;
margin-bottom: -10px;
}

#index_under_main p{
font-size: 0.8em;
}

#index_under_main .right{
width: 47%;
float: right;
}

#index_under_main h1 a:link{
color: black;
text-decoration: underline;
}

#index_under_main h1 a:hover{
color: #fff;
text-decoration: none;
background-color: #E8A900;
}

#index_under_main h1 a:visited{
color: black;
text-decoration: underline;
}


div #index_out_foot{
float: left;
margin-top: 10px;
height: 60px;
width: 750px;
background-color: #fff;
padding: 0px;
}

* html div #index_out_foot{
float: left;
margin-top: 0px;
height: 60px;
width: 750px;
background-color: #fff;
padding: 0px;
}

div #index_foot{
position: absolute;
width: 750px;
}

* html div #index_foot{
float: left;
margin-top: 10px;
height: 60px;
width: 750px;
background-color: #fff;
padding: 0px;
}


#index_foot p{
font-size: 0.7em;
margin: 0px;
padding: 7px;
display: block;
float: left;
width: 360px;
height: 45px;
background-color: #eee;
z-index: 100;
}

* html #index_foot p{
font-size: 0.7em;
margin: 0px;
padding: 7px;
display: block;
float: left;
width: 380px;
height: 60px;
background-color: #eee;
z-index: 100;
}

#index_foot #img_umu{
position: absolute;
top: 0px;
right: 20px;
}

#index_foot #img_ltu{
position: absolute;
top: 5px;
right: 100px;
}

#index_foot #img_vll{
position: absolute;
top: 35px;
right: 210px;
}

#index_under_foot{
clear: both;
margin: 0px;
width: 760px;
height: 60px;
padding: 7px;
}

#index_under_foot img{
float: left;
}

#index_under_foot h1{
font-size: 1.0em;
padding: 0px;
margin: 0px;
}

#index_under_foot p{
font-size: 0.7em;
padding: 0px;
margin: 0px;
}

#index_menu{
margin: 0px;
width: 150px;
height: 400px;
background-color: #595959;
color: #fff;
float: left;
}

#index_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; 
	border-bottom: 0px solid #888;
}

#index_menu ul li {
	position: relative;
}
	
#index_menu li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* Styles for Index Menu Items */
#index_menu ul li a{
display: block;
text-decoration: none;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 0px solid #888;
border-bottom: 0px;
background-color: #595959;
color: #fff;
}

/* Fix IE. Hide from IE Mac \*/
* html #index_menu ul li {
float: left; 
height: 1%;
}

* html #index_menu ul li a { 
height: 1%; 
}
/* End */

#index_menu ul li a:hover {
color: #333;
background: #595959;
border-color: #ceab39;
border-width: 0px 5px 0px 5px;
}
		
#index_menu li ul li a {
padding: 5px 5px;
} /* Sub Menu Styles */
		
#index_menu li:hover ul, #index_menu li.over ul {
display: block;
}

/* slut på indexsidans block, här kommer projektsidorna */

#left_main{
width: 300px;
margin-left: 160px;
}

* html #left_main{
width: 300px;
margin-left: 158px;
}

#right_main{
width: 270px;
height: 338px;
position: absolute;
top: 132px;
left: 568px;
background-color: #fff;
padding: 15px;
border: 1px solid black;
}

* html #right_main{
width: 300px;
height: 368px;
position: absolute;
top: 132px;
left: 568px;
background-color: #fff;
padding: 15px;
border: 1px solid black;
}

#right_main h1{
font-size: 1.4em;
}

#right_main p{
font-size: 1em;
}

#thin_under_main{
width: 600px;
height: 20px;
float: right;
padding: 0px;
margin-top: 10px;
background-color: #E8A900;
}

* html #thin_under_main{
width: 598px;
height: 20px;
float: right;
padding: 0px;
margin-top: 8px;
background-color: #E8A900;
}

/*hoverbox gallery */

.hoverbox
{
	cursor: default;
	list-style: none;
	padding-left: 10px;
}

* html .hoverbox
{
	cursor: default;
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

* html .hoverbox a:hover .preview
{
	display: none;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 150px;
	height: 112px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 300px;
	height: 225px;
}

* html .hoverbox .preview
{
	display: none;
	border-color: #000;
	width: 300px;
	height: 225px;
}

img.left{
margin-right: 15px;
float: left;
}

.clear_left{
clear: left;
}

.adresser, .adresser a{
color: #777;
}

td
{
	margin-top: 0px;
	text-align:left;
}