/* 
vim: ts=4:sw=4
 */

@media all {

/* @group basic layout */
body {
    font-family: Verdana, sans-serif;
    font-size: 0.75em;
    color: #3E3E3E;
}

a {
    color: #8F9095;
    text-decoration: none;
}

a:hover,
a:focus,
span.mandatory,
span.error {
    color: #FA5983;
}

.focus {
    color: #FA5983;
}

div.letterSection,h1,h2,h3,h4,h5,h6 {
    font-family: 'Trebuchet MS', sans-serif;
    color: #173482;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
    font-family: 'Trebuchet MS', sans-serif;
    color: #173482;
}

h1,
div.letterSection {
    font-size: 1.583em;
    margin-bottom: 16px;
}

h2 {
    font-size: 1.5em;
    margin-bottom: 4px;
}

h3 {
    font-size: 1.333em;
    margin-bottom: 4px;
}

p,
ul,
ol,
dl {
    font-size: 1em;
    line-height: 1.25em;
    margin-bottom: 12px;
}

ul {
    padding-left: 15px;
    list-style: disc;
}

ol {
    padding-left: 20px;
    list-style: decimal;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 30px;
}

span.date,
em {
    font-weight: bold;
}

span.vsb {
    font-style: italic;
}

div.csc-textpic-intext-left-nowrap {
    margin-right: 12px;
    margin-bottom: 12px;
}

div.csc-textpic-intext-right-nowrap {
    margin-left: 12px;
    margin-bottom: 12px;
}

dd.csc-textpic-caption {
    font-size: 0.75em;
}
/* @end */



/* @group metanavigation */
ul#metanavigation {
    list-style: none;
}

#metanavigation li a {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 0.917em;
    color: #BEC9DB;
}

#metanavigation li a:hover,
#metanavigation li a:focus {
    color: #FA5983;
}

#metanavigation li a.focus {
    color: #FA5983;
}
/* @end */



/* @group navigation */
ul#navigation {
    list-style: none;
}

#navigation li a {
    display: block;
    height: 44px;
    font-family: 'Trebuchet MS', sans-serif;
    color: #173482;
    font-weight: bold;
    font-size: 1.333em;
    line-height: 44px;
}

#navigation li a:hover,
#navigation li a:focus {
    color: #FA5983;
}

#navigation li .focus {
    color: #FA5983;
}
/* @end */



/* @group top5 */
#top5 a {
    display: block;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1.25em;
    line-height: 38px;
    color: #3E3E40;
}
#top5 li {
    font-family: 'Trebuchet MS', sans-serif;
}
#top5 ol li {
    font-size: 1em;
}
#top5 ol li a {
    font-size: 1em;
    line-height: 1.25em;
}

#top5 ul {
    list-style: none;
}

#top5 a:hover {
    color: #FA5983;
}

#top5 a.download {
}
/* @end */



/* @group news */
#topnews {
    margin-bottom: 28px;
}

#topnews div.news h2 {
    font-size: 1.777em;
    margin-bottom: 19px;
}

#topnews div.news  p {
    margin-bottom: 0.75em;
    font-size: 1.167em;
}

div.news h2 {
    font-size: 1.556em;
    margin-bottom: 12px;
}

div.news  p {
    margin-bottom: 18px;
    font-size: 1em;
    line-height: 1.333em;
}

div.topic h2 {
    font-size: 1.538em;
    margin-top: 22px;
    margin-bottom: 20px;
}

div.topic p {
    font-size: 0.917em;
    line-height: 1.385em;
}

div.newsDetail h1 {
    font-size: 1.692em;
    margin-top: 64px;
    margin-bottom: 24px;
}

div.newsDetail h1 + p {
    font-size: 1.308em;
    margin-bottom: 18px;
    line-height: 1.154em;
}

div.newsDetail p {
    font-size: 1.077em;
    margin-bottom: 18px;
    line-height: 1.154em;
}
/* @end */



/* @group informationindex */
body.searchresult p {
    font-size: 1.083em;
    line-height: 1.25em;
}

body.searchresult h1,
body.searchresult h2 {
    display: none;
}

body.searchresult h3 {
    margin-bottom: 7px;
    font-size: 1.667em;
}

body.searchresult p + h3 {
    margin-top: 21px;
}

body.searchresult span.category {
    color: #FA5983;
}

div.searchNav ul {
    margin: 44px auto 0 auto;
    width: 150px;
    list-style: none;
}

div.searchNav li {
    float: left;
    padding-left: 0.5em;
}

div.searchNav li a {
    text-decoration: underline;
}
/* @end */



/* @group informationindex */
body.informationindex p,
body.informationindex ul,
body.informationindex table {
    font-size: 1.083em;
    padding-left: 25px;
    line-height: 1.25em;
}

div.full p {
    width: 384px;
    line-height: 1.25em;
}

body.informationindex h2 {
    font-size: 1.667em;
    padding-top: 27px;
    padding-left: 25px;
    margin-bottom: 14px;
}
/* @end */



/* @group information */
body.information div.tipp,
body.information div.warnung,
body.information p,
body.information ul,
body.information table {
    font-size: 1.083em;
}

body.information h1 {
    font-size: 1.667em;
    margin-bottom: 24px;
}

body.information h1 + p {
    font-size: 1.25em;
}

body.information p {
    margin-bottom: 16px;
    line-height: 1.25em;
}

body.information div.tipp {
    line-height: 1.25em;
}
	
table.contenttable p {
    line-height:1em;
    margin-bottom:9px;
}

table.contenttable caption {
    color:#173482;
    margin:8px 0px 4px 0px;
    line-height:1em;
}

body.information div.tipp p + p ,
body.information div.warnung p + p {
    margin-top: 6px;
    padding-bottom: 6px;
}

body.information div.tipp p,
body.information div.warnung p {
    margin-bottom: 0px;
}

body.information div.wrapbox {
    margin-bottom: 21px;
}

body.information div.download ul {
    list-style: none;
    padding-left: 0px;
}

body.information div.download li {
    margin-bottom: 16px;
    line-height: 1.25em;
}

body.information div.download li a {
    text-decoration: underline;
}
/* @end */



/* @group veranstaltung */
body.veranstaltung div.tipp,
body.veranstaltung p,
body.veranstaltung ul,
body.veranstaltung table {
    font-size: 1.083em;
}

body.veranstaltung h1 {
    font-size: 1.667em;
    margin-bottom: 18px;
}

body.veranstaltung p {
    margin-bottom: 18px;
    line-height: 1.25em;
}
body.veranstaltung div.tipp {
    line-height: 1.25em;
}
	
body.veranstaltung p.referent {
    margin-bottom: 11px;
    font-weight: bold;
}

body.veranstaltung p.referent + p {
    font-size: 1.25em;
    margin-bottom: 16px;
}

body.veranstaltung div.appointment {
    float: right;
    width: 292px;
    margin-left: 21px;
    margin-bottom: 21px;
}

body.veranstaltung div.bgbox {
    padding-top: 18px;
    padding-left: 21px;
    line-height: 1.25em;
}

body.veranstaltung div.appointment span {
    display: block;
}

body.veranstaltung div.appointment span.summary {
    display: none;
}

body.veranstaltung div.appointment span.dtstart,
body.veranstaltung div.appointment span.dtend {
    font-weight: bold;
}

body.veranstaltung div.appointment span.pleaseRegister {
    margin-top: 1em;
}

body.veranstaltung div.appointment ul {
    display: none;
}

body.veranstaltung div.appointment ul.action {
    display: block;
    margin-top: 18px;
    padding-bottom: 8px;
    padding-left: 0px;
    list-style: none;
}

body.veranstaltung div.appointment p {
    margin-bottom: 0px;
}

body.veranstaltung div.appointment span.organizer {
    margin-top: 1em;
}
body.veranstaltung div.appointment div.bgbox a:before {
    content:url(../images/buttonVeranstaltungen.png)" ";
}

div.tx-cal-controller div#month-header {
    color: #FFFFFF;
}

div.tx-cal-controller th {
    text-align: center;
    line-height: 30px;
}

div.tx-cal-controller td div {
    text-align: right;
    line-height: 26px;
    padding-right: 12px;
}

div.tx-cal-controller td div.vevent {
    text-align: left;
    padding-right: 0px;
}

td.monthLargeBasic div.vevent a {
    display: block; 
    height: 13px;
    width: 107px;
    padding: 2px 7px 5px 7px;
    background: #FEEDF3;
    border: 1px solid #FB5C85;
    line-height: 1.2em;
    overflow: hidden;
    white-space: nowrap;
}

td.monthLargeBasic div.vevent a + a {
    border-top: none;
}

td.monthToday > div {
    font-weight: bold;
}

td.monthToday > div a {
    font-weight: normal;
}

/* @end */



/* @group beratung */
body.beratung div.tipp,
body.beratung p,
body.beratung ul,
body.beratung dl {
    font-size: 1.083em;
    line-height: 1.25em;
}

body.beratung h1 {
    font-size: 1.667em;
    margin-bottom: 24px;
}

body.beratung h1 + div.appointment + p {
    font-size: 1.25em;
    margin-bottom: 16px;
}

body.beratung p + h2, 
body.beratung ul.beratung + h2,
body.beratung dl + h2 {
    margin-top: 30px;
}

body.beratung ul.beratung {
    margin-top: 16px;
    padding-left: 15px;
    list-style: disc;
}

body.beratung ul.beratungsstellen {
    list-style: none;
}

body.beratung h2 + ul.beratungsstellen {
    margin-top: 14px;
}

body.beratung ul.beratungsstellen li {
    float: left;
    padding-right: 0.3em;
}

body.beratung ul.beratungsstellen li a {
    text-decoration: underline;
}

body.beratung dl {
    margin-top: 12px;
}

body.beratung dt {
    font-weight: bold;
}

body.beratung dd {
    margin-left: 36px;
}

body.beratung div.appointment div.bgbox a {
    display: block;
    line-height: 38px;
    padding-left: 17px;
    font-size: 1.25em;
    color: #3D3E40;
}

body.beratung div.appointment div.bgbox a:hover {
    color: #FA5983;
}

body.veranstaltung div.appointment div.bgbox  {
    height: 148px;
}

body.beratung div.appointment div.bgbox a:before {
    content:url(../images/buttonAppointment.png)" ";
}
/* @end */



/* @group beratungsstelle */
body.beratungsstelle div.tipp,
body.beratungsstelle p,
body.beratungsstelle ul,
body.beratungstelle table {
    font-size: 1.083em;
    line-height: 1.25em;
}

body.beratungsstelle div + p {
    margin-top: 18px;
    margin-bottom: 16px;
    font-weight: bold;
}
p#copyright {
    font-weight: normal;
}
    
body.beratungsstelle ul.topics {
    padding-left: 15px;
    list-style: disc;
}

body.beratungsstelle h2 {
    margin-top: 36px;
    margin-bottom: 16px;
}

body.beratungsstelle h3 {
    margin-bottom: 4px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    color: #3E3E3E;
    font-size: 1.083em;
}

body.beratungsstelle p {
    margin-bottom: 16px;
}

div.oeffnungszeiten table {
    font-size: 0.917em;
}

div.oeffnungszeiten table caption {
    font-size: 1.417em;
}

body.beratungsstelle div.veranstaltungen p {
    margin-bottom: 0px;
    padding-bottom: 8px;
    padding-left: 24px;
    font-size: 0.917em;
}

body.beratungsstelle div.veranstaltungen p.heading {
    margin-top: 14px;
    margin-bottom: 8px;
    padding-bottom: 0px;
    font-size: 1.25em;
}

body.beratungsstelle div.veranstaltungen a:before {
    content:url(../images/buttonVeranstaltungen.png)" ";
}

body.beratungsstelle div.anfahrt p.hide {
    display: none;
}

body.beratungsstelle div.anfahrt p.heading {
    font-size: 1.417em;
    margin-bottom: 14px;
}

body.beratungsstelle div.anfahrt p {
    margin-top: 0px;
    margin-bottom: 0px;
}

body.beratungsstelle div.anfahrt p.adr {
    margin-top: 11px;
    margin-bottom: 14px;
}

body.beratungsstelle div.anfahrt p.adr + p {
    margin-bottom: 14px;
}

body.beratungsstelle div.anfahrt span.work {
    display: none;
}

body.beratungsstelle div.anfahrt span.large {
    font-size: 1.417em;
}

body.beratungsstelle div.anfahrt span.fn {
    display: none;
}

body.beratungsstelle div.anfahrt span.organization-unit {
    font-weight: bold;
}

body.beratungsstelle div.anfahrt p span.organization-unit {
    font-weight: normal;
}
/* @end */



/* @group kontakt */
body.kontakt h1 {
    margin-bottom: 26px;
}

form.kontakt button#senden {
    color: #FFFFFF;
    font-weight: bold;
    line-height: 42px;
}

body.kontakt span.fn {
    font-size: 1.417em;
}

body.kontakt span.organization-unit {
    font-weight: bold;
}

body.kontakt address a.email {
    color: #000000;
}

div.altLocations ul {
    color: #FA5983;
}


/* @end */



/* @group footer */
#footer ul {
    list-style: none;
}

#footer ul li {
    font-size: 0.917em;
}
/* @end */



/* @group copyright */
#copyright {
    color: #848486;
    font-size: 0.917em;
}
/* @end */


/* @group glossary */
div.letterSection {
    margin-top: 24px;
    margin-bottom: 8px;
}
    
dt.letterSection {
    margin-top: 24px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: normal;
}


dt.list a {
    font-weight: normal;
    color: #3E3E3E;
    font-size: 0.75em;
}

dt.list a:hover,
dt.list a:focus {
    color: #FA5983;
}

dl.glossary dt {
    font-family: 'Trebuchet MS', sans-serif;
    color: #173482;
    font-size: 1.583em;
    line-height: 1.417em;
    margin-bottom: 0px;
}

/* @end */

/* @group tipAFriend */
form.tipAFriend button#senden {
    color: #FFFFFF;
    font-weight: bold;
    line-height: 42px;
}
/* @end */
    
}