* {
    font-family: Arial, Helvetica, sans-serif;
}

html, body {
    height              : 100%;
}

body {
    font-family         : Arial, Helvetica, sans-serif;
    text-align          : center;
    margin              : 0px;
    background-color    : #a893cc;
}
        
.clear {
    clear               : both;
}


div#distance {
    width               : 906px;
    height              : 543px;
    position            : absolute;
    top                 : 50%;
    left                : 50%;
    margin              : -271px 0 0 -453px;
    text-align          : center;
}

div#container {
    background-color    : #FFFFFF;
    width               : 900px;
    border              : 3px solid #8A71B3;
    margin              : 0 auto;
    text-align          : left;
    height              : 513px;           
}

div#menu {
    background          : #FFFFFF;
    width               : 200px;
    height              : 400px;
    float               : left;
}
        
div#menu a {
    font-size           : 17px;
    display             : block;
    padding-right       : 18px;
    color               : #8E79D4;
    font-weight         : bold;
    height              : 22px;
    line-height         : 22px;
    text-decoration     : none;
    text-align          : right;
}
        
div#menu a:hover {
    text-decoration     : none;
    background          : #FFFFFF url(../src_gfx/menu_icon.gif) no-repeat right center;
}        

div#content {
    float               : right;
    width               : 690px;
    height              : 400px;
    overflow            : auto;
}









        .text {
        	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;
        	color: #333333;
        	text-align: justify;
        }
        
        .topic {
        	font-family: Arial, Helvetica, sans-serif;
        	font-size: 10pt;
        	color: #333333;
        	text-align: justify;
        	font-weight: bold;
        
        }
        
        .subtopic {
        	font-family: Arial, Helvetica, sans-serif;
        	font-size: 10pt;
        	color: #333333;
        	font-weight: bold;
        
        }
        
        a:link {color:#8f7bd3; font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;text-decoration:none; font-weight:bold}
        a:visited {color:#8f7bd3; font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;text-decoration:none; font-weight:bold}
        a:active {color:#8f7bd3; font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;text-decoration:none; font-weight:bold}
        a:hover {color:#8f7bd3; font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;text-decoration:underline; font-weight:bold}

        .Stil1 {	color: #8F7BD3;
        	font-weight: bold;
        }
        .Stil7 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: justify; }
        .Stil8 {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #333333; text-align: justify; }

        .impressum {
        	font-family: Arial, Helvetica, sans-serif;
        	font-size: 8pt;
        	color: #FFFFFF;
        	text-decoration: none;
        }

        a.impressum,
        a.impressum:visited,
        a.impressum:active,
        a.impressum:link  {
        	font-family: Arial, Helvetica, sans-serif;
        	font-size: 8pt;
        	color: #FFFFFF;
        	text-decoration: none;
        }        
    
        
        
        
        #impressum {
            width               : 900px;
            text-align          : left;
            margin              : 0 auto;
        }