/* CSS. Mediatyp, all. Författare Jenny Blomqvist, Webmind, jenny@webmind.se */

/*
Färg

*/


html
{
	margin:0;
	padding:0;
	height:100%;
	
}

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #000;
	color:#FFFFFF;
	margin:20px 0 0 40px;
	padding:0;
}

#top
{
	position:relative;
	margin:0px 0 0px 0px;
	padding:0px 0px 0px 0px;
	height:110px;
	width:900px;
	background-color:#000;
	background-image:url(../grfx/line.jpg); background-position:bottom; background-repeat:no-repeat;
}

/*box på projektsidor*/
#main
{
	position:relative;
	float:left;
	padding:0px;
	margin:0px 0px 0px 0px;
	width:900px;
	min-height:0px;
	background-color:#000;
}

#main2
{
	position:relative;
	float:left;
	padding:0px;
	margin:30px 0px 20px 0px;
	width:900px;
	min-height:280px;
	background-color:#000;
}

#menu
{
	position:relative;
	float:left;
	clear:none;
	padding:0px;
	margin:20px 0px 0 0px;
	width:550px;
	height:20px;
	font-size:16px; font-weight:bold;
	letter-spacing:0px;
	
}


#textboxfront
{
	position:relative;
	float:right;
	clear:right;
	padding:0px;
	margin:0px 5px 0 10px;
	width:360px;
	min-height:350px;
}

#textbox
{
	position:relative;
	float:left;
	clear:left;
	padding:0px;
	margin:0px 0 0 0px;
	width:500px;
	min-height:350px;
}
#textbox2
{
	position:relative;
	float:left;
	clear:left;
	padding:0px;
	margin:0px 0 0 0px;
	width:505px;
	min-height:350px;
}



#flashbox
{
	position:relative;
	float:left;
	clear:left;
	padding:0px;
	margin:0px 0 0 0px;
	width:505px;
	height:333px;
}



#menu2
{
	position:relative;
	float:left;
	clear:left;
	padding:0px;
	margin:10px 0px 30px 5px;
	width:500px;
	height:20px;
	font-size:12px;;
	letter-spacing:0px;
}


#foot
{
	position:relative;
	padding: 0px;
	margin: 0 auto;
	width:0px;
	height: 0px;
	
}



/*  Klasser  */

.staff
{
	position:relative;
	float:left;
	padding:0px;
	margin:0px 0 20px 0px;
	width:505px;
	min-height:100px;
}

.staff2
{
	position:relative;
	float:left;
	clear:both;
	padding:0px;
	margin:0px 0 5px 0px;
	width:380px;
	min-height:50px;
}


.imgstaff
{
	position:relative;
	float:right;
	clear:none;
	padding:0px;
	margin:0px 0px 0 30px;
}


.logo
{
	float:left;
	clear:right;
	height:40px;
	width:521px;
	margin:10px 0 0 0;
	padding:0 0 0 0;

}


.logo a img
{
border:none;
}

.topimg
{
	float:right;
	clear:right;
	margin:0px 0px 0px 0px;

}


/*bilder och text på projektsida*/
.arrowbox
{
	position:relative;
	margin:5px auto 0px auto;
	float:left;
	clear:left;
	width:900px;
	height:20px;
	text-align:center;
}
.arrowbox2
{
	position:relative;
	margin:20px 0 0px 0;
	float:right;
	clear:none;
	width:150px;
	height:20px;
	text-align:center;
}


.arrowbox a img
{
	border:none;	
}


.arrowleft
{
	margin:5px 0px 0px 350px;
	float:left;
	border:none;
}

.arrowright
{
	margin:5px 350px 0px 0;
	float:right;
	border:none;
}

.arrowleft1
{
	margin:2px 0px 0px 0px;
	float:left;
	border:none;
}

.arrowright1
{
	margin:2px 0px 0px 0;
	float:right;
	border:none;
}


.arrowtext
{
	margin:0px 0px 0px 0px;
	float:left;
	border:none;
}

.smallarrow
{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0 0 0;
	border:none;
}



.img1
{
	margin:5px 3px 0px 0px;
	float:left;
	clear:none;
	border:none;
}



.img2
{
	margin:5px 3px 0px 3px;
	float:left;
	clear:none;
	border:none;

}

.img5
{
	margin:5px 0px 0px 3px;
	float:left;
	clear:none;
	border:none;

}

.imgtext1
{
	margin:5px 3px 0px 0px;
	float:left;
	clear:none;
	width:175px;
}

.imgtext2
{
	margin:5px 3px 0px 3px;
	float:left;
	clear:none;
	width:175px;

}

.imgtext5
{
	margin:5px 0px 0px 3px;
	float:left;
	clear:none;
	width:175px;

}

.imgbuilding
{
	margin:0px 0px 0px 0px;
	float:right;
	clear:none;
	border:none;

}

.ritning
{
	width:840px;
	height:547px;
	margin:0px 0px 0px 0px;
	padding:30px 30px 40px 30px;
	float:right;
	clear:none;
	background-color:#FFFFFF;
	border:none;

}

.underline
{
	font-weight:bold;
	text-decoration:underline;

}

.karta
{
	margin:0px 0px 0px 0px;
	float:right;
	clear:none;
	border: 1px solid #fff;

}

.kartatext
{
	margin:0px 0px 0px 0px;
	float:left;
	clear:none;
	color:#FF8811;
}


/* bilder under medarbetare sidan*/
.profilebox
{
	margin:0px 210px 0px 0px;
	float:right;
	clear:left;
	width:91px;
	height:600px;
}

.profilepict
{
	margin:0px 0px 10px 0px;
}

.profilepict2
{
	margin:33px 0px 0px 0px;

}

a.root, a.root:hoover, a.root:visited
{color:#000000;}

/*  Texter och rubriker */

p
{
	font-family:Arial, Helvetica, sans-serif; font-size: 12px;font-weight: normal;color: #fff;
	line-height:120%; word-spacing:0px;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;

}
h1  /* välkommen*/
{
	font-family:Arial, Helvetica, sans-serif; font-size: 16px;font-weight: bold;color: #fff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}

h2 /* Rubrik utan bottenmarginal, används på portfolio*/
{
	font-family:Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold;color: #fff;
	margin:15px 0px 7px 0px;
	padding:0px 0px 0px 0px;
}

h3 /* Underrubrik på ritning*/
{
	font-family:Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold;color: #000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

h4 /* Rubrik medarbetare och kontakt*/
{
	font-family:Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold;color: #fff;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
}

h5 /* kontaktsida*/
{
	font-family:Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold;color: #fff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

h6 /* kontaktsida*/
{
	font-family:Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold;color: #FF8811;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


h3 + p
{
	margin:0;
	padding:0;

}


/*  Länkar  */
a
{
	color:#fff;
	text-decoration:none;
	outline:none;
}
a:visited
{
	color:#fff;
	text-decoration:none;
}
a:active
{
	color:#fff;
	text-decoration:none;
}
a:hover
{
	color:#DBDBDB;
	text-decoration:none;
}

#stopper a
{
	text-decoration:none;

}
#stopper a:hover
{
	text-decoration:none;
	color: #fff;

}

/*  Meny  */

ul#navigation
{
			padding: 0;
			margin: 0px 0px 0 0px;
			list-style-type: none;
			
}
		
ul#navigation li 
{ 
			margin: 0px 20px 0 0px;
			display: inline;
			float: left;
			border: none;
}
		
ul#navigation li a
{
			padding: 0px 0px 0 0px;
			margin:0 0px;
			clear:none;
			text-decoration: none;
			letter-spacing:2px;
			font-size:16px; font-weight:bold;
			line-height:normal;

}

ul#navigation li p
{
			padding: 0px 0px 0 0px;
			margin:0px 0 0 0px;
			text-decoration: none;
			color:#FF8811;
			font-size:16px; font-weight:bold;
			letter-spacing:2px;
			line-height:normal;
}



ul#navigation li a:hover
{}
/*undermeny*/
ul#navigation2
{
			padding: 0;
			margin: 0px 0px 0 0px;
			list-style-type: none;
			
}
		
ul#navigation2 li 
{ 
			margin: 0px 20px 0 0px;
			display: inline;
			float: left;
			border: none;
}
		
ul#navigation2 li a
{
			padding: 0px 0px 0 0px;
			margin:0 0px;
			clear:none;
			text-decoration: none;
}

ul#navigation2 li p
{
			padding: 0px 0px 0 14px;
			margin:0 0px;
			clear:none;
			text-decoration: none;
			color:#FF8811;
			background-image:url(../grfx/small_arrow_orange.png); background-position:left; background-repeat:no-repeat;
}


/*Fix*/

#container:after
{
content: ".";
clear:both;
height:0;
visibility:hidden;
display:block;
}

a:focus { -moz-outline-style: none; }

/* text på ritningar*/
#apDiv1 {
	position:absolute;
	width:180px;
	left:71px;
	top:158px;
	z-index:1;
	color:#000;
	margin:0px 0px 0 0px;
	height: 267px;
}

#apDiv1 p
{
	font-family:Arial, Helvetica, sans-serif; font-size: 12px;font-weight: normal;color: #000;
	line-height:120%; word-spacing:0px;
	
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 0px;

}

#printinfo {display: none;}
#printinfo2 {display: none;}

@media print { 
#printinfo { width:840px; margin: 80px 0 0 22px; display:block; font-size: 12pt; text-align:center; font-style: italic; word-spacing:5pt; }
#printinfo2 { float:right; margin: 20px 28px 0 28px; display: block; }
#menu {display: none;}
.logo {display: none;}
body
{
	background-color: #fff;
}


.arrowbox {display: none;}
.arrowbox2 {display: none;}
.arrowbox a img {display: none;}
.arrowleft {display: none;}
.arrowright {display: none;}
.arrowleft1 {display: none;}
.arrowright1 {display: none;}
.arrowtext {display: none;}
p
{
	font-family:Arial, Helvetica, sans-serif; font-size: 12pt;font-weight: normal;color: #000;
	line-height:120%; word-spacing:0px;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}

}


