/* Autor: Joachim Bühler * Datum: 22. Mai 2007 */
@media all
{
    /*= TOOLS ====================================================================*/
    div.clear { clear:both; }

    /*= GLOBAL SETTINGS ==========================================================*/
    * html #site { height:1px; } /* IE fix */
        html, body, textarea {
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    body
    {
        margin: 0; padding: 1em;
        color: #53534B;
        font-size: 100.01%;                        /* special definition for IE */
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    font{    
        font-size:100%;            
    }
    hr
    {
        margin-top: 0.2em;
        margin-bottom: 0;
        border-top: 1px solid #dcdcd9;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;
        color: #FFFFFF;
    }
    hr.gray{
        margin-top: 0.2em;
        margin-bottom:-15px;
        border-top: 1px solid #dcdcd9;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;
        color: #FFFFFF;
    }
    p {
        margin-top: 0;
        margin-bottom: 1em;
    }
    form {
        margin: 0;
    }
    h1{
        font-size:120%;
        color:#004ca2;
    }
    h2{
        font-size:100%;
        color:#53534b;
        font-weight:bold;
        margin:0px;
    }
    h3{
        color:#004ca2;
        font-size:85%;
        font-weight:bold;
        margin:0px;
    }
    h4{
        font-size:85%;
        font-weight:bold;
        color:#53534b;
        margin:0px;
    }
    .footnote{
        font-size: 70%;
    }

    /*- Link Styles ---------------------------------------------------------*/
    a:link, a:visited, a:active, a:focus, a:hover {
        text-decoration:none;
        font-size: 70%;
        color: #004CA2;
    }
    a:hover {
        text-decoration:underline;
    }
    a.navi:link, a.navi:visited, a.navi:active, a.navi:focus, a.navi:hover,
    a.menu:link, a.menu:visited, a.menu:active, a.menu:focus, a.menu:hover
    {
        color: #012768;
    }
    a.a_blueb:link, a.a_blueb:visited, a.a_blueb:active, a.a_blueb:focus, a.a_blueb:hover {
        color: #004CA2;
        font-weight: bold;
        font-size: 1.0em;
    }
    a.std:link, a.std:visited, a.std:active, a.std:focus, a.std:hover {
        font-size: 100%;
    }
    a.a_section:link, a.a_section:visited, a.a_section:active, a.a_section:focus, a.a_section:hover {
        color: #004CA2;
        font-weight: bold;
        font-size: 1em;
    }
    a img {
        border: 0;
    }

    /*= PAGE STRUCTURE ===========================================================*/
    /*- SITE WRAPPER -----------------------------------------*/
    #site
    {
        width: 550px;
        text-align:left;
    }

    /*- TOP NAVIGATION ---------------------------------------*/
    #headcontainer {
      display:none;
    }
    #head {
        padding: 1.25em 0.6em 0 0.6em;
    }
    img#logo {
        float: left;
    }
    form#navigation {
        float: right;
    }
    input#search {
        margin-right: 0.3em;
        padding: 1px;
        height: 1.6em;
        vertical-align:middle;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        border: 1px solid #B9B9B4;
    }
    img.nav_icon {
        vertical-align:middle;
        margin-left: 0.15em;
    }
    img.vline {
        vertical-align:middle;
        width: 1px;
        height: 1.3em;
        margin: 0 0.7em 0;
    }

    /*- MID-PART ---------------------------------------------*/
    #mid {
        margin-top: 0.6em;
        width:100%;
        height: 52em;
    }

    /*- MENU LEFT ----------------------------------*/
    #menucontainer{
        display:none;
    }
    ul#menu{
        margin: 0; padding: 0;
        list-style-type:none;
    }
    li.menu1 {
        padding: 0.3em 0.1em 0.25em 0px;
        margin-bottom: 1px;
        background-color: #6788cb;
        border-right: 1px solid #7FA5D0;
        border-bottom: 1px solid #7FA5D0;
    }
    li.menu2 {
        padding: 0.3em 0.5em 0.25em 0.9em;
        margin-bottom: 1px;
        background-color: #97aeda;
        border-right: 1px solid #B4D1E5;
        border-bottom: 1px solid #B4D1E5;
    }
    li.menu3 {
        padding: 0.3em 0.5em 0.25em 1.8em;
        margin-bottom: 1px;
        background-color: #e5ebf7;
        border-right: 1px solid #B2C9E3;
        border-bottom: 1px solid #B2C9E3;
    }
    li.menu4 {
        padding: 0.3em 0.5em 0.25em 2.7em;
        margin-bottom: 1px;
        background-color: #ffffff;
        border-right: 1px solid #BFD2E8;
        border-bottom: 1px solid #BFD2E8;
    }
    #selected, #menu1selected, #menu2selected, #menu3selected, #menu4selected {
        color: #FF6600;
        background-color: #FFFFFF;
    }
    .item {
        margin-left:1.2em;
        text-align: left;
    }
    img.menuicon {
        float: left;
        margin-top: 0.12em;
        margin-left: 0.3em;
        margin-right: 0em;
    }
    div#announce {
        margin-top: 1em;
        padding: 0.5em 0.5em 0 0.8em;
        background-color: #FFE0CC;
        border-bottom: 1px solid #9F9F98;
        border-right: 1px solid #9F9F98;
    }
    div#announce h1 {
        margin-bottom: 0.1em;
        width: 99%;
        color: #53534B;
        font-weight: bold;
        font-size: 0.72em;
        text-transform: uppercase;
    }
    div#announce hr {
        margin: 0;
        border-top: 1px solid #53534B;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;
         color: #FFE0CC;
    }
    div#announce p {
        margin-top: 0.15em;
        margin-bottom: 0.5em;
        font-weight: bold;
        font-size: 0.72em;
    }
    div.announce_right, #right
    {
        margin-bottom: 0.5em;
        margin-right: 0.5em;
        text-align: right;
    }
    div#moreannounce {
        text-align: right;
        margin-bottom:0.4em;
    }
    div#announce a {
        color: #53534B;
        font-size: 0.75em;
    }

    /*- CONTENT ------------------------------------*/
    #contentwrapper {
        background-color: #FFF;
        height: 100%;
    }
    #contentcontainer {
        padding: 0.5em;
    }
    #content {
        font-size:85%;
    }
    #path {}
    #path a:link, #path a:visited, #path a:focus, #path a:hover{
        color:#747468;
        text-decoration:none;
    }
    .pathDivide{
        font-size:60%;
    }
    #contentpart {}
    #contentpart a{
        font-size: 100% !important;
    }
    #contentpartleft {
        float: left;
        width: 70%
    }
    #contentpart ul{
        list-style-image:url();
    }
    #contentpartleft a{
        font-size:100% !important;
    }
    #contentpartleft ul li a{
        font-size:95% !important;
    }
    .year_select_container{
        margin-bottom:15px;
        width:200px;
    }
    #contentpartright {
        display:none;
    }
    #topbar {
        display:none;
    }
    #tab_advsearch {
        font-size: 0.85em;
    }

    /*- COMMON CONTENT STUFF -------------*/
    div.section {
        color: #004CA2; background-color: #E5EDF6;
        border-bottom: 1px solid #B2C9E3;
        border-right: 1px solid #B2C9E3;
        font-weight: bold;
        font-size: 0.8em;
        padding-top: 0.4em;
        padding-bottom: 0.3em;
        margin-top: 1.5em;
    }
    img.note {
        margin-left: 0.3em;
        margin-right: 0.3em;
    }
    div.left {
        float:left;
        margin-top: 1em;
        width: 0.3em;
    }
    img.short {
        width: 0.2em;
    }
    img.scale {
        width: 24em;
    }
    div.right {
        text-align: left;
        margin-top: 0.8em;
        padding-left: 0.4em;
    }
    div.line_grey {
        border-top: 1px solid #DCDCD9;
        margin-top: 0.2em;
        margin-bottom: 0.2em;
    }
    div.line_greyb {
        border-top: 2px solid #DCDCD9;
        margin-top: 0.3em;
        margin-bottom: 0.3em;
    }

    /*- TABLE ------------------*/
    table{
        border:0px solid #fff;
    }
    table tr{
        border:0px solid #fff;
    }
    table tr td{
        border:0px solid #fff;
        border-bottom:1px solid gray;
        font-size: 80% !important;
        padding:.5em
    }
    .fake table tr td{
        border:0px solid #fff;
    }
    /*
    table.std {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 80%;
        width: 95%;
        color: #53534B;
        border-width: 0;
    }
    table.std tr td {
        text-align: right;
        padding-right: 0.5em;
        padding-top: 0.2em;
        padding-bottom: 0.1em;
    }
    td.stdh_r, td.blueh_r {
        color: #004CA2;
    }
    td.stdh_r, td.blueh_r, td.blue_r, td.blueend_r, td.empty_blue {
        font-weight: bold;
    }
    td.blueh_r, td.blue_r, td.blueend_r, td.empty_blue, td.space_blue {
        background-color: #E5F3FD;
    }
    td.blueh_r, td.blue_r, td.blueend_r {
        padding-right: 0.5em;
    }
    td.blueh_r, td.stdh_r {
        border-left-width: 0;
        border-right-width: 0;
        border-top: 2px solid #DCDCD9;
    }
    td.blueh_r, td.stdh_r, td.std_r, td.blue_r {
        border-left-width: 0;
        border-right-width: 0;
        border-bottom: 1px solid #DCDCD9;
    }
    td.std_r, td.blue_r {
        border-top-width: 0;
    }
    td.end_r, td.blueend_r {
        border-left-width: 0;
        border-right-width: 0;
        border-top-width: 0;
        border-bottom: 2px solid #DCDCD9;
    }
    td.space, td.space_blue {
        border-width: 0;
        height: 1em;
    }
    td.empty {
        border-width: 0;
        width: 0.5em;
    }
    */

    /*- CONTENT TWO COLUMNS --------------*/
    #content21 {
        margin-left: 0.3em;
         float:left;
        width: 65%;
        text-align: justify;
    }
    #content22 {
        float: right;
        margin-right: 0.3em;
        width: 30%;
    }
    p.content {
        margin-top: 0.3em;
        margin-bottom: 0.7em;
        font-size: 80%;
    }
    p.smlcontent, p.smlcontent_r {
        font-size:80%;
        margin-bottom: 0;
    }
    p.smlcontent_r {
        margin-top: 1em;
        text-align: right;
    }
    span.smlcontent {
        font-size: 80%;
        font-weight: normal;
    }

    /* - CONTENT THREE COLUMNS ------------ */
    #content31 {}
    #content32 {}
    #content33 {}
    li.info {
        margin-bottom: 0.3em;
    }
    a.a_info:link, a.a_info:visited, a.a_info:hover, a.a_info:active, a.a_info:focus {
        color: #004CA2;
        font-size: 100%;
    }
    select.info {
        padding: 1px;
        border: 1px solid #A5A596;
        width: 99%;
        font-size: 0.8em;
    }

    /* - FOOTER ----------------------------------------------- */
    #footercontainer {
      display:none;
    }
    p#footer
    {
        display:none;
    }
    .footerAreaInformation{
        display:none;
    }
    .footerContact{
        display:none;
    }
    .footerAdress{
        display:none;   
    }

    /* - FORMULARS -------------------------------------------- */
    #page
    {
        border: 1px solid #ACACA5;
        text-align: center;
        font-weight: bold;
        width: 1em;
    }
    .searchnavi
    {
        float:left;
        font-size: 0.85em;
    }
    .compass
    {
        float:right;
        font-size: 0.85em;
    }
    .field
    {
        border: 1px solid #CCCCCC;
        font-size: 0.95em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding-left: 0.3em;
    }
    a.search:link, a.search:visited, a.search:active, a.search:focus, a.search:hover {
        text-decoration:none;
        font-size: 1em;
        color: #53534B;
    }
    a.search:hover {
        font-weight: bold;
    }

    /* start infbox content */
    .infobox {
        font-size:80%;
        width: 100%;
        background-color: #F8F8F7;
        border-right: 1px solid #DCDCD9;
        border-bottom: 1px solid #DCDCD9;
        margin-bottom: 1em;
        padding: 0.3em;
        margin-bottom:10px;
    }
    .infobox h1 {
        padding-left: 0;
        color: #002768;
        font-size:110%;
        margin-bottom: 0;
        font-weight: bold;
    }
    .infobox h2{
        margin-bottom:-3px;
    }
    infobox #teaser{
        margin:5px 0px 5px 0px;
    }
    .infobox hr {
        margin-top: 0;
        margin-bottom: 0.2em;
        border-top: 1px solid #a6a6a6;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;
        color: #FFFFFF;
    }
    .infobox ul {
        padding-left:13px;
        list-style-image:url();
    }
    .infobox ul li a{
        color:#004ca2;
        text-decoration:none;
        font-size:100%;
    }
    .infobox a{
        color:#004ca2;
        text-decoration:none;
        font-size:100%;
    }
    .infobox .moreArrow{
        margin-right:10px;
    }

    /* Photogalerie - see News and Press */
    .singlePhoto {
        float: left;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
        width:150px;
        background-color: #F8F8F7;
    }
    .singlePhoto .header {
        margin: 5px 0px 0px 15px;
    }
    .singlePhoto .image {
        background-color:#FFFFFF;
        height:130px;
        margin:5px auto;
        text-align:center;
        width:130px;
    }
    .singlePhoto .footer {
        height:15px;
        margin: 5px 15px 0px 15px;
    }
    .singlePhoto .footer .dpi1 {
        float: left;
    }
    .singlePhoto .footer .dpi1 img, .singlePhoto .footer .dpi2 img{
        margin-right:5px;
    }
    .singlePhoto .footer .dpi1 a, .singlePhoto .footer .dpi2 a{
        font-size:85% !important;
    }
    .singlePhoto .footer .dpi2 {
        float: right;
    }
    /* Contact Form */
    .contactBlock{
        width:450px;
        margin-top:15px;
    }
    .contactBlock label{
        float:left;
        width:120px;
        margin-bottom:5px;
        height:22px;
    }
    .contactBlock input{
        float:right;
        width:300px;
        margin-bottom:5px;
    }
    .contactBlock textarea{
        float:right;
        width:300px;
        margin-bottom:5px;
    }
    .contactSelect{
        width:170px;
    }
    #contentBlockSubmit{
        border-color: #6788CB;
        background-color:#97AEDA;
        clear:both;
        color:#012768;
        width:130px;
    }

    a.a_blueb {
        font-size: 13px;
    }
    
    .footertextcontent p {
        margin:0;
        padding: 0;
    }

}