/* DATEI: layout.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	:	#FFF;		
	background-image		:	url("../upload/hin/blau-250.png");
	background-repeat		:	repeat-x;
}
.bgstart {
	background-color	:	#FFF;		
	background-image		:	url("../upload/hin/blau-360.png");
	background-repeat		:	repeat-x;
}
.bgblau {
	background-color	:	#55738c;		
}
.bgweiss {
	background-color:	#FFF;
}
.bgschwarz {
	background-color:	#000000;
}

#seitenbereich {
	position		:	absolute;
	left			:	50%;
	top				:	0;
	width			:	1000px;
	margin			:	0 0 0 -500px;
	name			:	hin;
}
/*.content {
	padding			:	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; /* 300 (light), 400 (regular), 700 (bold) */
}
p, ul, ol, li, td, th, address, nobr, form { 
	font-size		:	1.0em; 
	font-weight		:	300;
	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;
}

.logo {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;	
	font-size		:	2.5em;
	line-height		:	0.8em;
	font-weight		:	400;
	color			:	#FFF;
	letter-spacing	:	0.4em;	
	margin			:	0 0 0 0;	
	text-transform	:	uppercase;
	text-align		:	center;
}
.logobyline {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;	
	font-size		:	1.5em;
	line-height		:	0.8em;
	font-weight		:	400;
	color			:	#FFF;
	letter-spacing	:	0.4em;	
	margin			:	0 0 0 0;	
	text-transform	:	uppercase;
	text-align		:	center;
}
.byline {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;	
	font-size		:	1.2em;
	line-height		:	1.1;
	font-weight		:	400;
	color			:	#55738c;
	letter-spacing	:	0.1em;	
	margin			:	0 0 0.5em 0;
	text-transform	:	none;
	text-align		:	center;
}	

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;
}
.klein {
	font-size		:	0.9em;
	line-height		:	1.0em;
	margin			:	0 0 0 0;
}
.eng{ 
	margin			:	0 0 0 0;
}
.bold{  
	font-weight		:	700;
}
.kursiv{ 
	font-style		:	italic;
}
.uppercase{ 
	text-transform	:	uppercase;
}
.einzug{ 
	text-indent		:	2em;
}
.weiss,
.weiss a:link,
.weiss a:active,
.weiss a:visited { 
	color			:	#FFF;
}
.weiss a:hover { 
	color			:	#000;
}
.schwarz{ 
	color			:	#000;
}

/* 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		:	400;	
	text-decoration	:	none; 
	font-size		:	1.0em;	 
	font-style		:	normal;			
	text-decoration	:	none;			
}
a.h1:visited { 
	color			:	#000;
	font-weight		:	400;	
	text-decoration	:	none;
	font-size		:	1.0em;	 
	font-style		:	normal;
	text-decoration	:	none;				
}
a.h1:active { 
	color			:	#000;
	font-weight		:	400;	
	text-decoration	:	none;
	font-size		:	1.0em;	 
	font-style		:	normal;
	text-decoration	:	none;			
}
a.h1:hover { 
	color			:	#000;
	font-weight		:	400;	
	text-decoration	:	none;
	font-size		:	1.0em;	
	font-style		:	normal;
	text-decoration	:	none;	
}

a.home:link { 
	color			:	#FFF;
	line-height		:	0.8em;		
}
a.home:visited { 
	color			:	#FFF;
	line-height		:	0.8em;			
}
a.home:active { 
	color			:	#FFF;
	line-height		:	0.8em;			
}
a.home:hover { 
	color			:	#FFF;
	line-height		:	0.8em;		
}

a.menulink {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;
	bottom			:	0;
	display			: 	block; 
	height			:	30px;
	width			:	190px;
	margin			:	0 0 0 0;
	padding			:	0 10px 0 0;
	text-align		:	left;
	font-size		:	1.7em;
	font-weight		:	400;
	font-style		:	normal;			
	text-decoration	:	none;
	text-transform	:	none;
	letter-spacing	:	0.1em;	
	color			: 	#FFF;
}
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.menulink.active,
a.menuaktiv {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;
	bottom			:	0;
	display			: 	block; 
	height			:	30px;
	width			:	190px;
	margin			:	0 0 0 0;
	padding			:	0 10px 0 0;
	text-align		:	left;
	font-size		:	1.7em;
	font-weight		:	400;
	font-style		:	normal;			
	text-decoration	:	none;
	text-transform	:	none;
	letter-spacing	:	0.1em;	
	color			: 	#000;
}
a.menulink.active:link,
a.menuaktiv:link {
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;						
}
a.menulink.active:visited,
a.menuaktiv:visited {	
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;			
}
a.menulink.active:hover,
a.menuaktiv:hover {
	color			: 	#FFF;		
	text-decoration	:	none;		
	font-style		:	normal;		
}

a.menulink.active:active,
a.menuaktiv: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			:	185px;
	margin			:	0 0 0 0;
	padding			:	0 10px 0 5px;
	text-align		:	left;
	font-size		:	1.0em;
	font-weight		:	400;
	font-style		:	normal;			
	text-decoration	:	none;
	text-transform	:	none;
	letter-spacing	:	0.0em;	
	color			: 	#000;
}
a.submenulink:link {
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;						
}
a.submenulink:visited {	
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;			
}
a.submenulink:hover {
	color			: 	#55738c;		
	text-decoration	:	none;		
	font-style		:	normal;		
}
a.submenulink:active {
	color			: 	#55738c;	
	text-decoration	:	none;		
	font-style		:	normal;			
}

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

.startseite a.submenulink,
a.submenulinkstart {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;
	bottom			:	0;
	display			: 	block; 
	height			:	20px;
	width			:	185px;
	margin			:	0 0 0 0;
	padding			:	0 10px 0 5px;
	text-align		:	left;
	font-size		:	1.0em;
	font-weight		:	400;
	font-style		:	normal;			
	text-decoration	:	none;
	text-transform	:	none;
	letter-spacing	:	0.0em;	
	color			: 	#FFF;
}
.startseite a.submenulink:link,
a.submenulinkstart:link {
	color			: 	#FFF;	
	text-decoration	:	none;		
	font-style		:	normal;						
}
.startseite a.submenulink:visited,
a.submenulinkstart:visited {	
	color			: 	#FFF;	
	text-decoration	:	none;		
	font-style		:	normal;			
}
.startseite a.submenulink:hover,
a.submenulinkstart:hover {
	color			: 	#000;		
	text-decoration	:	none;		
	font-style		:	normal;		
}
.startseite a.submenulink:active,
a.submenulinkstart:active {
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;			
}
.startseite a.submenulink.active,
a.submenulinkstartaktiv {
	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		:	left;
	font-size		:	1.0em;
	font-weight		:	400;
	font-style		:	normal;			
	text-decoration	:	none;
	text-transform	:	none;
	letter-spacing	:	0.0em;	
	color			: 	#000;
}
.startseite a.submenulink.active:link,
a.submenulinkstartaktiv:link {
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;						
}

.startseite a.submenulink.active:visited,
a.submenulinkstartaktiv:visited {	
	color			: 	#000;	
	text-decoration	:	none;		
	font-style		:	normal;			
}

.startseite a.submenulink.active:hover,
a.submenulinkstartaktiv:hover {
	color			: 	#FFF;		
	text-decoration	:	none;		
	font-style		:	normal;		
}

.startseite a.submenulink.active:active,
a.submenulinkstartaktiv:active {
	color			: 	#FFF;	
	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		:	400;
	color			:	#000;
	letter-spacing	:	0.1em;	
	margin			:	0 0 0.3em 0;	
	text-transform	:	none;
}
h2 {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;	
	font-size		:	1.2em;
	line-height		:	1.1;
	font-weight		:	400;
	color			:	#000;
	letter-spacing	:	0.1em;	
	margin			:	1.0em 0 0.5em 0;
	text-transform	:	none;
}
h3 {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;	
	font-size		:	1.2em;
	line-height		:	1.1;
	font-weight		:	400;
	color			:	#000;
	letter-spacing	:	0.1em;	
	margin			:	0 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		:	400;
	color			:	#55738c;
	letter-spacing	:	0.1em;	
	margin			:	0 0 0.5em 0;
	text-transform	:	none;
}
h5 {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;	
	font-size		:	1.0em;
	line-height		:	1.1;
	font-weight		:	700;
	color			:	#000;
	letter-spacing	:	0.1em;	
	margin			:	1.0em 0 0.5em 0;	
	text-transform	:	none;
}
h6 {
	font-family		: 	'Roboto Condensed', Arial, Helvetica, sans-serif;	
	font-size		:	1.0em;
	line-height		:	1.1;
	font-weight		:	700;
	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;}
.ptop10 {padding:10px 0 0 0;}

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

.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;}
.bottom5 {margin-bottom:5px;}
.bottom10 {margin-bottom:10px;}
.bottom20 {margin-bottom:20px;}
.bottom30 {margin-bottom:30px;}
.bottom150 {margin-bottom:150px;}
.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;}
.left-425 {margin-left:-425px;}
.left-435 {margin-left:-435px;}
.left-440 {margin-left:-440px;}
.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;}

.right10 {margin-right:10px;}
.right20 {margin-right:20px;}
.right30 {margin-right:30px;}
.right40 {margin-right:40px;}
.right50 {margin-right:50px;}
.right60 {margin-right:60px;}
.right70 {margin-right:70px;}
.right80 {margin-right:80px;}
.right90 {margin-right:90px;}
.right100 {margin-right:100px;}


.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;}
.h140 {height:140px;}
.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;}

.w1870 {width:1870px;}
.w1850 {width:1850px;}

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

/* Text mit Silbentrennung */ 
.hyphenate {
    -moz-hyphens    : auto;
    -o-hyphens      : auto;
    -webkit-hyphens : auto;
    -ms-hyphens     : auto;
    hyphens         : auto; 
}
.projekte img {
  border: 2px solid #000;
  border-radius: 4px;
}
.read-more,
.read-less,
.read-more:active,
.read-less:active,
.read-more:hover,
.read-less:hover{
  cursor: pointer;
  line-height: normal;
  text-decoration: none;
}
.pseudo-list:before {
    content: "\2022";
    float: left;
}
.pseudo-list>div,
.pseudo-list>span,
.pseudo-list>a,
.pseudo-list>img
.pseudo-list>p {
    padding-left: 1em;
}

.startseite ~ .main {
	-moz-column-count: 3;
	-moz-column-gap: 40px;
	-webkit-column-count: 3;
	-webkit-column-gap: 40px;
	column-count: 3;
	column-gap: 40px;	
}
.zwei-spaltig {	
  	column-count			:	2;
  	-moz-column-count		:	2;
  	-webkit-column-count	:	2;		
  	column-gap				:	40px;
  	-moz-column-gap			:	40px;
  	-webkit-column-gap		:	40px;		
}
.content {
	display: inline-block;
}
img.var_Bilderstreifen {
	margin-right: 10px;	
}
.middle {
vertical-align: middle;	
}
.nav-login label {
 color: #fff;
 font-weight: 400;
 width: 80px;
 letter-spacing: initial;
 display: inline-block;	
}
.nav-login-btn {
	margin-left: 80px;	
}
.bilderstreifen {
	position: relative;
    width: 1880px;
    left: 0;
	top: 60px;
    display: inline-block;
}
.cntnd_gallery {
	cursor:pointer;	
}
.pifa-field-lbl {
	display: inline-block;
	width: 150px;
	text-align: right;
	margin-right: 10px;
}
.pifa-field-17 .pifa-field-lbl {
	width: auto;
	text-align: left;
	margin-right: 10px;
	padding-left: 160px;
	font-weight: 400;
}
.pifa-field-13 {
	float: left;
	padding-left: 160px;
	margin: 10px 10px 0 0;
}
.pifa-field-14 {
	margin: 10px 10px 0 0;
}

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

.main .content img {
	max-width: 100%;	
	height: auto;
}
.mob-show {
	display: none;	
}