/**
 * DESIGN
 *
 **********
 *
 * Generel opsætning af design + layout.
 */

/* Generelt */

/*
USE FULL CODE for LOADER
background:url(../images/progress.gif) no-repeat center center;*/


html,body {height:100%; overflow:hidden;}
/*body {background:url(../images/bg.jpg); font:14px/1.25em arial,sans-serif; cursor:url(../cursors/hand.cur), url(../cursors/hand.gif), move;}*/
body {font:14px/1.25em arial,sans-serif; cursor:url(../cursors/hand.cur), url(../cursors/hand.gif), move;}


#logo {position:absolute; top:8%; left:18px; z-index:100;}
	#logo a {display:block; overflow:hidden; position:relative; top:-21px; width:172px; height:86px; background:url(../images/logo_neo_modern_arch.png) no-repeat; text-indent:-1000em; font:0/0 serif;}

/* Slogan */
#slogan {position:absolute; top:10%; right:18%; z-index:160; text-align:left;}
	#slogan .punchline {font:24px/1em Open_Sans_Semibold_600; color:#737171;}
	#slogan .slogan {font:40px/1.25em Open_Sans_Semibold_600; text-transform:uppercase; color:#434141; font-weight:bold; letter-spacing:-2px;}

/* Sprogvalg */
#languages {position:absolute; top:20px; left:22px; z-index:100; padding:0; margin:0;}
	#languages li {list-style-type:none; float:left; margin-right:17px;}
	#languages a {color:#6f6172; text-decoration:none;}
	#languages a.active {color:#f1f2e2; text-decoration:none !important; cursor:default;}

/* Sidemenu */
#pagemenu {position:absolute; top:54px; left:22px; width:160px; z-index:1000; padding:16px 0 0 0; margin:0; border-top:2px solid #f1f2e2;}
	#pagemenu li {list-style-type:none; margin-bottom:5px;}
	#pagemenu a {color:#6f6172; text-decoration:none;}
	#pagemenu a.active {color:#f1f2e2; font-weight:bold; text-decoration:none !important; cursor:default;}

/* Kontaktinformationer */
#contactinfo {position:absolute; bottom:20px; left:22px; z-index:100; color:#484746;}
	#contactinfo b {display:block; margin-bottom:8px; color:#484746;}
	#contactinfo a {color:#6f6172; text-decoration:none;}

/* Hjørner */
#corner_tl {position:absolute; top:0; left:2px; z-index:10; width:540px; height:50.1%;}
#corner_tl img {visibility:hidden; width:540px; height:100%;}

#corner_tr {position:absolute; top:0; right:0; z-index:10; width:540px; height:50.1%;}
#corner_tr img {visibility:hidden; width:540px; height:100%; -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); transform:scaleX(-1); filter:fliph;}

#corner_bl {position:absolute; bottom:0; left:2px; z-index:10; width:540px; height:50.1%;}
#corner_bl img {visibility:hidden; width:540px; height:100%; -moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); transform:scaleY(-1); filter:flipv;}

#corner_br {position:absolute; bottom:0; right:0; z-index:10; width:540px; height:50.1%;}
#corner_br img {visibility:hidden; width:540px; height:100%; -moz-transform:scaleX(-1) scaleY(-1); -webkit-transform:scaleX(-1) scaleY(-1); transform:scaleX(-1) scaleY(-1); filter:fliph flipv;}

/* Skygge og borders */
#shade_t {position:absolute; top:0; left:0; z-index:11; width:100%; height:270px; background:url(../images/blank.gif);}
#shade_b {position:absolute; bottom:0; left:0; z-index:11; width:100%; height:270px; background:url(../images/shade.png);}

#border_l {position:absolute; top:0; left:0; z-index:12; width:2px; height:100%; background:#f1f2e2;}
#border_l2 {position:absolute; top:0; left:201px; z-index:12; width:1px; height:100%; background:url(../images/border.png) repeat-y;}

/* Cursorboxen */
#cursorbox {display:none; position:absolute; top:50%; left:50%; z-index:1000; height:20px; padding:0 6px 0 26px; zoom:1;}
	#cursorbox div.left {position:absolute; top:0; left:0; width:26px; height:20px; background:url(../images/cursorbox_left.png) no-repeat;}
	#cursorbox div.right {position:absolute; top:0; right:0px; width:6px; height:20px; background:url(../images/cursorbox_right.png) no-repeat;}
	#cursorbox span {float:left; overflow:hidden; height:14px; padding:2px 0 4px 0; font:13px/14px arial,sans-serif; color:#ffffff; background:url(../images/cursorbox_middle.png) repeat-x;}

#cursorbox.more {background-position:0 0;}
	#cursorbox.more div {background-position:0 0;}
	#cursorbox.more span {background-position:0 0;}

#cursorbox.dragh {background-position:0 -20px;}
	#cursorbox.dragh div {background-position:0 -20px;}
	#cursorbox.dragh span {background-position:0 -20px;}

#cursorbox.dragv {background-position:0 -40px;}
	#cursorbox.dragv div {background-position:0 -40px;}
	#cursorbox.dragv span {background-position:0 -40px;}

#cursorbox.close {background-position:0 -60px;}
	#cursorbox.close div {background-position:0 -60px;}
	#cursorbox.close span {background-position:0 -60px;}

#cursorbox.close2 {background-position:0 -60px;}
	#cursorbox.close2 div {background-position:0 -60px;}
	#cursorbox.close2 span {background-position:0 -60px;}

/**
 * STANDARD TAGS
 *
 **********
 *
 * Opsætning af standard-tags.
 
 */
a {outline:0; text-decoration:none; color:2f67a8;}
a:hover {text-decoration:none; color:5a5656;}


/**
 * CASE-LISTE
 *
 **********
 *
 * Opsætning af case-listen.
 */

/* Preloader */
#preloader_container {position:absolute; left:202px; top:0; z-index:60; width:220px; height:100%;}
#preloader_wrapper {position:absolute; left:15px; top:50%;}
#preloader {position:absolute; top:-24px; width:190px; height:56px; color:#232323;}
#preloader b {font-size:12px;}
#preloader i {font-size:16px; font-family:Open_Sans_700;}

#preload_status {position:absolute; bottom:0; left:0; height:12px; width:0; background:#232323; font:0/0 serif;}
#preload_status2 {position:absolute; bottom:0; left:0; height:12px; width:190px; background:#4d4c4c; font:0/0 serif;}

/* Maske + wrapper */
#cases {position:absolute; top:0; left:201px; width:100%; height:100%; z-index:50; overflow:hidden;}
#case_wrapper {position:absolute; top:0; left:0; width:100%; height:100%;}

/* Case-kolonner */
div.case {float:left; position:relative; width:199px; height:100%; padding:0 0 0 0px;}
div.case_end {float:left; width:1px; height:100%; background:url(../images/border.png) repeat-y;}

/* Logoer */
div.case_logo {position:absolute; top:25%; left:0; z-index:10; visibility:hidden;}
	div.case_logo div {position:relative; top:-60px; width:200px; height:380px;}
	div.case_logo img {position:relative; left:0px; opacity:0; filter:alpha(opacity=0);}
	div.case_logo_img {position:relative; left:0px; width:199px; opacity:0; filter:alpha(opacity=0); zoom:1;}
		div.case_logo_img div {position:static; width:100%; height:100%;}
		div.case_logo_img img {display:none;}

/* Info */
div.case_info {display:none; width:100%; height:100%; background:url(../images/caseBGnew.png) repeat-x bottom left; position:relative; z-index:30; cursor:pointer;}
	div.case_top {position:absolute; top:0; left:0; width:100%; height:56%; background-repeat:repeat-x; background-position:-10% center;}
		div.case_gradient {position:absolute; bottom:-5px; left:0; width:100%; height:140px; background:url(../images/casegrad.png) repeat-x bottom left;}

	div.case_content {position:absolute; top:58%; left:1px;}
		div.case_content div {position:relative; padding:0 20px;}
		div.case_content div.case_description {padding:0; zoom:1; color:#525252; font-family:Open_Sans_400; font-weight:normal;}
		div.case_content img {display:block; width:150px; margin:0 0 0 4px;}

		div.case_content b {display:block; margin-top:0px; font-size:11px; line-height:11px;}
		div.case_content span.case_title {display:block; font-size:18px; margin-top:1px; font-weight:bold; color:#100f0f; font-family:Open_Sans_700; letter-spacing:-1px; width:100%;}

/* Billeder */
div.case_photos {position:absolute; top:0; left:1px; z-index:20; width:639px; height:100%; font:0/0 serif; display:none; cursor:url(../cursors/hand.cur), url(../cursors/hand.gif), move; overflow:hidden;}
	div.case_photos div.case_photos_wrapper {position:absolute; top:0; left:0; width:199px; height:100%; background:#f2f2f2 url(../images/caseBGnew.png) repeat-x bottom left;}

	div.case_photos div {width:640px; cursor:url(../cursors/hand.cur), url(../cursors/hand.gif),  move; }
	div.case_photos img {visibility:hidden; width:640px; cursor:url(../cursors/hand.cur), url(../cursors/hand.gif),  move;}

/**
 * SIDER
 *
 **********
 *
 * Opsætning af indholdssider.
 */

/* Maske + wrapper */
#pages {display:none; position:absolute; top:0; left:201px; z-index:60; height:100%; width:761px; overflow:hidden;}
#page_wrapper {position:absolute; top:0; left:-740px; width:740px; height:100%;}

/* Side-opsætning */
div.page {display:none; position:relative; float:left; width:700px; height:100%; padding:0 20px;}
	div.page_top {width:700px; height:100px; margin-bottom:20px; background:#000000; opacity:0.11; filter:alpha(opacity=11);}
	div.page_bottom {position:absolute; bottom:0; left:21px; width:700px; height:0px; background:#000000; opacity:0.11; filter:alpha(opacity=11);}

/* Side-indhold */
div.page h1 {margin:0; padding:0; font:bold 14px/1.25em arial,sans-serif; color:#f1f2e2;}
div.page h2 {margin:0 0 20px 0; padding:0; font:italic 30px/1.25em arial,sans-serif; color:#f1f2e2;}
div.page img.large {width:700px; margin-bottom:20px;}
div.page div.cufon {color:#f1f2e2;}
div.page p {margin:0; padding:0;}




/*INNER PAGES */

/*---Float----------*/
.fL{ float:left;}
.fR{ float:right;}
.cB{ clear:both; margin:0px; padding:0px; height:0px;}

.w160{width:180px;}
.aC{text-align:center;}
.mLB10{margin-bottom:20px;}


#DataContainer{ margin:65px 0px 0px 30px; width:56%;}
#DataContainer h1{font-size:40px; font-weight:bold; color:#434141; letter-spacing:-1px; background:url(../images/lineHead.png) repeat-x bottom; padding-bottom:10px; line-height:normal;}
#DataContainer .content{font-size:14px; font-weight:normal; color:#434141; padding:0px; margin:0px; }
#DataContainer .content h2{font-size:20px; font-weight:bold; color:#434141; line-height:20px;}

#DataContainer .sa{color:2f67a8; text-decoration:none;}
#DataContainer .sa:hover{color:5a5656; text-decoration:none;}


/* Navigation CSS Start her*/
#sLinks{
height:34px;
line-height:34px;
margin-bottom:20px;
}

#sLinks ul,
#sLinks ul li {
margin:0;
padding:0;
list-style:none;
}
#sLinks ul li{
float:left;
display:block;
background:#a6a1a1;
margin-right:10px;
text-transform:uppercase;
}


#sLinks ul li a:link,
#sLinks ul li a:visited{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:0 18px 0 18px;
display:block;
}

#sLinks ul li a:hover{
color:#FFFFFF;
background:#5a5656;
}

#sLinks ul li .selected{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:0 18px 0 18px;
display:block;
background:#5a5656;
}