/* SHRPA v.1 - februar 2008 */

body { background: #111 url(pic/bg.gif) 0 0 repeat fixed; margin: 0; padding: 0; color: #bfbfbf; font-family: candara, "Trebuchet MS", Verdana, sans-serif; font-size: 62.5%; }

h1, h2, h3, p { margin: 0; padding: 0; }
h1, h2, h3 { color: #cfcfcf; line-height: 100%; }
ul, li, dl, dt, dd { margin: 0; padding: 0; }
ul { list-style: none; }
a { color: #77afcf; text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }
img { border: none; }

.dNone { display: none; }
.clear { clear: both; }

/* Struktur */
#wrap { margin: 0; padding: 0; width: 987px; min-height: 500px; background: url(pic/wrap.png) -10px 0 no-repeat; }
#lCol { width: 189px; padding: 0; margin: 0; position: absolute; top: 0; left: 0;}
#rCol { width: inherit; padding: 0; margin: 0; position: absolute; top: 0; left: 189px; width: 640px; }
#main { width: 100%; float: left; padding: 26px 0 0 0; }
#content { padding: 0; margin: 0; float: left; width: 640px; }
#foot { padding: 27px 0 30px 0; margin: 17px 0 0 0; float: left; width: 640px; border-top: 3px double #5a5a5a; }

/* Logo */
#logo a img { width: 149px; height: 31px; display: block; padding: 30px 0 0 20px; }
/*html>body .logo h1 a { position: fixed; }*/

/* Navigation */
#nav { float: left; width: 640px; padding: 45px 0 0 0; }
#nav ul { float: right; }
#nav li { float: left; display: inline; font-size: 1.5em; }
#nav li  { margin: 0 0 0 34px; }
#nav a { font-weight: bold; display: block; padding: 0; outline: none; text-decoration: none; }
#nav a:hover { text-decoration: underline; }

#sidebar { width: 149px; float: left; position: relative; left: 20px; top: 52px; }
#sidebar ul { float: left; width: 149px; border-top: 1px solid #5a5a5a; margin: 0; font-family: "Trebuchet MS"; }
#sidebar li { float: left; width: 149px; font-size: 1.3em; border-bottom: 1px solid #5a5a5a; padding: 0; margin: 0; }
#sidebar li ul { border-top: none; background: #1d1d1d; }
#sidebar li li { font-size: .9em; border-bottom: none;  }
#sidebar li a { font-weight: normal; text-decoration: none; padding: 5px 10px; width: 129px; float: left; }
#sidebar li li a { padding: 5px 10px 5px 20px; width: 119px; }
#sidebar a:hover, #sidebar a.sel:hover, #sidebar a.opn:hover { color: #fff; background: #2d2d2d; }
#sidebar li a.sel { background: #588097; color: #fff; }
#sidebar li a.opn { background: #1d1d1d; color: #fff; }
#sidebar h3 { font-size: 2.1em; padding: 0 0 3px; line-height: 100%; font-weight: normal; margin: 0; display: none; }

#subnav { width:640px; margin: 0; font-family: "Trebuchet MS"; padding: 0; font-size: 1.2em; background: url(pic/skrav.gif) 0 0 repeat; height: auto; float: left; }
#subnav ul { float: left; height: 24px; overflow: visible; padding: 0; }
#subnav ul.case_submenu { padding: 4px 0 0 87px; }
#subnav li { float: left; padding: 0 5px 0 0; display: inline; }
#subnav li a, #subnav li.vis_case { float: left; display: block; margin: 0; padding: .25em .35em .35em .35em; font-weight: normal; height: 1.7em; text-decoration: none; }
#subnav li.vis_case { padding: .25em .7em .35em .5em; }
#subnav li a:hover { background: url(pic/sub_hover.gif) center bottom no-repeat; color: #fff; }
#subnav li a.sel, #subnav li a.opn, #subnav li a.sel:hover, #subnav li a.opn:hover { background: url(pic/sub_sel.gif) center bottom no-repeat; color: #fff; text-decoration: none; }



/* Box */
.box, .boxF, .boxR { width: 640px; float: left; margin-bottom: 17px; }
.boxC, .phN { float: left; width: 660px; margin: 0 0 0 -20px; }
.boxI, .boxIF { width: 660px; float: left; }
.boxI .newslist, .boxIF .newslist { background: url(pic/bg_border.gif) left top no-repeat; float: left; }
.phN .case, .boxI dl.news, .boxIF dl.news, .phN .komp { float: left; width: 200px; margin: 24px 20px 0 0; list-style: none; padding: 0; }
.box .case { height: 256px; }
.box .phN { margin: 10px 0 18px 0; }
.boxI dl.newslist { width: 640px; margin: 0 0 -3px 0; padding: 7px 0 0 0; }
dt a.headline { font-weight: bold; font-size: 1.3em; margin: 0; padding: 0; }
dl.newslist dt { margin-top: 10px; }
dd a.teaser { color: #fff; font-weight: normal; text-decoration: none; cursor: default; font-size: 1.3em; line-height: 1.6em; color: #bfbfbf; }
.boxI h2, .boxIF h2 { font-size: 1.7em; padding: 0 0 3px; line-height: 100%; font-weight: normal; margin: 50px 0 0 20px; }
#content h1, .boxC h1 { font-size: 2.1em; border-bottom: 1px solid #5a5a5a; padding: 0 0 3px; line-height: 100%; font-weight: normal; margin: 0; /*background: blue;*/ }
.box h2 { font-size: 1.8em; margin: 26px 0 0 0; font-weight: normal; padding-bottom: .2em; }
.box .case h2, .box .cases h2 { padding: 0 0 7px; font-size: 1.5em; font-weight: bold; margin: 0; }
.box h2.anker a { color: #cfcfcf; text-decoration: none; cursor: default; }
.box h2.anker a:hover { text-decoration: none; }
.box h3 { font-size: 1.6em; margin: 0; padding: 10px 0 0 0; clear: both; }
.box .block h3 { clear: none; padding: 0 0 7px; }
.box h3.head3T, .head3T { padding-top: 20px; }
.box h3.head3B, .head3B { padding-bottom: 10px; }
.box p, .boxI p { font-size: 1.3em; line-height: 1.6em; margin: 4px 0 13px 0; }
.box p.desc { margin: 0 0 .2em 0; line-height: 1.4em; }
.box ol { background: url(pic/skrav.gif) 0 0 repeat; padding: 10px 14px; margin: 0 0 7px; }
.box ol li { list-style: inherit; margin: 0 0 0 24px; font-size: 1.3em; line-height: 1.8em; }
.box li { font-size: 1.3em; list-style: square; margin: 0 0 0 24px; line-height: 1.8em; }
.box p img { margin: 0; }
/*.box img { border: 3px solid #393939; }*/
.tbl01 { width: 100%; margin: 21px 0 19px; }
.tbl01 td, .tbl01 th { text-align: left; vertical-align: top; font-size: 1.3em; line-height: 1.8em; border-bottom: 1px solid #5a5a5a; }
.tbl01 li { font-size: 1em; }
.tbl01 th { width: 25%; }
.box ul.ref { margin: 0 0 12px; padding: 0; width: 100%; float: left; }
.box .ref li { width: 196px; float: left; background: url(pic/square_dot.gif) 4px 10px no-repeat; margin: 0; padding: 0 0 0 14px; list-style: none; }
html>body .tbl01 tr.trans { background: url(pic/td_bg.png) 0 0 repeat; }
.biospot { width: 100%; background: url(pic/skrav.gif) 0 0 repeat; float: left; margin: 0; }
.biospot p { line-height: 1.6em; }
.spot { float: left; margin: 0 14px 0 0; width: 518px; }
.spottxt { float: left; margin: 0; width: 100px; }
.block { width: 100%; margin: 12px 0 0 0; float: left; }


/* Foot */
.foot { color: #c0c0c0; margin: 0; padding: 0; }
#foot p { font-size: 1.2em; line-height: 1.2em; margin: 0 0 5px; }
address { font-style: normal; font-size: 1.3em; padding-top: 17px;
	margin: 0 0 17px 0; line-height: 150%; text-align: center; }
.ico {
	float: right;
	text-align: right;
	margin: 5px 0 0
}
.ico p {
	margin-top: 7px;
}
.ico li {
	display: inline;
	padding: 0 0 .6em .6em;
}
.lFoot, .rFoot {
	width: 32em;
	float: left;
}
#foot .rFoot p {
	text-align: right;
	line-height: 150%;
}
#foot .lFoot p {
	width: 194px;
	line-height: 150%;
}
.lFoot img {
	float: left;
	margin-right: 17px;
}


/* Billede loader */
.imgFx { border: 3px solid #393939; background: url(pic/imageloader.gif) no-repeat 50% 50% #000000; display: block; white-space: nowrap; }
.imgFx p { margin: 0; padding: 0; white-space: nowrap; }
.block .imgFx { margin-right: 14px; float: left; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Formular */
.formK { float: left; width: 400px; margin-top: 10px; }
.formK span.req { color: #77afcf; margin-left: 1px; }
.formK span.error { margin-left: 5px; }
legend { display: none; }
fieldset, form { border: none; margin: 0; padding: 0; }
label { font-size: 1.3em; font-weight: bold; }
.ipM { width: 200px; margin: 1px 0 10px; }
.ipL { width: 300px; margin: 1px 0 10px; }
.ipbM { width: 60px; }
input, textarea { font-family: tahoma; font-size: 1.1em; }

.kontaktI { float: right; position: relative; top: 3px; right: 0; width: 180px; padding: 8px 10px; background: url(pic/skrav.gif) 0 0; }
.captcha input { display: block; margin: 1px 0 0; width: 100px; }
.captcha img { margin: 3px 0 8px; }

/* Medarbejder */
.medarb { width: 100%; float: left; clear: both; position: relative; }
.medarb dl { margin-bottom: 17px; float: left; width: 100%; }
.medarb dt, .medarb dd { font-size: 1.3em; line-height: 1.6em; }
.medarb dt a, .medarb dt a:hover { text-decoration: none; font-weight: bold; cursor: pointer; }
.medarb dt { margin-top: 7px; }
.medarb .imgFx { float: right; width: 370px; position: absolute; top: 54px; right: 0; clear: both;  }
.medA { width: 100%; float: left; margin: 0 0 18px; }
.medA p { line-height: 1.6em; }
.medP { float: right; margin: 30px 0 0; width: 376px; }
.medT { float: left; margin: 0; width: 240px; }
.medT p { line-height: 140%; padding: 0; margin: 0; }
.medT h2 { margin-bottom: 10px; }
.box ul.mArb { width: 66em; margin: 6px 0 0 2px; }
.box .mArb li { float: left; width: 200px; margin: 24px 1.25em 0 0; list-style: none; padding: 0; }
.box .mArb li { margin-top: 0; padding-bottom: 20px; height: 175px; min-width: 200px; line-height: 110%; }
.box .mArb li .imgFx { width: 194px; height: 134px; overflow: hidden; margin-bottom: 4px; }
.box .mArb li strong { color: #77afcf; }
.box .mArb li a { text-decoration: none; }
.box .mArb li a:hover { text-decoration: underline; }
ul.partner { margin: 0; float: left; width: 640px; height: 230px; overflow: hidden; }
.partner li.imgFx { width: 280px; float: left; margin: 5px 20px 0 0; }
.partner li { list-style: none; margin: 0; }
.partner li.pTxt { float: left; width: 330px;  }
.partner li.pTxt p { font-size: 1em; margin: 0 0 10px; }
p.part { margin: 2px 0 0 0; font-size: 1.4em; }
img.mca { float: right; z-index: 1000; position: relative; top: -228px; }
.case .imgFx, .phC .imgFx, .pbB .imgFx, .phA .imgFx{ width: 194px; height: 228px; overflow: hidden; }
blockquote { padding: 20px 60px 20px 40px; width: auto; margin: 0; float: left; clear: both; }
cite { font-size: 1.3em; line-height: 14pt; }
q { font-size: 1.6em; font-style: italic; font-weight: bold; text-align: center; }
span.xl_l { font-size: 150%; margin: 0 2px 0 -13px; }
span.xl { font-size: 150%; margin: 0 0 0 2px; }
blockquote em { float: right; }
ul.ann { width: 640px; float: left; margin-bottom: -8px; }
.ann li { float: left; padding: 0 0 16px 0; margin: 0; list-style: none; }
.ann li.col2 { padding-left: 16px; }

/* Forside */
.boxF { border-bottom: 3px double #5a5a5a; margin: 0; width: 100%; min-width: 640px; padding: 23px 0 18px; }
#content .boxF h1 { font-size: 1.7em; font-weight: normal; }
.boxF p { font-size: 2em; line-height: 125%; padding: 14px 0 0; }
.caseR { width: 640px; float: left; margin: 50px 0 30px; border-bottom: 3px double #5a5a5a; }
#content .caseR h2 { font-size: 1.7em; border-bottom: 1px solid #5a5a5a; padding: 0 0 3px; line-height: 100%; font-weight: normal; margin: 0 0 20px; }
#content .caseR h3 { font-size: 1.5em; padding: 0 0 7px; line-height: 100%;  }
#content .caseR p { font-size: 1.3em; padding: 7px 0 0 0; }
#case1, #case2, #case3 { width: 200px; height: 300px; overflow: hidden; float: left; margin-left: 20px; font-weight: normal; }
#case1 { margin-left: 0; }
.slideshow img { border: 3px solid #393939; }
.boxIF h2, .boxI h2 { margin: 0; width: 640px; }
.boxI h2 { margin-top: 40px; }
.facebook { margin-bottom: 50px !important; }
.facebook p { font-size: 1.4em !important; }
.facebook img { float: right; margin-left: 10px; margin-top: 3px; }

#newshow { width: 634px; height: 244px; float: left; overflow: hidden; border: 3px solid #393939; margin-top: 30px; }
#newshow ul { width: 634px; height: 244px; overflow: hidden !important; }
#newshow li { position: relative; width: 634px; height: 244px; float: left; display: block; }
/*#newshow .casedesc { position: absolute; top: 0; right: 0; padding: 10px; display: block; overflow: hidden; width: 177px; height: 224px; z-index: 10; background: url(pic/newshow-bg.png) repeat; overflow: hidden; }*/
#newshow h2, #newshow span.casehead { color: #cfcfcf; font-size: 1.6em; position: absolute; top: 25px; left: 0; padding: 7px 10px 9px 10px; background: url(pic/newshow-bg.png) 0 0 repeat-x; z-index: 5; }
#newshow h2 a, #newshow a {text-decoration: none; color: #cfcfcf; }
#newshow h2 a:hover, #newshow a:hover span.casehead { color: #77afcf; }

/* Nyheder */
span.va { float: right; font-size: .8em !important; }
.boxIF dl.news, .boxI dl.news { height: 75px; overflow: hidden; margin-bottom: 14px; }
.boxI dl.news { height: 100px; }
p.ski { float: right; margin: 27px 0 0 30px; }



/* THE END */