@import url(/css/reset.css);
@import url(/css/elements.css);
@import url(/common/popup.css);
@import url(/css/formular.css);


body	{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: relative;
}

h1 { font-size: 14px; margin-bottom: 10px;  }
h2 { font-size: 13px; margin-bottom: 5px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; margin-bottom: 5px; }
h5 { font-size: 10px; margin-bottom: 10px; }

p { font-size: 12px; line-height: 140%; }

a {text-decoration: none; color: #00529c; }
a:hover { text-decoration: underline; }

/* breite = xx px */
div.page, div#siteHead, div#footer { width: 990px; position: relative; }
div.page { background: url(/files/allgemein/pageBg.jpg) repeat-y top left; }

div#siteHead {
    height: 166px;
    background: url(/files/allgemein/siteHeadBg.jpg) no-repeat bottom left;
    }
div#siteHead img { float: left; border-bottom: 2px solid #fff; }
div#siteHead img#headerLeft { border-right: 2px solid #fff; }
div#siteHead ul#topMenu {
    position: absolute;
    top: 16px; left: 215px;
}
div#siteHead ul#topMenu li {
    float: left;
    font-size: 10px;
    background: none;
    padding-left: 0px;
}
div#siteHead ul#topMenu li span { color: #fff; padding-right: 4px; }
div#siteHead ul#topMenu li a { color: #e3eefd; }
div#siteHead span#siteName {
    color: #333;
    margin-left: 210px;
    line-height: 24px;
    font-size: 10px;
    display: block;
}

div#left { float: left; width: 198px; }
div#left ul#mainMenu {
    padding-top: 15px; padding-bottom: 10px;
    background-color: #dfebfd;
}
div#left ul#mainMenu li {
    background: none;
    padding-left: 0px;
}
div#left ul#mainMenu li a {
    background: url(/files/allgemein/mainMenuBg.gif) no-repeat 5px 8px;
    padding: 5px; padding-left: 15px;
    display: block;
    width: auto;
}
div#left ul#mainMenu li a:hover,
div#left ul#mainMenu li.active a:hover {background-color: #b0cdfa;}
div#left ul#mainMenu li.active a {
    background: url(/files/allgemein/mainMenuBgActive.gif) no-repeat 2px 10px;
}
div#left ul#mainMenu li.active ul#subMenu { margin-left: 20px; }
div#left ul#mainMenu li.active ul#subMenu li a { background: none; }
div#left ul#mainMenu li.active ul#subMenu li a:hover,
div#left ul#mainMenu li.active ul#subMenu li.active a { background-color: #b0cdfa; }

div#left ul#extraMenu { margin-bottom: 10px; background-color: #dfebfd; }
div#left ul#extraMenu li {
    margin-bottom: 10px;
    background: none;
    padding-left: 0px;
}
div#left ul#extraMenu li a {
    background-color: #b0cdfa;
    padding: 5px; padding-left: 15px;
    display: block;
    width: auto;
}
div#left ul#extraMenu li a:hover {
    background: url(/files/allgemein/mainMenuBg.gif) no-repeat 5px 8px;
    background-color: #b0cdfa;
}

div#outerContent {
    position: relative;
    width: 790px;
    min-height: 400px;
    height: auto !important;
    height: 400px;
    float: right;
    padding: 0px;
}
div#content { position: relative; float: left; width: 580px; padding-bottom: 20px; }
div#content ul {
    list-style-image: url(/files/allgemein/liIcon.gif);
    margin-left: 30px;
}
div#content ul li { margin-bottom: 5px; font-size: 12px; }

div#right { float: right; width: 170px; padding-right: 10px; margin-top: 15px; }
div#right div.box { margin-bottom: 20px; background-color: #fff; padding-bottom: 5px; }
div#right div.box h1 {
    background-color: #00529C;
    color: #fff;
    padding: 3px 3px 3px 8px;
    margin: 0px;
}
div#right div.box div.boxContent { padding: 5px; }
div#right div.box li {
    background: url(/files/allgemein/plus.gif) no-repeat 0px 2px;
    padding-left: 15px;
    margin-bottom: 5px;
}

div.element { padding: 0px 10px; }
div.element, div#footer, div.clear {clear: both;}

div#footer {
    background-color: #dfebfd;
    text-align: center;
    border-top: 1px solid #00529c;
}
div#footer p {
    font-size: 9px;
    color: #666;
    line-height: 14px;
    padding: 5px;
}

img.plus { margin-left: -14px; }

.subMenuAuswahl div.right,
.subMenuAuswahl div.left { width: 280px; height: 90px; margin-left: 10px; float: left; }
.subMenuAuswahl div.teaser a img { float: left; padding-right: 10px; }

.pic_elemente img#picBig {float: right; margin-right: 10px; width: 300px; }
.pic_elemente div.left { width: 270px; float: left; }
.pic_elemente div.element { width: 270px; }

/*chris*/

.bezugsquellen .detail,
.bezugsquellen .innerBezugsquellen {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif !important;
    margin: 10px !important;
}
.bezugsquellen .innerBezugsquellen form {
    background: #f8f8f8;
}
.bezugsquellen .innerBezugsquellen form .name input {
    width: 290px;
}
.bezugsquellen .innerBezugsquellen form .location div {
    float: left;
    margin-right: 51px;
}
.bezugsquellen .innerBezugsquellen form .location .plz input {
    width: 80px;
}
.bezugsquellen .innerBezugsquellen form .location .ort input {
    width: 200px;
}
.bezugsquellen .innerBezugsquellen form .location .btn {
    margin-right: 0px;
}
.bezugsquellen .innerBezugsquellen .ergebnisListe {
    border: 1px solid #f0f0f0;
}
.bezugsquellen .innerBezugsquellen .ergebnisListe .headline {
    text-align: center;
    margin-bottom: 15px;
}
.bezugsquellen .innerBezugsquellen .ergebnisListe table {
    width: 100%;
}
.bezugsquellen .innerBezugsquellen .ergebnisListe .dark {
    background: #f8f8f8;
}
.bezugsquellen .innerBezugsquellen .paging div {
    display: block;
    float: left;
    width: 155px;
    margin: 10px 0px;
}
.bezugsquellen .innerBezugsquellen .paging .nbr {
    width: 245px;
}
.bezugsquellen .innerBezugsquellen .paging .nbr a.active {
    font-weight: bold;
    color: #000000;
}
.bezugsquellen .innerBezugsquellen .paging .next {
    text-align: right;
}
.bezugsquellen .detail .name {
    background: #f0f0f0;
}
.bezugsquellen .detail .kategorie ul {
    margin-left: 0px !important;
}
.bezugsquellen .detail .kategorie li {
    list-style-image: none !important;
    margin-bottom: 0px !important;
    font-weight: bold;
    font-size: 11px !important;
}