/*
Cascading Style Sheet - Cordula Nussbaum
Autor                                                : Mathias Reginka - reginka-it.de
Version                                        : 1.0
Angelegt am                                : 13.12.2007 - 10:36 - Mathias Reginka
Letzte Änderung                : 14.12.2007 - 11:38 - Mathias Reginka
*/

/* Basisstyles ***********************************/

* {
        margin: 0px;
        padding: 0px;
}
img {
        border: none;
}
body {
        background-image: url(../images_layout/bg_seamless.jpg);
        background-repeat: repeat;
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #666666;
}

body.popup
{
        background: url(../images_layout/bg_popup_bestellen.jpg) no-repeat;
}

div.popup_content
{
        padding: 30px;
}

table td
{
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #666666;
        vertical-align: top;
}

table.orderbooks td
{
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #666666;
        vertical-align: top;
        padding-right: 20px;
        padding-bottom: 15px;
}

table.orderbooks td.price
{
        font-size: 18px;
        font-weight: bold;
}

table.orderbooks td.last
{
        padding-right: 0;
        text-align: right;
}

/* Text-Links ************************************/

a  { color: #666666; text-decoration: underline; font-size: 12px;}
a:visited        {color:#666666;}
a:hover, a:active                {        color:#999999; }



a.popuplink  { color: #666666; text-decoration: underline; font-size: 10px;}
a.popuplink:visited        {color:#666666;}
a.popuplink:hover, a.popuplink:active                {        color:#999999; }

a.biglink  { color: #666666; text-decoration: underline; font-size: 12px; font-weight: bold;}
a.biglink:visited        {color:#666666; font-weight: bold;}
a.biglink:hover, a.biglink:active                {        color:#999999;  font-weight: bold;}

#content a
{
        font-weight: bold;
}

a.logo {
        display: block;
        top:70px;
        left: 0px;
        width: 200px;
        height: 160px;
}

/* Schriftformatierungen *************************/



h1 {
        font: bold 18px Arial, sans-serif;
        color: #666666;
        margin-bottom: 25px;
}
.headline_vorwort {
        font: bold 18px Arial, sans-serif;
        color: #666666;
        float:left;
        margin-bottom: 0px;
}
.headline_vorwort span {
        font: normal 12px Arial, sans-serif;
        color: #666666;
        margin-bottom: 0px;
}
h2 {
        font: bold 18px Arial, sans-serif;
        color: #666666;
}
.inhaltsverzeichnis {
        line-height: 18px;
}

/* Listen & Co ***********************************/

ul {
        list-style-type: none;
        list-style-image: url(../images_layout/liststyle_image.gif);
        margin-left: 23px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 0px;
}
ul li {
        padding: 0px;
        margin-bottom: 5px;
        /*line-height: 16px;*/
}

/* Container *************************************/

div {
        border: none;
}
#menu {
        width: 313px;
        height: 850px;
        position: absolute;
        top: 0px;
        left: 0px;
        background-image: url(../images_layout/bg_menu.jpg);
        background-repeat: no-repeat;
}
#menupoints {
        position: absolute;
        width: 156px;
        height: 245px;
        top: 243px;
        left: 84px;
}
#content {
        width: 519px;
        _width: 691px;
        height: 730px;
        _height: 850px;
        position: absolute;
        top: 0px;
        left: 313px;
        background-image: url(../images_layout/bg_content2.jpg);
        background-repeat: no-repeat;
        padding-top: 120px;
        padding-left: 48px;
        padding-right: 124px;
        overflow: auto;
}
#rmenu {
        width: 123px;
        height: 850px;
        position: absolute;
        left: 881px;
        top: 0px;
}
#subline {
        position: absolute;
        font-size: 10px;
        left: 360px;
        top: 693px;
        width: 520px;
        vertical-align: bottom;
}
#sitenumber {
        font-size: 18px;
        position: absolute;
        left: 850px;
        top: 688px;
        width: 30px;
        height: 18px;
        text-align: right;
}
#buch_startseite {
        z-index: 50;
        position: absolute;
        top: 43px;
        left:527px;
        width:434px;
        height: 551px;
        background-image: url(../images_layout/buch_startseite.png);
        /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images_layout/buch_startseite.png',sizingMethod='scale'); */

}
#inhalt_seiten {
        position: absolute;
        top: 167px;
        left: 832px;
        line-height: 18px;
}

/* Container für Startseite ********************/

#logo {
        position: absolute;
        top:70px;
        left: 0px;
        width: 200px;
        height: 160px;
        z-index: 900;
}

#content_start {
        width: 691px;
        height: 850px;
        position: absolute;
        top: 0px;
        left: 313px;
        background-image: url(../images_layout/bg_start_mitbuch.jpg);
        background-repeat: no-repeat;
        padding-bottom: 200px;
        padding-top: 120px;
        padding-left: 48px;
}
#rmenu_start {
        left: 928px;
        top: 305px;
        position: absolute;
        width: 67px;
        height: 272px;
}

/* Container für rechte Navigation **********/

#imprint {
        z-index: 50;
        position: absolute;
        top: 308px;
        left: 898px;
}
#contact {
        z-index: 50;
        position: absolute;
        top: 307px;
        left: 899px;
}
#newsletter {
        z-index: 50;
        position: absolute;
        top: 308px;
        left: 900px;
}
#medienecho {
        z-index: 50;
        position: absolute;
        top: 300px;
        left: 900px;
}

#back {
        position: absolute;
        top: 645px;
        left: 360px;
        width: 150px;
        height: 20px;
}

#content hr
{
        border: none;
        border-bottom: 1px solid #aaa79e;
        color: #aaa79e;
        height: 1px;
}

div.item
{
        border-bottom: 1px solid #aaa79e;
        padding-bottom: 10px;
        margin-top: 10px;
        width: 470px;
}
/* Menu-MouseOver-Effekte ********************/

#mover_buch { margin: 0px; padding: 0px; }
#mover_buch a {
        background-image: url(../images_layout/menu_buch_over.jpg);
        background-repeat: no-repeat;
        display: block;
        width: 156px;
        height: 29px;
}
#mover_buch img { display: block; width: 156px; height: 29px; border: 0px; }
#mover_buch a:hover img { visibility: hidden; }
#mover_buch a:hover { border: 0px; }

#mover_vorwort { margin: 0px; padding: 0px; }
#mover_vorwort a {
        background-image: url(../images_layout/menu_vorwort_over.jpg);
        background-repeat: no-repeat;
        display: block;
        width: 156px;
        height: 28px;
}
#mover_vorwort img { display: block; width: 156px; height: 28px; border: 0px; }
#mover_vorwort a:hover img { visibility: hidden; }
#mover_vorwort a:hover { border: 0px; }

#mover_inhalt { margin: 0px; padding: 0px; }
#mover_inhalt a {
        background-image: url(../images_layout/menu_inhalt_over.jpg);
        background-repeat: no-repeat;
        display: block;
        width: 156px;
        height: 31px;
}
#mover_inhalt img { display: block; width: 156px; height: 31px; border: 0px; }
#mover_inhalt a:hover img { visibility: hidden; }
#mover_inhalt a:hover { border: 0px; }

#mover_ueber { margin: 0px; padding: 0px; }
#mover_ueber a {
        background-image: url(../images_layout/menu_ueber_over.jpg);
        background-repeat: no-repeat;
        display: block;
        width: 156px;
        height: 34px;
}
#mover_ueber img { display: block; width: 156px; height: 34px; border: 0px; }
#mover_ueber a:hover img { visibility: hidden; }
#mover_ueber a:hover { border: 0px; }

#mover_vorbestellen { margin: 0px; padding: 0px; }
#mover_vorbestellen a {
        background-image: url(../images_layout/menu_vorbestellen_over.jpg);
        background-repeat: no-repeat;
        display: block;
        width: 156px;
        height: 29px;
}
#mover_vorbestellen img { display: block; width: 156px; height: 29px; border: 0px; }
#mover_vorbestellen a:hover img { visibility: hidden; }
#mover_vorbestellen a:hover { border: 0px; }

#mover_demnaechst { margin: 0px; padding: 0px; }
#mover_demnaechst a {
        background-image: url(../images_layout/menu_demnaechst_over.jpg);
        background-repeat: no-repeat;
        display: block;
        width: 156px;
        height: 23px;
}
#mover_demnaechst img { display: block; width: 156px; height: 23px; border: 0px; }
#mover_demnaechst a:hover img { visibility: hidden; }
#mover_demnaechst a:hover { border: 0px; }