body {
       background-color: black;
       text-align: center;
       font-family: Verdana;
}
a {
        text-decoration: none;
        text-transform: none;
        color: #A59FA0;
}

a:hover {
        color: #FF4D79;
}

#wrapper {
        position: relative;
        width: 890px;
        height: 755px;
        margin: auto;
        top: 40px;

        text-align: left;
        font-weight: normal;
        font-size: 15px;
        color: #C5C0C1;
        line-height: 1.5em;
}
#bgindex {
        background: url(images/bgindex.jpg) no-repeat;
}
#bgstart {
        background: url(images/bgstart.jpg) no-repeat;
}
#bgabout {
        background: url(images/bgabout.gif) no-repeat;
}
#bgcontact {
        background: url(images/bgcontact.jpg) no-repeat;
}
#bgessays {
        background: url(images/bgessays.jpg) no-repeat;
}
#bgdemi_de {
        background: url(images/dmbg_de.jpg) no-repeat;
}
#bgnia_de {
        background: url(images/nbbg_de.jpg) no-repeat;
}
#bgmila_de {
        background: url(images/mcbg_de.jpg) no-repeat;
}
#bgdemi {
        background: url(images/dmbg.jpg) no-repeat;
}
#bgnia {
        background: url(images/nbbg.jpg) no-repeat;
}
#bgmila {
        background: url(images/mcbg.jpg) no-repeat;
}
#navi {
        height: 100px;
}
#logo {
        position: absolute;
        width: 150px;
        height: 100px;
        margin-left: 5px;
}
#menu {
       width: 150px;
       height: 100px;
       margin-left: 735px;
}
#menu ul {

        padding-top: 8px;
        list-style: none;

}

#menu li {


        text-align: right;
        font-weight:bold;
        font-size: 16px;
        color: #FF4D79;
}


#left {
       float: left;
       width: 130px;
       height: 410px;
       padding-left: 20px;
}
#left a {
        text-decoration: bold; 
        color: #E9E3E3;
}

#left a:hover {
        color: #FF4D79;
}
#main{
       float: left;
       width: 610px;
       height: 400px;
}
#mainabout{
       float: left;
       width: 610px;
       height: 665px;
}
#maincontact{
       float: left;
       width: 610px;
       height: 665px;
}
#mainessays{
       float: left;
       width: 610px;
       height: 1150px;
}
#maindead{
       background: url(images/bgtile.jpg) repeat;
       width: 870px;
       height: 4200px;
       padding: 20px;
}
#maingothic{
       background: url(images/bgtile.jpg) repeat;

       width: 870px;
       height: 2700px;
       padding: 20px;
}
#mainpre{
       background: url(images/bgtile.jpg) repeat;
       width: 870px;
       height: 610px;
       padding: 20px;
}
#mainheilige{
       background: url(images/bgtile.jpg) repeat;
       width: 870px;
       height: 2200px;
       padding: 20px;
}
#mainnoir{
       background: url(images/bgtile.jpg) repeat;
       width: 870px;
       height: 1800px;
       padding: 20px;
}
#text{
       float: left;
       width: 600px;
       padding: 10px;
       height: 450px;
}
#text a {

        color: #FF4D79;
}

#text a:hover {
        color: #A59FA0;
}
#right {
       float: right;
       height: 410px;


    width: 130px;
    margin-top: 30px;
}

#right ul {
        padding: 0px 0px 10px 12px;
        list-style: none;
}

#right li {
        display: block;
        padding: 10px 0px 40px 0px;
}

#right a {
        text-decoration: none;
        text-transform: none;


        color: #FFFFFF;
}


#footer {
        text-align: center;
        clear: both;
       height: 100px;
       font-size: 15px;
       color: white;
       width: 500px;
       margin-left: 150px;
       margin-top: -100px;
       font-family: Georgia;
       font-weight:bold;
       font-size: 15px;
       color: #CCCCCC;
}
#footer a {

        color: #FF4D79;
}

#footer a:hover {
        color: #A59FA0;
}