@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
}

a img {
    border: 0;
}

body {
    background-color: #101088;
    background-image: url(../images/verlauf5.jpg);
    background-repeat: repeat-y;
    color: #fff;
}

.edit {
    background-color: #010144;
    background-image: none;
}

.head {
    background-image: url(../images/head_03.png);
    height: 88px;
    position: relative;
    z-index: 10;
}

.head2 {
    background: url(../images/logo210.png) no-repeat;
    height: 88px;
}

.head2 h2 {
    padding: 30px 0 0 250px;
    font: normal normal normal 18px / 20px Verdana, sans-serif;
    letter-spacing: 1px
}

a {
    text-decoration: none;
    color: #fff;
}

.content {
    width: 1010px;
    margin-top:-20px;
}
 /* definiert Breite der Site, stabilisiert floats */
.l_area {
    float: left;
    margin-right: 0px;
}
 /* Hauptmenuebereich */
.m_area {
    height: 520px;
    width: 595px;
    float: left;
    margin: 43px 20px 0 0;
}

.c_area {
    height: 474px;
    font: normal normal normal 12px / 18px Verdana, sans-serif;
    color: #ccc;
    letter-spacing: 1px;
    overflow: auto;
    padding: 0 10px 0 0;
}

.c_area p a {
    font-weight: 700;
    color: #ffcc02;
}

.c_area a:hover {
    color: #ffcc02;
}

.m_area#extended {
    width: 770px;
    margin: 20px 0 0 0;
}
 /* Tabelle, breitere Hauptspalte, Randspalte fällt weg*/
.center {
    overflow: auto;
    height: 335px;
    width: 770px;
    margin: 50px 0 10px -1px;
}
 /* Container fuer Tabelle */
.c_area{
        position:relative;
}

 /*�berschrift �ber Rubriken und bei Begr�ssung*/
.c_area h1 {
    font: italic normal 25px / 30px "Times New Roman", Times, Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    padding-bottom: 5px;
}

.c_area h2 {
    font: italic normal 16px / 20px Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
}

.c_area h3 {
    font: normal normal 20px / 30px Papyrus, Geneva, Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    border: 1px dotted #fff;
}

.c_area h4 {
    font: normal bold 14px / 20px Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 3px;
    color: #ccc;
}

.c_area h5 {
    font: italic normal 25px / 30px "Times New Roman", Times, Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    padding-bottom: 5px;
}

.c_area p {
    margin: 0 0 10px 0;
}

.c_area strong {
    font-weight: 700;
}

/*Vor- und Zurück-Buttons*/

.vorzurueck_buttons {
    margin: 0px 0px 10px 91px;
}

.but_brief {
    background-image: url(../images/brief_10.png);
    width: 48px;
    height: 22px;
    margin-bottom:0px;
    background-color: transparent;
    border: none;
}


.but_brief2 {
    background-image: url(../images/brief_04.gif);
    width: 48px;
    height: 38px;
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
}

.but_vorschau_dr {
    background-image: url(../images/but_vorschau_dr.png);
    width: 130px;
    height: 14px;
    background-color: transparent;
    border: none;
    cursor:pointer;
}

.but_zurueck_dl {
    background-image: url(../images/but_zurueck_dl.png);
    width: 130px;
    height: 14px;
    background-color: transparent;
    border: none;
    cursor:pointer;
}

.but_zurueck_hl {
    background-image: url(../images/but_zurueck_hl.gif);
    width: 130px;
    height: 14px;
    background-color: transparent;
    border: none;
    cursor:pointer;
}

.but_gestalten_hr {
    background-image: url(../images/but_gestalten_hr.gif);
    width: 130px;
    height: 14px;
    background-color: transparent;
    border: none;
    cursor:pointer;
}

.but_gestalten_dl {
    background-image: url(../images/but_gestalten_dl.png);
    width: 130px;
    height: 14px;
    background-color: transparent;
    border: none;
    cursor:pointer;
}

.but_adressieren_dr {
    background-image: url(../images/but_adressieren_dr.png);
    width: 130px;
    height: 14px;
    background-color: transparent;
    border: none;
    cursor:pointer;
}

.but_vorschau_dl {
    background-image: url(../images/but_vorschau_dl.gif);
    width: 130px;
    height: 14px;
    background-color: transparent;
    border: none;
    cursor:pointer;
}
.but_abschicken_dr {
    background-image: url(../images/but_abschicken_dr.gif);
    width: 130px;
    height: 14px;
    background-color: transparent;
    border: none;
    cursor:pointer;
}

.but_auswaehlen {
    background-image: url(../images/but_auswaehlen.gif);
    width: 125px;
    height: 18px;
    background-color: transparent;
    border: none;
    cursor:pointer;
}

.but_hochladen {
    background-image: url(../images/but_hochladen_02.gif);
    width: 105px;
    height: 20px;
    margin-left:92px;
    background-color: transparent;
    border: none;
    cursor:pointer;
}

.fileinputs {
        position: relative;
}

.fakefile {
        position: absolute;
        top: 0px;
        left: 210px;
        z-index: 1;
}

.file {
        position: relative;
        text-align: right;
        -moz-opacity:0 ;
        filter:alpha(opacity: 0);
        opacity: 0;
        z-index: 2;
}

.hochladen {
        position: absolute;
        top: 92px;
        left: 110px;
        z-index: 1;
}

.e_area {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    font: normal normal normal 12px / 20px Verdana, sans-serif;
    color: #fff;
}

.edit h1 {
    font: italic normal 25px / 30px "Times New Roman", Times, serif;
    padding: 10px 0px 0px 10px;
    margin: 10px 0 0 10px;
}

.e_area p {
    margin-bottom: 10px;
    border: 1px dotted #fff;
    height: 109px;
    overflow: auto;
}

.r_area {
    float: left;
    margin: 28px 0 0 0;
}

/* Querschnittsmenue unten */
.footer {
    margin-top: 20px;
    margin-left: 25px;
    color: #fff;
    font: italic normal normal 16px / 18px "Times New Roman", Times, serif;
}

.footer ul {
    margin: 0 -5px;
}

.footer li {
    display: inline;
    list-style: none;
    padding: 0 10px;
}

.footer li a:hover {
    color: #ffcc02
}

.footer #select {
    color: #ffcc02;
}

/* Rote Knopf-Liste */
.list2 {
    list-style-image: url(../images/knopf12.png);
    line-height: 20px;
    padding: 10px 10px 5px 30px;
    border: 0px dotted #fff;
    font-size: 14px;
}

.list2 li {
    padding: 0 0 10px 5px;
}

/* BUCH */
.buch {
    margin: 6px 0px 0px 0px;
    height: 375px;
    width: 590px;
    background: url(../images/buch580px_blau.png) no-repeat;
}

.buch ul {
    list-style-type: none;
    margin: 0 20px 20px;
    font: italic normal normal 16px / 20px "Times New Roman", Times, serif;
    line-height: 30px;
}

.buch img {
    padding: 0 8px 8px 0;
}

.buch td {
    padding: 33px 0 0 20px;
}

.buch td#s1 {
    padding-left: 30px;
    width:275px;
}

.buch td#s2 {
    padding-left: 0px;
}


/* TABLIST */
.tablist {
    width: 750px;
    background-color: #006;
    border-collapse: collapse;
    text-align: left;
    margin-left: 2px;
    clear: both;
    font: normal normal normal 11px / 16px Arial, Helvetica, sans-serif;
}

.tablist td {
    border: 1px solid #636388;
    padding: 6px 3px 3px 3px;
    vertical-align: top;
}

.tablist td a {
    color: #555;
}

.tablist td a:hover {
    color: #f00;
}

.tablist th {
    background-color: #3c3c83 !important;
    border: 1px solid #636388;
    padding: 6px 3px 5px 3px;
    background-color: #006;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
}

.tablist thead {
    position: fixed;
    margin-top: -35px;
    background-color: #3c3c83;
}

.tablist img {
    margin-bottom: -2px;
}

.check {
    margin: 0px 0 0px 0px;
}

/* Spaltenbreite Termintabelle (Summe muss immer gleich bleiben!)*/
.col0 {
    width: 15px;
}

.col1 {
    width: 55px;
}

.col2 {
    width: 90px;
}

.col3 {
    width: 150px;
}

.col4 {
    width: 152px;
}

.col5 {
    width: 160px;
}

.col6 {
    width: 79px;
}

.picbox1 {
    margin-bottom: 30px;
    margin-top: 10px;
    border: inset;
    width: 480px;
    margin-left: 32px;
}
/*
.picbox1 {
    margin-bottom: 30px;
    border: inset;
    width: 500px;
    margin-left: 20px;
}
*/
.picbox3 {
    float: left;
    margin: 20px 20px 20px -20px;
}

.picbox3 img {
    padding: 0px 0 0 25px;
}

.picbox4 {
    margin: 10px 0 10px 0;
}

.picbox5 {
    float: right;
    margin: -0px -25px 10px 0;
    background: url(../images/briefmarke_07.gif) no-repeat;
    width: 138px;
    height: 112px;
    padding: 9px 11px;
}

.adressbox2 {
    height: 375px;
    width: 500px;
    margin: 0px 0 10px 0;
    color: #010144;
    border: 1px solid #888;
}

#adressbox2a {
    width: 209px;
    height: 310px;
    float: left;
    padding: 0px 20px 20px 20px;
    border-right: 1px solid #555;
    margin: 20px 0 0 0;
}

#adressbox2b {
    width: 210px;
    height: 210px;
    float: left;
    padding: 20px;
}

.adressbox2 h3 {
    margin-bottom: 5px;
}

.adressbox2 strong {
    color: #f00;
}

.transparent_fff {
    height: 375px;
    width: 500px;
    background-image: url(../images/bg_fff90pr.png);
    position: absolute;
    z-index: 10;
}

.picbox4txt {
    width: 580px;
    height: 438px;
    border: 1px dotted #aaa;
    margin: 15px 0 0 8px;
    position: absolute;
    z-index: 10;
}

/* Werbebanner rechts */
.adbox1 {
    background-color: #007;
    border: 1px solid #003;
    width: 135px;
    color: #99CCFF;
    padding: 6px;
    margin: 20px 0 0 0;
    font: normal normal normal 11px / 15px Verdana, Arial, Helvetica, sans-serif;
}

.adbox1 h1 {
    color: #fff;
    font-size: 11px;
}

.adbox1 h2 {
    color: #fff;
    font: bold normal normal 10px / 15px Verdana, Arial, Helvetica, sans-serif;
    display: inline;
}

.adbox1 a {
    color: #99CCFF;
}

.adbox1 a:hover {
    color: #ffcc02;
}

.clear {
    clear: both;
}

/* Maus auf Flasche*/
.absolutepic1 {
    position: absolute;
    right: 50px;
    z-index: 20;
    background: url(../images/maus_auf_flasche_02.png) no-repeat 0 5px;
    width: 187px;
    height: 110px;
}

/* Design Hauptmenue links */
.mmbox {
    width: 150px;
    background-image: url(../images/mmboxbg160_c.jpg);
    margin: 0px 0 0 30px;
    padding: 47px 0 90px 15px;
    color: #fff;
    font: normal normal normal 16px / 40px "Times New Roman", Times, serif;
    letter-spacing: 1px;
}

.mmbox ul {
    list-style: none;
}

.mmbox li {
    list-style: none;
    line-height: 26px;
}

.mmbox li a:hover {
    color: #ffcc02;
}

.mmbox .mmselect {
    color: #ffcc02;
    background: url(../images/feder25.png) no-repeat 100px 11px;
    display: block;
}
.noselection{
        color: #FFFFFF!important;
         background: none!important;
}

.mmbox #msselect {
    color: #ffcc02;
    background: url(../images/feder25.png) no-repeat 105px 11px;
    display: block;
}

.mmbox ul ul {
    margin: 0 0 0px -20px;
    padding: 0 0 0px 35px;
    font-size: 16px;
    font-style: italic;
}

.mmbox li li {
    list-style-type: disc;
    color:#FFAA00;
}

.mmbox li li a:hover {
    color: #ffcc02;
}

/*Fu� des Lichtkegels*/
.kegel {
    float: left;
    margin: -94px 0 0px 30px;
    height: 120px;
    width: 208px;
    background: url(../images/ellipse_maus_pusteblume.png) no-repeat;
}

/*Mausbild im Lichtkegel*/
.kegel img {
    margin: -135px 0 0 40px;
}

/* Design Editmenue links */
.editbox {
    width: 238px;
    height: 565px;
    margin: 1px 0 0 20px;
    padding: 0px 0px 0px 10px;
    color: #fff;
    font: italic normal normal 14px / 40px "Times New Roman", Times, serif;
    letter-spacing: 1px;
    border: 1px dotted #fff;
}

.editbox ul {
    list-style: none;
    margin-top: 20px;
}

.editbox li {
    list-style: none;
    line-height: 35px;
}

.editbox li a:hover {
    color: #ffcc02;
}

.editbox p img {
    margin-right: 20px;
}

.editmode {
    border-right: 1px dotted #555;
    border-top: 1px dotted #555;
    padding: 15px 8px 0 8px;
    height: 28px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.editmode#emselect {
    background-color: #a00;
    border-right: 1px dotted #fff;
    border-top: 1px dotted #fff;
}

.editmodebox {
    border: 1px dotted #fff;
    border-right: 0;
    border-bottom: 0;
    border-top: 0;
    height: 43px;
    margin: 10px 0 0 20px;
    font: normal normal 12px / 15px Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.kontaktframe {
    font: normal bold 12px / 15px Arial, Helvetica, sans-serif;
    color: #444;
    margin: 20px 20px 0 20px;
}

.feldname {
    float: left;
    width: 120px;
}

.feldname2 {
    float: left;
    width: 60px;
}

.feldname3 {
    float: left;
    width: 85px;
}

textarea {
    float: left;
    width: 250px;
    margin-bottom: 10px;
}

.eingabefeld {
    width: 379px;
    border: 1px solid #666;
    margin-bottom: 7px;
    height: 17px;
    background-color: #fcf7ca;
    border: 1px solid #fce304;
}

.eingabefeld2 {
    width: 50px;
    border: 1px solid #666;
    margin-bottom: 7px;
    height: 17px;
    background-color: #fcf7ca;
    border: 1px solid #fce304;
}
 /* login */
.eingabefeld3 {
    width: 105px;
    border: 1px solid #666;
    margin-bottom: 9px;
    height: 13px;
    line-height: 15px;
    padding-bottom: 1px;
    padding-left: 2px;
    font: normal normal normal 11px / 15px Verdana, Arial, Helvetica, sans-serif;
    background-color: #fcf7ca;
    border: 1px solid #fce304;
}

.eingabefeld4 {
    width: 210px;
    border: 1px solid #666;
    margin-bottom: 9px;
    height: 70px;
    line-height: 15px;
    padding-top: 1px;
    font: normal normal normal 11px / 15px Verdana, Arial, Helvetica, sans-serif;
    background-color: #fcf7ca;
    border: 1px solid #fce304;
    vertical-align: top;
}

.eingabefeld5 {
    width: 186px;
    border: 1px solid #666;
    margin-bottom: 7px;
    height: 17px;
    background-color: #fcf7ca;
    border: 1px solid #fce304;
}

.eingabefeld6 {
    width: 265px;
    border: 1px solid #666;
    margin-bottom: 7px;
    height: 17px;
    background-color: #fcf7ca;
    border: 1px solid #fce304;
}

.eingabefeld7 {
    width: 122px;
    border: 1px solid #666;
    margin-bottom: 9px;
    height: 15px;
    line-height: 15px;
    padding-top: 1px;
    font: normal normal normal 11px / 15px Verdana, Arial, Helvetica, sans-serif;
    background-color: #fcf7ca;
    border: 1px solid #fce304;
}

.login {
    float: left;
}

.login_go {
    float: left;
    margin: 1px 0 0 10px;
}

.logbox {
    background-color: #24278e;
    border: 1px solid #3d41a3;
    width: 135px;
    color: #fff;
    padding: 6px;
    margin: 35px 0 0 0;
    font: normal normal normal 11px / 16px Verdana, Arial, Helvetica, sans-serif;
}

.adressbox {
    border: 1px dotted #fff;
    background-color: #3c3c83;
}
.buchpfeilbox{
    padding-left: 253px;
    margin-top:0px;
}

.vorzurueck {
    margin: 0px 0px 0px 115px;
}

.vorzurueck a {
    color: #f00;
    font: italic normal normal 14px / 18px Verdana, Arial, Helvetica, sans-serif;
}

.vorzurueck img {
    margin-bottom: 0px;
}

#vzblaettern {
    position: absolute;
    margin: 0px 0 0 252px;
}

#vzblaettern_inactive {
    position: absolute;
    margin: 0px 0 0 253px;
}

.einblenden {
    color: #fff;
    background-color: #3c3c83;
    width: 100px;
    height: 22px;
    border: outset;
    margin: 0 0 5px 0;
}

.einblenden img {
    margin: 3px 5px -3px 4px;
}

#image_fader{
        display: none;
        position:absolute;
        top: 0px;
        left: 0px;
        z-index: 1000;
}
.imageTable{
    margin: 6px 0px 0px 0px;
    padding: 20px 0px 0px 35px;
    height: 375px;
    width: 560px;
    background: url(../images/buch580px_blau.png) no-repeat;
}
.imageTable img{
        cursor: pointer;
}

.swf{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        z-index:1000;
}
.inner_swf{
        margin: auto;
        padding: auto;
}
.wait {
        position:absolute;
        top:220px;
        left:370px;
        height: 400px;
        width: 400px;
        background: url(../images/maus_auf_flieger_02.gif) no-repeat;
        padding:100px 0px 0px 0px;
        font-size:14px;
}