@charset "UTF-8";
/* CSS Document */


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;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
			list-style: none;
			}

img { -ms-interpolation-mode: bicubic; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ JOKO ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* bitter-500italic - latin */
@font-face {
	font-family: 'Bitter';
	font-style: italic;
	font-weight: 500;
	src: url('fonts/bitter-v28-latin-500italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/bitter-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/bitter-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/bitter-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */
		 url('fonts/bitter-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/bitter-v28-latin-500italic.svg#Bitter') format('svg'); /* Legacy iOS */
  }

 

/* open-sans-300 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-regular - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-700 - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }



body { 		background-color:#dedede;			
			font-family: 'Open Sans', sans-serif;
			font-weight:400;
			text-shadow: none;
			color:#484848;
			line-height:1;
			overflow:auto;
			}
			
			
			
section {	overflow:auto;
			width:100%;
			height:auto;
			
			background-color:transparent;
			
			
			}			



header {	width:100%;
			height:90px;
			position:fixed;
			top:0px;
			left:0px;
			background-image:url(bilder/nav_shadow.png);
			background-repeat:repeat-x;
			
			z-index:10;
			}
			
			
			
			
img	{		float:left;
			width:100%;
			height:auto;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++ JOKO ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ TEXT ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p {			font-size:0.9em;
			line-height:1.6em;	
			}


.leistungen p {			

			-webkit-hyphens: auto;
 			-moz-hyphens: auto;
	 		-ms-hyphens: auto;
 			hyphens: auto;
			
			-webkit-locale:'de';
			}
			

i {			font-family: 'Bitter', serif;
			font-style:italic;
			font-weight:400;}

b {			font-weight:700;
			}


h1 {		font-family: 'Bitter', serif;
			font-style:italic;
			font-weight:400;
			font-size:3.5em;
			text-align:center;
			
			border-style:solid;
			border-width:0px 0px 5px 0px;
			
			padding-top:100px;
			margin-bottom:40px;
			padding-bottom:10px;
			
			line-height:1.5em;
			width:100%;
			}


h2 {		font-family: 'Open Sans', sans-serif;
			font-weight:700;
			font-size:1.5em;
			margin-bottom:20px;
			padding-top:50px;
			}


h3 {		font-family: 'Open Sans', sans-serif;
			font-weight:700;
			font-size:0.9em;
			margin-bottom:20px;
			padding-top:60px;
			line-height:1.3em;
			}


h4 {		color:#FFF;
			font-size:1.5em;
			text-shadow:1px 1px 2px #333;
			line-height:1.3em;
			margin-top:40px;
}


h5 {		font-family: 'Bitter', serif;
			font-style:italic;
			font-weight:400;
			line-height:1.2em;
			
			color:#FFF;
			font-size:0.9em;
			text-shadow:1px 1px 2px #333;
}





h7 {		font-family: 'Open Sans', sans-serif;
			font-weight:300;
			font-size:1.5em;
			text-align:center;
			background-color:#dedede;
			width:40%;
			margin:0px 30%;
			float:left;
			position:relative;
			top:-33px;
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++ TEXT ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ LINKS ++++++++++++++++++++++++++++++++++++++++++++++++++++ */



:link {		font-weight:inherit;
			text-decoration:none;
			color:inherit;}
			
			
:visited {	font-weight:inherit;
			text-decoration:none;
			color:inherit;}
			
			
a:hover {	color:#be4646;}

p a:hover {	color:#be4646;}


p :link {	font-weight:700;
			text-decoration:none;
			color:inherit;}
				

.impressum a:hover {	color:#333;}

.kontakt a:hover {	color:#333;}

.kontakt a:link {
			font-weight:300;
			text-decoration:none;
			}
			
.impressum a:link {
			font-weight:inherit;
			text-decoration:none;
			}


a:visited {
			font-weight:inherit;
			text-decoration:none;
			color:inherit;
			}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ LINKS ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

			
			
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ DIVS ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
			
			
#content {	max-width:1080px;
			height:auto;
			margin:auto;
			overflow:auto;
			
			background-color:transparent;	
			
					}		
			
			
#content_sub {
			width:80%;
			height:auto;
			padding:0px 10% 0px 10%;
			
			overflow:auto;
			background-color:transparent;
			}			
			
			
			
#cont_l {	width:47%;
			height:auto;
			padding-right:3%;
			float:left;
			}
			

#cont_r {	width:47%;
			height:auto;
			padding-left:3%;
			float:right;
			}

			
#cont_c {	width:80%;
			height:auto;
			padding:0px 10%;
			float:none;
			
			text-align:center;
			}			
			

#cont_sl {	width:30%;
			height:auto;
			padding-right:3%;
			float:left;
			
			font-size:0.9em;
			line-height:1.6em;
			font-weight:300;
			margin-top:40px;
			}			


#cont_br {	width:64%;
			height:auto;
			padding-right:3%;
			float:right;
			margin-top:40px;
			}
			
#cont_f {	width:100%;
			height:auto;
			margin-top:20px;
			padding-top:20px;
			float:left;
			
			text-align:left;
			border-style:dashed;
			border-top-width:1px;
			}
			
#cont_l_t {	width:90%;
			height:auto;
			padding-right:3%;
			float:left;
			}		
						
#bborder {	height:50px;
			width:100%;
			float:left;
			border-style:solid;
			border-bottom-width:1px;
			border-color:#999999;
			}
			
			
						
#textborder {
			height:1px;
			width:100%;
			float:left;
			border-style:solid;
			border-bottom-width:5px;
			border-color:inherit;
			
			position:relative;
			top:-145px;}			
			
/* +++++++++++++++++++++++++++++++++++++++++++++++++ DIVS ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ HEADER ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#claim p {	font-size:0.8em;
			line-height:1.2em;
			color:#999999;
			}



#head_wrap {
			padding:5px 10%;
			height:auto;
			
			overflow:auto;
			width:80%;
			}



#logo {		width:240px;	
			height:auto;
			margin-top:14px;
			margin-right:3%;
			
			float:left;}



#claim {	width:auto;	
			height:auto;
			margin-top:19px;
			margin-right:3%;
			
			float:left;}



nav {		width:40%;	
			height:auto;
			margin-top:33px;			
			float:right;
			
			color:#333;
			text-decoration:none;
			font-size:0.9em;
			text-transform:uppercase;
			letter-spacing:0.1em;
			background-color:transparent;
			overflow:auto;
			padding:5px 0px;}
			
			


#nav_l {		width:33%;
			float:left;
			text-align:left;}

#nav_m {		width:41%;
			float:left;
			text-align:center;}

#nav_r {		width:25%;
			float:left;
			text-align:right;}
			
			
			
			
/* +++++++++++++++++++++++++++++++++++++++++++++++++ HEADER ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ TEASER ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.teaser {	background-color:#CCC;
			padding-top:70px;
			}


#teaser{	width:80%;
			height:0;
			padding-bottom:39%;
			background-image:url(bilder/teaser.jpg);
			background-size:100%;
			padding-left:10%;
			padding-right:10%;
			padding-top:20%;			
			}



/* +++++++++++++++++++++++++++++++++++++++++++++++++ TEASER ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ LEISTUNGEN ++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.leistungen {	background-color:#eceaea;
				padding-bottom:80px;
			}		
.pad_top {		padding-top:50px;}

.pad_bot {		padding-bottom:40px;}

.clear {		clear:both;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++ LEISTUNGEN ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ REFERENZEN ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.referenzen {	padding-bottom:80px;}



.grey {		font-family: 'Open Sans', sans-serif;
			font-weight:300;
			font-style:normal;		
			color:#666;
			text-shadow:none;
			position:relative;
			top:-20px;
			text-align:center;
			width:40%;
			margin:0px 30%;
			background-color:#dedede;
			font-size:1em;}


#grundriss {
			width:100%;
			height:40px;
			margin:80px 0px 0px 0px;
			border-style:solid;
			border-width:0px 1px;
			border-color:#666;
			}

#grundriss_b {
			width:100%;
			height:19px;
			border-style:solid;
			border-width:0px 0px 1px 0px;
			border-color:#666;}
			
			
#grundriss_c {
			width:100%;
			height:20px;
			margin:20px 0px 0px 0px;
			border-style:solid;
			border-width:0px 1px;
			border-color:#999;}

#grundriss_d {
			width:100%;
			height:9px;
			border-style:solid;
			border-width:0px 0px 1px 0px;
			border-color:#999;}







/* +++++++++++++++++++++++++++++++++++++++++++++++++ REFERENZEN ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ KONTAKT ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.kontakt {		background-color:#be4646;
				color:#efdbdb;}
				
.no_pad {		margin-bottom:0px;
				padding-top:0px;
				line-height:1.6em;
				letter-spacing:0.1em;}	
			

			
									
.kontakt p { 	font-size:1.2em;
				font-weight:300;}	


.impressum p { 	font-size:0.9em;
				font-weight:300;}
				
.impressum h2 { font-size:1em;
				font-weight:400;
				text-transform:uppercase;
				width:auto;
				float:left;
				letter-spacing:0.1em;}				
			
			
.impressum {	
			width:100%;
			height:auto;
			margin:0px;
			background-color:transparent;
			float:left;
			overflow:auto;
			color:#eeb5b5;
			}
			
								
#impressum {	width:auto;
				height:auto;
				clear:both;
				}
				
							
#impressum_ziel {
	margin: 2rem 0;
	padding: 1rem 0;
}

#tcl	{
			padding-top:22px;
			height:auto;
			float:left;
			width:28%;
			margin:0px;
			}
			
#tcm	{
			padding:22px 0px 0px 6%;
			float:left;
			height:auto;
			width:22%;
			margin:0px 5%;}
			
			
#tcr	{			
			padding-top:22px;
			margin:0px;
			height:auto;
			float:right;
			width:auto;
			}
			

#grundriss_k {
			width:2%;
			height:210px;
			margin:0px;
			border-style:solid;
			border-width:1px 0px;
			border-color:#CCC;
			float:left;
			}

#grundriss_kb {
			width:50%;
			height:210px;
			border-style:solid;
			border-width:0px 1px 0px 0px;
			border-color:#CCC;}
			
			
#balken {	width:100%;
			height:5px;
			background-color:#efdbdb;
			float:left;
			margin-top:60px;
}				



#fc	{
			height:auto;
			float:left;
			width:21%;
			margin-top:20px;
			padding-right:5%;
			background-color:transparent;
			padding-bottom:60px;
			}

			
#fcr	{
			height:auto;
			float:left;
			width:21%;
			margin-top:20px;
			padding-right:0px;
			background-color:transparent;
			text-align:left;
			padding-bottom:60px;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++ KONTAKT ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++++++++++++++++++++++++++ */


footer {	background-color:#333333;
			color:#999;
			padding-bottom:20px;}
			
			
.right {	text-align:right;}
		





/* +++++++++++++++++++++++++++++++++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





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


#head_wrap {
			padding:5px 10% 5px 10%;
			}			

nav {		
			margin-top:5px;
			padding:5px 50% 5px 0px;			
			clear:both;
			float:left;
			width:50%;
			background-color:transparent;
			
			border-style:solid;
			border-color:#999;
			border-top-width:1px;}
			
						

			
						
#logo {		width:220px;
			margin-top:2px;
			margin-right:1.8em;
			}



#claim {	float:right;
			text-align:right;
			margin-right:0px;
			margin-top:2px;
			}
			
			
p {			font-size:0.8em;
			line-height:1.6em;	
			}			


.kontakt p { 	font-size:0.9em;
				font-weight:300;}	
			
.impressum p { 	font-size:0.8em;
				font-weight:300;}
}



@media only screen and (max-width: 750px){ 
.logo {		float:left;
			width:100%;
			padding:0px;}
			
			



img	{		float:none;
			width:100%;
			height:auto; }



h1 {		
			font-size:2.5em;
			border-width:0px 0px 4px 0px;
			padding-top:100px;
			margin-bottom:40px;
			padding-bottom:10px;
			line-height:1.5em;
			}
			
			
h2 {		font-size:1.2em;
			margin-bottom:20px;
			padding-top:50px;
			}



h4 {		font-size:1.2em;
			margin-top:30px;
}


nav {		
			margin-top:5px;
			padding:5px 0% 5px 0px;			
			clear:both;
			float:left;
			width:100%;
			}

#textborder {
			height:1px;
			width:100%;
			float:left;
			border-style:solid;
			border-bottom-width:4px;
			border-color:inherit;
			
			position:relative;
			top:-120px;}
			
			
#teaser{	width:80%;
			height:0;
			padding-bottom:41%;
			background-image:url(bilder/teaser.jpg);
			background-size:100%;
			padding-left:10%;
			padding-right:10%;
			padding-top:18%;			
			}	
			
			
#cont_l {	width:100%;
			height:auto;
			padding:0px;
			float:none;
			}
			

#cont_r {	width:100%;
			height:auto;
			padding:0px;
			float:none;
			}
			
#grundriss {
			height:30px;
			margin:40px 0px 0px 0px;
			}
			

#grundriss_b {
			height:14px;
			}
			
h7 {		font-family: 'Open Sans', sans-serif;
			font-weight:300;
			font-size:1.3em;
			text-align:center;
			background-color:#dedede;
			width:40%;
			margin:0px 30%;
			float:left;
			position:relative;
			top:-27px;
}


									
#fc	{
			height:auto;
			float:left;
			width:45%;
			margin-top:20px;
			padding-right:5%;
			background-color:transparent;
			padding-bottom:40px;
			text-align:center;
			}

			
#fcr	{
			height:auto;
			float:left;
			width:45%;
			margin-top:20px;
			padding-right:5px;
			background-color:transparent;
			text-align:left;
			padding-bottom:40px;
			text-align:center;
}			
					

.impressum h2 { font-size:1em;
				font-weight:400;
				text-transform:uppercase;
				width:100%;
				float:left;
				letter-spacing:0.1em;
				text-align:center;}	
				
				
				
#grundriss_k {	display:none;
				}


#grundriss_kb {	display:none;
				}
				
				
.right {		text-align:center;}



footer #cont_br{	
				clear:both;
				float:left;
				width:100%;
				padding:0%;
				}			

footer #cont_sl{	
				clear:both;
				float:left;
				width:100%;
				padding:0%;
				text-align:center;
				}		
				
				
#cont_f {		text-align:center;}	


#tcl	{
			padding-top:22px;
			height:auto;
			float:left;
			width:50%;
			margin:0px;
			}
			
#tcm	{
			padding:22px 0px 0px 0px;
			float:right;
			height:auto;
			width:50%;
			margin:0px 0px;
			text-align:right;}
			
			
#tcr	{			
			padding-top:0px;
			margin:0px;
			height:auto;
			float:left;
			width:49%;
			text-align:left;
			}								
}


@media only screen and (max-width: 650px){
	
	
		
h7 {		
			width:60%;
			margin:0px 20%;
			
}	
	
	
	
	
	
	}


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



h4 {		font-size:1em;
			margin-top:25px;
}


h5 {		line-height:1.2em;
			font-size:0.8em;}





#cont_c {	width:100%;
			padding:0px;
			text-align:center;
			}			


.leistungen #cont_br{	
				clear:both;
				float:left;
				width:100%;
				padding:0%;
				}			


.leistungen #cont_sl {	
			width:100%;
			height:auto;
			padding:0px;			
			float:left;
			
			font-size:0.9em;
			line-height:1.6em;
			font-weight:300;
			margin-top:0px;
			}

}




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

/*header {	height:80px;
			background-color:#FFF;
			background-image:none;
			
			border-style:solid;
			border-color:#999;
			border-bottom-width:1px;
			}*/
			

nav {		font-size:0.7em;}

#nav_l {	padding-top:5px;}

#nav_m {		padding-top:5px;}

#nav_r {		padding-top:5px;}

#head_wrap {
			padding:5px 10% 5px 10%;
			}			
	
				
						
#logo {		width:180px;
			margin-top:2px;
			margin-right:1em;
			}



#claim {	
			margin-top:8px;
			font-size:0.6em;
			}
			
			
			
#fc	{
			width:100%;
			margin-top:20px;
			padding-right:0%;
			padding-bottom:0px;
			}

			
#fcr	{
			
			width:100%;
			margin-top:20px;
			padding-right:0px;
			padding-bottom:40px;
}							




#tcl	{
			padding-top:0px;
			float:left;
			width:100%;
			margin:0px;
			text-align:center;
			}
			
#tcm	{
			padding:22px 0px 0px 0px;
			float:left;
			width:100%;
			margin:0px 0px;
			text-align:center;}
			
			
#tcr	{			
			padding-top:22px;
			margin:0px;
			float:left;
			width:100%;
			text-align:center;
			}
#balken {	
			margin-top:40px;}

.kontakt p { 	font-size:1.2em;
				font-weight:300;}	
			
.impressum p { 	font-size:0.9em;
				font-weight:300;}

.kontakt h3 {	font-size:0.9em;}			
}





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






h1 {		padding-top:60px;}

header {	height:70px;
			background-color:#FFF;
			background-image:none;
			
			border-style:solid;
			border-color:#999;
			border-bottom-width:1px;
			}

#head_wrap {
			padding:5px 2% 5px 2%;
			width:96%;
			}				
				
			
#nav_l {	padding-top:4px;}

#nav_m {		padding-top:4px;}

#nav_r {		padding-top:4px;}			
			
			

h7 {		font-size:1em;}	


.grey {		font-size:0.8em;}

#claim {	display:none;}


#cont_l_t {	display:none;
			}	
.kontakt a:hover {	color:inherit;}			
}