html {height:100%;}

body 
{
background-image: url(../images/bg.gif);
height:100%;
margin:0%;
padding:0%;
}

.content
{
background-image: url(../images/bg-content.gif);
position:absolute;
top:0px;
left:200px;
width:460px;
height: 100%;
}

.content hr
{
padding: 0;
margin: 0;
color: white;
border: 0;
border-bottom: 1px dashed #CCCCCC;
width: 100%;
}

.text
{
padding-left:  35px;
padding-right: 35px;
padding-bottom:10px;
font-family: arial;
font-size: 12px;
}

.text p
{
margin:0;
padding:0;
margin-top:12px;
}


.navi
{
position:absolute;
top:110px;
left:20px;
width:170px;
font-family: arial;
font-size: 15px;
font-weight: bold;
color: #606060;
text-align:right;
line-height:24px;
text-transform: lowercase;
}

.content h1
{
margin:0;
padding:0;
margin-bottom: 8px;
font-family: arial;
font-size: 16px;
color:#006EBA;
}

.content h2
{
margin:0;
padding:0;
margin-bottom:-12px;
font-family: arial;
font-size: 12px;
color:#006EBA;
}

.logo
{
position:absolute;
top: 60px;
left:235px;
width:170px;
font-family: arial;
font-size: 16px;
color: #000000;
text-align:left;
line-height:16px;
text-transform: lowercase;
letter-spacing: 3px;
z-index: 10;
}

.logo-komm
{
margin:0;
padding:0;
letter-spacing: 2px;
font-size: 10px;
}

.line-gif
{
position:absolute;
top: 100px;
left:200px;
z-index: 20;
}

a:link
{color:#006EBA;
text-decoration: none;}

a:visited
{color:#006EBA;
text-decoration: none;}

a:hover
{color:#006EBA;
text-decoration: underline;}

a:active
{color:#006EBA;
text-decoration: none;}

.navi-link
{
color:#006EBA;
text-decoration: none;
}

#red
{
color: #000000;
position:absolute;
top: 0px;
left:0px;
height: 100%;
width: 100%;
font-family: arial;
 background:#ffffff;
 padding-top:190px;
 text-align: center;
 z-index:50;
opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
 filter: alpha(opacity=80); /* IE lt 8 */
 -ms-filter: "alpha(opacity=80)"; /* IE 8 */
 -khtml-opacity: .80; /* Safari 1.x */
 -moz-opacity: .80; /* FF lt 1.5, Netscape */
 font-size: 12px;
}


#red p
{
line-height: 16px;
}