body {
margin: 25px;
font-family: arial, verdana, helvetica;
font-size: small;
color:#7F7F7F;
max-width:1300px;
}

#oben {
background-image: url(grafiken/reob.jpg);
background-position: top right;
background-repeat: repeat-x;
margin: 0;
padding: 0;
height: 50px;
}
#logo {float: left; margin: 0px;}

#links {
width: 50px;
height: 450px;
background-image: url(grafiken/li.jpg);
background-repeat: repeat-y;
float: left;
margin-top: -15px;

}

#linkscontent {
height: 450px;
width: 240px;
background-image: url(grafiken/sprachaufnahmen.jpg);
background-repeat: no-repeat;
background-position: center bottom;
float: left;
margin:-15px 20px 0px 0px;
}

#linkscontent2 {
height: 450px;
width: 240px;
background-image: url(grafiken/texten.jpg);
background-repeat: no-repeat;
background-position: center bottom;
float: left;
margin:-15px 20px 0px 0px;
}

#linkscontent3 {
height: 450px;
width: 240px;
background-image: url(grafiken/demos.jpg);
background-repeat: no-repeat;
background-position: center bottom;
float: left;
margin:-15px 20px 0px 0px;
}


#linkscontent4{
height: 450px;
width: 240px;
background-image: url(grafiken/referenzen.jpg);
background-repeat: no-repeat;
background-position: center bottom;
float: left;
margin:-15px 20px 0px 0px;
}


#linkscontent5 {
height: 450px;
width: 240px;
background-image: url(grafiken/kontakt.jpg);
background-repeat: no-repeat;
background-position: center bottom;
float: left;
margin:-15px 20px 0px 0px;
}

a {
color: #7f7f7f;
}

a:visited {color: #6f6f6f;}
a.act {color:#627CC6;}
#rechts {
width: 50px;
height: 450px;
background-image: url(grafiken/re.jpg);
background-position: top right;
background-repeat: repeat-y;
float: right;
margin-top: -15px;
margin-bottom: 0px;

}


h1 {
color: #000000;
font-size: 1.2em;
}

h2 {
font-size: 1.1em;
}

#navi {
background-color: #ffffff;
margin-top: 30px;
border-bottom: 1px dashed #DFDFDF;
display: inline;
}

#navi ul {
display: inline;
}

#navi li {
display: inline;
margin: 2px 10px 3px 10px;
list-style-type: none;
}

#navi a{
text-decoration: none;
color:#627CC6;
font-weight: bold;
}

#navi a:hover{
text-decoration: none;
color:#0000FF;
font-weight: bold;
}

#navi li a.act
{
text-decoration: none;
color:#627CC6;
font-weight: bold;
}

#navi a:visited
{
text-decoration: none;
color:#7F7F7F;
font-weight: bold;
}

#text {
margin: 20px 20px 0px 20px;
background-color:#ffffff;
height: 420px;
padding-right: 30px;
font-size: 1em;
overflow: auto;
}
#text p {
text-align: justify;
}

#unten {
background-image: url(grafiken/reun.jpg);
background-position: bottom right;
background-repeat: no-repeat;
margin: -21px 0px 0px 0px;
padding: 0px;
height: 39px;

}
#mp31 {float: left; width: 12em;}
#mp31 li{
list-style-type: none;
}

#mp32 {width: 12em;}
#mp32 li{list-style-type: none;}

#mp34 {width: 12em; display: inline;}
#mp34 li{list-style-type: none; display:inline;}


* html #unten {
  margin: -24px 0px 0px 0px;
}

.ext {
background-image: url(grafiken/externer_link.gif);
background-repeat: no-repeat;
background-position: center right;
padding-right:19px;
}
.distance {
width: 16em;
display: block;
float: left;
}

#copy {color: rgb(127, 127, 127); text-decoration: none; font-size: 0.8em;}