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

@media screen, projection {

    /* @group basic layout */
    html {
        height: 101%;
}

#canvas {
    display: block;
    width: 994px;
    margin: 45px auto 0px auto;
    position: relative;
    border: 1px solid #dce3ed;
    background-color:#ffffff;
    -moz-border-radius: 3px;
}


/* @end */

body {
    background:url(../images/backgroundBody.png) repeat-x #d1d7e7;
}


/* @group header */

#header {
    height: 166px;
    width: 982px;
    margin: 6px auto 65px auto;
    background:url(../images/backgroundHeader.jpg) no-repeat;
    -moz-border-radius: 3px;
}

#header img.logo {
    float: left;
    margin: 27px 0 0 52px;
}
/* @end */

/* @group metanavigation */
#metanavigation {
    position: absolute;
    top: 17px;
    left: 786px;
    font-size: 1em;
    padding-left: 15px;   
}

#metanavigation li {
    float: left;
}

#metanavigation li {
    padding-left: 0.5em;
}

#metanavigation li.first {
    padding-left: 0;
}

/* @end */

/* @group navigation */
#navigation {
    position: absolute;
    top: 128px;
    left: 211px;
    height: 44px;
    background:url(../images/backgroundNavigation.png);
    font-size: 1em;
    padding-left: 15px;
}

#navigation li {
    float: left;
}

#navigation li.first {
    margin-left:24px;
}

#navigation li a {
    height: 41px;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

#navigation li a.focus {
    background:url(../images/backgroundNavigationFocus.png);
}
/* @end */

/* @group search */
#search {
    position: absolute;
    top: 134px;
    left: 674px;
    height: 26px;
    width: 252px;
}

#searchbutton {
    position: absolute;
    top: 136px;
    left: 906px;
    height: 28px;
    width: 25px;
    background:url(../images/backgroundSearchButton.png) 5px center no-repeat;
    border:none;
}

#searchbutton span {
    display:none;
}
/* @end */

#stage {
    width: 878px;
    margin: 0 auto;
    padding-bottom: 65px;
    min-height:450px;
}

div.wrapbox {
    padding:0 5px 5px 5px;
    border: 1px solid #e1e1e1;
    -moz-border-radius: 3px;
}

.bgbox {
    padding-top: 5px;
    background:url(../images/backgroundWrapbox.png) repeat-x #F3F4F8;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
}

body.information div#canvas div#stage div.wrapbox div.bgbox {
    padding-top: 5px;
    background:url(../images/backgroundWrapboxInformation.png) repeat-x #F4F5F9;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
}

div#markt {
    height: 224px;
    background:url(../images/markt_und_recht.jpg) right bottom no-repeat;
}

div#ernaehrung {
    height: 224px;
    background:url(../images/ernaehrung_und_gesundheit.jpg) left bottom no-repeat;
}

div#finanzen {
    height: 224px;
    background:url(../images/finanzen_und_versicherung.jpg) left bottom no-repeat;
}

div#energie {
    height: 224px;
    background:url(../images/energie_und_umwelt.jpg) left bottom no-repeat;
}

div#haushalt {
    height: 224px;
    background:url(../images/haushalt_und_familie.jpg) left bottom no-repeat;
}

div.half {
    display: block;
    margin-top: 29px;
    margin-left: 455px;
    width: 409px;
}

div.first {
    float: left;
    margin-left: 0px;
}

div.full div.bgbox {
    height: 224px;
    background:url(../images/backgroundHalfTopic.png) repeat-x #F3F4F8;
}

div.half div.bgbox {
    height: 224px;
    background:url(../images/backgroundHalfTopic.png) repeat-x #F3F4F8;
}

#top5Container {
    position: relative;
    margin-top: 48px;
    height: 44px;
}
#top5 {
    position: relative;
    margin-top: 48px;
    width: 876px;
    z-index:1;
    background:url(../images/backgroundWrapboxAppointment.png) repeat-x #F2F6F9;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#top5Container #top5 {
    margin-top: 0;
}
#top5 ul {
    width: 861px;
    margin: 0 0px 4px 0px;
    height: 38px;
}
#top5 ul li {
    float: left;
}
#top5 a {
    display: block;
    cursor: pointer;
}
#top5 li a.topics {
    padding-left: 45px;
    width: 170px;
    background:url(../images/iconInfo.png) 10px center no-repeat;
}
#top5 li a.downloads {
    padding-left: 45px;
    width: 177px;
    background:url(../images/iconDownload.png) 10px center no-repeat;
}
#top5 li a.info {
    padding-left: 45px;
    padding-right: 68px;
    background:url(../images/iconInfo.png) 10px center no-repeat;
}
#top5 ol {
    display: none;
}
#top5 ol.topics {
    margin-left: 60px;
}
#top5 ol.downloads {
    margin-left: 275px;
}
#top5 ol.info {
    margin-left: 495px;
}
/* @end */

.clear {
    clear:both;
}

/* @group news */

#topnews {
    margin-top: 40px;
    border: 1px solid #e1e1e1;
    -moz-border-radius: 3px;
    z-index:0;
}

#topnews div.news {
    margin-left: 29px;
    margin-right: 40px;
    margin-top: 25px;
    width: 446px;
    float: left;
    -moz-border-radius-bottomleft: 3px;
}

#topnews img {
    display:block;
    margin-left: 516px;
}

div.news {
    margin-top: 16px;
}

div.news + div.news {
    padding-top: 16px;
    border-top: 1px solid #e1e1e1;
}

body.information div.tipp {
    min-height: 45px;
    padding-left: 70px;
    padding-top: 5px;
    background:url(../images/iconInfo36.png) 10px 7px no-repeat;
}

body.information div.warnung {
    min-height: 45px;
    padding-left: 70px;
    padding-top: 10px;
    background:url(../images/iconWarning36.png) 10px 13px no-repeat;
}

body.information div.download {
    padding-left: 70px;
    padding-top: 12px;
    padding-bottom: 12px;
    background:url(../images/iconDownload36.png) 7px 12px no-repeat;
}

body.information div.download ul {
    width: 740px;
}
/* @end */

/* @group newsdetails */
body.newsdetails #stage div.wrapbox,
body.newsdetails #stage h1,
body.newsdetails #stage h2,
body.newsdetails #stage dl,     
body.newsdetails #stage p {
    width: 745px;
}
body.newsdetails table,
body.newsdetails ol,        
body.newsdetails ul {
    max-width: 745px;
}
body.newsdetails #stage table p {
    width: auto;
}
body.newsdetails #stage h2 {
    margin-top: 40px;
}
/* @end */

    
/* @group kontakt */
body.kontakt div.Tx-Formhandler {
    width: 470px;
}   
form.kontakt input.text {
    width: 418px;
    margin-top: 3px;
    border: 1px solid #e4e9ef;
    border-top: 1px solid #acadb2;
    background: #F3F4F8;
}

form.kontakt textarea {
    width: 418px;
    height: 148px;
    margin-top: 3px;
    border: 1px solid #e4e9ef;
    border-top: 1px solid #acadb2;
    background: #F3F4F8;
}

form.kontakt p {
    margin-bottom: 18px;
}

form.kontakt button#senden {
    margin-top: 18px;
    margin-left: 326px;
    height: 42px;
    width: 93px;
    background:url(../images/buttonSenden.png) no-repeat;
    border: none;
}

div.address {
    float: right;
    width: 292px;
    height: 176px;
}

div.address address {
    height: 157px;
    padding-top: 14px;
    padding-left: 24px;
}

body.kontakt address span,
body.kontakt address a {
    display: block;
    line-height: 1.25em;
}

body.kontakt address span.org {
    margin-bottom: 10px;
}

body.kontakt address span.type {
    display: none;
}

body.kontakt address a.email {
    margin-bottom: 12px;
}

body.kontakt address span.postal-code {
    float: left;
    padding-right: 0.2em;
}

body.kontakt div.address {
    position: relative;
}

div.altLocations {
    position: absolute;
    top: 150px;
    right: -1px;
    display: block;
    width: 193px;
    background: #FFFFFF;
}

div.altLocations ul {
    margin-bottom: 0px;
    padding-bottom: 8px;
    padding-left: 24px;
    list-style: none;
}

li#altLocationsHeading {
    list-style-image: url(../images/altLocationsOpened.png);
    }

address.vcard {
    position: relative;
}

a#altLocations {
    position: absolute;
    bottom: 4px;
    right: 24px;
    display: none;
}

a#altLocations:before {
    content:url(../images/buttonVeranstaltungen.png)" ";
}


/* @end */



/* @group beratung */
body.beratung div.appointment {
    float: right;
    width: 292px;
    border-color: #fdabc1;
    margin-left: 21px;
    margin-bottom: 21px;
}

body.beratung div.appointment div.bgbox {
    height: 38px;
    background:url(../images/backgroundWrapboxAppointment.png) repeat-x #F2F6F9;
}


/* @end */

/* @group veranstaltung */

body.veranstaltung div#stage {
    min-height: 400px;
}

div.tx-cal-controller {
    width: 866px;
    /* height: 603px; */
    min-height: 300px;
    padding: 5px;
    border: 1px solid #E0E2E1;
    -moz-border-radius: 3px;
}
body.veranstaltungsliste div.tx-cal-controller {
    border: none;
    min-height: 0px;
    padding: 0px;
    margin-bottom: 1em;
}
    
div.tx-cal-controller table {
    /* height: 604px; */
    width: 866px;
}
    
div#month-header {
    height: 42px;
    padding-left: 22px;
    background:url(../images/backgroundTableHeading.png) repeat-x;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
}

div#month-header img {
    position: relative;
    top: 8px;
}

th.weekday + th.weekday {
    border-left: 1px solid #E0E0DE;
}

th.weekday {
    height: 31px;
    max-height: 31px;
    background: #F3F4F8;
    border-top: 1px solid #F3F4F8;
}

td.monthLargeBasic {
    height: 105px;
    min-height: 105px;
    width: 122px;
    border-top: 1px solid #E0E0DE;
}

td.monthLargeBasic + td.monthLargeBasic {
    border-left: 1px solid #E0E0DE;
}

td.monthLargeBasic div.vevent {
    height: 78px;
    min-height: 78px;
    background: #FFFFFF;
    overflow: auto;
}

td.monthToday {
    background: #F3F4F8;
}

td.monthToday div.vevent {
    background: #F3F4F8;
}


td.monthLargeBasic div {
    height: 27px;
    background: #E4E8F1;
}
/* @end */


/* @group beratungsstelle */
div.beratungsstellenMap {
    float:right;
}

body.beratungsstelle div.floater {
    float: right;
}

body.beratungsstelle div.oeffnungszeiten {
    width: 292px;
    height: 150px;
    margin-bottom: 18px;
}

body.beratungsstelle div.oeffnungszeiten div.bgbox {
    min-height: 145px;
    background:url(../images/backgroundWrapboxOeffnungszeiten.png) repeat-x #F3F4F8;
}

body.beratungsstelle div.veranstaltungen {
    width: 292px;
}

body.beratungsstelle div.oeffnungszeiten table {
    margin-top: 14px;
    margin-left: 24px;
}

body.beratungsstelle div.oeffnungszeiten table caption {
    margin-bottom: 11px;
}

body.beratungsstelle div.oeffnungszeiten table th {
    display: none;
}

body.beratungsstelle div.oeffnungszeiten table td {
    height: 18px;
}

body.beratungsstelle div.oeffnungszeiten td.day {
    width: 88px;
}

body.beratungsstelle div.veranstaltungen div.bgbox {
    background:url(../images/backgroundWrapboxAppointment.png) repeat-x #F2F6F9;
}

body.beratungsstelle div.anfahrt {
    position:relative;
    top: 0px;
    right: 0px;
    margin-top: 30px;
}

body.beratungsstelle div.address div.bgbox {
    min-height: 207px;
    padding-top: 15px;
    padding-left: 21px;
    background:url(../images/backgroundWrapboxAddress.png) repeat-x #F3F4F8;
}

body.beratungsstelle div.mapoverlay {
    position:absolute;
    top: -1px;
    right: -1px;
    height: 222px;
    background: white;
}

/* @end */

/* @group footer */
#footer {
    display: block;
    width: 959px;
    height:106px;
    margin: 20px auto 14px auto;
    padding-top:8px;
    padding-left:35px;
    position: relative;
    border: 1px solid #dce3ed;
    background-color:#ffffff;
    -moz-border-radius: 3px;
    overflow:hidden;
}

#footer ul {
    font-size: 1em;
    float:left;
    width: 212px;
    padding: 10px 0px 10px 22px;
    border-right: 1px solid #E0E2E1;
}

#footer ul li {
    line-height: 1.375em;
}

#footer img.logo {
    position: absolute;
    top: 7px;
    left: 878px;
}

#footer p.logo {
    position: absolute;
    top: 54px;
    left: 858px;
    padding-left: 0px;
    font-size: 1em;
}
/* @end */

#copyright {
    width: 937px;
    padding-left: 57px;
    margin:14px auto 50px auto;
    padding-bottom: 50px;
}

/* @group glossary */
dl.glossary dd {
    margin-left: 0px;
}

/* @end */

/* @group tipAFriend */
div.tipAFriend {
    padding-left: 70px;
    padding-top: 12px;
    background:url(../images/iconTipAFriend.png) 7px 12px no-repeat;
    min-height: 54px;
}
form.tipAFriend p.emailfriend {
    float: left;
}
form.tipAFriend input.text {
    width: 337px;
    margin-top: 3px;
    border: 1px solid #e4e9ef;
    border-top: 1px solid #acadb2;
    background: white;
}
form.tipAFriend button#senden {
    margin-left: 29px;
    margin-bottom: 21px;
    height: 42px;
    width: 93px;
    background:url(../images/buttonSenden.png) no-repeat;
    border: none;
}
p.triggerTipAFriend {
    margin-top: 8px;
    margin-bottom: 21px;
}
body.information p.confirmTipAFriend,
p.confirmTipAFriend {
    min-height: 54px;
    margin-top: 8px;
    margin-bottom: 0px;
}   
p.confirmTipAFriend span {
    padding-top: 16px;
    padding-right: 70px;
    padding-bottom: 50px;
    background: transparent url(../images/iconTipAFriendSent.png) top right no-repeat; 
    overflow: visible;
}   
/* @end */

/* @group eventListing */
ul.eventListing li {
    margin-bottom: 1em;
}
ul.eventListing .eventTitle {
    font-weight: bold;
}   
/* @end */
    
}