html, body  {
  width: 100%;
  height: 100%;
}

html{
  height: 100.1%;
}

* {
	padding:0;
 	margin: 0; 
 	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-size: 12px;
line-height:140%;
letter-spacing:1px;
}


body#daszimmer  {
 	background: #000;
 	font-size: 62.5%;
 	font-family:Verdana,Arial,Helvetica, sans-serif;
 	font-weight:normal;
 	font-style:normal;
	line-height:150%;
	text-align: center;
    color:#FFF;
}
div#BIGDIV{
position:absolute;
top:60px;
left:50%;
margin:0 0 0 -465px;
background:red;
width:880px;
height:900px;
z-index:999;
display:none;
 opacity: 0.0;
background:black;
padding:10px;
}
html>body div#BIGDIV{
margin:0 0 0 -450px;
width:880px;}

div#BIGBACK{
	position:absolute;
top:0;
left:0;
	height:100%;
	width:100%;
	text-align: center;
background:white url(loading.gif) center center no-repeat;
 opacity: 0.0;
z-index:99;
display:none;
}

div#OuterShell{
	position:relative;
	height:100%;
	width:100%;
	text-align: center;
}


div#InnerShell,
div#InnerImageShell{
	position:relative;
	margin:0 auto;
	width:900px;
	text-align: left;
z-index:88;
}
div#InnerImageShell{
display:none;
}

div#pageregionTop{
	position:relative;
	width:100%;
}

div#Channel{
 position:relative;
 width:100%;
 height:30px;
 border-bottom:1px solid #FFF;
}

div#Channel ul{
margin:0;
padding:0;
line-height:30px;
height:30px;
list-style:none;
}
div#Channel ul li{
margin:0;
padding:0;
float:left;line-height:30px;
height:30px;
margin-right:10px;
}

div#Channel a,
div#Channel a.normal {
line-height:30px;
height:30px;
color:white;
font-size:15px;
text-decoration:none;
}


div#Channel a.current {
font-weight:bold;
text-decoration:none;
}


div#Macronavigation {
 position:relative;
 width:100%;
 height:30px;
 border-bottom:1px solid #FFF;}

div#Macronavigation form{
margin:0;
padding:0;
line-height:30px;
height:30px;
list-style:none;
}

div#Macronavigation ul{
margin:0;
padding:0;
line-height:30px;
height:30px;
list-style:none;
}
div#Macronavigation ul li{
margin:0;
padding:0;
float:left;line-height:30px;
height:30px;
margin-right:10px;
}

div#Macronavigation a,
div#Macronavigation a.normal {
line-height:30px;
height:30px;
color:white;
font-size:12px;
text-decoration:none;
}


div#Macronavigation a.current {
font-weight:bold;
text-decoration:none;
}

div#Macronavigation h2{ display:none;}
div#Copyright{
 position:relative;
 width:100%;
 height:30px;
 border-top:6px solid #FFF;

}
div#Copyright *{
line-height:30px;
height:30px;
 color:white;
text-decoration:none;

}


div#pageregionBefore{
position:relative;
padding:30px 0;

}

div#pageregionBottom{
position:relative;
padding:30px 0;

}
div#Index h2{display:none;}
div#Index ul{
list-style:none;
margin: 0 0 0 30px;
padding: 0 0 0 30px;
}

h1{
font-size:15px;
}

.ZMSTextarea{
width:500px;
}

a{
color:white;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

#pageregionContent a{
text-decoration:underline;
}

input{
border:1px solid white;
}


div.ZMSGraphic.left {
	text-align:left;
}
div.ZMSGraphic.right {
	text-align:right;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.ZMSGraphic.floatleft {
	float:left;
	margin: 0 10px 0 0;
}
div.ZMSGraphic.floatright {
	float:right;
	margin: 0 0 0 10px;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.graphic.alignleft {
	float:left;
	margin: 0 10px 0 0;
	text-align:right;
}
div.graphic.alignright {
	float:right;
	text-align:right;
	margin: 0 0 0 10px;
}
div.ZMSGraphic div.text {
	padding:0 5px;

}
div.ZMSGraphic.left div.text {
	padding:5px;
}
div.ZMSGraphic.left div.text h1,
div.ZMSGraphic.left div.text h2 ,
div.ZMSGraphic.left div.text h3 ,
div.ZMSGraphic.left div.text h4 {
	display:inline;
}

div.ZMSGraphic div.text p{
	margin:0;
}



.clerasil:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clerasil {display: inline-table;}

/* IE-Mac \*/
* html .clerasil {height: 1%;}
.clerasil {display: block;}
/* /IE-Mac */