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

.modalDialog {
 position: Fixed;
 font-family: Verdana, Sans-Serif;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-color: rgba(0, 0, 0, 0.6);
 z-index: 99999;
 opacity:0;
 transition: opacity 150ms ease-in;
 pointer-events: None;
}

.modalDialog:target {
 opacity: 1;
 pointer-events: Auto;
}

.modalDialog > div {
 width: 317px;
 			height: 450px;
 position: relative;
 margin: 10% Auto;
 padding: 5px 20px 13px 20px;
 border-radius: 10px;
 /*background-color: #FFFFFF;
 background: linear-gradient(#FFFFFF, #999999);
	background-image:  url(http://www.unterwegsgegenkrebs.de/assets/images/popup.jpg);*/
cursor:
 cursor: Default;
}

.close {
 background-color: #606061;
 color: #FFFFFF;
 height:100%;
 /*position: Absolute;*/
 right: -12px;
 text-align: Center;
 /*top: -10px;*/
 width: 100%;
 text-decoration: None;
 font-weight: Bold;
 border-radius: 12px;
 box-shadow: 1px 1px 3px #000000;
}

.close:hover {
 background-color: #;
} 

.modalText{
 z-index: 1001;	
 width: 317px;
 height: 450px;
 position: absolute;
 border-radius: 10px;
 
	
	
	
}