/**
 * Extra-Stylesheet für die Datei 'wasIst.php'.
 *
 * Farben und Verläufe für progtw.de (wie im Header-Bild)
 * violett->hellviolett: #ee88cc, #f4aadd, #f8ccee, #fcddff :::#ee88cc
 * gelb -> orange:       #ffff60, #ffee60, ..., #ff9900     :::#ffff60
 * hellblau -> blau:     #eefcff, #ddf8ff, #cceeff, #99ccee, #66aadd, #0088cc :::#cceeff
 * alt...:
 * sand     #fdf9ec, #fbf3d9, #faeeca, #f8e8b8 (hell->dunkler)
 * hellblau #e8f7f9, #d2eff3, #bbe8ee, #a5e0e8, 7ca9af,
 */

/* @see _system/_inc/_layout/mainStart.inc.php */
/* @see _system/templates/twTplWebsite/screen/basemod_tw_2col_gfxborder.css */
#main {
        /*background-color: #fbf3d9;*/
}
/* @see _system/_inc/_layout/footer.inc.php */
/* @see _system/templates/twTplWebsite/screen/basemod_tw_2col_gfxborder.css */
#footer {
        /*background-color: #fbf3d9;*/
        text-align: right;
        padding-right: 20px;
        font-size: 0.7em;
        color: #ffaa70;
}
#footer a {
        color: #ffaa60;
        background: transparent;
        font-size: 10px;
        font-weight: bold;
}
#footer a:hover {
        color: #339900;
        background-color: #ffff00;
        border: 2px dotted #ffaa60;
        font-size: 14px;
        text-decoration: none;
}
.footerSpan {
        margin-left:10px;
        line-height:34px;
}



/* @see _system/_inc/_layout/header.inc.php und ob in central_tw_2col_gfxborder.css
 * die screen/basemod_slidingdoor.css eingebunden wird */
.twHeader {
        background-image: url(../../../_system/_img/panorama-oben-q50.jpg);
        background-position: left bottom;
        height: 74px;
}
/* @see _system/_inc/_layout/navigation.inc.php und nav_slidingdoor.css(nav_main)*/
.twNavMain {
        background-image: url(../../../_system/_img/panorama-unten-q50.jpg);
        background-position: left top;
}
/* der weiße Sreifen(Farbverlauf) unter den Tabs */
.twDummyzeile {
        background-image: url("img/bg-1px-weiss-grau.png");
        background-repeat: repeat-x;
}



.twDoku {
        margin: 0px;
        padding: 20px;  /* (kann auch wech...) */
        border: 3px inset #000099;
        background-color: #f8e8b8;  /* sand von bg */
        color: #000099;
}


.twBildLinks {
        float:left;
        margin: 6px 6px 0 6px;
        padding: 4px;
        background-color: #f8e8b8;  /* sand von bg */
        border: 3px inset #a5e0e8;  /* hellblau von twBox03 */
}
.twBildRechts {
        float:right;
        margin: 6px 6px 0 6px;
        padding: 4px;
        background-color: #f8e8b8;  /* sand von bg */
        border: 3px inset #a5e0e8;  /* hellblau von twBox03 */
}
.twThumb {
        display: inline;
        padding: 4px;
        background-color: white;
        border: 3px solid #a5e0e8;  /* hellblau von twBox03 */
}
.twThumbRechts {
        display: inline;
        float: right;
        margin-left: 4px;
        padding: 4px;
        background-color: white;
        border: 3px solid #a5e0e8;  /* hellblau von twBox03 */
}
.twBtnTipp {
        float: right;
        margin: 0px 10px 0px 0px;
        padding: 0px 6px 0px 6px;
        text-decoration: none;
        background-color: #fbf3d9;
        color: #000099;
        border: 2px outset #a5e0e8;
}
.twBtnClose {
        float: right;
        margin: 0px 10px 0px 0px;
        padding: 0px 6px 0px 6px;
        text-decoration: none;
        background-color: #fbf3d9;
        color: #000099;
        border: 2px outset #a5e0e8;
}
.twBtnNachOben {
        float: right;
        margin: 0px 10px 0px 0px;
        padding: 0px 6px 0px 6px;
        text-decoration: none;
        background-color: #fbf3d9;
        color: #000099;
        border: 2px outset #a5e0e8;
}
.twBtnInFooter {
        /*float: right;*/
        margin: 0px 10px 0px 0px;
        padding: 0px 6px 0px 6px;
        text-decoration: none;
        background-color: #fbf3d9;
        /*color: #000099;*/
        border: 2px outset #a5e0e8;
}

.twTttF01, .twTttF02, .twTttF03, .twTttF04, .twTttF05, .twTttF06, .twTttF07 {
        margin: 0px 3px 0px 0px;
        padding: 0px 2px 0px 2px;
        text-decoration: none;
        background-color: #eeeeee;
        color: #000099;
        border: 2px outset #eeeeee;
}

.twTttDoku {
        margin: 0px 3px 0px 0px;
        padding: 0px 2px 0px 2px;
        text-decoration: none;
        background-color: #f8e8b8;
        color: #000099;
        border: 2px outset #f8e8b8;
}

.twInfo {
        background-color: #eefcff;
        border: 2px inset #eefcff;
        padding: 2px 2px 2px 4px;
}
.infoClose {
        float: right;
        background-color: #ee88cc;
        border: 2px outset #ee88cc;
        padding: 0px 4px 0px 4px;
        margin-right: 4px;
}
.twKlein {
        font-size: 0.8em;
        font-style: italic;
}

.twClear {
        display: block;
        clear: both;
        /*line-height: 1px;*/
}


.hd h1 {
        font-size: 1.8em;
        padding-bottom: 12px;
}
.bd h2 {
        font-size: 1.4em;
        padding-bottom: 8px;
}
.bd h3 {
        font-size: 1.3em;
        padding-bottom: 4px;
}
.bd h4 {
        font-size: 1.2em;
        padding-bottom: 0px;
}
.bd li {
        padding-bottom: 12px;
}


.twLeerblock {
        height: 500px;
}

.twTrennlinie {
        background-image: url(../../../_system/_img/_anim/slid2.gif);
        background-repeat: no-repeat;
        background-position: center;
        /*border: 1px solid cyan;*/
}


#twAktiv {
        color: green;
        background-color: #ccffcc;
}




/* nur für die Startseite von 'wasBietet' */
#twWasBietetStartseiteAlles {
        min-height: 330px;  /*kann der IE erst ab 7 */
        /*background-image: url(img/bg-wasBietet-startseite-q70.jpg);*/
        background-image: url(../../../_system/_img/logo-progTW-100hoch.gif);
        background-repeat: no-repeat;
        color: #3b69ad;   /*#000099 #3b69ad #ff8855 #66aadd;*/
}