@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* RESET FINISHED*/



/**************************************/
/**************************************/

/* MY PRESETS */

/*
/********************************/
/* MEDIA SETTINGS
*/

/*  6  Landscape phones and down */
/*
@media only screen and (max-width: 480px) {
	.wholepage {	width:400px;}

	#news_bg { 	background-size:400px 267px;
				height: 100%;

				background-position: center 40px;	 }

	#news {		left:0px; top:0px;
				padding:0px;
				padding-top:10px;

				height: 100%;
				height: -webkit-calc(100% - 50px);
				height: -moz-calc(100% - 50px);
				height: calc(100% - 50px);
				width:400px; }

	table.nav td {	background-color:yellow; width:50px; height:30px; padding-bottom:10px; font-size:6px;}
	table.nav td.space {	display:none;	}
	table.nav td.left {	text-align:left;	width:90px; }
	table.nav td.right {	text-align:right;	width:90px;}
	table.nav td.titel {	width:100px;  font-size:8px;}

	ul.projectmenu {	width:100px; font-size: 6px; line-height:100%; }
	ul.projectmenu li {	margin-bottom:10px; }

	p { margin-top: 10px; margin-bottom: 10px; line-height:150%; font-size:14px; }

	div.project { width:300px;	left:0px; }
	div.project .projecttext {	top:650px;	}

	div.project .projecttext h1 {	margin-bottom:0px;	margin-top:10px;	font-size:16px; }
	div.project .projecttext p.description {	margin-top:10px;	margin-bottom:10px; font-size:12px; }
	div.project .projecttext p.text { width:300px; margin-top:0px; margin-bottom:40px; line-height:150%;}

	#galleria { width: 300px;	height: 260px; left:0px; }
	.galleria-stage { bottom:60px; }
	.galleria-thumbnails-container {  height: 50px; }
}

/* 4   and (min-width: 481px)  */
@media only screen and (max-width: 749px)   {

	html {background-color:white;}

	.wholepage {	width:480px;}

	#news_bg { 	background-size:480px 320px;
				height: 100%;

				background-position: center 60px;	 }

	#news {		left:0px; top:0px;
				padding:0px;
				padding-top:10px;

				height: 100%;
				height: -webkit-calc(100% - 70px);
				height: -moz-calc(100% - 70px);
				height: calc(100% - 70px);
				width:480px; }

	table.nav td {	width:80px; height:40px; padding-bottom:10px; font-size:10px;}
	table.nav td.space {	display:none;	}
	table.nav td.left {	text-align:left;	width:30px; }
	table.nav td.right {	text-align:right;	width:30px;}
	table.nav td.titel {	width:100px; font-size:12px;}

	ul.projectmenu {	width:100px; font-size: 10px; line-height:100%; }
	ul.projectmenu li {	margin-bottom:10px; margin-right:10px }

	p { margin-top: 10px; margin-bottom: 10px; line-height:150%; font-size:14px; }

	div.project { width:380px;	left:0px; }
	div.project .projecttext {	top:650px;	}

	div.project .projecttext h1 {	margin-bottom:0px;	margin-top:10px;	font-size:18px; }
	div.project .projecttext p.description {	margin-top:10px;	margin-bottom:10px; font-size:12px; }
	div.project .projecttext p.text { width:380px; margin-top:0px; margin-bottom:40px; line-height:150%;}

	#galleria { width: 380px;	height: 320px; left:0px; }
	.galleria-stage { bottom:60px; }
	.galleria-thumbnails-container {  height: 50px; }
}

/* 3 */
@media only screen and (min-width: 750px) and (max-width: 999px) {

	html {background-color:white;}

	.wholepage {	width:750px;}

	#news_bg { 	background-size:750px 500px;
				height: 100%;

				background-position: center 70px;	 }

	#news {		left:10px; top:10px;
				height: 100%;
				height: -webkit-calc(100% - 160px);
				height: -moz-calc(100% - 160px);
				height: calc(100% - 160px);
				width:500px; }

	table.nav td { 	 width:120px; height:80px; padding-bottom:20px; font-size:12px;}
	table.nav td.space {	display:none;	}
	table.nav td.left {	text-align:left;	width:60px; }
	table.nav td.right {	text-align:right;	width:60px;}
	table.nav td.titel {	width:150px;  font-size:18px;}

	ul.projectmenu {	width:150px; font-size: 10px; line-height:100%; }
	ul.projectmenu li {	margin-bottom:10px; }

	p { margin-top: 10px; margin-bottom: 10px; line-height:150%; font-size:14px; }

	div.project { width:600px;	left:0px; }
	div.project .projecttext {	top:650px;	}

	div.project .projecttext h1 {	margin-bottom:0px;	margin-top:10px;	font-size:18px; }
	div.project .projecttext p.description {	margin-top:10px;	margin-bottom:10px; font-size:12px; }
	div.project .projecttext p.text { width:600px; margin-top:0px; margin-bottom:40px; line-height:150%;}

	#galleria { width: 600px;	height: 460px; left:0px; }
	.galleria-stage { bottom:60px; }
	.galleria-thumbnails-container {  height: 50px; }
}


/* 2   Landscape phone to portrait tablet */
@media only screen and (min-width: 1000px) and (max-width: 1199px) {

	html {background-color:white;}

	.wholepage {	width:1000px;}

	#news_bg { 	background-size:1000px 667px;
				height: 100%;

				background-position: center 80px;	 }

	#news {		left:20px; top:20px;
				height: 100%;
				height: -webkit-calc(100% - 190px);
				height: -moz-calc(100% - 190px);
				height: calc(100% - 190px);
				width:600px; }

	table.nav td {	 width:150px; height:80px; padding-bottom:30px; font-size:14px;}
	table.nav td.space {	display:none;	}
	table.nav td.left {	text-align:left;	width:75px; }
	table.nav td.right {	text-align:right;	width:75px;}
	table.nav td.titel {	width:250px; font-size:20px;}

	ul.projectmenu {	width:250px; font-size: 12px; line-height:100%; }
	ul.projectmenu li {	margin-bottom:10px; }

	p { margin-top: 10px; margin-bottom: 10px; line-height:150%; font-size:14px; }

	div.project { width:750px;	left:0px; }
	div.project .projecttext {	top:660px;	}

	div.project .projecttext h1 {	margin-bottom:0px;	margin-top:10px;	font-size:18px; }
	div.project .projecttext p.description {	margin-top:10px;	margin-bottom:10px; font-size:12px; }
	div.project .projecttext p.text { width:600px; margin-top:0px; margin-bottom:40px; line-height:150%;}

	#galleria { width: 750px;	height: 560px; left:0px; }
	.galleria-stage { bottom:60px; }
	.galleria-thumbnails-container {  height: 50px; }


}
/*   1  Portrait tablet to landscape and desktop */
@media only screen and (min-width: 1200px) {
/* @media only screen and (min-width: 1200px)  and (max-width: 1499px) { */

	html {background-color:white;}

	.wholepage {	width:1200px;}

	#news_bg { 	background-size:1200px 800px;
				height: 100%;

				background-position: center 80px;	 }

	#news {		left:20px; top:20px;
				height: 100%;
				height: -webkit-calc(100% - 190px);
				height: -moz-calc(100% - 190px);
				height: calc(100% - 190px);
				width:700px; }

	table.nav td {	 width:180px; height:80px;  padding-bottom:30px; font-size:14px;}
	table.nav td.space {	display:none;	}
	table.nav td.left {	text-align:left;	width:90px; }
	table.nav td.right {	text-align:right;	width:90px;}
	table.nav td.titel {	width:300px;     font-size:20px;}

	ul.projectmenu {	width:300px; font-size: 12px; line-height:100%; }
	ul.projectmenu li {	margin-bottom:10px; }

	p { margin-top: 10px; margin-bottom: 10px; line-height:150%; font-size:14px; }

	div.project { width:900px;	left:0px; }
	div.project .projecttext {	top:660px;	}
	div.project .projecttext h1 {	margin-bottom:0px;	margin-top:20px;	font-size:18px; }
	div.project .projecttext p.description {	margin-top:10px;	margin-bottom:10px; font-size:12px; }
	div.project .projecttext p.text { width:600px; margin-top:0px; margin-bottom:60px; line-height:150%;}

	#galleria { width: 900px;	height: 660px; left:0px; }
	.galleria-stage { bottom:60px; }
	.galleria-thumbnails-container {  height: 50px; }

}
/*  1   Large desktop
@media only screen and (min-width: 1500px) {

	html {background-color:white;}

	.wholepage {	width:1500px;	}

	#news_bg { 	background-size:1500px 1000px;
				height: 100%;

				background-position: center 80px;	 }

	#news {		left:20px; top:20px;
				height: 100%;
				height: -webkit-calc(100% - 160px);
				height: -moz-calc(100% - 160px);
				height: calc(100% - 160px);
				width:700px; }

	table.nav td {	 width:180px; height:80px; padding-bottom:30px; font-size:16px;}
	table.nav td.space {	width:50px;	}
	table.nav td.left {	text-align:left;	width:90px; }
	table.nav td.right {	text-align:right;	width:90px;}
	table.nav td.titel {	width:500px;  font-size:20px;}

	ul.projectmenu {	width:500px; font-size: 12px; line-height:100%; }
	ul.projectmenu li {	margin-bottom:10px; }

	p { margin-top: 10px; margin-bottom: 10px; line-height:150%; font-size:14px; }

	div.project { width:900px;	left:50px; }
	div.project .projecttext {	top:660px;	}
	div.project .projecttext h1 {	margin-bottom:0px;	margin-top:30px;	font-size:18px; }
	div.project .projecttext p.description {	margin-top:10px;	margin-bottom:10px; font-size:12px; }
	div.project .projecttext p.text { width:600px; margin-top:0px; margin-bottom:40px; line-height:150%;}

	#galleria { width: 900px;	height: 660px; left:0px; }
	.galleria-stage { bottom:60px; }
	.galleria-thumbnails-container {  height: 50px; }


}
/****************************/

/* SETTING BACKGROUNDS */

table.nav { background-color: #ffffff; }
table.nav td.left {	background-color:white;  }
table.nav td.right { background-color:white;  }
table.nav td.space { background-color: white; }
table.nav td.titel { background-color: white;}

ul.projectmenu { background-color: white; }

div.project {background-color: #ffffff; }

.galleria-stage {  background-color: #ffffff; }

/***********************************/

@font-face {  font-family:Century Gothic;  src: url(fonts/gothic.ttf);}
@font-face {  font-family:Century Gothic bold;  src: url(fonts/gothicb.ttf);}
@font-face {  font-family:Century Gothic italic;  src: url(fonts/gothici.ttf);}

b {	font-family:"Century Gothic bold";	}
i { font-family:"Century Gothic italic"; }

.wholepage
{

	background-color:white;
	text-align:left;

	margin:0 auto;

	font-family:"Century Gothic", Arial, Verdana;
}


h1
{
	font-family:"Century Gothic", Arial, Verdana;
	font-size:16px;

	font-weight:normal;


	letter-spacing:0.1em;

	text-transform:uppercase;
	margin-bottom:20px;

	margin-top:10px;
}



p
{
	font-family:"Century Gothic", Arial, Verdana;
}

p.bio
{
	display:block;
	text-align:justify;

	width:500px;
}

p.press
{
	line-height: 2em;

}

/*		NAVIGATION TOP 		*/

table.nav
{
	display:table;

	width:100%;

}

table.nav td
{
display:table-cell;

vertical-align:bottom;
text-transform:uppercase;

text-align:center;
}



table.nav td.titel
{

	font-family: 'Impact', Century Gothic, Arial;

	font-weight:normal;
	letter-spacing:0.1em;

	font-stretch:extra-expanded;

	text-transform:uppercase;
	text-align:left;


	color:#ababab;
}



/*		NAVIGATION LEFT			*/


ul.projectmenu
{
	display:block;
	float:left;
	list-style-type:none;

	text-transform:uppercase;

	font-family:"Century Gothic",Arial;

	color:#000;

}



/*		PROJECT		*/

div.project
{
	display:block;
	float:left;
	position:relative;


	overflow:visible;

	margin-bottom:10px;

}


div.project .projecttext
{
	float:left;

}



div.project .projecttext h1
{
	font-family: 'Century Gothic', Century Gothic, Arial;

	font-weight:normal;
	font-size:15px;
	font-stretch:expanded;
	text-transform:uppercase;
	color:#000;
}

div.project .projecttext h1 i
{

	font-family:'Century Gothic', Century Gothic, Arial;
	font-weight:normal;
	text-transform:none;
	font-style:normal;

}


div.project .projecttext p.description
{
	font-family: "Century Gothic", Courier New;

	font-weight:normal;
	font-stretch:normal;

	font-style:normal;

	color:#000000;

}

div.project .projecttext p.text
{

	font-size: 12px;
	text-align:justify;

}





/*			GALLERIA		*/

#galleria {
	position:relative;
	float:left;

	margin:0px;
	padding:0px;
	border:0px;



	display:block;

	background: #000;

}



/* Full page Container JSCROLLPANE  */

/* Styles specific to this particular page */
/*html,body {	height:100%; margin:0px; padding:0px; }*/


#full-page-container
{
	overflow: auto;

}

.horizontal-only
{
	height: auto;
	max-height: 200px;
}

.scroll-pane
{
	width: 100%;
	height: 100%;
	overflow: auto;
}




/*			LINKS		*/
a
{
	text-decoration:none;
	color:#000000;
}





a:link {color:#000000;}      /* unvisited link */
a:visited {color:#000000;}  /* visited link */
a:active {color:#f9ace2;}  /* selected link */
a:hover {color:#f9ace2;}  /* mouse over link */

a.select
{
	color:#f9ace2;
}