body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:62.5%; background:url(../img/design/bg_body.png) repeat-x #FFF; }

#Wrapper { width:960px; margin:0 auto; }
#TopContainer { width:960px; height:75px; float:left; background:url(../img/design/banner.png) repeat-x; } /* Logo-text har 20px left padding i bildet */
#MiddleContainer { width:940px; height:241px; float:left; background:url(../img/design/bg_middle.jpg) repeat-x; margin-left:20px; }

#MiddleContainerLeft { width:480px; padding-top:26px; float:left;  }
#MiddleContainerLeft p { color:#fff; font-size:1.5em; line-height:2em; font-weight:normal; text-shadow:#A56600 1px 1px 0px;  }

#MiddleContainerRight { padding-left:220px; width:240px; padding-top:60px; height:190px; float:left; background:url(../img/design/icon_large_webpages.png) no-repeat left; }
#MiddleContainerRight .list { font-size:1.6em; float:left; height:34px; color:#FFF; line-height:1.5em; }
#MiddleContainerRight img { float:left; margin-right:10px; vertical-align:top; margin-top:3px; }
#MiddleContainerRight div { width:100%; float:left; }

#ContentContainer { width:960px; float:left; padding-top:20px; }
#ContentContainer h1 { font-size:1.6em; color:#009372; margin-bottom:6px; }

#Content1, #Content2, #Content3, #Content4 { width:196px; padding:10px; margin-left:28px; float:left;  }
#Content1 p, #Content2 p, #Content3 p, #Content4 p, #ContentLinks p, .ContentDiv p, .ContentDiv h4, #BottomContainer p, .PortfolioContent p  { font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; font-size:1.3em; line-height:1.5em; text-shadow:#e5e5e5 0 1px 1px; }
#Content1 { margin-left:10px; }

.ContentDiv h4 { font-weight:bold; }
#ContentLinks { float:left; height:52px;  }
#ContentLinks p img { vertical-align:top; margin-top:2px; }
#ContentLinks p { float:left; width:70px; }
#ContentLinks p a { text-decoration:none; color:#009372; }
#ContentLinks p a:hover { text-decoration:underline; color:#009372;  }
#LoadLink1, #LoadLink2, #LoadLink3, #LoadLink4 { cursor:pointer; }

.ContentDiv { float:left; width:920px; padding:10px 20px 30px 20px; }
.ContentDiv h2 { color:#444; font-size:1.6em; margin-top:16px; margin-bottom:10px; }
.ContentDiv p { line-height:1.8em; margin-bottom:1em; }
.ContentDiv p a { text-decoration:none; color:#009372; }
.ContentDiv p a:hover { text-decoration:underline; color:#009372; }

#PortfolioWrapper { width:100%; float:left; background:url(../img/design/bg_portfolio.png) top center repeat-x #fff; margin-bottom:40px; }
#Portfolio { width:940px; margin:0 auto; padding:30px 0px 0px 10px; }
#Portfolio h1 { font-size:1.6em; color:#009372; margin-bottom:20px; width:940px;  }


.PortfolioContentWrapper { width:446px; height:188px; background:#f7f7f7; padding:6px; float:left; margin-bottom:20px;  }
.PortfolioImage { border:1px solid #ebeae9; padding:10px; height:166px; background:#fff; overflow: hidden; position:relative; }
.PortfolioImage .thumb { margin:0px; padding:2px; border:1px solid #ccc; position:absolute; }

.PortfolioText { margin-top:-174px; padding:20px; height:120px; background:#000; margin-left:14px; width:378px; position:absolute; background:url(../img/design/transparent_white.png);  }
.PortfolioText p { color:#444; font-size:1.1em; line-height:1.3em; font-weight:normal; }

.PortfolioText p a { color:#444; text-decoration:underline; }
.PortfolioText p a:hover { text-decoration:none; }
.PortfolioText h3 { color:#FF7123; font-size:1.6em; margin-bottom:4px;margin-top:4px; padding-bottom:6px; }
.PortfolioText ol { width:178px; float:left; }
.PortfolioText p { color:#444; font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; font-size:1.3em; line-height:1.3em; height:20px; text-shadow:#e5e5e5 0 1px 1px; }
.PortfolioTextInnerRight { width:180px; float:right; }

#BottomWrapper { width:100%; float:left; background:url(../img/design/bg_portfolio.png) top center repeat-x #fff; }
#BottomWrapper p { text-shadow:#e5e5e5 0 1px 1px; }
#BottomContainer { width:940px; margin: 0 auto; margin-top:20px; padding-left:10px; }
#BottomContainer h1 { color:#009372; font-size:1.6em; margin-top:16px; }
#BottomContainer p a { text-decoration:none; color:#009372; }
#BottomContainer p a:hover { text-decoration:underline; color:#009372; }
#About { width:360px; float:left; }
#About p { line-height:2em; height:2em; }
#Contact { width:580px; float:left; }

#CopyrightContainer { float:left; width:100%; height:40px; padding-top:40px; text-align:center;  }
#CopyrightContainer p { color:#CCC;  }

/* DEFINED TEXT */
.italic { font-style:italic; }
.bold { font-weight:bold; }
.uppercase { text-transform:uppercase; }

/* KONTAKTSKJEMA */
fieldset { border:none; }
legend { display:none; }
label { display:none; }

#kontaktskjema p { line-height:2.6em;  }
#kontaktskjema .inputwrapper { height:27px; border:1px solid #ccc; color:#666; padding:3px 0px 0px 6px; background:#FFF;	 }
#kontaktskjema input[type=text] { font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; height:22px; color:#666; border:0px; }
#kontaktskjema .ie6Textfield { border:0px; }
#kontaktskjema .select { height:30px; border:1px solid #ccc; padding:0px; }
#kontaktskjema select { height:30px; width:278px; border:0px; color:#666; padding-left:6px; }
#kontaktskjema select option { color:#666; line-height:30px; }
#kontaktskjema textarea { border:1px solid #ccc; color:#666; background:#FFF; padding:6px; width:566px; height:160px; font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.3em;  }
#kontaktskjema input[type=submit] { margin-top:20px; }

/* Blokkeringsvinduet fra IE6 */

.boxy_h1 { color:#ac0707; font-size:3.4em; line-height:2em; margin-bottom:20px;  }
.boxy_p { color:#444; font-size:1.4em; line-height:2em; margin-bottom:20px;  }
.boxy_p a { color:#07abac; text-decoration:underline;  }
.boxy_p a:hover {  text-decoration:none; color:#78bb02; }