/*** 2007-12-10 Burkhard Herre    ***/
/***    - Erstimplementierung VDS ***/


/*** GRUNDLAYOUT FUER VDS ***/

body {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial;
    font-weight: normal;
}

body, body *, img {
    margin: 0px;
    padding: 0px;
    border: none;
}

a {
    text-decoration: none;
    color: #000000;
}

a.mehr {
    background-image: url(/img/bullet_level2_blue.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding-left: 10px;
    margin-top: 5px;
    color: #3F6497;
    font-weight: bold;
    display: block;
}


div.content a {
    color: #3F6497;
    font-weight: bold;
}

form {
    margin: 0px;
    padding: 0px;
}

form input {
    height: 19px;
    border: 1px solid #8B8B8B;
    margin: 5px 0px;
}

div.frame {
    width: 88.2em;
    text-align: left;
    margin: auto;
    background-image: url(/img/background.jpg);
    background-repeat: repeat-y;
	background-position: bottom left;
}

div.head {
    width: 88.2em;
    text-align: left;
    margin: auto;
    background-color: #ffffff;    
    background-image: url(/img/logo.jpg);
    background-repeat: no-repeat;
	background-position: 0px 24px;
}

div.greybox {
    background-color: #F3F3F3;
    margin-left: 68.8em;
    width: 19.4em;
    height: 6.9em;
}

img.head_pic {
    width: 88.1em;
    height: 11.6em;
    border-top: solid 7px #93B0DC;
    border-bottom: solid 7px #3F6497;
    display: block;
    clear: both;
}

div.head_navi {
    margin-top: 5px;
    float: right;
    margin-bottom: 5px;
    clear: both;
}

div.head_navi a {
    font: normal 1.25em Verdana, Arial;
    height: 11px;
    font-weight: bold;
    text-decoration: none;
    background-repeat: no-repeat;
	background-position: center right;
	padding-right: 42px;
	margin-right: 15px;
}

div.head_navi a.aktiv, 
div.head_navi a.inaktiv:hover {
    background-image: url(/img/navi_aktiv_head.jpg);
}

div.head_navi a.inaktiv {
    background-image: url(/img/navi_inaktiv_head.jpg);
}

div.pagetools {
    margin-left: 70.6em;
    margin-top: -122px;
    margin-bottom: 24px;
}

div.pagetools a {
    display: block;
    height: 18px;
    margin-bottom: 2px;
}

div.pagetools a img {
    margin-bottom: -1px;
    margin-top: 2px;
}
div.zoom a img {
    margin-bottom: -3px;
    margin-top: 2px;
}


div.navi_search_zoom {
    width: 88.2em;
    height: 3.55em;
    background-color: #F3F3F3;
}

div.navi_search_zoom div.blue {
    width: 14.1em;
    height: 2.8em;
    color: #ffffff;
    background-color: #3F6497;
    font: bold 1.25em Verdana, Arial;
    padding-left: 21px;
    float: left;
}

div.bredcrumb {
    padding-left: 14px;
    padding-top: 5px;
    width: 48em;
    float: left;
}

div.zoom {
    width: 32em;
    height: 1.75em;
    float: left;
    margin-bottom: -2px;
    margin-left: 187px;
    border-bottom: 2px solid #ffffff;
    background-color: #ffffff;
}

/* kann der IE 6 nicht parsen - also nur fuer IE7, MOZ, Opera, Safari */
div[class=zoom] {
    margin-left: 17.35em;
    margin-top: 0.1em;
}

div.zoom a {
    height: 18px;
    margin-bottom: 2px;
    margin-left: 13px;
}

div.quick_search {
    margin-top: -9px;
    margin-left: 9px;
    width: 18em;
    height: 1.75em;
    float: left;
}

div.quick_search form input {
    width: 12em;
    height: 1.4em;
    border: solid 1px #8B8B8B;
    float: left;
}

div.quick_search form input.submitsearch {
    width: 1.6em;
    height: 1.6em;
    border: none;
    margin-left: 4px;
}

div.navi {
    background-color: #ffffff;
    width: 17.7em;
    font: normal 1.1em Verdana, Arial;
    float: left;
}

ul.navi {
    list-style-type: none;
    list-style-image: none;
}

ul.navi li {
    border-bottom: solid 1px #F3F3F3;
}

ul.navi li a {
    background-image: url(/img/bullet_level1_blue.gif);
    background-repeat: no-repeat;
    background-position: 6px 9px;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 21px;
    padding-bottom: 6px;
    display: block;
}

ul.navi li a:hover {
    background-image: url(/img/bullet_level1_white.gif);
    background-color: #DEDEDE;
}

ul.navi li a.level2 {
    background-image: url(/img/bullet_level2_blue.gif);
    background-position: 20px 10px;
    font-weight: normal;
    padding-left: 34px;
}

ul.navi li a.level2:hover {
    background-image: url(/img/bullet_level2_grey.gif);
    background-color: #DEDEDE;
}

ul.navi li a.active1 {
    background-image: url(/img/bullet_level1_white.gif);
    background-color: #DEDEDE;
}

ul.navi li a.active2 {
    background-image: url(/img/bullet_level2_grey.gif);
    background-color: #DEDEDE;
}

div.loginhead {
    height: 7px;
    background-color: #93B0DC;
    border-top: 20px solid #F3F3F3;
}

div.loginbox {
    background-color: #DEDEDE;
    padding: 15px 22px;
}

div.loginbottom {
    background-color: #F3F3F3;
    border-bottom: 45px solid #DEDEDE;
    padding: 23px;
    line-height: 1.5em;
}

div.loginbox input {
    width: 12.5em;
    height: 1.35em;
    border: 1px solid #8B8B8B;
    margin: 5px 0px;
}

div.loginbox input.checkbox {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    border: none;
    float: left; 
}

div.loginbox span.checkbox {
    display: block;
    float: left;
    margin-left: 8px;
    margin-top: -9px;
}


div.loginbox input.loginsubmit,
form input.loginsubmit {
    margin-top: -5px;
    width: 50px;
    background-color: #DEDEDE;
    background-image: url(/img/bullet_level2_blue-grey.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;    
    color: #3F6497;
    font-weight: bold;
    border: none;
    padding-left: 10px;
    cursor: pointer;
}

form input.loginsubmit {
    background-color: #ffffff;
}

div.content {
    background-color: #ffffff;
    width: 41em;
    padding: 30px 10px 20px 30px;
    font: normal 1.1em Verdana, Arial;
    line-height: 1.5em;
    float: left;
    height: 100%;
}

/*
div.content img {
    border: 1px solid #3F6497;
}
*/

.hidden {
    display: inline;
    left: -999px;
    top: -999px;
    font-size: 0px;
    height: 0px;
    line-height:0px;
    margin:0px;
    overflow:hidden;
    position:absolute;
}

h1 {
    color: #3F6497;
    font: bold 1.3em Verdana, Arial;
    margin-bottom: 25px;
}

h2, h3 {
    font: bold 1.05em Verdana, Arial;
    margin: 3px 0px;
}

h2.mitlinie {
    border-top: solid 1px #D2D0CF;
    padding-top: 15px;
    clear: both;
}

div.content ul {
    list-style-image: none;
    list-style-type: none;
}

div.content ul li {
    padding-left: 15px;
    padding-bottom: 10px;
    background-image: url(/img/bullet_level2_blue.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
}

div.content ol {
    list-style-image: none;
    margin-left: 22px;
}

div.content ol li {
    padding-left: 15px;
    padding-bottom: 10px;
}

div.right {
    background-color: #ffffff;
    font: normal 1.1em Verdana, Arial;
    line-height: 1.5em;
    width: 16em;
    padding-left: 1.8em;
    float: left;
}

div.right div.teasercontent {
    padding: 15px 0px;
    border-bottom: solid 1px #D2D0CF;

}

b.red {
    color: red;
}

div.footer {
    background-color: #F3F3F3;
    height: 30px;
}

div.footer span {
    display: block;
    margin-left: 350px;
    padding-top: 10px;
}


div.greyfooter {
    float: left;
    background-color: #DEDEDE;
    width: 19.5em;
    height: 30px;
}

span.fehler {
    color: red;
    font-weight: bold;
    display: block;
}

form.vds_form input.kontakt {
    width: 385px;
}

form.vds_form textarea {
    width: 385px;
    border: 1px solid #8B8B8B;
    margin: 5px 0px;    
}

form.vds_form input.radio_button {
    display: block;
    float: left;
    border: none;
}

form.vds_form label.kontaktlabel {
    display: block;
    float: left;
    margin-top: 4px;
    padding: 0px 30px 0px 10px;
}




form.vds_form input.vds_submit_kontakt {
    margin-top: -5px;
    width: 75px;
    background-color: #ffffff;
    background-image: url(/img/bullet_level2_blue-grey.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;    
    color: #3F6497;
    font-weight: bold;
    border: none;
    padding-left: 10px;
    cursor: pointer;
}

form.vds_form input.abschicken {
    width: 100px;
    margin-right: 50px;   
}



/** Terminliste **/

div.termine-jahr {
    background-color: #DEDEDE;
    font-weight: bold;
    padding: 3px;
    font-size: 1.2em;
}
div.termine-monat {
    font-weight: bold;
    padding: 3px;
}
ul.termine {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.termine li {
    background-color: none !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top;
}

ul.termine li .list-left {
    width: 120px;
    padding: 3px;
    float: left;
}

ul.termine li .list-right {
    width: 370px;
    padding: 3px;
    margin: 0 0 0 130px;
}

ul.termine li.list-light-gray,
.list-light-gray {
    background: url(bg_liste.gif) repeat-y 10px 0px #F3F3F3 !important;
}
ul.termine li.list-light-white,
.list-light-white {
    background: url(bg_liste.gif) repeat-y 10px 0px #FFFFFF !important;
}

table.termin tr td {
    vertical-align: top;
}

.underline {
    text-decoration: underline;
}







#topmenu {
    
}

#topmenu ul {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
}
#topmenu ul li {
    float: left;
    margin: 0;
    padding: 0;
}

#topmenu ul li ul {
    display: none;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #93B0DC;
}

#topmenu ul li ul li {
    width: 14em;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #93B0DC;
    background-image: url(/img/bullet_level1_blue.gif);
    background-position: 6px 9px;
    background-repeat: no-repeat;
    background-color: #ffffff;
    padding: 5px 0 6px 21px;
    z-index: 500;
}
#topmenu ul li ul li:hover,
#topmenu ul li ul li.aktiv {
    background-color: #dedede;
    background-image: url(/img/bullet_level1_white.gif);
}
#topmenu ul li ul li:hover {
    cursor: pointer;
}

#topmenu ul li ul li.first {
    margin-top: 7px;
}

#topmenu ul li ul li a {
    font-size: 1.1em;
    font-weight: bold;
    z-index: 500;
    padding: 0;
    margin: 0;
}

#topmenu li {
    position: relative;
}

#topmenu ul li ul {
    top: 15px;
    left: 0;
    position: absolute;
    z-index: 500;
}

#topmenu ul ul,
#topmenu ul li:hover ul ul,
#topmenu ul ul li:hover ul ul {
    display: none;
}

#topmenu ul li:hover ul,
#topmenu ul ul li:hover ul,
#topmenu ul ul ul li:hover ul {
    display: block;
}


div.jahre_index {
    border-bottom:1px solid #D2D0CF;
    padding-bottom: 5px;
    margin-bottom: 20px;   
}

div.publikationen {
    padding: 10px;
    margin-bottom: 10px;
}

img.publikationen {
    float: left;
    padding-right: 10px;
    padding-bottom: 0px;
}

select.publikationen {
    margin-top: 10px;
    border: solid 1px #D2D0CF;
    width: 50px;
}


div.standortkarte-tooltip {
    padding: 3px 10px 3px 3px;
    position: absolute;
    visibility: hidden;
    background-color: #F7F7F7;
    border: 1px solid #999999;
    text-align: left;
}

div.standortkarte-tooltip ul {
    padding-top: 0;
    padding-bottom: 0;
}
div.standortkarte-tooltip ul li {
    padding-top: 0;
    padding-bottom: 0;
    width: 200px;
}
div.standortkarte-tooltip ul li a {
    font-weight: bold;
}

div.standortkarte {
    width: 500px;
    text-align: center;
    border: none;
}

div.standortkarte img {
    border: none;
}

table.downloads {
    width: 100%;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #DEDEDE;
}
table.downloads tr td {
    width: 33%;
    text-align: center;
    vertical-align: top;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #DEDEDE;
}
table.downloads tr td div.image {
    height: 140px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #DEDEDE;
}
table.downloads tr td div.image img {
    margin: 5px 0 5px 0;
}
table.downloads tr td div.text {
    text-align: left;
    padding: 2px 5px 2px 5px;
}
table.downloads tr td.empty {
    border: none;
}

img.startseite {
    float: right;
    padding-left: 10px;
    padding-bottom: 5px;
}

h1.startseite {
    color: #666;
    margin: 10px 0px 10px 0px;
}

div.linie-start {
    padding-top: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D2D0CF;
    clear: both;
}