/* DATEI: ming.css */
html { 
	overflow-y		:	scroll;
} /* permanenter scrollbalkenbereich, um ein hin- und herspringen der site zu verhindern */

body { 
	margin			:	0 0 0 0;	
}
.bg {
	background-color	:	#CCC;
	background-image	:	url("../upload/hin/grau.png");
	background-repeat	:	repeat-x;
}
.bgweiss {
	background-color:	#FFF;
}
.bgschwarz {
	background-color:	#000000;
}
.bg-garten-01 {
	background-image		:	url("../upload/hin/hin-garten-01.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-garten-02 {
	background-image		:	url("../upload/hin/hin-garten-02.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-garten-03 {
	background-image		:	url("../upload/hin/hin-garten-03.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-garten-04 {
	background-image		:	url("../upload/hin/hin-garten-04.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-glasbrunnen-01 {
	background-image		:	url("../upload/hin/hin-glasbrunnen-01.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-glasbrunnen-02 {
	background-image		:	url("../upload/hin/hin-glasbrunnen-02.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-glasbrunnen-03 {
	background-image		:	url("../upload/hin/hin-glasbrunnen-03.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-glasbrunnen-04 {
	background-image		:	url("../upload/hin/hin-glasbrunnen-04.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-content {
	background-image		:	url("../upload/hin/hin-viererfeld-01.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-viererfeld-01 {
	background-image		:	url("../upload/hin/hin-viererfeld-01.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-viererfeld-02 {
	background-image		:	url("../upload/hin/hin-viererfeld-02.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-viererfeld-03 {
	background-image		:	url("upload/hin/hin-viererfeld-03.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-viererfeld-04 {
	background-image		:	url("../upload/hin/hin-viererfeld-04.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}
.bg-viererfeld-05 {
	background-image		:	url("../upload/hin/hin-viererfeld-05.jpg");
	/*background-attachment	:	fixed;*/
	background-repeat		:	no-repeat;
	background-position		:	left top;	
}

#seitenbereich {
	position		:	absolute;
	left			:	50%;
	top				:	20px;
	width			:	1040px;
	margin			:	0 0 0 -540px;
	name			:	hin;
}
.content {	
	padding			:	10px;	
}
.contenteng {	
	padding			:	5px 10px 5px 10px;	
}
/* class-elemente */
a, p, ul, ol, li, div, td, th, address, blockquote, nobr, b, i, form { 
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;
}
p, ul, ol, li, td, th, address, nobr, form { 
	font-size		:	1.0em; 
	font-weight		:	normal;
	font-style		:	normal;
	text-transform	:	none;
	text-decoration	:	none;		
	color			:	#000;
	letter-spacing	:	0.1em;
	line-height		:	1.2em;
	margin			:	0 0 0.5em 0;
}
li {
	margin			:	0 0 0.2em 0;
}
.weit {
	margin			:	0 0 1.0em 0;
}
.rechts{ 
	text-align		:	right;
}
.links{ 
	text-align		:	left;
}
.eltern{ 
	position		:	relative; 
}
.unten{ 
	position		:	absolute; 
    bottom			:	10px;
}
.kontakteinzug {
	font-size		:	1.2em;
	line-height		:	1.5em;
	margin			:	0 0 0 40px;
}
.kleinkontakt {
	font-size		:	0.9em;
	line-height		:	0.9em;
	margin			:	10px 0 0 0;
}
.klein {
	font-size		:	0.9em;
	line-height		:	1.0em;
	margin			:	0 0 0 0;
}

.relativ{ 
	position		:	relative; 
}


.adresse{ 
	font-size		:	0.9em;
	text-align		:	right;
	color			:	#FFF;	
}
.eng{ 
	margin			:	0 0 0 0;
}
.bold{  
	font-weight		:	bold;
}
.kursiv{ 
	font-style		:	italic;
}
.uppercase{ 
	text-transform	:	uppercase;
}
.einzug{ 
	text-indent		:	2em;
}
.weiss{ 
	color			:	#FFF;
}

/* hyperlinks-elemente */
a:link { 
	color			:	#0000BB;
	font-weight		:	regular;	
	text-decoration	:	none; 
	font-size		:	1.0em; 
	font-style		:	normal;			
	text-decoration	:	none;
	line-height		:	1.2em;		
}
a:visited { 
	color			:	#0000BB;
	font-weight		:	regular;	
	text-decoration	:	none; 
	font-size		:	1.0em; 
	font-style		:	normal;			
	text-decoration	:	none;
	line-height		:	1.2em;			
}
a:active { 
	color			:	#6CB6E3;
	font-weight		:	regular;	
	text-decoration	:	none; 
	font-size		:	1.0em; 
	font-style		:	normal;
	text-decoration	:	none;
	line-height		:	1.2em;			
}
a:hover { 
	color			:	#6CB6E3;
	font-weight		:	regular;	
	text-decoration	:	none; 
	font-size		:	1.0em; 
	font-style		:	normal;
	text-decoration	:	none;
	line-height		:	1.2em;	
}

a.h1:link { 
	color			:	#000;
	font-weight		:	bold;	
	text-decoration	:	none; 
	font-size		:	1.0em;	 
	font-style		:	normal;			
	text-decoration	:	none;			
}
a.h1:visited { 
	color			:	#000;
	font-weight		:	bold;	
	text-decoration	:	none;
	font-size		:	1.0em;	 
	font-style		:	normal;
	text-decoration	:	none;				
}
a.h1:active { 
	color			:	#000;
	font-weight		:	bold;	
	text-decoration	:	none;
	font-size		:	1.0em;	 
	font-style		:	normal;
	text-decoration	:	none;			
}
a.h1:hover { 
	color			:	#000;
	font-weight		:	bold;	
	text-decoration	:	none;
	font-size		:	1.0em;	
	font-style		:	normal;
	text-decoration	:	none;	
}


a.menulink {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;
	bottom			:	0;
	display			: 	block; 
	height			:	25px;
	width			:	180px;
	margin			:	10px 0 0 0;
	padding			:	0 10px 0 10px;
	text-align		:	right;
	font-size		:	1.7em;
	font-weight		:	normal;
	font-style		:	normal;			
	text-decoration	:	none;
	text-transform	:	lowercase;
	letter-spacing	:	0.1em;	
	color			: 	#000;
}
a.menulink:link {
	color			: 	#FFF;	
	text-decoration	:	none;		
	font-style		:	normal;						
}
a.menulink:visited {	
	color			: 	#FFF;	
	text-decoration	:	none;		
	font-style		:	normal;			
}
a.menulink:hover {
	color			: 	#000;		
	text-decoration	:	none;		
	font-style		:	normal;		
}
a.menulink:active {
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;			
}

a.menuaktiv,
a.active{
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;
	bottom			:	0;
	display			: 	block; 
	height			:	25px;
	width			:	180px;
	margin			:	10px 0 0 0;
	padding			:	0 10px 0 10px;
	text-align		:	right;
	font-size		:	1.7em;
	font-weight		:	normal;
	font-style		:	normal;			
	text-decoration	:	none;
	text-transform	:	lowercase;
	letter-spacing	:	0.1em;	
	color			: 	#000;
}
a.menuaktiv:link,
a.active:link{
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;						
}
a.menuaktiv:visited,
a.active:visited{	
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;			
}
a.menuaktiv:hover,
a.active:hover{
	color			: 	#000;		
	text-decoration	:	none;		
	font-style		:	normal;		
}
a.menuaktiv:active,
a.active:active{
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;			
}

a.submenulink {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;
	bottom			:	0;
	display			: 	block; 
	height			:	20px;
	width			:	180px;
	margin			:	0 0 0 0;
	padding			:	0 10px 0 10px;
	text-align		:	right;
	font-size		:	1.0em;
	font-weight		:	normal;
	font-style		:	normal;			
	text-decoration	:	none;
	text-transform	:	uppercase;
	letter-spacing	:	0.1em;	
	color			: 	#000;
}
a.submenulink:link {
	color			: 	#FFF;	
	text-decoration	:	none;		
	font-style		:	normal;						
}
a.submenulink:visited {	
	color			: 	#FFF;	
	text-decoration	:	none;		
	font-style		:	normal;			
}
a.submenulink:hover {
	color			: 	#000;		
	text-decoration	:	none;		
	font-style		:	normal;		
}
a.submenulink:active,
a.submenulink.active{
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;			
}

a.submenuaktiv {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;
	bottom			:	0;
	display			: 	block; 
	height			:	20px;
	width			:	180px;
	margin			:	0 0 0 0;
	padding			:	0 10px 0 10px;
	text-align		:	right;
	font-size		:	1.0em;
	font-weight		:	normal;
	font-style		:	normal;			
	text-decoration	:	none;
	text-transform	:	uppercase;
	letter-spacing	:	0.1em;	
	color			: 	#000;
}
a.submenuaktiv:link {
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;						
}
a.submenuaktiv:visited {	
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;			
}
a.submenuaktiv:hover {
	color			: 	#000;		
	text-decoration	:	none;		
	font-style		:	normal;		
}
a.submenuaktiv:active {
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;			
}

.float {
	width			:	auto;	
	float			:	left;
	margin-right	:	25px;	
}



.aktiv:link {
	color			: 	#000;		
	text-decoration	:	none;		
	font-style		:	normal;							
}
.aktiv:visited {	
	color			: 	#000;		
	text-decoration	:	none;		
	font-style		:	normal;				
}

/* Abänderungen an typography.css */

h1 {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;	
	font-size		:	1.6em;
	line-height		:	1.1;
	font-weight		:	normal;
	color			:	#000;
	letter-spacing	:	0.1em;	
	margin			:	0 0 0.5em 0;	
	text-transform	:	none;
}
h2 {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;	
	font-size		:	1.2em;
	line-height		:	1.1;
	font-weight		:	normal;
	color			:	#000;
	letter-spacing	:	0.1em;	
	margin			:	1.0em 0 0.5em 0;
	text-transform	:	uppercase;
}
h3 {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;	
	font-size		:	1.0em;
	line-height		:	1.1;
	font-weight		:	bold;
	color			:	#000;
	letter-spacing	:	0.1em;	
	margin			:	1.0em 0 0.5em 0;	
	text-transform	:	none;
}
h4 {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;	
	font-size		:	1.2em;
	line-height		:	1.1;
	font-weight		:	normal;
	color			:	#000;
	letter-spacing	:	0.1em;	
	margin			:	0 0 0.5em 0;
	text-transform	:	none;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
/* Abänderungen an grid.css */
.p-content {padding:20px 10px 10px 10px;}
.p10 {padding:10px;}
.p-t10 {padding:10px 0 0 0;}
.p-t {padding:10px 0 0 0;}
.p-b {padding: 0 0 10px 0;}
.p-tb {padding:10px 0 10px 0;}
.p-rl {padding:0 10px 0 10px;}
.p-trbl {padding:20px 10px 10px 10px;}
.top-5 {margin-top:-5px;}
.top-8 {margin-top:-8px;}
.top-10 {margin-top:-10px;}
.top-30 {margin-top:-30px;}
.top-35 {margin-top:-35px;}
.top5 {margin-top:5px;}
.top7 {margin-top:7px;}
.top10 {margin-top:10px;}
.top15 {margin-top:15px;}
.top20 {margin-top:20px;}
.top25 {margin-top:25px;}
.top30 {margin-top:30px;}
.top35 {margin-top:35px;}
.top40 {margin-top:40px;}
.top50 {margin-top:50px;}
.top60 {margin-top:60px;}
.top75 {margin-top:75px;}
.top80 {margin-top:80px;}
.top120 {margin-top:120px;}
.top130 {margin-top:130px;}
.top150 {margin-top:150px;}
.top160 {margin-top:160px;}
.top180 {margin-top:180px;}
.top200 {margin-top:200px;}
.top220 {margin-top:220px;}
.top250 {margin-top:250px;}
.top270 {margin-top:270px;}
.top280 {margin-top:280px;}
.top310 {margin-top:310px;}
.top320 {margin-top:320px;}
.top330 {margin-top:330px;}
.top450 {margin-top:450px;}
.bottom5 {margin-bottom:5px;}
.bottom10 {margin-bottom:10px;}
.bottom20 {margin-bottom:20px;}
.bottom30 {margin-bottom:30px;}
.left-5 {margin-left:-5px;}
.left-10 {margin-left:-10px;}
.left-15 {margin-left:-15px;}
.left-20 {margin-left:-20px;}
.left-25 {margin-left:-25px;}
.left-30 {margin-left:-30px;}
.left-40 {margin-left:-40px;}
.left-160 {margin-left:-160px;}
.left-200 {margin-left:-200px;}
.left10 {margin-left:10px;}
.left20 {margin-left:20px;}
.left30 {margin-left:30px;}
.left40 {margin-left:40px;}
.left50 {margin-left:50px;}
.left60 {margin-left:60px;}
.left70 {margin-left:70px;}
.left80 {margin-left:80px;}
.left90 {margin-left:90px;}
.left100 {margin-left:100px;}
.left110 {margin-left:110px;}
.left120 {margin-left:120px;}
.left130 {margin-left:130px;}
.left140 {margin-left:140px;}
.left150 {margin-left:150px;}
.left160 {margin-left:160px;}
.left170 {margin-left:170px;}
.left180 {margin-left:180px;}
.left190 {margin-left:190px;}
.left200 {margin-left:200px;}
.left230 {margin-left:230px;}

.pleft10 {padding-left:10px;}
.pleft20 {padding-left:20px;}
.pleft30 {padding-left:30px;}
.pleft40 {padding-left:40px;}
.pleft50 {padding-left:50px;}

.pright10 {padding-right:10px;}
.pright20 {padding-right:20px;}
.pright30 {padding-right:30px;}
.pright40 {padding-right:40px;}
.pright50 {padding-right:50px;}

.h5 {height:5px;}
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h35 {height:35px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h70 {height:70px;}
.h75 {height:75px;}
.h80 {height:80px;}
.h90 {height:90px;}
.h100 {height:100px;}
.h120 {height:120px;}
.h130 {height:130px;}
.h150 {height:150px;}
.h160 {height:160px;}
.h190 {height:190px;}
.h200 {height:200px;}
.h230 {height:230px;}
.h270 {height:270px;}
.h280 {height:280px;}
.h300 {height:300px;}
.h310 {height:310px;}
.h320 {height:320px;}
.h330 {height:330px;}
.h335 {height:335px;}
.h340 {height:340px;}
.h350 {height:350px;}
.h360 {height:360px;}
.h370 {height:370px;}
.h380 {height:380px;}
.h390 {height:390px;}
.h400 {height:400px;}
.h430 {height:430px;}
.h470 {height:470px;}
.h480 {height:480px;}
.h500 {height:500px;}
.h510 {height:510px;}
.h550 {height:550px;}
.h590 {height:590px;}
.h600 {height:600px;}
.h630 {height:630px;}
.h670 {height:670px;}
.h710 {height:710px;}
.h750 {height:750px;}
.h790 {height:790px;}
.h800 {height:800px;}

.mh150 {min-height:150px;}
.mh190 {min-height:190px;}
.mh230 {min-height:230px;}
.mh270 {min-height:270px;}
.mh310 {min-height:310px;}
.mh390 {min-height:390px;}
.mh400 {min-height:400px;}
.mh430 {min-height:430px;}
.mh480 {min-height:480px;}
.mh510 {min-height:510px;}
.mh550 {min-height:550px;}
.mh590 {min-height:590px;}
.mh630 {min-height:630px;}
.mh670 {min-height:670px;}
.mh720 {min-height:720px;}
.mh750 {min-height:750px;}
.mh790 {min-height:790px;}
.mh800 {min-height:800px;}
hr {background:#9c9e9f;color:#9c9e9f;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
hr.zeile {background:#9c9e9f;color:#9c9e9f;clear:both;float:none;width:100%;height:1px;margin:0 0 3px 0;border:none;}

/* scrollUp */
#scrollUp {
    bottom: 50%;
    right: 20px;
	font-family: 'Roboto Condensed';
	font-size: 1.2em;
    background: none repeat scroll 0% 0% #fff;
    color: #000;
    padding: 10px 20px;
}

/** MOBILE **/

.mob-show {
	display: none;	
}