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

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

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

/* Slogan */
#slogan {position:absolute; top:10%; right:8%; z-index:40; text-align:right; color:#f1f2e2;}
	#slogan .punchline {font:14px/1.25em arial,sans-serif;}
	#slogan .slogan {font:italic 30px/1.25em arial,sans-serif;}

/* 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:#6f6172;}
	#contactinfo b {display:block; margin-bottom:8px; color:#f1f2e2;}
	#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 {color:#f1f2e2; outline:0; text-decoration:underline;}
a:hover {text-decoration:underline !important;}

/**
 * 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:48px; color:#f1f2e2;}
#preloader b {font-size:12px;}
#preloader i {font-size:16px; font-style:italic;}

#preload_status {position:absolute; bottom:0; left:0; height:6px; width:0; background:#f1f2e2; font:0/0 serif;}
#preload_status2 {position:absolute; bottom:0; left:0; height:6px; width:190px; background:#1a131d; 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 1px;}
div.case_end {float:left; width:1px; height:100%; background:url(../images/border.png) repeat-y;}

/* Logoer */
div.case_logo {position:absolute; top:50%; left:0; z-index:10; visibility:hidden;}
	div.case_logo div {position:relative; top:-60px; width:200px; height:120px;}
	div.case_logo img {position:relative; left:26px; opacity:0; filter:alpha(opacity=0);}
	div.case_logo_img {position:relative; left:26px; 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/casebg.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:top center;}
		div.case_gradient {position:absolute; bottom:-1px; left:0; width:100%; height:144px; background:url(../images/casegradient.png) repeat-x bottom left;}

	div.case_content {position:absolute; top:50%; left:1px;}
		div.case_content div {position:relative; padding:0 20px; font-size:13px; line-height:16px; color:#2e2133;}
		div.case_content div.case_description {padding:0; zoom:1;}
		div.case_content img {display:block; width:150px; margin:0 0 0 4px;}

		div.case_content b {display:block; margin-top:14px; font-size:11px; line-height:11px;}
		div.case_content span.case_title {display:block; font-size:24px; margin-top:3px;}

/* 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(http://appear.dk/templates/view/da_DK/default/cursors/hand.cur), url(http://appear.dk/templates/view/da_DK/default/cursors/hand.gif), move; overflow:hidden;}
	div.case_photos div.case_photos_wrapper {position:absolute; top:0; left:0; width:199px; height:100%; background:url(../images/casebg.png) repeat-x bottom left;}

	div.case_photos div {width:640px; cursor:url(http://appear.dk/templates/view/da_DK/default/cursors/hand.cur), url(http://appear.dk/templates/view/da_DK/default/cursors/hand.gif),  move;}
	div.case_photos img {visibility:hidden; width:640px; cursor:url(http://appear.dk/templates/view/da_DK/default/cursors/hand.cur), url(http://appear.dk/templates/view/da_DK/default/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;}