body{margin:0;font-family: 'Helvetica', sans-serif;

font-size:13px;line-height:1.8em;letter-spacing:0.17em;color:#000;background-color:#D71F22;}

html, a, a:hover, a:active, img {-webkit-tap-highlight-color:rgba(255,255,255,0.3);
-webkit-tap-highlight-color:rgba(0,0,0,0.3);}
	 	
	html{overflow-x:hidden; overflow-y:scroll;}
	
	.pink {background:#FFFFFF}
	.blue {background:#FFFFFF}
	.sand {background:#FFFFFF}
	.green {background:#FFFFFF}
	
	
h1, h2, h3, h4 {
	
	font-family:'Helvetica', sans-serif; padding:0 0 0 0;
	}
h1 {
	font-size: 1.5em;
	letter-spacing: 0.25em;
	line-height: 1.3em;
	padding-bottom: 1px;
	font-family: 'Helvetica', sans-serif;
	text-align: center;
}
h2 {
	font-size: 13px;
	letter-spacing: 0.2em;
	line-height: 1.3em;
	padding-bottom: 4px;
	font-family: 'Helvetica', sans-serif;
}
	
h3 {font-size: 1.5em;}

h4 {
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 1.3em;
	padding-bottom: 4px;
	font-family: 'Helvetica', sans-serif;
}
	
 
 .content {
	padding-top:130px;
	}
	
.content p {
	margin-bottom: 1.2em;
	text-align: left;
	}
	

/***** BODY *****/
	
.page-title {
	padding: 0px 0 5px 0;
	}
	


	
/***** NAVIGATION BAR *****/

.navbar .brand {
	font-weight: light;
	color: black;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
}



/***** HOMEPAGE *****/
	
#details {
	position: relative;
	float: right;
	width: 527px;
	margin-top: 80px;
	padding-left: 20px;
}

#icon {
	position: relative;
	float: left;
	margin-right: 20px;
}

#app-name {
	position: relative;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
}

#app-name h1 {
	font-size: 5.5em;
	font-size: 5.5em;
	color: #ECECEC;
	text-shadow: -1px 0 #B3B3B3, 0 1px #B3B3B3, 1px 0 #B3B3B3, 0 -1px #B3B3B3, #020763 0.03em 0.03em;
	}
	


#features li {
	background: url('../img/check.png') no-repeat left;
	list-style: none;
	padding-left: 25px;
	margin-left: -23px;
	line-height: 1.7em;
}

.download-box {
	width: 45%;
	float: left;
	padding-top: 20px;
	padding-right: 5%;
	font-size: 0.9em;
	line-height: 1.3em;
	}
	

/***** DER LETTERPRESS SHOP *****/
div.letterpress {float:center;width:900px;padding:0px 0px 0px 0px;}
div.letterpress div {text-align:center}
div.letterpress div.txt{font-size:13px;line-height:1.4em; letter-spacing:0.2em; font-family: 'Helvetica', sans-serif; padding:10px 0px 10px 0px; text-align:center;}

	
/***** ABOUT PAGE *****/
div.about_left {float:left;width:569px;padding:0px 16px 12px 0px;}
div.about_left div.txt{font-size:13px;line-height:1.4em; letter-spacing:0.15em; font-family: 'Helvetica', sans-serif; padding:20px 0px 20px 0px; text-align:left;}
div.about_left h3{}
div.about_right {float:right;width:337px;padding:0px 0px 0px 0px;}
div.about_right div {text-align:center}
div.about_right div.txt{font-size:13px;line-height:1.4em; letter-spacing:0.15em; font-family: 'Helvetica', sans-serif; padding:0px 0px 10px 0px; text-align:left;}
div.about_right div.txt p.contact {padding:0px 0px 10px 0px;margin:0px 0px 10px 0px; text-align:left;}

div.work_credits_left {float:left;width:669px;padding:0px 0px 0px 0px;}
div.work_credits_left div.txt{ padding:5px 0px 0px 0px; text-align:left;}
div.work_credits_left h3{}
div.work_credits_right {float:right;width:235px;padding:0px 2px 0px 16px;margin-bottom:20px;}
div.work_credits_right div {text-align:center}
div.work_credits_right div.txt{font-size:1em; padding:10px 0px 10px 0px; text-align:left;}
div.work_credits_right div.txt p.contact {padding:0px 0px 10px 0px;margin:0px 0px 10px 0px; text-align:left;border-bottom:1.5px solid #000;}

div.back-work a {color:#000;}
div.back-work a:hover{ text-decoration:none; color:#777777}


.updates ul {
	list-style: none;
	padding-top: 10px;
	clear: both;
	margin: 0 0 25px 0;
	}
	
.updates ul li {
	margin-bottom: 10px;
	}
	
.updates hr {
	border-top: 1px solid #CCC;
	}
	
.updates .label {
	display: block;
	float: left;
	margin-right: 10px;
}

/***** farbbuttons *****/
fieldset {
	border: none;
}
	

	
/***** CONTACT *****/

#contact-form {}
	
#contact-info {
	padding-bottom:20px;
	}

div.works_headline h3{
	font-size: 13px;
	padding-top: 5px; padding-bottom: 11px;
	font-style: normal;
}	
div.works_title{font-family:'Helvetica', sans-serif; padding:10px 0px 0px 0px}	
ul.thumbnails a{font-size:13px; letter-spacing: 0.0em; color:#000}	
ul.thumbnails a:hover{color:#777; text-decoration:none;}
ul.thumbnails a:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9}
	
/***** FOOTER *****/

.footer {
	font-size: 0.90em;
	line-height: 1.5em;
	padding: 15px 0;
	border-top: 1px solid #000;
}

#copyright {
	text-align:center;
	}
	
#credits {
	float:right;
	}
	
	div.back-top{padding: 0px 0px 0px 0px}
	div.back-top a {color:#000; padding: 0px 0px 0px 0px}
	div.back-top a:hover{ text-decoration:none; color:#777777}
	div.back-top a img {padding: 0px 5px 0px 20px}
	
	div.back-work{padding: 0px 0px 0px 0px}
	div.back-work a {color:#000; padding: 0px 0px 0px 0px}
	div.back-work a:hover{ text-decoration:none; color:#777777}
	div.back-work a img {padding: 5px 20px 5px 0px}
	
	
	
div.img_large{padding-left:0px; padding-right:0px;}
 img.img_large {width: 100%; max-width: 940px; margin: 0px auto 5% auto; float:none;}
 div.info{text-align:left; padding-bottom:25px}
 div.info h3{font-size:13px}
 
 
  img.logo_home {margin:14% auto 17% auto;display: block}
  a:hover img.logo_home {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8; }
  
 div.img_mobile {display:none;}
 div.img_mobile img {}
 
/* neue Klassen */	 
.row-fluid .thumbnails { margin-left: 0 0 0 0; text-align: center;}
form.form-warenkorb {margin:0 0 8px 0; -webkit-appearance: none; border:1px solid #fff;}
input.input-warenkorb { margin:0 0 0 0; -webkit-appearance: none; border:1px solid #fff;}
input.input-warenkorb:hover { color:#777; border:1px solid #fff;}
input.input-warenkorb:focus { margin:0 0 0 0;-webkit-appearance: none; border:1px solid #fff;}
.navbar .brand {display: block; float: left;  margin: 10px 0 10px 10px; padding: 0; width: 75px;}
 
 
@media screen and (max-width: 979px) and (min-width: 768px) {

.content {
	padding-top: 130px;
	}
	
	
.hidden-desktop {
	display: none!important;
	}

.visible-desktop {
	display: inherit!important;
	}
	
#version {
	display: none;
	}
	
div.about_left {float:left;width:69%;padding:0px 1.5% 12px 0px;}
div.about_left div.txt{padding:20px 0px 0px 0px; text-align:left;}
div.about_right {float:right;width:27.8%;padding:0px 0px 0px 0px;}

div.work_credits_left {float:left;width:69%;padding:0px 0px 0px 0px;}
div.work_credits_left div.txt{padding:5px 0px 0px 0px; text-align:left;}
div.work_credits_right {float:right;width:27.8%;padding:0px 2px 0px 1.5%;margin-bottom:20px;}



.footer {
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 15px 40px;
	border-top: 1px solid #000;
}

/* neues range */
@media screen and (max-width: 979px) {
input.input-warenkorb { margin:0px 10px 0 0;}	
}


	
}
@media screen and (max-width: 800px) {
.footer {
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 15px 40px;
	border-top: 1px solid #000;
}
.content {
	padding-top: 0px;
	}
div.about_left {float:none;border-right:none;border-bottom:1px solid #000;width:100%;padding:0px 0% 15px 0px;}
div.about_left div.txt{padding:20px 0px 0px 0px; text-align:left;}
div.about_right {float:none;width:100%;padding:25px 0px 0px 0px;}

div.work_credits_left {float:none;width:100%;padding:0px 0px 12px 0px;border-bottom:1px solid #000;}
div.work_credits_left div.txt{padding:5px 0px 0px 0px; text-align:left;}
div.work_credits_right {float:none;border-left:none;width:100%;padding:0px 0px 0px 0px;margin-bottom:20px;}

div.img_mobile {width:100%; max-width:230px; margin:-100px auto 100px auto;display:block;}
 div.img_mobile img {width: 31.33%; margin:0.5% 1% 0.5% 1%; float:left;}


div.img_mobile a:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9}
 
input.input-warenkorb { margin:0px 0px 0px 20px;} 
 
}


@media screen and (max-width: 768px) {
	
.footer {
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 15px 40px;
	border-top: 1,5px dotted #000;
}

.content {padding-top: 0px;}

div.about_left {float:none;border-right:none;border-bottom:1px solid #000;width:100%;padding:0px 0% 15px 0px;}
div.about_left div.txt{padding:20px 0px 0px 0px; text-align:left;}
div.about_right {float:none;width:100%;padding:25px 0px 0px 0px;}

div.work_credits_left {float:none;width:100%;padding:0px 0px 12px 0px;border-bottom:1px solid #000;}
div.work_credits_left div.txt{padding:5px 0px 0px 0px; text-align:left;}
div.work_credits_right {float:none;border-left:none;width:100%;padding:0px 0px 0px 0px;margin-bottom:20px;}

}

@media screen and (max-width: 767px) {

/***** STRUCTURE *****/

.content {
	padding-top: 0px;
	}
	.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-right:0px;padding-left:0px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
	
.page-title {
	padding: 30px 0;
	}


/***** HOME *****/

#app-name {
	text-align: center;
	float: none;
	}

#tagline {
	text-align: center;
	margin-top: 2em;
	}
	
#version {
	display: none;
	}
	
#phones {
	text-align: center;
	margin-top: 20px;
	}
	
#description {
	margin-top: 0px;
	}
	
.hidden-phone {
	display: inherit!important;
}

.visible-phone {
	display:none!important;
}

/***** SCREENSHOTS *****/

.thumbnails .span3, .thumbnails .span3:first-child {
	width: 91%;
	float: left;
	margin: 1% 5%;
	}
	
/***** CONTACT *****/

#contact-info {
	padding-bottom:40px;
	}
	
#contact-form {
	border-left: none;
	}

	
.form-horizontal .control-label {
	width: 90px;
	}

.form-horizontal .form-actions {
	padding-left: 100px;
	}
	
#credits {
	float: right;
	}
	
	footer {
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 15px 20px;
	border-top: 1px solid #000;
}

	div.about_left {float:none;border-right:none;border-bottom:1px solid #000;;width:100%;padding:0px 0% 15px 0px;}
div.about_left div.txt{padding:20px 0px 0px 0px; text-align:left;}
div.about_right {float:none;width:100%;padding:25px 0px 0px 0px;}

div.work_credits_left {float:none;width:100%;padding:0px 0px 12px 0px;border-bottom:1px solid #000;}
div.work_credits_left div.txt{padding:5px 0px 0px 0px; text-align:left;}
div.work_credits_right {float:none;border-left:none;width:100%;padding:0px 0px 0px 0px;margin-bottom:20px;}




}

@media screen and (max-width: 640px) {	

img.logo_home {margin:33% auto 36% auto;display: block}

}

@media screen and (max-width: 480px) {

#version {
	display: none;
	}

.version {
	float:none;
	}

.release-date {
	float: none;
	}
	

.form-horizontal .controls {
	margin-left: 0px;
	}
	
.form-horizontal .control-label {
	width: 90px;
	}

.form-horizontal .form-actions {
	padding-left: 0px;
	}
	
#credits {
	float: left;
	}
	
.hidden-phone {
	display: none!important;
}

.visible-phone {
	display:inherit!important;
}
	
}