<style type="text/css">
#overlay{
z-index:1;
position:absolute;
top:0px;
bottom:0;
left:0;
width:100%;
height:1300px;
background:#12240F;
opacity:0.8;
-moz-opacity:0.25;
filter:alpha(opacity=25);
}
#alert_body{
width:550px;
display:block;
top:1px;
background:#FFF;
box-shadow:0px 0px 5px #555;
-mox-box-shadow:0px 0px 5px #555;
-webkit-box-shadow:0px 0px 5px #555;
margin:auto;
font-family:Arial;
z-index:2;
position:relative;
}
#alert_title{
with:100%;
height:29px; top:120px;
background:#CCC;
color:#333;
padding:5px;
}
#alert_close{
height:80px;
width:36px;
float:right;
margin-right:62px;
margin-top:1px;
cursor:pointer;
font-size:21px;
color:#F90;
}
#alert_inhalt {
padding:5px;
color:#000000;
}
</style> <script type="text/javascript">
function writeAlert(text){
document.getElementById("alert_inhalt").style.display ="block";
}
function closeAlert(){
document.getElementById("alert_body").style.display="none";
document.getElementById("overlay").style.display="none";
}
</script>
<div id="overlay"> </div>
<div id="alert_body">
<div id="alert_title"><span>Wichtige Info!</span><span style="color: rgb(255, 0, 0);"> </span>
<div id="alert_close" onclick="closeAlert();"><span style="color: rgb(255, 0, 0);">Weiter!</span></div>
</div>
<div id="alert_inhalt"><span>
Infotext
</span></div>
</div>
