/* For all devices - Allgemeine Formatierungen für alle Viewports */
.a-active  { color:orange;}
.none { display:none; }
#benutzer , #passwort{ background-color:#F1F9F7;}

body   {
	margin:0px; padding:0px;
	background-color:#f6f6f6;
	font-family:Verdana ;
}

#content-container, #page , #page-content , #page-content-diashow , #page-contnent-text , #page-content-login {   background-color:#FFFFFF;}

#caption-logo { color: #83C9C7 ;}
.clear-both { clear:both; }

h1 , h2 , h3 , h4 , h5, h6 { font-weight:normal;}

#content-navi ul li a   		{ 	text-decoration:none;color:black; /* #83C9C7 */}
#content-navi ul li a:hover  	{ 	text-decoration:none;color:orange;}
#content-navi ul li a:focus  	{ 	text-decoration:none;color:orange;}
#content-navi ul li a:active 	{ 	text-decoration:none;color:orange;}
#content-navi ul li a :visited 	{ 	text-decoration:none;color:black;}

.p-left { text-align:left; }
.p-right { text-align:right; }
.p-italic { font-style: italic; }
.p-narrow-top { line-height:0px; }


/*Neues Layout*/

#caption-logo { 
	font-size:1.5em;
	padding-left:2em;
	padding-top:130px; /*170*/
}
#content-container {
	font-size:0.8em;
	padding-left:3.8em;
}
#content-image {
	width:35%;
	float:left;
	overflow:hidden;
	margin: 2.6em 2em 1em 0em;
}
.content-image {
	width:100%;
}
#content-navi {
	padding-left:3em;
	height:60px;
}
#content-navi-mobile {
	display:none;
	padding-left:3em;
	height:60px;
}
#content-referenzen {
	height:515px;
	overflow:auto;
	width:100%;
	margin: 0em 2em 0em 0em;
	padding:0em 0em em 0em;

}
#content-referenzen p { padding-right:20px;margin-bottom:2em;}
.content-referenz-img {
	width:300px;
	float:left;
	overflow:hidden;
	margin: 3em 2em 1em 0em;
	
}
.content-referenz {
	padding-bottom: 3em;
}
.content-referenz-text {
	width:600px;
	float:left;
	margin: 3em 2em 1em 0em;
	
}
#content-text {
	width:61%;
	float:left;
	margin: 0em 0em 0em 0em;
	padding:0em 0em 0em 0em;
}
#content-text p:first-child{
	padding-top:0px;
	margin-top:0px;
}
#content-text p{
	font-size:1em;
	padding-right:20px;
}
#content-text ul li {
	font-size:1em;
}
#content-text-scroll {
	height:290px;
	overflow:auto;
	margin-bottom:2em;
}
.h-content-header {
	padding-top:0px;
	margin-top:0px;
	font-size:1.5em;
	font-weight:normal;
	padding-bottom:5px;
}
.h-referenzen-header {
	padding-top:0px;
	margin-top:0px;
	font-size:1.3em;
	font-weight:normal;
}
#header { 
	height:200px; /*260*/
		background-image: url(/a-images/welle.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		background-origin: content-box;
		background-size: 100% 85%;
}
.header-navi {  }
#navi-content {
	position:relative;
	top: -50px;
	left:3em;
	padding: 0.8% 0 0.8% 0 ;
	margin:2% 0 2% 0;

}
.navi-content-li { 
	float:left;
	padding-right:15px;
	list-style-type:none;
	font-size:0.8em;
}

.p-right-padding { padding-right:200px; }

#page {
	margin-right:15%;
	margin-left:15%;
	width:70%;
}

#page-galerie-diashow {
	background-color: white;
	position:relative;
	top:-50px;
	max-width:100%;
	padding:1em 0em; 
	width:100%;
	text-align:center ;
}
#page-diashow {
	background-color: white;
	width:92%;
	padding-left:3em;
}


.float-left { float:left;}
.no-margin { margin:0px;}
.no-padding { padding:0px;}
.no-padding-top { padding-top:0px;}

.referenz-image { width:300px; }
.referenz-image-blank { width:300px;height:260px; }
.referenz-image-padding-10 { padding-bottom: 10px;}
.referenz-image-padding-20 { padding-bottom: 20px;}
.referenz-image-padding-30 { padding-bottom: 30px;}
.referenz-image-padding-40 { padding-bottom: 40px;}
.referenz-image-padding-50 { padding-bottom: 50px;}
.referenz-image-padding-60 { padding-bottom: 60px;}
.referenz-image-padding-70 { padding-bottom: 70px;}
.referenz-image-padding-80 { padding-bottom: 80px;}
.referenz-image-padding-90 { padding-bottom: 90px;}


/*  / Neues Layout / */



.h-no-margin-padding-top {
	margin-top:0em;
	padding-top:0em;
}
.liste li {
	font-size: 0.8em;
}

#page-content {
	position:relative;
	top:-50px;
	width:1200px;
	max-width:100%;
	padding:1em 0em; 
	/*overflow:auto*/
}
#page-content-diashow {
	width:40%;
	height:20%;
	float:left;
	overflow:hidden;
	margin: 2.6em 2em 1em 0em;
}
#page-landscape {
	display:block;
}
#page-portrait {
	display:none;
}

.page-content-diashow-referenz{
	width:20%;
	float:left;
	overflow:hidden;
	margin: 3em 2em 1em 0em;
}
.page-content-referenz  {
	width:70%;
	float:left;
	overflow:hidden;
	margin: 0em 2em 1em 0em;
	padding:0em 0em 0em 0em;
}
#page-content-inhalt {
	width:50%;
	float:left;
	margin: 0em 2em 1em 0em;
	padding:0em 0em 0em 0em;
	
}
#page-content-slogan {
	text-align:right;
	font-size:1.2em;
}
#page-content-text {
	max-width:100%;
	margin:0px;
	padding: 0 3em 0 3em;
	float:left;
}
#page-content-text h3 {
	font-weight:normal;
	font-size:1.2em;
	margin:0px;
	padding: 0px 0px 0px 0px;
}
#page-content-text p {
	font-size:0.8em;
	margin-right:2.5%;
}
#page-header {
	padding:0px;
	margin:0px;
	width:100%;
}
#page-navi {
	position:relative;
	top: -50px;
	left:3em;
	padding: 0.8% 0 0.8% 0 ;
	margin:2% 0 2% 0;
}
#tech-navi {
	padding-left: 3em;
	width:300px;
}

#page-navi ul  {
	margin:0px;
	padding:0px;
}
#tech-navi ul {
	margin:0px;
	padding:0px;
	text-align:right;
}
#page-navi ul li , #tech-navi ul li {
	float:left;
	margin:0px;
	padding: 0px 2% 0px 0px ;
	list-style-type:none;
}
#page-navi ul li a  , #tech-navi ul li a{ 		text-decoration:none;font-size:0.8em;color:black; /* #83C9C7 */}
#page-navi ul li a:hover , #tech-navi ul li a:hover{ 	text-decoration:none;font-size:0.8em;color:orange;}
#page-navi ul li a:focus , #tech-navi ul li a:focus  { 	text-decoration:none;font-size:0.8em;color:orange;}
#page-navi ul li a:active , #tech-navi ul li a:active  { 	text-decoration:none;font-size:0.8em;color:orange;}
#page-navi ul li a :visited , #tech-navi ul li a :visited { 	text-decoration:none;font-size:0.8em;color:black;}

#page-text-scroll {
	height:500px;
	overflow:auto;
}

/* Links nicht in fetter Schrift */
.ui-body-c .ui-link {
	font-weight:normal;
}
#loginform table tr td  {
	width:400px;
}
.ui-page, 
.ui-body-c, 
.ui-bar-a , 
.ui-header {
	background-color: #ffffff ;
	border: 0px;
	overflow:hidden;
}

/* ----------------------------------------RESPONSIVE DESIGN iPad, tablets ------------------------------ */
/* iPad landscape */
/* @media only screen and (device-aspect-ratio: 3/4) and (orientation:landscape) */
@media only screen and
(min-device-width:768px) and
(max-device-width:1024px) and
(orientation: landscape)
{


#header { 
	height:230px;
		background-image: url(/a-images/welle12.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		background-origin: content-box;
		background-size: 1024px 208	px;
}
#content-container {
	position:relative;
	top: -90px;

}
#content-navi {
	position:relative;
	top: -70px;
	padding: 2.5% 0 0 3em ;
	margin:2% 0 2% 0;
}

#page-portrait {
	display:none;
}
#page-landscape {
	display:none;
}

#page-galerie-diashow {
	background-color: white;
	position:relative;
	top:-80px;
	max-width:100%;
	padding:1em 0em; 
	width:100%;
	text-align:center ;
}
#page-diashow {
	background-color: white;
	width:92%;
	padding-left:4%;
}


}
/* END - iPad landscape */


/* iPad portrait */
/* @media only screen and (device-aspect-ratio: 3/4) and (orientation:portrait) */
@media only screen and
(min-device-width:768px) and
(max-device-width:1024px) and
(orientation:portrait)
{
#caption-logo { 
	font-size:1.5em;
	padding-left:2em;
	padding-top:130px;
}

#content-navi ul li a   		{ 	font-size:0.8em;text-decoration:none;color:black; /* #83C9C7 */}
#content-navi ul li a:hover  	{ 	font-size:0.8em;text-decoration:none;color:orange;}
#content-navi ul li a:focus  	{ 	font-size:0.8em;text-decoration:none;color:orange;}
#content-navi ul li a:active 	{ 	font-size:0.8em;text-decoration:none;color:orange;}
#content-navi ul li a :visited 	{ 	font-size:0.8em;text-decoration:none;color:black;}
.content-referenz-img {
	width:200px;
	
}
.referenz-image {
	width:100%;
}

#header { 
	height:200px;
		background-image: url(/a-images/welle12.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		background-origin: content-box;
		background-size: 768px 180px;
}

#page-landscape {
	display:none;
}
#page-portrait {
	display:block;
}

#page-galerie-diashow {
	position:relative;
	top:-70px;
	width:100%;
	max-width:100%;
	padding:1em 0em; 
}
#page-diashow {
	background-color: white;
	width:92%;
	padding-left:4%;
}



}
/* END - iPad potrait */

/* Smartphones Landscape */
@media only screen and 
/*(device-aspect-ratio: 2/3) and (orientation:landscape) /* iPad 2, 3, 4 */
(max-width:960px) and (orientation: landscape) /* between iPhone and iPad */
/* (device-aspect-ratio: 40/71) and (orientation:landscape) /* iPhone 5 */
{
/* Styles */
#content-container {
	padding-left:1.3em;
}
#content-image {
	width:95%;
}
#caption-logo { 
	font-size:1.3em;
	padding-left:1em;
	padding-top:90px;
}
#content-navi {
	display:none;
	padding-left:1.3em;
}
#content-navi-mobile{
	display:block;
	padding-left:1em;
	padding-right:1.6em;
}
#content-text{
	width:100%;
}
#header { 
	height:120px;
	background-image: url(/a-images/welle12.jpg);background-position: left top;background-repeat: no-repeat;background-origin: content-box;
	background-size: 100% 80px;
}
#page {
	margin-right:0%;
	margin-left:0%;
	width:100%;
}

#page-galerie-diashow {
	position:relative;
	top:0px;
	width:100%;
	max-width:100%;
	padding:1em 0em; 
}
#page-diashow {
	background-color: white;
	width:92%;
	padding-left:4%;
}


}
/* END - Smartphone Landscape */


/* Smartphones Portrait */
/* @media only screen and (max-width: 320px) and ( orientation: portrait ) */
@media only screen and
(min-width:320px) and (max-width:767px) and (orientation: portrait)
{
/* Styles */
#content-container {
	padding-left:1.3em;
}
#content-image {
	width:95%;
}
#caption-logo { 
	font-size:1.2em;
	padding-left:1em;
	padding-top:80px;
}
#content-navi {
	display:none;
	padding-left:1.3em;
}
#content-navi-mobile{
	display:block;
	padding-left:1em;padding-right:1em;
	padding-top:0px;
	padding-bottom:0px;
}
#content-text{
	width:100%;
}
#header { 
	height:120px;
	background-image: url(/a-images/welle12.jpg);background-position: left top;background-repeat: no-repeat;background-origin: content-box;
	background-size: 320px 80px;
}
#page {
	margin-right:0%;
	margin-left:0%;
	width:100%;
}

#page-galerie-diashow {
	position:relative;
	top:0px;
	width:100%;
	max-width:100%;
	padding:1em 0em; 
}
#page-diashow {
	background-color: white;
	width:92%;
	padding-left:4%;
}


}
/* END - Smartphones Potrait */