/* webstyles.css - definitions for positioning and formatting on current internet clients */
/* START: document level styles */
    div, td, a {font-size:11px;}
    h1, h2, p {margin:0px; padding:0px;}
    a { text-decoration:none; }
    select{color:#333;}

/* START: styles for accessibility */
    hr {display:none;}
    .hddStructure {display:none;}
    .hddHeading {position:absolute; left:-2000px; top:-2000px; width:0px; height:0px; overflow:hidden; display:inline;}
    .hddInfo {position:absolute; left:-2000px; top:-2000px; width:0px; height:0px; overflow:hidden; display:inline;}
    .printHddInfo {position:absolute; left:-2000px; top:-2000px; width:0px; height:0px; overflow:hidden; display:none;}
    /* START: only viewed by IE5+Mac */
    *>html .hddInfo {display:none;}
    *>html .hddInfo br {display:none;}
    *>html .hddHeading {display:none;}
    *>html .hddInfoLink {display:none;}
    *>html .hddSkipLink {display:none;}
    *>html .hddSkipLink br {display:none;}
    /* END: only viewed by IE5+Mac */
    .hddInfoLink {position:absolute; left:-2000px; top:-2000px; width:0px; height:0px; overflow:hidden; display:inline;}
    .hddSkipLink {position:absolute; left:-2000px; top:-2000px; width:0px; height:0px; overflow:hidden; display:inline;}
    #hddBrowserMessage {display:none;}
/* END: styles for accessibility */
/* END: document level styles */

/* START: application teaser */
    a.appTeaButton {font-size:11px;
                    color:#fff;
                    text-decoration:none;
                    display:block;
                    padding:0px 3px 0px 4px;
                    border: 1px solid #fff;
                    background-color:#666;
                    text-align: center;}
    a.appTeaButton:hover {color:#c00;background-color:#fff; border: 1px solid #666;}
    .appTea .left .appTeaButton  {float: left;  margin: 0 10px 0 0;}
    .appTea .right .appTeaButton {float: right; margin: 0 0 0 10px;}
    input.appTeaButton {
        font-size:11px;
        vertical-align:text-top;
        padding:0px 3px 0px 4px;
        width:auto;
        border:1px solid #fff;
        background-color: #666;
        color:#fff;
        cursor: pointer;
    }

    .appTeaBorder{
        width: 193px;
        float:left;
        padding: 0; margin: 0;
    }

    #content #headerBox .appTeaBorder {
        width: 192px;
    }

    .appTeaBoard{border-right: 1px solid #fff;
        border-bottom:1px solid #fff;
        background-color:#999;
        background:#999;
        padding: 0; margin: 0;
        overflow: hidden;
    }



    #content #headerBox .appTeaBoard {
        border-right: 0;
        border-left: 1px solid #fff;
    }
    .appTea {
            height:143px;
            background:#999;
            color: #fff;
            padding: 0 10px 0 10px;
            clear: both;
    }
    .breaker {clear: both; line-height: 0; visibility: hidden;}
    .appTea h1{padding:7px 0px 2px 0px;font-size:11px;font-family:Arial,Helvetica,sans-serif;}
    .appTea label.appTeaLbl {top:0px; width:39px; display:block; float: left; padding:0 ; margin:0; overflow: hidden;}
    .appTea input.appTeaTf {width:129px; font-size:11px; margin: 0;}
    .appTea select {width:129px; font-size:11px; margin: 0; padding: 0;}
    .appTea .columns {width: 100%;}
    .appTea .column input {width: 52px; margin: 0; }
    .appTea .column input.appTeaRadio {margin: 0; padding: 0; width: 20px; vertical-align: middle;}
    .appTea .left  {width: 97px; float: left; padding: 0; }
    .appTea .right {width: 72px; float: right; padding: 0; text-align: right;}
    .appTea .right label {width: 40px; vertical-align: middle;}
    .appTea .appTeaButtonGroup {width: 100%; margin-top: 5px; padding: 0;}
    .appTea .appTeaCb {margin: 0;}
    .appTea input.appTeaCbRight {float: left; margin: 0; padding:0; width: 20px;}
    .appTea label.appTeaCbRight {display:block;}
/* END: application teaser */

/* START: buttons of forms */
/* button typ1: dark grey */
    #header a.buttonTyp1, #main a.buttonTyp1{font-size:11px;color:#fff;text-decoration:none;display:block;padding:0px 3px 0px 4px;}
    #header a.buttonTyp1:hover, #main a.buttonTyp1:hover{color:#c00;background-color:#fff;}
    #header td.buttonTyp1CellInact, #main td.buttonTyp1CellInact{border:1px solid #fff;padding:0px 0px 0px 0px;background-color:#666;text-align:center;}
    #header td.buttonTyp1CellAct, #main td.buttonTyp1CellAct{border:1px solid #333;padding:0px 0px 0px 0px;background-color:#fff;text-align:center;}
    #header input.buttonTyp1, #main input.buttonTyp1{font-size:11px;vertical-align:text-top;width:auto;border:1px solid #fff;background-color: #666;color:#fff;cursor: pointer;}
    #header input.buttonTyp1:hover, #main input.buttonTyp1:hover{font-size:11px;vertical-align:text-top;width:auto;border:1px solid #000;background-color:#fff;color:#c00;cursor:pointer;}
/* button typ2: custom */
    #header a.buttonTyp2, #main a.buttonTyp2{font-size:11px;color:#ffffff;text-decoration:none;display:block;padding:0px 3px 0px 4px;}
    #header a.buttonTyp2:hover, #main a.buttonTyp2:hover{color:#000099;background-color:#ffffff;}
    #header td.buttonTyp2CellInact, #main td.buttonTyp2CellInact{border:1px solid #ffffff;padding:0px 0px 0px 0px;background-color:#000099;text-align:center;}
    #header td.buttonTyp2CellAct, #main td.buttonTyp2CellAct{border:1px solid #000;padding:0px 0px 0px 0px;background-color:#fff;text-align:center;}
    #header input.buttonTyp2, #main input.buttonTyp2{font-size:11px;vertical-align:text-top;width:auto;border:1px solid #ffffff;;background-color:#000099;color:#ffffff;cursor:pointer;}
    #header input.buttonTyp2:hover, #main input.buttonTyp2:hover{font-size:11px;vertical-align:text-top;width:auto;border:1px solid #000;background-color:#ffffff;color:#000099;cursor:pointer;}
/* button typ3: light grey */
    #header a.buttonTyp3, #main a.buttonTyp3, #footer a.buttonTyp3{font-size:11px;color:#333;text-decoration:none;display:block;padding:0px 3px 0px 4px;}
    #header a.buttonTyp3:hover, #main a.buttonTyp3:hover, #footer a.buttonTyp3:hover{color:#c00;background-color:#fff;}
    #header td.buttonTyp3CellInact, #main td.buttonTyp3CellInact, #footer td.buttonTyp3CellInact{border:1px solid #999;padding:0px 0px 0px 0px;background-color:#dedede;text-align:center;}
    #header td.buttonTyp3CellAct, #main td.buttonTyp3CellAct, #footer td.buttonTyp3CellAct{border:1px solid #c00;padding:0px 0px 0px 0px;background-color:#fff;text-align:center;}
    #header input.buttonTyp3, #main input.buttonTyp3, #footer input.buttonTyp3{font-size:11px;vertical-align:text-top;width:auto;border:1px solid #999;background-color: #dedede;color:#333; padding:0px 1px 0px 2px;margin:0px;cursor:pointer;}
    #header input.buttonTyp3:hover, #main input.buttonTyp3:hover, #footer input.buttonTyp3:hover{font-size:11px;vertical-align:text-top;width:auto;border:1px solid #c00;background-color:#fff;color:#c00; cursor: pointer;}
/* button typ3: "ok" button only used when js is inaktiv*/
    #header input.buttonOk, #main input.buttonOk{font-size:11px;vertical-align:text-top;width:auto;border:1px solid #999;background-color: #dedede;color:#333; padding:0px 1px 0px 2px;}
    #header input.buttonOk:hover, #main input.buttonOk:hover{font-size:11px;vertical-align:text-top;width:auto;border:1px solid #c00;background-color:#fff;color:#c00;cursor:pointer;}
/* END: buttons of forms */

/* START main layer to position main navigation and all content related layers */
/*#main {position:relative; background:#fff; z-index:20; width:769px; top:0px; clear:left; padding-top:1px;}*/
#main {position:relative;  z-index:20;  top:0px; clear:left; padding-top:0px; border:solid black 0px;}
#stopper {position:relative; padding-top:18px; clear:both;}
/* END main layer to position main navigation and all content related layers */

/* START main navigation */
/* START: filtered for IE5+Mac \*/
#navBorder {border:0px solid red; z-index:100;width:192px; margin-top:1px;}
/* END: filtered for IE5+Mac */
#navBorder.borderGrey {border-color:#ff0000;}/* ccc*/
#navBorder.borderWhite {border-color:#fff;}
    #navwrp {;} /* container for main navigation */
    /* START: only viewed by IE5+Mac */
        *>html #navwrp {width:193px; border-right:0px solid; float:left; z-index:100; }
        *>html #navBorder {float:auto; border-right:0px;}
        *>html #navwrp.borderGrey {border-color:#ccc;}
        *>html #navwrp.borderWhite {border-color:#fff;}
    /* END: only viewed by IE5+Mac */
    #navwrp div {background:#999 url(../img/nav_line_dark.gif) no-repeat;}
    #navwrp a, #navwrp span {color:#fff; display:block; padding:3px 5px 2px 10px; background:url("../img/sn_ina.gif") 0px 6px no-repeat;}
    #navwrp .navPt1 {background-position:24px 0px;}
    #navwrp .navPt1 a, #navwrp .navPt1 span {font-weight:bold; padding-left:24px; background-position:11px 6px;}
    #navwrp .navPt2 {background-position:37px 0px;}
    #navwrp .first2 {background-position:24px 0px;}
    #navwrp .navPt2 a, #navwrp .navPt2 span {padding-left:37px; background-position:24px 6px;}
    #navwrp .navPt3 {background-position:50px 0px;}
    #navwrp .first3 {background-position:37px 0px;}
    #navwrp .navPt3 a, #navwrp .navPt3 span {padding-left:50px; background-position:37px 6px;}
    #navwrp .navPt4 {background-position:63px 0px;}
    #navwrp .first4 {background-position:50px 0px;}
    #navwrp .navPt4 a, #navwrp .navPt4 span  {padding-left:63px; background-position:50px 6px;}
    #navwrp .open {background-color:#e7e7e7; background-image:url(../img/1pix.gif);}
    #navwrp .open a, #navwrp .open span {color:#666; background-image:url(../img/sn_end.gif);}
    #navwrp .end {background-color:#fff; background-image:url(../img/nav_line_light.gif);}
    #navwrp .end a, #navwrp .end span {color:#666; background-image:url(../img/sn_end.gif);}
    #navwrp .light {background:#e7e7e7 url(../img/nav_line_light.gif) no-repeat 24px 0px;}
    #navwrp .light a,#navwrp .light span {color:#666; font-weight:bold; padding:3px 5px 2px 24px; background:url("../img/sn_end.gif") 11px 6px no-repeat;}
    #navwrp .act a, #navwrp .act span {color:#c00; background-image:url(../img/sn_act.gif);}

    #navwrp .noline {background-image:url(../img/1pix.gif);}
    #navwrp .last {height:1px; overflow:hidden; background:0px;}
    #navwrp a:hover {color:#c00; background-image:url(../img/sn_act.gif);}
    #navwrp a:visited {}
    #navwrp .navEnd {background:#999; height:36px; overflow:hidden;}
    #navwrp .navEndLight {background:#e7e7e7; height:36px; overflow:hidden;}
/* END main navigation */

/* START: content */
    #content {position:relative; float:left; width:576px; z-index:500; margin-left:-1px;}
    #content #leftCol {position:relative; float:left; width:385px; z-index:510;} /* center content container; Actual Size 384px now -2 because of right / left border*/
    #content #teaserMargin  {position:relative; width:192px; float:left; margin-left:-1px; z-index:520;} /* right teaser content area; Actual Size 192px now -1 because of Right Border*/
    #content #teaserMargin .teimg {border-left:solid 1px #ccc;}
     #content #teaserMargin .te h2.first {margin-left:-1px; border-left:1px solid #fff;}
    #content #teaserMargin .borderLineTeaser h2.first {margin-left:-1px; border-left:1px solid #fff;}
    #content #teaserMargin .borderLineTeaser #extRefs .overflowLayer h2.first {margin-left:-1px; border-left:1px solid #fff;}

    #content, #content td {color:#333;}
    #content .borderLine {border:solid #ccc; border-width:0px 1px 1px 1px;}
    #content .overflowLayer {width:100%; overflow:hidden;}
    /* START: only viewed by IE5+Mac */
        *>html #content .dummyLayer { width:100%; }
    /* END: only viewed by IE5+Mac */
    /* START: only viewed by Mac */
        html>body #content .dummyLayer { width:0%; }
    /* END: only viewed by Mac */
    #content .borderLineTeaser {border-left:1px solid #ccc; border-right:1px solid #ccc;}
    #content .borderFlanks {border:solid #ccc; border-width:0px 1px 0px 1px;}
    #content .topBorder {border-top:solid 1px #cccccc;}
    #content .floatElement {float:left;}
    #content table td {border:0px; padding:0px; margin:0px;}
    #content form {display:inline;}

    #content h2, #content h3, #content p {font-size:11px; margin:0px; padding:0px;}
    #content .clearBoth {clear:both;}
    #content h2 {color:#000; font-weight:normal;}
    #content .te h2, #content .tee h2, #content #teaserMargin h2, #content #largeColTeaser .teA h2, #content #leftCol .calendarSort h2, #content #leftCol .cal h2, #content #leftCol #cld h2, #calBox h2 {position:relative; padding:2px 10px 2px 10px; background:#ccc;}
    #content h3 a {color:#333;}
    #content h3 a:hover {color:#c00;}

    #content .teLine {border-bottom:solid #ccc 1px;}
    #content .headerHeight {height:35px;}

    #content div.ie50fix {width:0px; height:0px; overflow:hidden; display:inline;}
    /* START: filtered for IE5+Mac \*/
    #content div.ie50fix {position:absolute;}
    /* END: filtered for IE5+Mac */

  #content .teaserMreLnk {font-size:10px; color:#333; height:11px; background:url("../img/moreArrow.gif") no-repeat right;}
    #content .teaserMreLnk:hover {color:#c00; background:url("../img/moreArrow_act.gif") no-repeat right;}
/* END: content */

/* image preloader container*/
    #preloader {visibility:hidden; position:absolute; top:-2000px; left:-2000px; width:0px; height:0px;}

  .err1 {font-size:13px; font-weight:bold; color:#fff;}
    .err2 {font-size:13px; font-weight:bold; color:#f00;}

#teaserMargin div.searchResult {
    padding: 0 0 7px 0;
    border-bottom:solid 1px #ccc;
}

#teaserMargin div.searchResult p {
    margin: 7px 10px 0 10px;
}

#teaserMargin div.searchResult ul {
    margin: 3px 10px 0px 10px;
    padding: 0 0 0 0;
    list-style-type: none;
}

#teaserMargin div.searchResult ul li {
    width:170px;
}

#teaserMargin div.searchResult ul li a {
    display:block;
    padding:0 0 0 15px;
    color:#333;
    font-weight:normal;
    background:url("../img/cnt_extlnk_icon_ina.gif") 0px 3px no-repeat;
}

#teaserMargin div.searchResult ul li a:hover {
    color:#c00;
    background-image:url("../img/cnt_extlnk_icon_act.gif");
}