
/******* WORK PAGE *******/
/*Work case slideshow*/
#gallery img {
  display: none;
}

#gallery img.active {
  display:block;
}

#gallerymenu{
	position:relative;
	top:0px;
	left:0px;
	width:940px;
}

.gallerybutton{
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#5c6366;
	width:61px;
	height:42px;
	float:left;
	margin-right:-20px;
}

.gallerybutton.active{
	background-image:url(../images/faneblad.png);
	background-repeat:no-repeat;
	color:#fff;
}

.galleryitem{
	position:absolute;
	top:12px;
	left:10px;
}

/*Work case body*/
#caseContainer{
	position:relative;
	top:-15px;
	width:940px;
	height:100%;
}

#caseContainer #leftcolumn{
	margin-left:-3px;
	margin-top:40px;
	float:left;
	width:350px;
	border:1px solid #fff;
}

#caseContainer #leftcolumn div.line{
	height:100%;
	position:relative;
	padding-bottom:12px;
	border:1px solid #fff;
}

#caseContainer #leftcolumn div.left{
	width:100px;
	height:100%;
	float:left;
	font-size:11px;
	color:#b2b2b2;
	border:1px solid #fff;
}

#caseContainer #leftcolumn div.right{
	margin-left:100px;
	width:247px;
	height:100%;
	font-size:12px;
	color:#5c6366;
	border:1px solid #fff;
}

#leftcolumn .bullet{
	background-image:url(../images/bullet.png);
	background-position:left;
	background-repeat:no-repeat;
	width:20px;
	height:15px;
	float:left;
	position:relative;
	top:1px;
}

#caseContainer #rightcolumn{
	position:relative;
	margin-left:380px;
	width:560px;
}

#rightcolumn h2{
	font-size:22px;
	letter-spacing:-1px;
	color:#061922;
	margin-bottom:22px;
}

#caseContainer #rightcolumn div{
	color:#5c6366;
	line-height:16px;
}

/*Gallery*/
ul {
	margin: 0;
	text-align: left;
}

.workgallery .item{
	height:100%;
	position:relative;
}

ul.item li {
	position:relative;
	width:184px;
	height:150px;
	list-style-type:none;
	display:block;
	float:left;
	margin-right:5px;
}

ul.item li .casetype{
	color:#81848a;
	font-size:11px;
	padding-top:7px;
	margin-bottom:-14px;
}

ul.item li .headline{
	color:#161719;
	font-size:14px;
}
	
ul.item li img {
	width:184px;
	height:100px;
	opacity:100;
}

#clearboth{
	clear:both;
}
/*//Gallery*/

.topbgcontainer.work{
	width:2000px;
	height:450px;
	margin-left:-1000px;
	position:absolute;
	top:0px;
	left:50%;
	z-index:2;
	overflow:hidden;
}

#changeme1{
	cursor:pointer;
}

#loader1{
	position:absolute;
	left:50%;
	margin-left:-27px;
	top:225px;
	width:55px;
	height:34px;
	opacity:0;
	z-index:6;
	background-image:url(../images/01.gif);
}

#slideshow img {
  display: none;
}
#slideshow img.active {
  display:block;
}

.middletopcell.work{
	padding-bottom:50px;
}

#loader2{
	position:absolute;
	left:50%;
	margin-left:-20px;
	top:50%;
	margin-top:-12px;
	width:40px;
	height:24px;
	opacity:0;
	z-index:6;
	background-image:url(../images/02.gif);
}


.middletopcell .workbodytxt{
	max-width:550px;
}

.middlebottomcell.work{
	position:relative;
}

.middlebottomcell .workgallery{
	width:950px;
	margin-top:56px;
	position:relative;
	height:100%;
}

.middletopcell.work span{
	color:#5c6366;
	line-height:16px;
}

.middletopcell.work h1#h1topspace{
	margin-top:45px;
}

/*gallery buttons*/
.workbuttons .gallery_all.selected{
	background-image:url(../images/en_buttons/category_all_on.png);
	width:51px;
	height:47px;
	position:absolute;
	top:25px;
	left:0px;
	z-index:3;
}

.workbuttons .gallery_all.selected_off{
	background-image:url(../images/en_buttons/category_all_off.png);
	width:51px;
	height:47px;
	position:absolute;
	top:25px;
	left:0px;
	z-index:3;
}

.workbuttons .gallery_all.selected_off:hover{
	background-image:url(../images/en_buttons/category_all_hover.png);
	z-index:3;
}

.workbuttons .gallery_magazines.selected{
	background-image:url(../images/en_buttons/category_magazines_on.png);
	width:120px;
	height:47px;
	position:absolute;
	top:25px;
	left:51px;
	z-index:3;
}

.workbuttons .gallery_magazines.selected_off{
	background-image:url(../images/en_buttons/category_magazines_off.png);
	width:120px;
	height:47px;
	position:absolute;
	top:25px;
	left:51px;
	z-index:3;
}

.workbuttons .gallery_magazines.selected_off:hover{
	background-image:url(../images/en_buttons/category_magazines_hover.png);
	z-index:3;
}

.workbuttons .gallery_print.selected{
	background-image:url(../images/en_buttons/category_print_on.png);
	width:72px;
	height:47px;
	position:absolute;
	top:25px;
	left:171px;
	z-index:3;
}

.workbuttons .gallery_print.selected_off{
	background-image:url(../images/en_buttons/category_print_off.png);
	width:72px;
	height:47px;
	position:absolute;
	top:25px;
	left:171px;
	z-index:3;
}

.workbuttons .gallery_print.selected_off:hover{
	background-image:url(../images/en_buttons/category_print_hover.png);
	z-index:3;
}

.workbuttons .gallery_identities.selected{
	background-image:url(../images/en_buttons/category_identities_on.png);
	width:110px;
	height:47px;
	position:absolute;
	top:25px;
	left:243px;
	z-index:3;
}

.workbuttons .gallery_identities.selected_off{
	background-image:url(../images/en_buttons/category_identities_off.png);
	width:110px;
	height:47px;
	position:absolute;
	top:25px;
	left:243px;
	z-index:3;
}

.workbuttons .gallery_identities.selected_off:hover{
	background-image:url(../images/en_buttons/category_identities_hover.png);
	z-index:3;
}
/*//gallery buttons*/

/******* //WORK PAGE *******/

/******* ABOUT PAGE *******/
.topbgcontainer.about{
	width:2000px;
	height:450px;
	margin-left:-1000px;
	background-image:url(../images/about.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:50%;
	z-index:2;
	overflow:hidden;
}

.aboutheadertext{
	position:relative;
	left:0px;
	top:169px;
	z-index:4;
	color:#babac4;
	line-height:16px;
	max-width:550px;
}

.topcell.about h3{
	position:relative;
	left:0px;
	top:189px;
	font-size:55px;
	color:#fff;
	padding-bottom:49px;
	z-index:4;
	letter-spacing:-2px;
	max-width:550px;
}

.middletopcell.about{
	padding-bottom:115px;
}

.middletopcell .aboutbodytxt{
	max-width:550px;
}

.middletopcell.about span{
	color:#5c6366;
	line-height:16px;
}

.middletopcell.about h1#h1topspace{
	margin-top:45px;
}

.quotebox{
	position:absolute;
	top:39px;
	right:-5px;
	font-size:11px;
	max-width:322px;
}

.quotebox #quoteimg{
	width:55px;
	height:54px;
	background-image:url(../images/citat.png);
	background-repeat:no-repeat;
	z-index:3;
	padding-bottom:10px;
}

.quotebox h1{
	font-size:18px;
	letter-spacing:0px;
	color:#061922;
}

.quotebox span{
	position:relative;
	top:-12px;
}

/******* //ABOUT PAGE *******/

/******* CONTACT PAGE *******/
.topbgcontainer.contact{
	width:2000px;
	height:450px;
	margin-left:-1000px;
	background-image:url(../images/map.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:50%;
	z-index:2;
	overflow:hidden;
}

#contactinfo{
	z-index:4;
	position:relative;
	top:185px;
	left:785px;
	width:155px;
	height:185px;
	color:#b0b2b3;
	text-align:right;
	line-height:15px;
}

#contactinfo a,a:link,a:visited,a:active{
	text-decoration:underline;
	color:#b0b2b3;
}

#contactinfo a:hover{
	color:#fff;
	text-decoration:underline;
}

#contactinfo span{
	font-weight:bold;
}

.middletopcell.contact span{
	color:#5c6366;
	line-height:16px;
}

.middletopcell.contact{
	padding-bottom:115px;
	max-width:940px;
}
/******* //CONTACT PAGE *******/
