/* @override http://www.jonaswilliamsson.com/css/global.css */

/*
 *	Produced by MEDIASTRUKTUR
 *	http://www.mediastruktur.se
 *
 *  Filip Williamsson, +46 70 277 93 12
 *  filip@mediastruktur.se
 */

/* @group RESET */

/* START: RESET CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
	border-style: none;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

/* END: RESET CSS */

/* @end */

/* @group main */

body, html {
	background-color: #e6e6e6;
	color: #000;
	font-family: Courier, "Courier New", mono;
}

a {
	outline: none;
}

/* Used for accessibility - will be placed outside page: */

* .audial {
	position: absolute;
	font-size: 0;
	left: -2000px;
}

/* Clearfix */

* .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.clearboth {
	clear: both;
}

/* @end */

/* @group Define Sizes */

/* --- HEIGHTS --- */
div#content, .buttonArea, .buttonArea a, .projectArea {
	height: 600px;
}

.projectArea {
	height: 560px;
}

/* --- WIDTHS --- */
div#content {
	width: 900px;
}

.projectArea, .projectItem.projectArea {
	width: 808px;
}

.buttonArea, .buttonArea a {
	width: 39px;
}

/* @end */

/* @group Arrow Buttons */

.buttonArea.left {
	top: 0;
	left: 0;
	background: url(../img/layout/arrow-black-left.png) no-repeat center center;
}

.buttonArea.left:hover {
	background: url(../img/layout/arrow-lit-left.png) no-repeat center center;
}

.buttonArea.right {
	top: 0;
	right: 0;
	background: url(../img/layout/arrow-black-right.png) no-repeat center center;
}

.buttonArea.right:hover {
	background: url(../img/layout/arrow-lit-right.png) no-repeat center center;
}

div#content .left {
	z-index: 2;
}

div#content .right {
	z-index: 2;
}

div#content div.itemArea .left {
	z-index: 10;
}

div#content div.itemArea .right {
	z-index: 10;
}

/* @end */

div#content {
	position: relative;
	overflow: hidden;
}

div#content #loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 600px;
	z-index: 999;
	background: #fff url(../img/layout/loading.gif) no-repeat center center;
}

/* PROJECT FONT SIZE */

div#content h1, div#content p {
	font-size: 12px;
	line-height: 1.3em;
}

/* PROJECT COLOR */
div#content p {
	color: #000;
}

div#content h1 a, div#content p a {
	text-decoration: none;
	border-bottom: 1px solid;
	color: #000;
}
div#content a:hover {
	color: #00cc00;
}

div#content h1 {
	margin-bottom: 5px;
}

.buttonArea {
	position: absolute;
}

.buttonArea a {
	display: block;
	border-bottom-style: none;
	border-bottom-width: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.projectItem {
	width: 900px;
	height: 600px;
	float: left;
}

p.link {
	display: none;
}

.projectArea {
	padding: 20px 46px;
	background-color: #fff;
	float: left;
}

.textArea {
	padding: 20px 46px;
	width: 808px;
	height: 560px;
	background-color: #fff;
}

.objectArea {
	width: 900px;
	background-color: #fff;
	text-align: center;
	line-height: 600px;
	font-size: 0;
}

.projectItem img {
	vertical-align: middle;
}

.project {
	width: 178px;
	float: left;
	margin-right: 32px;
}

.project a.active {
	cursor: url("/img/layout/zoom.png"),-moz-zoom-in;
}

.project a.active {
	cursor: url(/img/layout/zoom.cur);
}

.last.project {
	margin-right: 0;
}

.itemArea {
	width: 900px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 3;
}

#projectItemSlider, #projectSlider, #admin {
	width: 900px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 4;
}

div#admin {
	background-color: #ebebeb;
	font-size: 12px;
	overflow: auto;
}

div#admin h1, div#admin form, div#admin ul, div#admin p {
	margin-left: 30px;
	margin-top: 20px;
}

div#admin h1 {
	font-size: 12px;
}

div#admin label {
	display: block;
}

div#admin input, div#admin textarea {
	clear: both;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
}

div#admin form div.required {
	font-weight: bold;
}

div#admin form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}

#admin li {
	list-style-type: square;
	list-style-position: inside;
	padding: 2px;
}

#projectSlider {
	z-index: 1;
}

#projectItems, #projects {
	width: 980px;
	height: 600px;
	position: absolute;
}

div#content .itemArea p {
	margin-bottom: 0;
	font: 21px/1.4em Helvetica, Arial, Geneva, sans-serif;
}

div#content .itemArea a {
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

div#content .itemArea p.object {
	margin: 0;
	text-align: center;
}

/* @group backButton */

#backButton {
	position: absolute;
	left: 70px;
	z-index: 999;
	top: 70px;
	background: url(../img/layout/back.png) no-repeat;
}

#backButton:hover {
	background-position: 100% 0;
}

#backButton, #backButton a {
	display: none;
	width: 52px;
	height: 154px;
	cursor: move;
}

/* @end */

/* @group contactButton */

#contactButton {
	display: none;
}

#contactButton, #contactButton a {
	display: block;
	width: 213px;
	height: 116px;
	cursor: move;
}

.welcomeButton {
	position: absolute;
	display: none;
	cursor: move;
	z-index: 998;
}

.welcomeButton:hover {
	background-position: 100% 0;
}

#welcome1 {
	width: 286px;
	height: 52px;
	top: 480px;
	left: 256px;
	background-image: url(../img/layout/welcome.png);
}

#welcome2 {
	width: 393px;
	height: 52px;
	top: 46px;
	left: 60px;
	background-image: url(../img/layout/willkommen.png);
}

#welcome3 {
	width: 262px;
	height: 262px;
	top: 130px;
	left: 550px;
	background-image: url(../img/layout/bienvenue.png);
}



/* @end */