/************************************************************************************
Datei:          karma.css
Beschreibung:   Formatierungen der Elemente in index.html
Erstellt von:   Elias Sasek
*************************************************************************************/

/************************************/
/*Import weiterer Stylesheets        /
/************************************/
@import url("global.css");
@import url("global-body.css");

/***************************************************/
/*Import weiterer Stylesheets für Comics       /
/***************************************************/

    


.comic-body{
    position:relative;
}

div#geld-button {
    width: 185px;
    height: 300px;
    /*background-image: url(../../images/comic_all/comic_geld_playbutton.png);*/
    margin-top: 130px;
    margin-right: -490px;
}

div#geld-text {
    width: 0px;
    height: 0px;
    background-image: url(../../images/comic_all/comic_geld_text.png);
    /*margin-top: -20px;
    margin-right: 340px;*/
    position: absolute;
    top: 65px;
    left: 270px;
}

div#geld-bild {
    width: 515px;
    height: 460px;
    background:url(../../images/comic_all/comic_geld_bild1.png); 
    margin-top: -250px;
    margin-left: -185px;
}

div#existenz-text {
    width: 450px;
    height: 50px;
    background-image: url(../../images/comic_all/comic_existenz_text.png);
    margin-top: 15px;
    margin-left: 50px;
}

div#existenz-bild1 {
    width: 200px;
    height: 125px;
    background-image: url(../../images/comic_all/comic_existenz_bild1.png);
    margin-top: -25px;
    margin-right: -480px;
}

div#existenz-button {
    width: 380px;
    height: 240px;
    /*background-image: url(../../images/comic_all/comic_geld_playbutton.png);*/
    margin-top: 0px;
    margin-right: 0px;
}

div#existenz-bild2 {
    width: 300px;
    height: 350px;
    background-image: url(../../images/comic_all/comic_existenz_bild2.png);
    margin-top: -145px;
    margin-right: -380px;
}

div#existenz-bild3 {
    width: 280px;
    height: 260px;
    background-image: url(../../images/comic_all/comic_existenz_bild3.png);
    margin-top: -250px;
    margin-left: -445px;
}

div#schachbrett-text {
    width: 350px;
    height: 50px;
    background-image: url(../../images/comic_all/comic_schachbrett_text1.png);
    margin-top: 15px;
    margin-left: 50px;
}

div#schachbrett-text2 {
    width: 300px;
    height: 125px;
    background-image: url(../../images/comic_all/comic_schachbrett_text2.png);
    margin-top: -180px;
    margin-right: -360px;
}

div#schachbrett-button {
    width: 380px;
    height: 240px;
    /*background-image: url(../../images/comic_all/comic_geld_playbutton.png);*/
    margin-top: 0px;
    margin-right: 0px;
}

div#schachbrett-bild1 {
    width: 700px;
    height: 350px;
    background-image: url(../../images/comic_all/comic_schachbrett_bild1.png);
    margin-top: 12px;
    margin-left: -16px;
}