body.modal-open {
    overflow: hidden;
}

			.body2 { background-color: lightblue;
//				opacity: 0.2;

			    }

			body {
//				background: url("../../images/yp-images/news_bg_001.png");
//				background-repeat: no-repeat;
//				background-position: right;
//				background-attachment: fixed;
//			background-size: 100% 200%;
//				background-size: cover;
//				background-size: contain;
//				height: 200%;
//				weight: 90%;
//				opacity: 0.9;
				}

html {
    background-image:url("../../images/yp-images/news_bg_001.png");
    background-color: black;
    background-size: cover;
    background-repeat: repeat-x;
    background-attachment: fixed;
   min-height: 1080px;
//   min-width: auto;  
  margin: 0 auto;
  max-height: 1420px;
//  max-width: auto;

     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;



    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s;
}

			#bodylogo { 
				background: url("../../images/yp-images/logo.png");
				background-repeat: no-repeat;
				background-position: right bottom;
				background-size: 50px 50px;
//				background-size: cover;
				opacity: 0.9;
			    }

			div {
				margin: 0px auto;
//				width: 100px;
				background-repeat: no-repeat;
				background-position: right top;
				background-attachment: fixed;
				background-size: 100% 100%;

			    }
			
			#wrapper {
				position:relative;
				width:900px;
				min-height:100%;
				height:auto !important;
				height:100%;
				margin:0 auto;
				z-index:2

			    }

			#header {
				height:auto;
//				background:#e8e8e8;
//				opacity: 0.1;
				padding:10px;
				text-align:center;
			    }

			#content1 {
//				height:auto;
//				background:#e8e8e8;
//				opacity: 0.2;
				padding:10px;
				text-align:center;
				position: relativ;
				z-index:3;
				border-color: black;
				border: 1px;


			    }



			#footer1 {
//			    	background-colour: #e8e8e8;
				padding: 10px;
				text-align: center;
				margin: 80px auto 0;
				left: 0px;
				height: 64px auto;
				width: 50%
				position: relative;
				z-index:4;


			    }
		
			.trans_bg {
//				background: url("../../images/yp-images/headbanner_bckg_trans_003.jpg");
				background: url("../../images/yp-images/weiss.png");
				background-repeat: no-repeat;
				background-position: right top;
				background-attachment: fixed;
				background-size: 100% 100%;
				opacity: 0.9;

				border: 1px;
				border-color: black;
				border-collapse: collapse;
				border-radius: 25px;
				z-index:3;


			    }			

			ul.left {
				float: left;
				text-align: left;
			   }

			.right   { text-align: right; }
			.center  { text-align: center; }
			h2	 {color: white 				
				  border-collapse: collapse;
				  border-radius: 15px;}

			h4	 {border-radius: 15px;}

			hr.over50 {
				border: black 1px;
				background-color:DodgerBlue;
				height:2px;
				width: 50%;
			    }

			hr.overfull {
				border: black 0px;
				background-color:#3c0ad1;
				height:2px;
			    }
	
			table {
				border-collapse: collapse;
				border-radius: 25px;
			   }
		table, td, th {
    				border: 1px;
//    				border: 1px solid black;
				position: relative;
				z-index:3
			   }
			p.left {
//   				float: left;
				text-align: left; 
				margin-left: "15px";
			   } 

			a.A-Inhalt{
				background-color:#04B45F;
				line-height: 1,8;
				color: #FFFFFF;
				margin-top: 5px;
			
			   }


			a.A-Inhalt:hover {
				opacity: 0.5;
//				margin-top: 5px;
			  }


		
			table.ueberschrift-projekt1 {
				margin-left: auto;
				margin-right: auto;
				width: 6em;
			  }

			table.up {
    				border: 1px solid white;
				margin-left: auto;
				margin-right: auto;
				width: 6em;
				height: auto;	
				position: fixed;
				z-index:1

			  }
			table.upo {
    				border: 0px solid white;
				margin-left: auto;
				margin-right: auto;
				width: 4em;
				height: auto;	
				position: fixed;
				z-index:1
			  }

			img.imgweiss {	
				border: 3px solid #FFFFFF;
				border-radius: 15px;				
				background: #81DAF5
			  }

			img.over{	
				border: 1px solid #000000;
				border-radius: 15px;				
				background: #81DAF5
			  }

			img.imgschw {	
				border: 1px solid #000000;
				border-radius: 15px;				
				background: #81DAF5;
			  }
			
//			img.imgschw:hover {
//				opacity: 0.5;
//
//			  }
			
//			img.imgschw:active {
//				border: 1px solid #000000;				
//				opacity: 1.9;
//			  }

			img.gif1 {	
				border: 0px solid;
				border-radius: 10px;				
				background: #81DAF5
				width= 25%;
				height= 25%;
				position: relative;
				z-index:3
			  }

			img.up {	
				width: 50px; 
  				height: auto;
				border-radius: 10px;
								
			  }

			img.up:hover {
				opacity: 0.5;
			  }
			
			img.up:active {
				opacity: 0.9;
			  }

			img.imgpart1 {	
				border: 1px solid #000000;
				border-radius: 15px;				
				background: #FFFFFF;
				width: 100px; 
  				height: 60px;
			  }
			
			img.imgpart1:hover {
				opacity: 0.5;

			  }


			img.imgpart2 {	
				border: 1px solid #FFFFFF;
				border-radius: 15px;				
				background: #81DAF5;
				width: 50%; 
  				height: 60px;
			  }
			
			img.imgpart2:hover {
				opacity: 0.5;

			  }

			div.up: {
				position: fixed;
				z-index:2	
			  }
			
			div.A-Inhalt {
//				margin-top: 10px;
			  }
			div.left {
				float: left; 
			  }


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}


/* The Close-1 Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* The Close-2 Button */
.close2 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close2:hover,
.close2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* The Close-3 Button */
.close3 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close3:hover,
.close3:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.banner-foe {
    width: 75%;
    height: auto;
}





.box {
     background-color:#F5F5F5;
	float: left;
	width: 25%;
	margin: 10px 30px 15px;
//	margin-top: 15px;
	padding: auto;
     border-radius: 15px;
     bordercollapse: seperate;
     border-spacing: 50px;
     border-style:dotted;
     box-shadow: 5px 10px #888888;
     border-width:1px;
}

.box:hover  {opacity: 0.5;}
.box:active {border: 1px solid #000000;
	     opacity: 1.9;}


.clear {
     clear:both;
}