/*************************************************************************
 Das Modular CSS for XHTML1.0
 alpha@webmonster.de 20040810
 *************************************************************************/

/*************************************************************************
 Farben:

 Hintergrund                #b5b5b9
 Inhaltsfläche              #c8c8cb
 Breadcrumbs                #747477
 Breadcrumbs:active         #af0f10
 Hintergrund Tools (unten)  #919194
 Schriftfarbe News (oben)   #ededf1
 Weiß                       #ffffff
 Schwarz                    #000000
 *************************************************************************/

/*** General ***/

body {
    color: #ededf1;
    background-color: #b5b5b9;
    font: 11pt/14pt Verdana, sans-serif;
    scrollbar-face-color: #EDEDF1;
    scrollbar-highlight-color: #EDEDF1;
    scrollbar-3dlight-color: #EDEDF1;
    scrollbar-shadow-color: #EDEDF1;
    scrollbar-darkshadow-color: #EDEDF1;
    scrollbar-arrow-color: #919194;
    scrollbar-track-color: #c8c8cb;
}


/*** Intro ***/

body#intro {
    font: 11px/13px Verdana, sans-serif;
    background-color: #535152;
}
a#intro {
    border-bottom: 1px dotted #b5b5b9;
}
/* BEGIN IE5 Mac */
ul#start {
    position: absolute;
    top: 20px;
    left: 20px;
}

/* Rest of the world \*/
ul#start {
    position: absolute;
    top: 35%;
    left: 50%;
    width: 468px;
    margin-left: -268px;
    height: 250px;
    margin-top: -161px;
}
/* END IE5 Mac Hack */

ul#start li {
    margin-bottom: 10px;
    list-style: none;
}
ul#start li.pfeil {
    list-style: url(http://das-modular.de/common/intro_pfeil);
}
ul#start a {
    color: #ededf1;
}
ul#start a.head {
    font: bold 14px/15px Verdana, sans-serif;
}

div#adresse {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    color: #ededf1;
    background: #646263 url(http://das-modular.de/common/intro_logo2) no-repeat 10px 3px;
    text-align: left;
    vertical-align: middle;
    font: 10px/12px Verdana, sans-serif;
}
div#adresse div {
    margin: 14px 0 0 55px;
}

#start a {
    font: 10px/12px Verdana, sans-serif;
    color: #747477;
}
#start a:hover {
    color: #919194;
}
a#startCrawler {
    font: 4px/6px Verdana, sans-serif;
    color: #554f54;
    border: none;
}

/*** Tool windows ***/
body#tool {
    background: url(http://das-modular.de/common/bg_tool) repeat-y 0px 0px;
    background-color: #ffffff;
    font: 12px/15px Verdana, sans-serif;
    color: #444444;
    padding: 0;
    margin: 0;
    width: 640px;
}
body#tool div#toolhead {
    position: relative;
    top: 0px;
    left: 0px;
    height: 44px;
    width: 640px;
    margin: 0 0 0 0;
    padding: 0;
    background: url(http://das-modular.de/common/head_tool) no-repeat 0px 0px;
}
body#tool div {
    margin: 20px;
}

#cats span {
    background-color: #bfbfc4;
    padding: 2px 10px 2px 10px;
}
#cats span.active {
    background-color: #adadb2;
}

#tool table.dLoad {
    font: 10px/12px Verdana, sans-serif;
    border-top: 1px solid #bfbfc4;
    width: 600px;
    padding: 0;
    margin: 0 20px 0 20px;
}
#tool td.left {
    border: none;
    width: 150px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0
}
#tool td.right {
    border: none;
    width: 450px;
    text-align: left;
    vertical-align: middle;
    padding: 0;
    margin: 0
}
#tool div.footer {
    border-top: 1px solid #bfbfc4;
    padding: 20px 0 20px 0;
}

#tool input {
    border: 1px solid #919194;
    background-color: #c8c8cb;
}
#tool input.error {
    background-color: #f1f194;
    border: 1px solid orange;
}
#tool td.error {
    background-color: orange;
}

/*** Flash Version ***/

body#flash {
    background-color: #ffffff;
}
object#ui {
    position: absolute;
    top: 0px;
    left: 0px;
}

/*** HTML Version ***/

body#html {
    color: #ededf1;
    background: url(http://das-modular.de/common/bg) no-repeat 0px 0px;
    background-color: #ffffff;
    font: 12px/14px Verdana, sans-serif;
}

/* top navigation bar */
#topNav {
    position: absolute;
    top: 21px;
    left: 148px;
    font: 10px/12px Verdana, sans-serif;
    color: #ffffff;
}

#topNav a {
    margin: 0 14px 0 0;
    text-decoration: none;
    color: #ffffff;
}
#topNav a:hover {
    color: #ededf1;
}
#quicklinks {
    position: absolute;
    top: 43px;
    left: 148px;
    font: 10px/12px Verdana, sans-serif;
    visibility: hidden;
    background-color: transparent;
}

/* site navigation */
#siteNav {
    position: absolute;
    top: 140px;
    left: 48px; /*tune*/
    width: 300px; /*tune*/
    height: 453px;
    border: 0;
    text-align: left;
    overflow: auto;
}
#siteNavInside {
    background-color: #b5b5b9;
    /*background-color: #adadb2;*/
}
#siteNavInside h1 {
    font: 11px/14px Verdana, sans-serif;
    color: #747477;
    margin: 0;
}
#siteNavInside a.active {
    color: #77777a;
}
#siteNavInside ul {
    font: 11px/13px Verdana, sans-serif;
    list-style: none;
    margin: 0;
    padding-left: 18px;
}
#siteNavInside li {
    font: 11px/13px Verdana, sans-serif;
}

/* bottom navigation */
#bottomNav {
    position: absolute;
    top: 675px;
    left: 25px;
}
#bottomNav span {
    margin: 0 2px 0 0;
    color: #ffffff;
    background-color: #919194;
}
#bottomNav a {
    margin: 0 23px 0 23px;
    color: #ffffff;
    text-decoration: none;
}
#htmlVer {
    position: absolute;
    top: 678px;
    left: 20px;
    font: 10px/10px Verdana, sans-serif;
    color: #ededf1;
}
#imprintLink {
    position: absolute;
    top: 678px;
    left: 910px;
    font: 10px/10px Verdana, sans-serif;
    color: #ededf1;
}
#reset {
    position: absolute;
    top: 10px;
    left: 0;
    width: 120px;
    height: 32px;
}

/* news - states: collapsed/short/open*/
#newsCollapsed {
    position: absolute;
    top: 20px;
    left: 527px;
    font: 11px/11px Verdana, sans-serif;
}
#newsCollapsed a {
    margin: 0 5px 0 5px;
}
#newsLetter {
    position: absolute;
    top: 20px;
    left: 870px;
    font: 11px/11px Verdana, sans-serif;
}
#newsShort {
    position: absolute;
    top: 10px;
    left: 523px;
    visibility: hidden;
}
#newsOpen {
    position: absolute;
    top: 10px;
    left: 523px;
    visibility: hidden;
}

/* content - iframe, contains bcNav*/
#contentIframe {
    position: absolute;
    top: 140px;
    left: 378px; /* 523-120 */
    width: 579px; /*469+120 */
    height: 526px;
    border: 0;
}
/* inside iframe */
#contentInside {
    background-color: #b5b5b9;
    overflow: hidden;
}
#bcNav {
    position: absolute;
    top: 7px;
    left: 0;
    width: 120px;
    height: 506px;
    text-align: right;
}
#bcNav div {
    margin: 2px 0 0 0;
    color: #747477;
    text-decoration: none;
    font: 11px/13px Verdana, sans-serif;
}
#bcNav div.active {
    color: #af0f10;
}
#content {
    position: absolute;
    top: 0;
    left: 132px;
    width: 442px;
    height: 521px;
    color: #444444;
    font: 12px/14px Verdana, sans-serif;
    border: 0;
}

/*
#content.bildtext, #content.bild, #content.text, #content.flashtext, #content.flash, #content.videotext, #content.video, #content.audiotext, #content.audio, #content.audiobildtext {
*/
#content{
    background: url(http://das-modular.de/common/bg_standard) no-repeat 0px 0px;
}
#content div {
    position: absolute;
    top: 330px;
    left: 20px;
    width: 400px;
    height: 126px;
    overflow: auto;
}
#content.text div {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 400px;
    height: 434px;
    overflow: auto;
}
#content.audiobildtext div {
    position: absolute;
    top: 350px;
    left: 20px;
    width: 400px;
    height: 106px;
    overflow: auto;
}
#content div#sAudio {
    position: absolute;
    top: 328px;
    left: 20px;
    width: 400px;
    height: 18px;
    overflow: hidden;
}
#content img {
    position: absolute;
    width: 400px;
    height: 300px;
    top: 19px;
    left: 19px;
    border: 1px solid #777777;
}
#content #pager {
    position: absolute;
    top: 477px;
    left: 292px;
    width: 137px;
    height: 20px;
    color: #ededf1;
    font: 14px/14px Verdana, sans-serif;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}
#content.person {
    background: url(http://das-modular.de/common/bg_person) no-repeat 0px 0px;
}
#content.person img {
    position: absolute;
    width: 202px;
    height: 288px;
    top: 19px;
    left: 119px;
    border: 1px solid #777777;
}
#content.person div {
    position: absolute;
    top: 330px;
    left: 20px;
    width: 400px;
    height: 110px;
    overflow: auto;
}

/*** Links ***/

a {
    color: #eeeeee;
    text-decoration: none;
}
a:hover {
    color: #ffffff;
    text-decoration: none;
}
a:active {
    color: #af0f10;
    text-decoration: none;
}
a:visited {
    color: #dddddd;
    text-decoration: none;
}

a.news {
    color: #444444;
}
a.news:hover {
    color: #747477;
}

/*** majik zmi css ***/
/*************************************************************************
 ZMS management Interface
 *************************************************************************/

body.zmi { color: #222222; }

.cmsTxtColorStrong0 { color: #436976; } /* primColorStrong0 */
.cmsTxtColorStrong1 { color: #666666; } /* neutralColorStrong0 */
.cmsBgColorStrong0 { background-color: #8CABB9; } /* primColorStrong0 */
.cmsBgColorStrong1 { background-color: #CCCCCC; } /* neutralColorLight0 */
.cmsBgColorMedium0 { background-color: #DDE6EC; } /* primColorLight0 */
.cmsBgColorLight0 { background-color: #FFFFFF; } /* neutralColorWhite */

.zmiNeutralColorMedium0 { color: #222222; }

.primColorStrong0 { background-color:#000000; }
.primColorMedium0 { background-color:#666666; }
.primColorLight0 { background-color:#E7E7E6; }

.secndColorStrong1 { background-color:#8A8E16; }
.secndColorStrong0 { background-color:#9DA124; }
.secndColorMedium1 { background-color:#D5D579; }
.secndColorMedium0  { background-color:#D5D579; }
.secndColorLight1 { background-color:#E9E9B0; }
.secndColorLight0 { background-color:#E6E7B9; }

.teaserColor { background-color:#800000; }

.neutralColorBlack { background-color:#000000; }
.neutralColorStrong0 { background-color:#999999; }
.neutralColorMedium0 { background-color:#CCCCCC; }
.neutralColorLight0 { background-color:#E2E3DE; }
.neutralColorWhite { background-color:#FFFFFF; }
.neutralColorTrans { background-color:#00FF00; }

body.zmi a {
    border: 0px;
    text-decoration: underline;
}
body.zmi a:hover {
    border: 0px;
    text-decoration: underline;
}


/* :mode=css: */
/* EOF */