html,body {
        height: 100%;
}

body {
        font-family: Verdana,Helvetica,Arial,sans-serif;
        font-size: 11px;
        color:#4F4F4F;
        margin:0px;
        padding:0px;
        text-align: center;
        background-image: url(../bilder_layout/backvertikal.jpg);
        background-repeat: repeat;
}

div#wrapper{
        text-align: left;
        margin: 0pt auto;
        width: 800px;
}
div#headContainer{
        width: 100%;
        float: left;
        margin: 30px 0 0px 0;
        padding: 0px 0px 2px 0;
        background-color: white;

        border: 1px solid lightblue;
}
div#container{
        width: 100%;
        float: left;
        margin: 8px 0 0px 0;
        background-color:#FEFEF5;
        border: 1px solid lightblue;
        border-bottom: none;
}

div#header{
        height: 56px;
        width: 585px;
        float: right;
        padding: 5px 5px 0 0;
        /*background-color: green;*/
}

div#headerLeft{
        float: left;
        width: 231px;
        height: 77px;
        position: relative;
        top: -13px;
        left: -33px;
        margin: 0 -33px -13px 0;
}

div#left{
        margin: 0px 0 0 0px;
        padding: 0 0 0 5px;
        float: left;
        clear: left;
        width: 200px;
        overflow: visible;

        /*background-color: green;*/
}


div#content{
        float: right;
        margin:10px 5px 5px 0px;
        padding:0px 20px 0px 10px;
        width:555px;
        min-height:440px;
        /*background-color: red;*/
}

div#footer{
        width: 790px;
        float: left;
        clear: both;
        padding: 5px;
        background-color: white;
        border: 1px solid lightblue;
        border-top: none;
}
div#footer div.inside{
        width: 790px;
        background-color: #314AA4;
        color: white;
        padding: 2px 0;
        font-size: 80%;
}
div#footer a{
        color: white;
}
div#footer div.inside{
        text-align: center;
}
div#spacer{
        width: 100%;
        height: 15px;
        float: left;
}

/*
*        start page picture
*/
div#startPic a img{
        margin: 0 0 0 -160px !important;
}





/**
*        faked header
*/
div#header h1{
        color: white;
        display: none;
}
div#header img  {
        float: right;
        width: 585px;
        height: 56px;
}




/**
*        default elements
*/
a{ text-decoration: none; color: black; outline: none; }
div#content a{
        border-bottom: 1px dotted gray;
}
div#content a:hover{
        text-decoration: underline;
        border-bottom: none;
        color: black;
}
div#content a[rel=lightbox], div#content a[rel=lightbox]:hover{
        text-decoration: none;
        border-bottom: none;
}

div#content h1{
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 150%;
        margin: 0.5em auto 0.3em 0;
}

div#content h2{
        font-family:  Verdana, Helvetica, Arial, sans-serif;
        font-size: 135%;
        color: #2F2F2F;
        margin: 0.5em auto 0.3em 0;
}
div#content h3{
        font-family:  Verdana, Arial, Helvetica, sans-serif;
        font-size: 120%;
        margin: 0.5em auto 0.3em 0;
}

div#content p{
        color: #2F2F2F;
        margin: 0.5em auto 0.3em 0;
}
div#content img{
        margin: 5px;
}




/*
*                left navigation
*/
div#left ul {
        margin: 10px 0 0 0;
        padding: 0 0 0 0;
}
div#left ul li {
        display: block;
        list-style-type: none;
        clear: both;
}
div#left ul li p, div#left ul li a{
        font-size: 1.0em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
/*         font-weight: bold;   */
        float: left;
        clear: both;
        margin: 0 0 0 0;
        padding: 2px 0 2px 5px;
        white-space: normal;
        display: block;
        width: 85%;
}
div#left ul li a:hover{
        background-color: #E0E0E0;
}
div#left ul li p, div#left ul li.trail p, div#left ul li.trail a{
        padding: 2px 0 2px 4px;
        margin-bottom: -1px;
        border-bottom: 1px solid lightblue;
        border-left:  1px solid lightblue;
}
div#left ul li p.last{
        margin-bottom: 0;
}
div#left ul li.naviLeftSmaller a, div#left ul li.naviLeftSmaller p{
}

div#left address{
        font-size: .8em;
        font-style: normal;
        color:#5F5F5F;
        margin: 1em 0 1em 8px;
}


/*
*        upper subnavi
*/
div#content div.mod_navigation ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        text-align: right;
        border-bottom: 1px solid lightblue;
}
div#content div.mod_navigation ul li{
        margin: 0 0 0 0;
        padding: .2em .5em .3em .5em;
        display: inline;
        height: 1.5em;
        list-style-type: none;
}
div#content div.mod_navigation ul li p, div#content div.mod_navigation ul li a{
        font-family: Verdana, Arial, Helvetica,, sans-serif;
        display: inline;
        font-size: 1em;
/*         font-weight: bold;   */
        text-decoration: none;
        color: black;
        border: none;
}

div#content div.mod_navigation ul li.active{
        background-color: #E0E0E0;
}
div#content div.mod_navigation ul li:hover{
        background-color:  #FBFBFB;
}



/*
*        forms
*/
div.formbody table{
        width: 100%;
}
div.formbody table tr td{
        vertical-align: top;
}
div.formbody table tr td.col_0{
        width:30%;
}
div.formbody table tr td.col_1{
        width:60%;
}
div.formbody label{
        display: block;
        float: left;
        width: 90%;
        height: 15px;
        margin: 4px 4px 4px 0;
        padding: 8px 4px 0 4px;
        vertical-align: bottom;
        border-bottom: 1px dotted #d0d0d0;

        font-size: 11px;
        line-height: 13px;
        color: gray;
}
div.formbody  span{
        display: none;
}
div.formbody input[type=text], div.formbody textarea{
        width: 365px;
        height: 15px;
        margin: 4px 4px 4px 0;
        padding: 4px 4px 4px 4px;
        border: 2px solid #d0d0d0;
        vertical-align: baseline;
        font-size: 11px;
        line-height: 13px;
}
div.formbody textarea{
        height: auto;
}
div.formbody input[type=submit]{
        float: right;
        clear: both;
        display: block;
        width: 100%;
        vertical-align: baseline;
        margin-right: 1px;
}

div.formbody input[type=hidden]{
        display: none;
}
div.formbody div.error{
        float: right;
        clear: none;
        display: block;
        width: 60%;
        position: relative;
        top: -4px;
        margin: 0 40px -16px 0;
        padding: 0 .4em 0.4em;
        color: red;
        font-size: 9px;
        line-height: 8px;
        height: 8px;
        background-color: white;
}
div.formbody div.explanation{
        clear: both;
}
div.formbody label.mandatory{
        color: inherit;
}
div.submit_container{ padding-right: 6px;}

/* radio button group */
div.formbody div.radio_container, div.formbody div.checkbox_container{
        float: right;
        clear: none;
        display: block;
        width: 356px;
        height: auto;
        margin: 4px 4px 4px 0;
        padding: 4px 4px 4px 4px;
        border: 0px solid white;
        vertical-align: baseline;
}
div.formbody div.radio_container span, div.formbody div.checkbox_container span{
        float: left;
        clear: both;
        display: block;
        height: auto;
        width: 100%;
        margin: 2px 0;
}
div.formbody div.radio_container label, div.formbody div.checkbox_container label{
        float: none;
        clear: none;
        width: auto;
        display: inline;
        padding: 0;
        margin: 0;
        border: none;
}
div.formbody div.radio_container input, div.formbody div.checkbox_container input{
        float: none;
        clear: none;
        width: auto;
        display: inline;
        padding: 0;
        margin: 0;
}


/*
*                misc
*/
div.pdf_link{
        font-size: 80%;
        color: gray;
        float: right;
        margin: 0 0 -10px 0;
}
div.pdf_link a{
        font-size: 80%;
        color: gray;
}
div.pdf_link a:hover{
        text-decoration: underline;
}
div.boundedBlock {
        border-bottom: 1px dotted lightblue;
        padding: 0 0 1em 0;
        margin: 0 0 1em 0;
}
div.mod_eventlist h2{
        border-bottom: 1px dotted black;
        font-size: 140px;
}
div.mod_eventlist div.info{
        color: gray;
        font-size: 80%;
}
div.caption{
        color: gray;
        font-size: 80%;
}