/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}






/* General
***********************/
body {
	background: #fff;
	font-size: 14px;
	font-family: Helvetica, 'Arial', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	height: auto;
}

  #container {max-width: 1060px; margin:0 auto;
  padding-bottom:50px;}

  
@media screen and (max-width: 1081px) {  
	#container {max-width: 700px;}
	.navi{text-align:center;}
}
  
  
	.spacer{height:18px;}
	
	.quadrat1, .quadrat2, .quadrat4{
	padding-right:1.9%;padding-bottom:18px;float:left;
	width:32.06%;max-width:100%;
	}
	.quadrat3{
	padding-right:0px;float:left;
	width:32%;max-width:100%;
	}
	.quadrat1 img, .quadrat2 img, .quadrat3 img, .quadrat4 img, .unten img, #pic2{
	max-width:100%;
	height:auto;
	}
	.unten{
		clear:both;
		width:100%;
		padding-bottom:18px;
	}

	.logo{position:relative;}
	@media screen and (min-width: 1130px) {
	#pic{position:absolute;left:-30px;}
	}
	
/* Loading
***********************/
.loading #container {opacity: 0;}
.loading:before  { content: 'Seite wird geladen'; display: block; margin: 100px 0 0; text-align: center; color: #333; font-weight: bold; font-size: 60px; opacity: 0.3; }
body {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;}

#panel_inner{padding:10px 10px 36px 64px;}
.detailtext{color:#fff;line-height:21px;font-size: 15px; font-family: Thoma, Verdana, Arial, Helvetica, sans-serif;padding-right:40px;}

	.claim{text-align:right;}
	.claim img{
	max-width:95%;
	height:auto;
	}
/* Media Queries
***********************/
@media screen and (max-width: 1081px) {
  #container {padding: 15px;}
  
  
	.quadrat1, .quadrat3{
	padding-right:6%;padding-bottom:18px;float:left;
	width:47%;max-width:100%;
	}
	.quadrat2, .quadrat4{
	padding-right:0px;
	width:47%;max-width:100%;
	}
	
	.logo{width:100%;text-align:center;}
	#pic{position:relative;left:0px;}
	
	.claim{width:100%}
	.claim img{
	max-width:90%;
	height:auto;
	}
	
}
@media screen and (max-width: 500px) {

#panel_inner{padding:10px 10px 36px 10px;}
.detailtext{padding-right:0px;}
	.claim img{
	max-width:80%;
	height:auto;
	}
}