@import url(http://fonts.googleapis.com/css?family=PT+Sans:400italic,400,700);
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic);

/* TYPO */

* {
	list-style:none;
	outline:none;
}

body {
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 100%;
	line-height: 1.5em;
	-webkit-text-size-adjust: none;
}


a {
text-decoration: none;
color: #333;
}

a:hover {
color: #000;
}

a img {
display: block;	
}

strong {
	font-weight:bold;
}

img {
	margin-bottom: 1.5em;
	text-align: right;
}

.riesentext {
	font-weight:lighter;
	font-size:1.5em;
	line-height:1.5em;
	color:#FFF;
	text-align:left;
	margin:1em 0 2em 0;
}

.schwarz {
	color:#000;
}

.sans {
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
}

.serif {
	font-family:'PT Serif', Georgia, "Times New Roman", Times, serif;
}

.italic {
	font-style:italic;
}

.gruen {
	color:#43ada3;
}
.rot {
	color:#dd5e06;
}
.gelb {
	color:#ecb73d;
}

.grau {color: #888;}


/* TABS INHALT */

.referenzen ul {
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	float:left;
}

.referenzen li {
	background:url(../img/punkt.png) no-repeat 6px 6px;
	padding-left:20px;
	color:#000;
	margin-bottom:0.5em;
}

.subhead {
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.referenzen p {
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	color:#333;
	margin-bottom:1em;
}

/* BACKGROUNDS */

.bg_hell {
	background:#aaaaaa;
}

.bg_weiss {
	background:#FFF;
}

.bg_absofter {
	background:url(../img/absofter2.png);
}

.bg_abdunkler {
	background:url(../img/k60.png);
}

.bg_gelb {
	background:#ecb73d;
}

.bg_rot {
	background:#dd5e06;
}

.bg_gruen {
	background:#43ada3;
}

.bg_gelb2 {
	background:url(../img/bg_orange.png);
}

.bg_rot2 {
	background:url(../img/bg_rot.png);
}

.bg_gruen2 {
	background:url(../img/bg_gruen.png);
}


/* NAVI */

#main-nav {
	
}
#main-nav ul {
	float:left;
	margin: 100px 0 5px;
}
#main-nav ul li {
	float:left;
	position: relative;
	margin:0 0 0 15px;
	font-size:.7em;
	text-transform:none;
	list-style: none;
}
#main-nav ul li a {
	font-weight:bold;
	margin-bottom:10px;
	padding: 7px 8px;
	display:block;
	color:#FFF;
	text-decoration:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#main-nav ul li a:hover {
	background:#999;
	outline:0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}


/* WEITERES */

#logo {
float:right;
margin-top:1em;
}

#content {
	padding-top:3em;
}

.rechts {
	float:right;
}

.abstand {
	margin-top:2em;
}

.marginal {
	padding:0 1em 0 5em;
}

.clear {
	clear:both;
}

#kontakt a {
	color:#FFF;
}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

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


}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}
