body {
font-family: trebuchet, arial, helvetica, sans-serif;
font-size: 11px;
color: #999999;
background-color: #ffffff;
}


/*-------------------------- TEXT, FONTER, LÄNKAR --------------------------*/

p {font-family: trebuchet, arial, helvetica, sans-serif; font-size: 11px; color: #999999;}
li {font-family: trebuchet, arial, helvetica, sans-serif; font-size: 11px;}

h1 { font-family: trebuchet, arial, helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #005883;}
h2 { font-family: trebuchet, arial, helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #999999;}
h3 { font-family: trebuchet, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #005883;}

.projektbild { line-height: 18px}
.projektrubrik { font-family: trebuchet, arial, helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #999999;}
.projekttext { font-family: trebuchet, arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #999999;}


a:link{color: #999999; text-decoration: none;}
a:visited{color: #999999; text-decoration: none;}
a:hover{color: #000000;}
a img { border: none; }

a.projekt:link {color: #005883; text-decoration: none; font-size: 12px}
a.projekt:visited {color: #005883; text-decoration: none;  font-size: 12px}
a.projekt:hover {color: #000000; text-decoration: none;  font-size: 12px}

a.botten:link{color: #005D7E;}
a.botten:visited{color: #005D7E;}
a.botten:hover{color: #000000;}

#aktiv{color: #005883;
font-size: 12px;
font-weight: bold;
}

#aktiv2{text-decoration: underline;
}


/*-------------------------- CENTRERINGSBOX --------------------------*/

#centrering{
width: 950px;
height: 450px;
padding: 0px;
background-color: transparent;
margin-right: auto; margin-left: auto;
position: relative;
z-index: 1;
}

/*-------------------------- BOXAR TOPP --------------------------*/

#toppcontainer {
width: 249px;
height: 50px;
padding: 0px;
background-color: #transparent;
position: absolute; left: 0px; top: 0px;
z-index: 2;
}

#logo {
width: 249px;
height: 50px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 10px;
z-index: 2;
}

#menyomagarkitekter { 
padding: 0px;
width: 115px;
height: 15px;
background-color: #ffffff;
position: absolute; left: 280px; top: 31px;
z-index: 2;
}

#streck1 {
width: 1px;
height: 15px;
padding: 0px;
background-color: #999999;
position: absolute; left: 417px; top: 31px;
z-index: 2;
}

#menyprojekt {
width: 45px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 454px; top: 31px;
z-index: 2;
}

#streck2 {
width: 1px;
height: 15px;
padding: 0px;
background-color: #999999;
position: absolute; left: 536px; top: 31px;
z-index: 2;
}

#menymedarbetare {
width: 75px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 573px; top: 31px;
z-index: 2;
}

#streck3 {
width: 1px;
height: 15px;
padding: 0px;
background-color: #999999;
position: absolute; left: 685px; top: 31px;
z-index: 2;
}

#menykontakt {
width: 50px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 722px; top: 31px;
z-index: 2;
}

#streck4 {
width: 1px;
height: 15px;
padding: 0px;
background-color: #999999;
position: absolute; left: 809px; top: 31px;
z-index: 2;
}

#menyarbetahososs {
width: 105px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 846px; top: 31px;
z-index: 2;
}

#linje1 {
width: 950px;
height: 1px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 65px;
z-index: 5;
}

/*-------------------------- BOXAR HUVUDSIDOR --------------------------*/

/*-------------------------- FÖRSTA SIDAN --------------------------*/

#arkitekt {
width: 310px;
height: 610px;
padding: 0px;
background-color: #000000;
position: absolute; left: 8px; top: 85px;
z-index: 2;
}

#arkitekter {
width: 310px;
height: 610px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 320px; top: 85px;
z-index: 2;
}

#ag {
width: 310px;
height: 610px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 632px; top: 85px;
z-index: 2;
}

/*-------------------------- FLERA --------------------------*/

#huvudovriga {
width: 480px;
height: 450px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 100px;
z-index: 3;
}

/*-------------------------- OM AG ARKITEKTER --------------------------*/

#omagarkitekterbild1 {
width: 300px;
height: 250px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 500px; top: 0px;
z-index: 3;
}

#omagarkitekterbild2 {
width: 140px;
height: 250px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 810px; top: 0px;
z-index: 3;
}

#omagarkitekterbild3 {
width: 188px;
height: 250px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 500px; top: 260px;
z-index: 3;
}

#omagarkitekterbild4 {
width: 252px;
height: 250px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 698px; top: 260px;
z-index: 3;
}


/*-------------------------- BOXAR TOPP2 (PROJEKT) --------------------------*/


#ptoppcontainer {
width: 249px;
height: 50px;
padding: 0px;
background-color: #transparent;
position: absolute; left: 0px; top: 0px;
z-index: 8;
}

#pmenykontor {
width: 40px;
height: 25px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 90px;
z-index: 10;
}

#streckp1 {
width: 1px;
height: 15px;
padding: 0px;
background-color: #999999;
position: absolute; left: 57px; top: 90px;
z-index: 2;
}

#pmenybostader {
width: 50px;
height: 25px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 74px; top: 90px;
z-index: 10;
}

#streckp2 {
width: 1px;
height: 15px;
padding: 0px;
background-color: #999999;
position: absolute; left: 140px; top: 90px;
z-index: 2;
}

#pmenytrafik {
width: 80px;
height: 25px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 160px; top: 85px;
z-index: 10;
}

#streckp3 {
width: 1px;
height: 15px;
padding: 0px;
background-color: #999999;
position: absolute; left: 262px; top: 90px;
z-index: 2;
}

#pmenykommersiella {
width: 80px;
height: 25px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 285px; top: 85px;
z-index: 10;
}

#streckp4 {
width: 1px;
height: 15px;
padding: 0px;
background-color: #999999;
position: absolute; left: 385px; top: 90px;
z-index: 2;
}

#pmenyinredning {
width: 50px;
height: 25px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 410px; top: 90px;
z-index: 10;
}

#streckp5 {
width: 1px;
height: 15px;
padding: 0px;
background-color: #999999;
position: absolute; left: 483px; top: 90px;
z-index: 2;
}

#pmenyskyltning {
width: 80px;
height: 25px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 513px; top: 85px;
z-index: 10;
}

#streckp6 {
width: 1px;
height: 15px;
padding: 0px;
background-color: #999999;
position: absolute; left: 621px; top: 90px;
z-index: 2;
}

#pmenyskolor {
width: 80px;
height: 25px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 635px; top: 85px;
z-index: 10;
}

#streckp7 {
width: 1px;
height: 15px;
padding: 0px;
background-color: #999999;
position: absolute; left: 730px; top: 90px;
z-index: 18;
}

#pmenystadsgestaltning {
width: 50px;
height: 25px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 756px; top: 90px;
z-index: 10;
}

#streckp8 {
width: 1px;
height: 15px;
padding: 0px;
background-color: #999999;
position: absolute; left: 883px; top: 90px;
z-index: 2;
}

#pmenyovrigt {
width: 10px;
height: 25px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 910px; top: 90px;
z-index: 10;
}

#linjep1 {
width: 950px;
height: 1px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 120px;
z-index: 5;
}


/*-------------------------- PROJEKT --------------------------*/


#huvudprojektbilder {
width: 950px;
height: 580px;
padding: 0px;
background-color: transparent;
position: absolute; left: 0px; top: 150px;
z-index: 9;
}

#huvudprojekt {
width: 500px;
height: 500px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 160px;
z-index: 9;
}


/*-------------------------- MEDARBETARE --------------------------*/

#stockholmrubrik {
width: 100px;
height: 30px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 0px;
z-index: 9;
}

#norrkopingrubrik {
width: 100px;
height: 30px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 775px;
z-index: 9;
}

#stockholmrad1 {
width: 948px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 1px; top: 40px;
z-index: 3;
}

#stockholmrad2 {
width: 948px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 1px; top: 160px;
z-index: 3;
}

#stockholmrad3 {
width: 948px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 1px; top: 280px;
z-index: 3;
}

#stockholmrad4 {
width: 948px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 1px; top: 400px;
z-index: 3;
}

#stockholmrad5 {
width: 948px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 1px; top: 520px;
z-index: 3;
}

#stockholmrad6 {
width: 948px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 1px; top: 640px;
z-index: 3;
}

#norrkopingrad1 {
width: 948px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 1px; top: 820px;
z-index: 3;
}

.medarbetare1 {
text-align: center;
width: 158px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 0px;
z-index: 3;
}

.medarbetare2 {
text-align: center;
width: 158px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 158px; top: 0px;
z-index: 3;
}

.medarbetare3 {
text-align: center;
width: 158px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 316px; top: 0px;
z-index: 3;
}

.medarbetare4 {
text-align: center;
width: 158px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 474px; top: 0px;
z-index: 3;
}

.medarbetare5 {
text-align: center;
width: 158px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 632px; top: 0px;
z-index: 3;
}

.medarbetare6 {
text-align: center;
width: 158px;
height: 100px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 790px; top: 0px;
z-index: 3;
}

#sthlmavskiljare1 {
width: 950px;
height: 1px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 142px;
z-index: 4;
}

#sthlmavskiljare2 {
width: 950px;
height: 1px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 262px;
z-index: 4;
}

#sthlmavskiljare3 {
width: 950px;
height: 1px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 382px;
z-index: 4;
}

#sthlmavskiljare4 {
width: 950px;
height: 1px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 502px;
z-index: 4;
}

#sthlmavskiljare5 {
width: 950px;
height: 1px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 622px;
z-index: 4;
}

#minfo {
width: 0px;
height: 0px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: -20000px;
z-index: 0;
}

/*-------------------------- KONTAKT --------------------------*/

#kontaktstockholm {
width: 150px;
height: 140px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 0px;
z-index: 3;
}

#kontaktnorrkoping {
width: 150px;
height: 140px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 300px; top: 0px;
z-index: 3;
}

#kontakthuvud {
width: 120px;
height: 120px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 600px; top: 0px;
z-index: 3;
}

/*-------------------------- ARBETA HOS OSS --------------------------*/

#arbetabild {
width: 360px;
height: 270px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 520px; top: 0px;
z-index: 3;
}

#arbetabild2 {
width: 275px;
height: 165px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 500px; top: 215px;
z-index: 3;
}

#arbetabild3 {
width: 165px;
height: 380px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 785px; top: 0px;
z-index: 3;
}

/*-------------------------- BOXAR BOTTENDELAR --------------------------*/

#botten {
width: 950px;
height: 80px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 710px;
z-index: 4;
}

#bottenprojekt {
width: 950px;
height: 80px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 750px;
z-index: 4;
}

#bottenmedarbetare {
width: 950px;
height: 80px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 980px;
z-index: 4;
}

.b1 {
text-align: left;
font-family: trebuchet, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #005883;
width: 120px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 0px;
z-index: 3;
}

.b2 {
text-align: left;
font-family: trebuchet, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #005883;
width: 120px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: 13px;
z-index: 3;
}

.b3 {
text-align: left;
font-family: trebuchet, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #005883;
width: 120px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 220px; top: 0px;
z-index: 3;
}

.b4 {
text-align: left;
font-family: trebuchet, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #005883;
width: 120px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 220px; top: 13px;
z-index: 3;
}

.b5 {
text-align: left;
font-family: trebuchet, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #005883;
width: 120px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 410px; top: 0px;
z-index: 3;
}

.b6 {
text-align: left;
font-family: trebuchet, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #005883;
width: 120px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 410px; top: 13px;
z-index: 3;
}

.b7 {
text-align: left;
font-family: trebuchet, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #005883;
width: 120px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 620px; top: 0px;
z-index: 3;
}

.b8 {
text-align: left;
font-family: trebuchet, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #005883;
width: 120px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 620px; top: 13px;
z-index: 3;
}

.b9 {
text-align: left;
font-family: trebuchet, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #005883;
width: 120px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 800px; top: 0px;
z-index: 3;
}

.b10 {
text-align: left;
font-family: trebuchet, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #005883;
width: 120px;
height: 15px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 800px; top: 13px;
z-index: 3;
}

#linje2 {
width: 950px;
height: 1px;
padding: 0px;
background-color: #ffffff;
position: absolute; left: 0px; top: -15px;
z-index: 5;
}

#bottenstreck1 {
width: 1px;
height: 24px;
padding: 0px;
background-color: #a7bfd2;
position: absolute; left: 160px; top: 1px;
z-index: 5;
}

#bottenstreck2 {
width: 1px;
height: 24px;
padding: 0px;
background-color: #a7bfd2;
position: absolute; left: 360px; top: 1px;
z-index: 5;
}

#bottenstreck3 {
width: 1px;
height: 24px;
padding: 0px;
background-color: #a7bfd2;
position: absolute; left: 565px; top: 1px;
z-index: 5;
}

#bottenstreck4 {
width: 1px;
height: 24px;
padding: 0px;
background-color: #a7bfd2;
position: absolute; left: 750px; top: 1px;
z-index: 5;
}

/*-------------------------- MultiBox v1.3 --------------------------*/

.MultiBoxContainer {
	position: absolute;
	border: 5px solid #404040;
	background-color: #ffffff;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(medarbetare/laddar.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 266px;
	height: 355px;
	overflow: hidden;
}

.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 266px;
	height: 80px;
	position: absolute;
	background-color: #404040;
}

.MultiBoxClose {
	position: absolute;
	top: 5px;
	right: 3px;
	background: url(medarbetare/x.gif) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
	z-index: 9;
}

.MultiBoxPrevious {
	position: absolute;
	background: url(medarbetare/vanster.gif) no-repeat;
	width: 24px;
	height: 24px;
	right: 30px;
	margin-top: 50px;
	cursor: pointer;
	z-index: 9;
}

.MultiBoxNext {
	position: absolute;
	background: url(medarbetare/hoger.gif) no-repeat;
	width: 24px;
	height: 24px;
	right: 3px;
	margin-top: 50px;
	cursor: pointer;
	z-index: 9;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(medarbetare/hogeravstangd.gif) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(medarbetare/vansteravstangd.gif) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin-top: 5px;
	margin-left: 0px;
	font-family: trebuchet, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}

.MultiBoxDescription {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	font-family: trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: 266px;
	height: 85px;
}