/*----------------------------------------------------------
  P R I M A R Y  S T Y L E S 
----------------------------------------------------------*/

/* RESET */
@import url(reset.css);

/* TYPE */
@import url(type.css);


/* G E N E R A L  S T Y L E S
-------------------------------------------------------- */
#desk {position:relative;background-color:#FFF;border:0 solid rgb(255,255,255);border-bottom:0;background-clip:border-box;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:30px 0;min-height:100%;height:auto !important;height:100%;overflow: hidden !important;}
.desk-home {padding-top: 0;}
#page {position:relative;width:960px;padding:0;background:#FFF;overflow:auto;}

/* F O O T E R 
-------------------------------------------------------- */
footer {position:fixed;bottom:0;left:12px;right:12px;background-color:#aaaaa0;padding-bottom:15px;height:auto;}
#f-inside {height:8px;background-color:#FFF;background-clip:border-box;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}

/* H E A D E R 
-------------------------------------------------------- */
header {
	width:180px;
	height:auto;
	margin: 60px 0 50px 5px;
	padding-right: 40px;
}

/* N A V I G A T I O N 
-------------------------------------------------------- */
nav {width:240px;height:20px;margin:60px 5px;}
#nav-work a {margin-bottom:7px;}
#nav-work a:last-child {padding-bottom:0;}
#nav-contact li {margin:20px 0;}
#nav-work a, #nav-contact a {
	color:#333;
	display:block;
	font-size:0.8125em /*14/16*/;
	font-family: "TTNormsProLight", sans-serif;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:.035em;
}
#nav-work a:hover, #nav-contact a:hover {color:#000;}
#nav-work li.active, #nav-contact li.active {
	color:#000;
	display:block;
	font-size:0.8125em /*14/16*/;
	font-family: "TTNormsProMedium", sans-serif;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:.035em;
	margin-bottom:7px;
}
 
/* menu icon */
#work-icon {display:none; /* hide menu icon initially */}
#nav-work li {margin:0;padding:0;list-style:none;}
/* nav dropdown */
#nav-work ul {padding:0;position:absolute;display:none; /* hide dropdown */width:200px;}
#nav-work ul li {float:none;margin:0;padding:0;}
#nav-work li:hover > ul {display:block; /* show dropdown on hover */}

/* C O N T E N T 
-------------------------------------------------------- */
/* Home new */
.header {
	position: relative;
}

.vcard {
	position: absolute;
	bottom: 30px;
	left: 30px;
	background: rgba(255, 255, 255, 0.7);
	padding: 20px;
	width: 100%;
	max-width: 225px;
}


@media (max-width: 580px) {
	
	.vcard {
		width: 50%;
		bottom: 12px;
		padding: 15px;
	}
}

.content-outer {
	background: white;
	overflow: hidden;
}

.content {
	position: relative;
	width: auto;
	max-width: 960px;
	height: 100%;
	min-height: 200px;
	padding: 30px 0 0 44px;
}

.content nav {
	margin-top: 0;
}

nav#nav-home {
	position: relative;
	float: left;
	width: 200px;
	height: auto;
}

.claim {
	float: left;
	margin-top: 0 !important;
	margin-right: 40px !important;
	margin-bottom: 40px;
	text-align: right;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.claim img {
	padding: 30px 0 0 0;
}

p.ref {
	text-align: left;
	padding-top: 30px;
}

@media (max-width: 768px) {

	nav#nav-home {
		width: 100%;
	}

	.claim {
		position: relative;	
		float: left;
		text-align: left;
		width: 100%;
		max-width: 600px;
		padding-right: 60px;
	}
}
/* /.Home new */

/* GENERAL */
#sidebar {position:fixed;width:250px;float:left;padding-left:30px;}

/* CONTENT-MAIN */
#content-main {position:relative;width:600px;margin-top:168px;padding-right:30px;float:right;}
#content-main-home {position:relative;width:600px;margin-top:70px;padding-right:30px;float:right;}/*168px*/
.title {height:55px;text-align:right;}
.text,
.kontakt {margin-bottom:25px;}
.kontakt-left {
	float: left;
	width: 45%;
}
.kontakt-right {
	float: right;
	width: 45%;
}

.social a {
	width: 25px;
	height: 25px; }

/* ARTICLEs */
article {margin-bottom:40px;overflow:hidden;}
article img {width:99.6666667%;}
.ref {margin-bottom:40px;}
.ref-b {margin-bottom:40px;border:1px solid #ccc;}

/* PARAGRAPHs */
.small {margin-bottom:10px;}
.medium {margin-bottom:20px;}
.large {margin-bottom:50px;}
.gimmick {width:60%;; /* 150/250 */}
/* LINKS */ 
a{color:#333;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}
.friend {margin-bottom:7px;}
/* SLIDES */
.rslides_container {position:relative;margin:0 auto;width:100%;margin-bottom:50px;}
.rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li {position:absolute;display:none;width:99.35%;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides img {display:block;height:auto;float:left;width:100%;border:0;}
.transparent-btns_nav:focus {outline:none;}
.transparent-btns_tabs {margin-top:10px;text-align:center;}
.transparent-btns_tabs li {display:inline;float:none;_float:left;*float:left;margin-right:5px;}
.transparent-btns_tabs a {text-indent: -9999px;overflow: hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#ccc;background:rgba(210,204,184, .3);display:inline-block;_display:block;*display:block;-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);width:9px;height:9px;}
.transparent-btns_here a {background:#222;background:rgba(210,204,184, 1);}
.transparent-btns_nav {position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;left:0;display:block;background:#fff;/* Fix for IE6-9 */opacity:0;filter:alpha(opacity=1);width:48%;text-indent:-9999px;overflow:hidden;height:91%;}
.transparent-btns_nav.next {left:auto;right:0;}
.web {border:1px solid #ccc;}
img.ello {width: 25px;}
a.graphic-link img {
	opacity:1;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
a.graphic-link:hover img {
	opacity:0.65;
}

/* G E N E R I C
-------------------------------------------------------- */
.box_transition {
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}

/* Back to top button */
#back-top {position:fixed;bottom:22px;right:17px;}
#back-top a {width:100px;display:block;text-decoration:none;color:#999;text-align:right;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#back-top a:hover {color:#000;}

/* I E  H A C K s
-------------------------------------------------------- */

/* IE7 */
.ie7 .logo {width:108px;height:108px;margin-bottom:50px;}

/* IE8 */
.ie8 .logo {width:108px;height:108px;margin-bottom:50px;}

/* IE9 */
.ie9 #desk {padding:0;}
.ie9 #footer {display:none;}


/* P R I N T  S T Y L E S
 * inlined to avoid required HTTP connection 
 * www.phpied.com/delay-loading-your-print-css/
-------------------------------------------------------- */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* M E D I A  Q U E R I E S
-------------------------------------------------------- */
@media screen and (max-width: 1024px) {
	/*footer {padding-bottom:5%;}*/
}

@media screen and (max-width: 984px) { 
	#page {width:100%;}
	#sidebar {width:26.0416667% /* 250/960 */;float:left;padding-left:3.125% /* 30/960 */;}
	#content-main, #content-main-home {width:62.5% /* 600/960 */;padding-right:3.125% /* 30/960 */;} 
	.title {height:auto;}
}

@media screen and (max-width: 768px) { 
	#desk {padding-top:5px;}
	#sidebar, #content-main, #content-main-home {position:relative;width:96.09375% /*738/768 */;padding:1.953125% /* 15/768 */;float:left;}
	#content-main, #content-main-home {margin-top:0;}
	header {margin-bottom:30px;}
	/*footer {padding-bottom:10%;}*/
	nav {width:100%;padding:0;margin:0 0 25px 0;}
	#nav-work a, #nav-work li.active, #nav-contact li {float:left;padding-right:15px;}
	#nav-contact li {margin:0;}
	#nav-contact li:last-child {padding-right:0;}
	.title {height:auto;padding-bottom:15px;text-align:left;}
}

@media screen and (max-width: 660px) { 
	/*footer {padding-bottom:20%;}*/
	.rslides_container {margin-bottom:20px;}
	.rslides li {width:99.35%;}
	#nav-wrap, #nav-contact ul {position:relative;float:left;}
	/* menu icon */
	#work-icon {
		font-size:0.8125em /*14/16*/;
		font-family: "TTNormsProLight", sans-serif;
		font-weight:normal;
		color:#333;text-align:center;
		height:auto;
		padding-right:15px;
		cursor:pointer;
		display:block; /* show menu icon */
	}
	#work-icon:hover {color:#000;}
	/* main nav */
	#nav-work {clear:both;position:absolute;top:20px;width:150px;z-index:10000;padding:5px 0;background:#EEE;border:solid 1px #E1E1E1;-khtml-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display:none; /* visibility will be toggled with jquery */}
	#nav-work li {clear:both;float:none;margin:5px 0 5px 10px;}
	#nav-work a, #nav-work ul a {
		font-size:0.8125em /*14/16*/;
		font-family: "TTNormsProLight", sans-serif;
		font-weight:normal;
		color:#333;
		display:inline;
		padding:0;
		border:none;
	}
	#nav-work a:hover, #nav-work ul a:hover {background:none;color:#000;}
	/* dropdown */
	#nav-work ul {width:auto;position:static;display:block;border:none;background:inherit;}
	#nav-work ul li {margin:4px 0 4px 15px;}	
}


@media screen and (max-device-width: 480px) {
	
  	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
  	#desk {padding:15px;}
}