/* Font */
@font-face {
  font-family: 'Gorki_light';
  src: url('Gorki_light.eot'); /* IE9 Compat Modes */
  src: url('Gorki_light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Gorki_light.woff') format('woff'), /* Modern Browsers */
       url('Gorki_light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Gorki_light.svg#3b6af0d9afee35774b6bfe194470eb7a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: 'Gorki_regular';
  src: url('Gorki_regular.eot'); /* IE9 Compat Modes */
  src: url('Gorki_regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Gorki_regular.woff') format('woff'), /* Modern Browsers */
       url('Gorki_regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('Gorki_regular.svg#3b6af0d9afee35774b6bfe194470eb7a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: 'RM_Cantonale_15_16_Book Book';
  src: url('RM_Cantonale_15_16_Book-Book.eot'); /* IE9 Compat Modes */
  src: url('RM_Cantonale_15_16_Book-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('RM_Cantonale_15_16_Book-Book.woff') format('woff'), /* Modern Browsers */
       url('RM_Cantonale_15_16_Book-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('RM_Cantonale_15_16_Book-Book.svg#7b8d25291e9e596fccdb96564c15c3ea') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video  { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }

/* Basic */
body { font-family: 'RM_Cantonale_15_16_Book Book'; margin-left: 25px; margin-top: 20px; margin-right: 25px; margin-bottom: 50px; -moz-font-feature-settings:"kern" 1; -moz-font-feature-settings:"kern=1"; -ms-font-feature-settings:"kern" 1; -o-font-feature-settings:"kern" 1; -webkit-font-feature-settings:"kern" 1; font-feature-settings:"kern" 1; font-kerning: normal; }

#page { position: relative; width: 100%; }

#head { position: relative; max-width: 1200px; height: 52px; margin-bottom: 5em; display:block; }
#info { width: 80%; float: left; display: block; }
#info2 { width: 10%; float: right; display: block; text-align: right; }
#about { margin-top: 100px; max-width:1200px; }
#about_text { padding-right: 35px }
#studio { width: 75%; float: left; margin-bottom: 30px;}
#contact { width: 22%; float: left; margin-bottom: 30px; }
#mail { line-height: 1.6em;}
#map { margin-top: 30px;}
#copyright { margin-top: 70px;}
#name { color: blue; }
#sub { color: black; }
#text { font-size: 16px; color: black; letter-spacing: 0.01em; line-height: 1.22em; }
#add_info { width: 100%; float: left; display: block;  }
#archive { margin-top: 80px; max-width:1200px; }


.info { font-size: 20px; letter-spacing: 0.033em; line-height: 1.2em; }
.studio { font-size: 20px; letter-spacing: 0.035em; word-spacing: 0.05em; line-height: 1.38em; color:black; }
.count { max-width: 100px; text-align: left; font-size: 16px; letter-spacing: 0.035em; line-height: 1.2em; margin-top: 0.1em; }
.showinfo {
	width: 21px;
	height: 21px;
	float: right;
	background:#333;
	z-index: 1;
	text-align: center;
	color: white;
	font-size: 16px;
	border-radius: 50%;
    behavior: url(PIE.htc);
	cursor: help;
}

.project
{
	position: relative;
	float: left;
	max-width: 1200px;
	margin-bottom: 8em;
	display: block;
}

.contact { text-align: left; font-size: 16px; letter-spacing: 0.038em; line-height: 1.35em; color:black; }
.client { margin-top: 2.5em;}
	.cv_column { width: 22%; margin-right: 3%; float: left; display: block; margin-bottom: 40px; font-size: 16px; letter-spacing: 0.038em; line-height: 1.35em; color:black; }
.cv_column_right { width: 22%; float: left; display: block; margin-bottom: 40px; font-size: 16px; letter-spacing: 0.038em; line-height: 1.35em; color:black; }

.projektinfo {
	width: 100%;
	height: 100%;
	margin-top: 1em;
	/* [disabled]background-color: rgba(51,51,51,0.8); */
	/* [disabled]position: absolute; */
	z-index: 7000;
	display: none;
	text-rendering: geometricPrecision !important;
	font-size: 20px; letter-spacing: 0.035em; word-spacing: 0.05em; line-height: 1.38em; color:black; 
	}

	

/* Links */
a:link, a:active, a:visited { text-decoration: none; color: black; }
a:hover { text-decoration: none; color: red; }
#contact a:link, #contact a:active, #contact a:visited { text-decoration: none; color: black; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: black; padding-bottom: 0.08em; }
#contact a:hover { text-decoration: none; color:red; border-bottom-color: red;  }
#add_info a:link, #add_info a:active, #add_info a:visited { text-decoration: none; color: black; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: black; padding-bottom: 0.08em; }
#add_info a:hover { text-decoration: none; color:red; border-bottom-color: red;  }


p { margin-bottom: 1.2em; }
h1 { margin-bottom: 1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: blue; font-size: 16px; letter-spacing: 0.038em; line-height: 1.35em; padding-bottom: 0.08em; color:blue; }
h2 { margin-bottom: 1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: blue; font-size: 22px; letter-spacing: 0.035em; line-height: 1.35em; padding-bottom: 0.08em; color:blue; }
li { margin-bottom: 1.2em; }
ul {padding-left: 18px; list-style-type:circle;}


/* Slideshow */
.cycle-slideshow {
	max-width: 1200px;
	width: 100%;
	margin-bottom: 0.2em;
	position: relative;
	display: block;
}
.cycle-slideshow article { position:absolute; width:100%; display: block; }

/*.black { position:absolute; width:100%; z-index:39 }
.caption {
	position: relative;
	margin-top: 5%;
	margin-left: 6%;
	width: 87%;
	padding: 0;
	text-align: left;
	color: #FFFFFF;
	font-size: 23px;
	letter-spacing: 0.038em;
	line-height: 1.47em;
	display: none;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-rendering: geometricPrecision !important;
	z-index: 7000;
}*/

.cycle-slideshow img:first-child { position: static; z-index: 100; width:100%; }

/* caption */
.cycle-caption { position: absolute; color: black; bottom: 15px; right: 15px; z-index: 700; }

/* prev / next links */
.cycle-next { position: absolute; top: 0; width: 100%; z-index: 800; height: 100%; }
.cycle-prev { left: 0; cursor: w-resize; }
.cycle-next { right: 0; cursor: e-resize; }


/* Media 
@media only screen 
and (max-width: 1200px) {
#head { position: relative; max-width: 1000px; height: 52px; margin-bottom: 35px; display:block; }
#about { margin-top: 80px; max-width:1000px; }
#archive { margin-top: 80px; max-width:1000px; }

.studio { font-size: 22px; letter-spacing: 0.038em; word-spacing: 0.05em; line-height: 1.35em; color:black; }

.cycle-slideshow {
	max-width: 1000px;
	width: 100%;
	margin-bottom: 0.2em;
	position: relative;
}
}

@media only screen 
and (max-width: 1000px) {
	.caption { position: absolute; margin-top: 4%; margin-left:5%; width: 88%; padding: 0; text-align: left; color: #FFFFFF; z-index: 40; font-size: 22px; letter-spacing: 0.035em; line-height: 1.35em;  }
}*/

@media only screen 
and (max-width: 900px) {
	#studio { width:100%; }
	#contact { width:100%; }
	#copyright { margin-top: 40px;}
	.cv_column { width: 100%; float: left; display: block; }
	.cv_column_right { width: 100%; float: left; display: block; }
	.caption { position: absolute; margin-top: 4%; margin-left:5%; width: 88%; padding: 0; text-align: left; color: #FFFFFF; z-index: 40; font-size: 16px; letter-spacing: 0.035em; line-height: 1.35em;  }
		.projektinfo {font-size: 16px; letter-spacing: 0.04em; }
	li { margin-bottom: 0em; }
	.cv_column, .cv_column_right, .studio, .contact, .projektinfo { line-height: 1.45em; }

}

/*@media only screen 
and (max-width: 800px) {
	.caption { position: absolute; margin-top: 4%; margin-left:5%; width: 88%; padding: 0; text-align: left; color: #FFFFFF; z-index: 40; font-size: 16px; letter-spacing: 0.035em; line-height: 1.35em;  }
}

@media only screen 
and (max-width: 700px) {
	.caption { position: absolute; margin-top: 4%; margin-left:5%; width: 88%; padding: 0; text-align: left; color: #FFFFFF; z-index: 40; font-size: 15px; letter-spacing: 0.035em; line-height: 1.35em;  }
}
*/

@media only screen 
and (max-width: 650px) {
	.studio { text-align: left; font-size: 16px; letter-spacing: 0.038em; /*line-height: 1.38em;*/ word-spacing: 0.05em; }
	.caption { position: absolute; margin-top: 4%; margin-left:5%; width: 88%; padding: 0; text-align: left; color: #FFFFFF; z-index: 40; font-size: 13px; letter-spacing: 0.035em; line-height: 1.35em;  }
	#about { margin-top: 50px; }
	#about_text { padding-right: 10px }
}

/*@media only screen 
and (max-width: 600px) {
	.caption { position: absolute; margin-top: 4%; margin-left:5%; width: 88%; padding: 0; text-align: left; color: #FFFFFF; z-index: 40; font-size: 11px; letter-spacing: 0.035em; line-height: 1.35em;  }
}
*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	body { margin-left: 10px; margin-top: 16px; margin-right: 155px; margin-bottom: 0px; }
	#head { position: relative; max-width: 1200px; height: 52px; margin-bottom: 2em; display:block; }
	.cycle-slideshow { max-width: 1200px; width:100%; margin: 0px 0px 0.2em 0px; position: relative; }
	.info, .info2 { font-size: 17px; letter-spacing: 0.035em; line-height: 1.2em; }
	.count { text-align: left; font-size: 14px; letter-spacing: 0.035em; line-height: 1.2em; margin-top: 0.5px }
	.caption { position: absolute; margin-top: 4%; margin-left:5%; width: 88%; padding: 0; text-align: left; color: #FFFFFF; z-index: 40; font-size: 7px; letter-spacing: 0.035em; line-height: 1.35em;  }
	.studio { text-align: left; font-size: 18px; letter-spacing: 0.038em; line-height: 1.35em; word-spacing: 0.05em; }
    .cycle-overlay { padding: 4px; }
    .cycle-caption { bottom: 4px; right: 4px; }
	.projektinfo {font-size: 14px; letter-spacing: 0.04em; }
	.project { margin-bottom: 4em;	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	body { margin-left: 10px; margin-top: 15px; margin-right: 10px; margin-bottom: 0px; }
	#head { position: relative; max-width: 1200px; height: 52px; margin-bottom: 1.5em; display:block; }
	.cycle-slideshow { max-width: 1200px; width:100%; margin: 0px 0px 0.2em 0px; position: relative; }
	.info, .info2 { font-size: 16px; letter-spacing: 0.035em; line-height: 1.2em; }
	.count { text-align: left; font-size: 14px; letter-spacing: 0.035em; line-height: 1.2em; margin-top: 1px }
	.caption { position: absolute; margin-top: 4%; margin-left:6%; width: 88%; padding: 0; text-align: left; color: #FFFFFF; z-index: 40; font-size: 8px; letter-spacing: 0.035em; line-height: 1.38em;  }
	.projektinfo {font-size: 14px; letter-spacing: 0.04em; }
	.studio { text-align: left; font-size: 16px; letter-spacing: 0.038em; line-height: 1.35em; word-spacing: 0.05em; }
    .cycle-overlay { padding: 4px; }
    .cycle-caption { bottom: 4px; right: 4px; }
	.project { margin-bottom: 2em;	}

}