/*
Theme Name:Simplease – Website
*/

/*
*, html, body, h1, h2, h3, h4, h5, h6, p, address, blockquote, pre, ul, ol, li, dl,
dt, dd, table, caption, tr, th, td, form, fieldset, legend, label, input, textarea,
div, img, a, strong, em, abbr, q, cite, code, kbd, var, span, #id, .class
*/

@media screen, projection, print {

	html {
		/* 16px Standardschriftgröße bei 1.5 Zeilenabstand */
		/* font:100%/1.5 "Lucida Grande",verdana,helvetica, arial, sans-serif; */
	
		/* 14px Standardschriftgröße bei 1.5 Zeilenabstand */
		font:87.5%/1.714 helvetica,arial,sans-serif;
	
		/* 12px Standardschriftgröße bei 1.5 Zeilenabstand */
		/*font:75%/1.5 "Lucida Grande",verdana,arial,helvetica,sans-serif;*/
	
		/* 11px Standardschriftgröße bei 1.5 Zeilenabstand */
		/*font:68.75%/1.5 helvetica, arial, sans-serif;*/
		
		/* 10px Standardschriftgröße bei 1.5 Zeilenabstand */
		/*font:62.5%/1.5 helvetica, arial, sans-serif;*/
		}

	h1 {}
	
	h2 {}
	
	h3 {}
	
	h4 {}
	
	p {}
	
	a img {
		border:none;
		}
	
}
	
@media screen, projection {
	
	* {margin:0;padding:0;}
	
	body {
		background:#fefefc url(img/grid1.gif) 21px 11px;
		color:#282828;
	}
	
	h1 {
		font-family:Helvetica;
		font-size:36.6px;
		letter-spacing:-1px;
		line-height:48px;
		margin:0 auto;
		padding:42px 0 21px;
		text-align:center;
		width:80%;
	}
	
	h2 {
		color:#E57300;
		font-size:22.6px;
		line-height:24px;
		padding:30px 0 27px;
	}
	
	h2 span {
		color:#515151;
	}
	
	h3 {
		font-size:14px;
		padding-bottom:11px;
	}
	
	h4 {
	
	}
	
	p {
		padding:0 0 24px;
	}
	
	blockquote {
		font-size:16px;
	}
	
	blockquote p {
		font-family:Georgia;
		font-style:italic;
		line-height:24px;
		padding-bottom:0;
	}
	
	blockquote.emphasize {
		border-bottom:1px solid #DCDCDC;
		clear:both;
		color:#515151;
		font-size:16px;
		margin:0 auto 16px;
		padding:0 120px 41px;
		text-align:center;
	}
	
	blockquote.emphasize p {
		font-style:italic;
		line-height:24px;
		padding-bottom:1px;
	}
	
	blockquote cite {
		color:#515151;
		display:block;
		font-family:Helvetica,arial,sans-serif;
		font-size:11px;
		font-style:normal;
		margin-top:5px;
	}
	
	blockquote#intro p {
		font-style:normal;
		line-height:36px;
	}
	
	
	blockquote cite a, blockquote cite a:hover {
		color:#515151;
	}
					
	a {
		color:#007498;
	}
	
	a.current {
		color:#00AEE4;
	}
	
	a:hover {
		color:#00AEE4;
	}
	
	input {
		font-family:Helvetica,arial,sans-serif;
	}
		
	/* #id */
	
	#adress {
		color:#515151;
		float:right;
		font-size:13px;
		line-height:20px;
		margin-top:14px;
		width:288px;
	}
	
	#adress h2 {
		color:#515151;
		font-size:14px;
		padding:18px 0 4px;
	}
	
	#adress p {
		padding-bottom:13px;
	}
	
	#breadcrumbs {
		color:#515151;
		float:left;
		font-size:13px;
		margin:24px 0 0;
		padding:0 12px;
	}
	
	#breadcrumbs a {
		background:url(img/arrow.png) center right no-repeat;
		padding-right:24px;
	}
	
	#contact form {
		margin:0 auto;
		width:432px;
	}
	
	#contact label {
		color:#515151;
		display:inline-block;
		font-size:11px;
		letter-spacing:1px;
		padding:12px 6px 6px 16px;
		text-transform:uppercase;
		vertical-align:top;
		width:62px;
	}
	
	#contact input[type=text], #contact textarea {
		margin:3px 0 24px;
		padding:5px;
	}
	
	#contact input[type=text] {
		font-size:16px;		
		width:327px;
	}
	
	#contact textarea {
		height:200px;
		width:419px;
	}
	
	#contact-form {
		float:left;
		margin:24px 0 32px;
		width:696px;
	}
	
	#content {
		float:left;
		margin:0 auto;
		padding:24px 12px 60px;
		width:984px;
	}
	
	#content.no-padding {
		padding:24px 0 24px;
		width:1008px;
	}

	#content-additional {
		background:#f5f5f5;
		border:1px solid #eaeaea;
		color:#515151;
		float:right;
		font-size:13px;
		line-height:20px;
		margin:4px 0 24px 24px;
		padding:8px 16px 16px;
		width:250px;
	}
	
	#content-additional h2 {
		color:#515151;
		display:none;
		font-size:1.1em;
		letter-spacing:1px;
		padding:8px 0;
		text-transform:uppercase;
	}
	
	#content-additional h3 {
		color:#515151;
		padding:20px 0 12px;
	}
	
	#content-additional p {
		padding-bottom:8px;
	}
	
	#content-additional img, ul.text-image img {
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
	}
	
	#content-additional img {
		border:1px solid #DCDCDC;
		margin:0 -1px 0;
	}
	
	#content-additional blockquote {
		font-size:14px;
		line-height:20px;
		padding:0 1px 8px;
	}
	
	#content-additional cite {
		margin:0;
	}
	
	#content-additional ul.tasks {
		margin:0 0 8px 18px;
	}
	
	#content-additional .caption {
		font-size:1em;
		padding-bottom:16px;
	}
	
	#content-main {
		float:left;
		padding-right:24px;
		width:452px;
	}
	
	#content-references {
		float:left;
		padding-right:24px;
		width:600px;
	}
	
	#content-references h1 {
		float: none;
		display: block;
		width: 100%;
	}
	
	h2.reference {
		float: none;
		display: block;
		width: 100%;
		text-transform: capitalize;
		font-size: 1em;
		color:#8E8E8E;
		border-bottom: 1px solid #DCDCDC;
		padding-bottom: 5px;
		margin-bottom: 40px;
		text-align: left;
		clear:both;
	}	
	
	#content-references p {
		color: #8E8E8E;
		padding: 0;
		
	}
	
	#content-references ul {
		color: #8E8E8E;
		padding: 0;
		padding-bottom: 20px;
		list-style: none outside none;
	}
	
	#content-references a {
		color: #8E8E8E;
	
	}
	
	p.company {color:#8E8E8E;}
	
	#content-references hr {
		border: 1px dotted #DCDCDC;
		padding:0;
		margin: 60px 0;
	}
	
	#content-main img, #content-references img {
		border:1px solid #dcdcdc;
		margin:4px 0 20px;
	}

	#content-subnav {
		border-left:1px solid #dcdcdc;
		float:left;
		margin-bottom:48px;
		padding:0 0 0 30px;
		width:785px;
	}
	
	#content-subnav h1, #content-subnav #intro {
		float:left;
		text-align:left;
	}
	
	#copyright {
		clear:both;
		color:#515151;
		list-style:none;
		font-size:11px;
		padding:51px 0 24px;
		text-align:center;
	}
	
	#copyright li {
		border-right:1px solid #AAAAAA;
		display:inline;
		padding:0 9px 0 6px;
	}
	
	#copyright li:first-child {
		padding-left:0;
	}
	
	#copyright li:last-child {
		border:none;
		padding-right:0;
	}
	
	#footer {
		background:#f5f5f5;
		border-top:1px solid #eaeaea;
		box-shadow:0 0 4px #eaeaea;
		-moz-box-shadow:0 0 4px #eaeaea;
		-webkit-box-shadow:0 0 4px #eaeaea;
		clear:left;
		color:#515151;
		margin:48px auto 0;
		padding:32px 0 24px;
	}
	
	#intro {
		color:#515151;
		font-family:Georgia;
		font-size:22.6px;
		line-height:36px;
		margin:0 auto;
		padding-bottom:38px;
		text-align:center;
		width:85%;
	}
	
	#logo {
		display:block;
		float:left;
		margin:7px 10px -1px;
	}
	
	#nav {
		background:#FAFAFA; /* Old browsers */
		background:-moz-linear-gradient(top, #FEFEFE 0%, #FAFAFA 48%, #F7F7F7 48%, #F0F0F0 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE, 48%,#FAFAFA), color-stop(48%,#F7F7F7,100%,#F0F0F0)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #FEFEFE 0%, #FAFAFA 48%, #F7F7F7 48%, #F0F0F0 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #FEFEFE 0%, #FAFAFA 48%, #F7F7F7 48%, #F0F0F0 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #FEFEFE 0%, #FAFAFA 48%, #F7F7F7 48%, #F0F0F0 100%); /* IE10+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F0F0F0',GradientType=0 ); /* IE6-9 */
		background:linear-gradient(top, #FEFEFE 0%, #FAFAFA 48%, #F7F7F7 48%, #F0F0F0 100%); /* W3C */
		border-bottom:1px solid #E4E4E4;
		border-top:1px solid #E4E4E4;
		box-shadow:0 0 4px #eaeaea;
		-moz-box-shadow:0 0 4px #eaeaea;
		-webkit-box-shadow:0 0 4px #eaeaea;
		float:left;
		font-size:13px;
		line-height:21px;
		width:100%;
	}
	
	#nav ul {
		float:right;
		list-style:none;
	}
	
	#nav ul li {
		float:left;
	}
	
	#nav li a {
		color:#515151;
		display:block;
		padding:9px 28px 10px;
		text-decoration:none;
		text-shadow:1px 1px 0 #F0F0F0;
	}
	
	#nav li a:hover {
		color:#282828;
	}
	
	#nav a.current {
		background:#848484; /* Old browsers */
		background:-moz-linear-gradient(top, #848484 0%, #B7B7B7 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(100%,#B7B7B7)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #848484 0%, #B7B7B7 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #848484 0%, #B7B7B7 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #848484 0%, #B7B7B7 100%); /* IE10+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#B7B7B7',GradientType=0 ); /* IE6-9 */
		background:linear-gradient(top, #848484 0%, #B7B7B7 100%); /* W3C */
		border:1px solid #5E5E5E;
		border-bottom:1px solid #848484;
		box-shadow:0 0 8px 0 #515151 inset;
		-moz-box-shadow:0 0 8px 0 #515151 inset;
		-webkit-box-shadow:0 0 8px 0 #515151 inset;
		color:#fff;
		margin:-1px -1px;
		position:relative;
		text-shadow:-1px -1px 0 #848484;
	}
	
	#nav a.current:hover {
		color:#fff;
	}
	
	#services, #references {
		margin:24px 63px 78px;
		text-align:center;
	/*	width:100%; /* IE8 Floating-Issue */
	}
	
	#services li, #references li, #casestudies li {
		background:#ffffff; /* Old browsers */
/*		background:-moz-linear-gradient(top, #fefefe 0%, #fafaf7 48%, #fafaf7 48%, #f8f8f4 100%); /* FF3.6+ */
/*		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe,48%,#fafaf7), color-stop(48%,#fafaf7,100%,#f8f8f4)); /* Chrome,Safari4+ */
/*		background:-webkit-linear-gradient(top, #fefefe 0%, #fafaf7 48%, #fafaf7 48%, #f8f8f4 100%); /* Chrome10+,Safari5.1+ */
/*		background:-o-linear-gradient(top, #fefefe 0%, #fafaf7 48%, #fafaf7 48%, #f8f8f4 100%); /* Opera11.10+ */
/*		background:-ms-linear-gradient(top, #fefefe 0%, #fafaf7 48%, #fafaf7 48%, #f8f8f4 100%); /* IE10+ */
/*		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f8f8f4',GradientType=0 ); /* IE6-9 */
/*		background:linear-gradient(top, #fefefe 0%, #fafaf7 48%, #fafaf7 48%, #f8f8f4 100%); /* W3C */
		border:1px solid #DCDCDC;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		box-shadow:0 0 4px #dcdcdc;
		-moz-box-shadow:0 0 4px #dcdcdc;
		-webkit-box-shadow:0 0 4px #dcdcdc;
		margin-right:36px;
		padding:21px 20px 32px;
		width:220px;
	}
	
	#casestudies li {
		display:block;
		width: 815px;
		margin:0;
		margin-left: 62px;
		padding:21px 20px 32px;		
		
	}
	
	#casestudies li p {
	float: left;
	}
	
	#casestudies li img {
	
	float: left;
	margin-left:295px;
	
	}
	
	#references li {
		margin-bottom: 45px;

	
	}
	
/*	#services li:hover {
		box-shadow:0 0 8px #AAAAAA;
		-moz-box-shadow:0 0 8px #AAAAAA;
		-webkit-box-shadow:0 0 8px #AAAAAA;
	}*/
	
	#services li:last-child, #services li.last, 
	#references li:last-child, #references li.last {
		margin-right:0;
	}
	
	#services p {
		font-size:14px;
		line-height:24px;
		padding:0 4px 14px;
	}
	
	
	
	#services h2 {
		color:#515151;
		font-size:22.6px;
		line-height:24px;
		padding:8px 0 0;
	}
	
	#services h2 span {
		color:#848484;
		display:block;
		font-weight:normal;
		padding-top:12px;
	}
	
	#services a, #references a, .call-2-action {
		background:#7D9EC0;
		background:-moz-linear-gradient(top, #7D9EC0 0%, #6c8fb4 48%, #6487ab 48%, #5c81a6 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7D9EC0, 48%,#6c8fb4), color-stop(48%,#6487ab, 100%,#5c81a6)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #7D9EC0 0%, #6c8fb4 48%, #6487ab 48%, #5c81a6 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #7D9EC0 0%, #6c8fb4 48%, #6487ab 48%, #5c81a6 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #7D9EC0 0%, #6c8fb4 48%, #6487ab 48%, #5c81a6 100%); /* IE10+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7D9EC0', endColorstr='#5c81a6',GradientType=0 ); /* IE6-9 */
		background:linear-gradient(top, #7D9EC0 0%, #6c8fb4 48%, #6487ab 48%, #5c81a6 100%); /* W3C */
		border:1px solid #4f7296;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		box-shadow:0 1px 0 0 #adc0d2 inset;
		-moz-box-shadow:0 1px 0 0 #9db3ca inset;
		-webkit-box-shadow:0 1px 0 0 #adc0d2 inset;
		color:#f7f7f7;
		cursor:pointer;
		display:inline-block;
		font-size:14px;
		padding:7px 0;
		text-decoration:none;
		text-shadow:0 -1px 0 #4f7296;
		width:190px;
	}
	
	#services a, 
	#references a {
		margin:14px auto 3px;
	}
	
	#references a.disabled {
		background:-moz-linear-gradient(top, #b0b0b0 0%, #929292 48%, #7f7f7f 48%, #6a6a6a 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0b0b0, 48%,#929292), color-stop(48%,#7f7f7f, 100%,#6a6a6a)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #b0b0b0 0%, #929292 48%, #7f7f7f 48%, #6a6a6a 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #b0b0b0 0%, #929292 48%, #7f7f7f 48%, #6a6a6a 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #b0b0b0 0%, #929292 48%, #7f7f7f 48%, #6a6a6a 100%); /* IE10+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7D9EC0', endColorstr='#5c81a6',GradientType=0 ); /* IE6-9 */
		background:linear-gradient(top, #b0b0b0 0%, #929292 48%, #7f7f7f 48%, #6a6a6a 100%); /* W3C */
		border:1px solid #6a6a6a;
		box-shadow:0 1px 0 0 #bbbbbb inset;
		-moz-box-shadow:0 1px 0 0 #bbbbbb inset;
		-webkit-box-shadow:0 1px 0 0 #bbbbbb inset;	
		cursor: default;
		text-shadow:0 -1px 0 #6a6a6a;	
	}
	
	#services a:hover, .call-2-action:hover,
	#references a:hover, 
	
	{
		background:#6c8fb4;
		background:-moz-linear-gradient(top, #6c8fb4 0%, #6487ab 48%, #5c81a6 48%, #507397 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c8fb4,48%,#6487ab), color-stop(48%,#5c81a6,100%,#507397)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #6c8fb4 0%, #6487ab 48%, #5c81a6 48%, #507397 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #6c8fb4 0%, #6487ab 48%, #5c81a6 48%, #507397 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #6c8fb4 0%, #6487ab 48%, #5c81a6 48%, #507397 100%); /* IE10+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c8fb4', endColorstr='#507397',GradientType=0 ); /* IE6-9 */
		background:linear-gradient(top, #6c8fb4 0%, #6487ab 48%, #5c81a6 48%, #507397 100%); /* W3C */
		box-shadow:0 1px 0 0 #93abc3 inset;
		-moz-box-shadow:0 1px 0 0 #93abc3 inset;
		-webkit-box-shadow:0 1px 0 0 #93abc3 inset;
		color:#fff;
	}
	
	#services strong {
		color:#282828;
	}
	
	#services .subtitle {
		border-top:2px solid #eaeaea;
		border-bottom:2px solid #eaeaea;
		color:#E57300;
		display:block;
		font-size:14px;
		font-weight:bold;
		letter-spacing:1px;
		margin:10px 6px 23px;
		padding:3px 0 2px;
		text-transform:uppercase;
	}
	
	#story-container {
		margin:0 auto;
		width:636px;
	}
	
	#subnav {
		float:left;
		font-size:13px;
		margin-top:36px;
		width:192px;
	}
	
	#subnav ul {
		list-style:none;
	}
	
	#subnav li.current, #subnav li a {
		padding:6px 0 7px 10px;
	}
	
	#subnav li.current {
		background:#7D9EC0;
		border-radius:4px 0 0 4px;
		-moz-border-radius:4px 0 0 4px;
		-webkit-border-radius:4px 0 0 4px;
		color:#fff;
		margin:-1px 0 2px -8px;
		padding:7px 0 6px 18px;
	}
	
	#subnav li a {
		border-bottom:1px dotted #dcdcdc;
		color:#8E8E8E;
		display:block;	
		text-decoration:none;
	}
	
	#subnav li a:hover {
		color:#515151;
	}
		
		
	/* .class */
	
	ul.col3 {
		float:left;
		font-size:13px;
		line-height:20px;
		list-style:none;
	}
	
	ul.col3 li {
		float:left;
		padding:0 30px;
		width:288px;
	}
	
	ul.col3 li.first {
		padding-left:12px;
	}
	
	ul.col3 li.last {
		padding-right:12px;
	}
	
	ul.col3 p {
		padding:0;
	}
	
	ul.col12 {
		float:left;
		font-size:13px;
		line-height:20px;
		list-style:none;
	}
	
	ul.col12 li {
		float:left;
		padding:0;
		width:700px;
	}
	
	ul.col12 li.first {
		padding-left:12px;
	}
	
	ul.col12 li.last {
		padding-right:12px;
	}

	ul.col12 p {
		padding:0;
	}	

	
	
	ul.text-image {
		float:left;
		list-style:none;
		padding:0 12px 40px;
	}
	
	ul.text-image li {
		clear:both;
		padding:24px 0 0;
	}
	
	ul.text-image img {
		border:1px solid #dcdcdc;
		box-shadow:0 0 4px 0 #dcdcdc;
		-moz-box-shadow:0 0 4px 0 #dcdcdc;
		-webkit-box-shadow:0 0 4px 0 #dcdcdc;
		margin-bottom:24px;
		width:373px;
	}
	
	ul.text-image .text {
		width:568px;
	}
	
	ul.text-image .text cite {
		margin-bottom:21px;
	}
	
	ul.text-image li.even img, ul.text-image li .text, ul.text-image li.even .caption {
		float:right;
	}
	
	ul.text-image li img, ul.text-image li.even .text, ul.text-image li .caption {
		clear:left;
		float:left;
	}
	
	ul.text-image li.even .caption {
		text-align:left;
	}
	
	ul.text-image li.even .text {
		padding-left:0;
		padding-right:40px;
	}
	
	.arrow {
		left:28%;
		position:absolute;
	}
	
	.arrow.right {
		left:auto;
		right:30%;
	}
	
	.call-2-action {
		padding:9px 24px 7px;
	}
	
	.caption {
		color:#515151;
		font-size:0.9em;
		padding-bottom:16px;
	}
	
	p.contact {
		color:#E57300;
		float:left;
		font-size:22.6px;
		font-weight:bold;
		line-height:36px;
		padding:84px 160px 84px;
		position:relative;
		text-align:center;
	}
	
	.service-detail {
		float:left;
		padding:47px 0 40px;
		position:relative;
		width:562px;
	}
	
	.service-detail.even {
		float:right;
	}
	
	.service-image {
		border:1px solid #dcdcdc;
		float:right;
		margin:32px 0 0 40px;
	}
		
	.social-icon {
		display:inline-block;
		margin:4px 8px 0 0;
	}
		
	.wrapper {
		margin:0 auto;
		width:1008px;
	}
	
	/* PICBOX */
	
	#overlay {
		display:none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:#333333;
		opacity:0.8;
		cursor:pointer;
	}

	#overlay a {
		position:fixed;
		color:#ffffff;
		top:0;
		left:0;
		margin:0;
		padding:0px 3px 3px 5px;
		text-align:center;
		border-radius:0px 0px 5px 0px;
		text-decoration:none;
	}

	#picbox-pic {
		display:none;
		position:fixed;
		box-shadow:0px 0px 30px #444444;
		-webkit-box-shadow:0px 0px 30px #444444;
		-moz-box-shadow:0px 0px 30px #444444;
		cursor:pointer;
		max-width:90%;
		max-height:85%;
	}
	
	#picbox-desc {
		display: none;
		position:fixed;
		background:#eee;
		font-size: 0.9em;
		width: 100%;
		bottom: 0;
	}
	#picbox-desc p {
		max-width:700px;
		padding:5px 10px 5px 10px;
	}
	
	/* Responsive Shit */
	
	body.small .wrapper {
		width:100%;
	}
	
	body.small h1 {
		font-size: 2.5em;
	}
	
	body.small #intro {
		font-size: 1em;
		width: 70%;
	}
	
	body.small #content {
		width:100%;
		padding: 0;
		text-align: center;
	}


	body.small .arrow {
		display:none;
	}
	
	body.small .service-image {
		margin: 0;
	}
	
	body.small .service-detail {
		text-align: left;
		margin: 0 auto;
		clear: both;
		float: none;
		padding: 24px 0 20px;
	}
	
	body.small .contact {
		padding:42px 20% 42px;
	}
	
	body.small .col3 li {
		float: none;
		width: 96%;
		padding:0 2%;
		margin-bottom: 20px;
	}
	
	body.small img#kunden {
		width: 90%;
	}
	
	body.small blockquote.emphasize {
		font-size: 1em;
		width: 60%;
 		padding:0 20% 40px 20%;
	}
	
	body.small #services {
		float: none;
		width: 250px;
		margin: 0 auto;
		padding: 0;
	}
	
	body.small #services li {
		float: none;
		width: 90%;
		padding: 5%;
		margin-bottom: 40px;
	}
	body.small #services li:last-child {
		margin-right: 0;
	} 
	
	body.small #subnav {
		margin-top: 1px;
		background-color: #fafafa;
		padding: 0 0 0 3%;
		width: 97%;

	}

	body.small #subnav li {
		float: left;
		padding: 5px 18px 6px 18px;
	}
	
	body.small #subnav li a {
		border-bottom:none;
		padding: 0;
	}
	
	body.small #subnav li.current {
		border-radius:0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		margin: 0;
	}
	
	body.small #content-subnav {
		text-align: left;
		width: 94%;
		padding:0 3% 0 3%;
	}
	
	body.small #content-subnav #content-main {
		width: 60%;
		margin: 0 5% 0 0;
	}
	
	body.small #content-subnav #content-additional {
		width: 30%;
		padding: 0 2% 8px;
	}

	body.small #content-subnav #content-additional h2 {
		margin:-1px -7% 8px;
	}
		
	body.small #content-subnav #content-additional img {
		width: 100%;
	}
	
	body.small #contact {
		text-align: left;
		width: 100%;
	}

	body.small #contact #contact-form {
		width: 65%;
	}

	body.small #contact #contact-form form {
		width: 70%;
	}
	
	body.small #contact #contact-form label {
		width: 20%;
		padding:6px 2% 6px 3%;
	}

	body.small #contact #contact-form input {
		width: 68%;
		padding: 2%;
	}
	
	body.small #contact #contact-form textarea {
		width: 95%;
	}

	body.small #contact #adress {
		width:35%;
	}
	
	#tinynav {
		float: right;
		margin: 10px;
	}