/*Überregionale Startseite---------------------------------------------------------*/
.wide_wrapper {
    width: 100%;
    margin: 0;
    border: 0;
    text-align: center;
}
.wide_centered {
    width: 970px;
    margin: 0 auto 0 auto;
    border: 0;
}
.wide_header {
    background-color: orange;
    border-bottom: 2px solid #ffb74f;
    background: #FFFFFF url(/images/welcome/header_bg.png);
}
.wide_header .wide_logo {
    float: left;
}
.wide_header .wide_login {
    margin: 18px 10px 10px 179px;
    float: left;
    width: 430px;
}
.wide_header .wide_login .loginColumn {
    float: left;
    margin-right: 10px;
}
.wide_header .wide_login .label-inside-input input {
    width: 150px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.wide_header .wide_login #row_autologinbox,
.wide_header .wide_login #row_lostpassword {
    margin-top: 5px;
    text-align: left;
    color: #FFDCAF;
}
.wide_header .wide_login #row_autologinbox label {
    color: #FFDCAF;
    font-weight: normal;
}
.wide_header .wide_login #row_lostpassword a {
    color: #FFDCAF;
}
.wide_content {
    margin: 20px 0 20px 0;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    background-color: #ffffff;
    background: #FFFFFF url(/images/welcome/grey_bg_big.png) center center repeat-x;
}
.wide_content .left_side {
    float: left;
    width: 499px;
    padding-top: 20px;
    border-right: none;
}
.wide_content .right_side {
    float: left;
    width: 440px;
}
.deep_effect {
    margin: -7px 0 -7px 0;
    border-right: 1px solid #959595;
    background-color: transparent;
}
.deep_effect .effect_top {
    background: transparent url(/images/welcome/deep_effect_top.png) top left no-repeat;
    height: 7px;
    line-height: 0;
}
.deep_effect .effect_bottom {
    background: transparent url(/images/welcome/deep_effect_bottom.png) bottom left no-repeat;
    height: 7px;
    line-height: 0;
}
.deep_effect .deep_wrapper {
    padding: 0 0 0 7px;
    background-color: transparent;
}
.deep_effect .deep_content {
    border-left: 1px solid #959595;
    padding: 4px 1px 0 1px;
    background-color: #FFFFFF;
}
.deep_effect .deep_content .selectsectorbox {
    padding: 0 0 0 14px;
}
h2.select_sector_hl {
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 17px;
    padding: 4px 0 4px 15px;
    margin: 0;
    border: 2px solid #ffb74f;
    background: #FE7D1E url(/images/welcome/headline_bg.png);
    text-shadow: #e35d00 1px 1px 1px;
}
.welcome_text {
    text-align: left;
    float: left;
    width: 250px;
    margin: 20px 0 20px 0;
}
.welcome_text p {
    margin: 30px 0 30px 0;
    color: #8F8F8F;
}
.welcome_map {
    float: left;
    margin: 10px 10px 20px 0;
}
#welcome_signup_button {
    width: 437px;
    height: 33px;
    line-height: 33px;
    cursor: pointer;
    padding: 0;
    margin: 0 0 10px 0;
    color: #8B8B8B;
    font-size: 17px;
    font-weight: bold;
    background: #c3c3c3 url(/images/welcome/signupbutton_bg.png) !important;
    border: none;
    text-shadow: #ffffff 1px 1px 1px;
}

.wide_partypics {
    height: 135px;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    margin: 0 0 20px 0;
    text-align: center;
    background: #efefef url(/images/welcome/grey_bg_small.png);
}
.wide_partypics .partypic_arrow {
    float: left;
}
.wide_partypics ul.galleryThumbNarrowGrid {
    width: 860px;
    float: left;
}
.wide_partypics ul.galleryThumbNarrowGrid li {
    margin-left: 26px;
    margin-right: 26px;

}
.wide_partypics ul.galleryThumbNarrowGrid a {
    color: #555555;
}
.wide_footer {
    height: 27px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    background: #FE7D1E url(/images/welcome/footer_bg.png);
}
.wide_footer a {
    color: #FFFFFF;
}
#signupOnWelcomePage {
    margin-left: 50px;
    text-align: left;
}
/*Ende: Überregionale Startseite---------------------------------------------------*/

/**************************
 ****** STARTSEITE ********
 *************************/
#startBox {
    float: left;
    width: 463px;
    vertical-align: top;
    margin: 23px 0 0 0;
    padding:0;
}
#startBox .teaser_box {
    margin-bottom: 20px;
    overflow: hidden;
}
#startBox .text p {
    margin: 5px 0;
}

#startBox .teaser_box .image {
    float: left;
    text-align: center;
    vertical-align: top;
    width: 85px;
}
#startBox .teaser_box .avatar {
    margin-left: 10px;
    margin-top: 3px;
    width: 61px;
    padding: 2px;
    border: 1px solid #efefef;
}
#startBox .teaser_box .avatar img {
    width: 60px;
}
#startBox .teaser_box .text  {
    margin: 0 10px 0 0;
    vertical-align: top;
    float: right;
    width: 368px;
}
#startBox .teaser_box a.no_link_effect {
    color: #000000 !important;
}
#startBox .teaser_box a:hover.no_link_effect {
    color: #000000 !important;
    text-decoration: none;
}
#startBox .teaser_box h3 a.no_link_effect,
#startBox .teaser_box h4 a.no_link_effect {
    font-weight: bold;
}
#startBox .teaser_box .text ul{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 5px 0 0;
    padding: 0;
}
#startBox .teaser_box .text ul li {
    border-bottom: 1px dotted #C3C3C3;
    margin-bottom: 10px;
    padding-bottom: 6px;
    overflow: hidden;
    width: 368px;
}
#startBox #birthday_box .text ul li {
    border-bottom: none;
    margin-bottom: 2px;
    padding-bottom: 1px;
}

/*ausblendbare Teaser mit Hovereffekt:*/
#invitations_wrapper .image {
    padding-top: 5px;
}
.notice {
    padding: 5px 0 5px 0;
    margin: 0 !important;
    /*position: relative;*/
    z-index: 1000;
}
.notice .notice_text {
    width: 350px;
    float: left;
}
.notice .hide_button_single {
    visibility: hidden;
    float: right;
    text-align: right;
    width: 15px;
    outline: none;
    z-index: 1000;
}
.notice:hover .hide_button_single {
    visibility: visible;
    outline: none;
}

.teaser_box .hide_button_all {
    visibility: hidden;
    padding: 5px 0 5px 0;
    float: right;
    outline: none;
}
.teaser_box:hover .hide_button_all {
    visibility: visible;
    outline: none;
}
/*Ende: ausblendbare Teaser mit Hovereffekt:*/

#newsbox_wrapper {
    line-height: 1.4;
    margin-bottom: 10px;
}
#newsbox_wrapper .news_wrapper {
    padding-top:10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #c3c3c3;
}
#newsbox_wrapper .news_wrapper .picture_box {
    float:left;
    width:140px;
    padding-top:3px;
    text-align:center;
}
#newsbox_wrapper .news_wrapper .text_box {
    float:left;
    width:322px;
}
#newsbox_wrapper .news_wrapper .text_box .branding {
    /*Branding der News*/
    float: right;
    margin: 3px 5px 5px 5px;
}
#newsbox_wrapper .news_wrapper .text_box .branding img {
    /*Branding der News*/
    width: 40px;
}
#newsbox_wrapper .hl_news,
#newsbox_wrapper .hl_news a{
    /*News-Headlines auf der Startseite*/
    margin: 0 0 6px 0;
    padding: 0;
    border: none;
    clear: none;
    font-size: 12px;
    font-weight: bold;
}
#newsbox_wrapper span.text a {
    text-decoration: none;
    color: #000000;
}
/*Top-Events auf der Startseite*/
#topeventbox .topeventph {
    /*Placeholder between the flyers*/
    width:1px;
    height:150px;
}
#topeventbox .topeventcell {
    width:149px;
    height: 210px;
    background-color: #efefef;
    border-bottom: 1px solid #ffffff;
    overflow: hidden;
    background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
}
#topeventbox .topeventcell a {
    display:block;
    width:149px;
    height:210px;
}
#topeventbox a.top_info {
    text-decoration: none
}
#topeventbox a.top_info span {
    visibility: hidden;
    position:absolute;
    background-color:#FFFFFF;
    filter:alpha(opacity=95);
    -moz-opacity:0.95;
    Z-INDEX: 10;
    FLOAT: left;
    width: 129px;
    margin: 70px 0 0 0;
    padding: 10px;
    text-decoration: none
}
#topeventbox a.top_info:hover span {
    visibility: visible;
    border: none;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    color: #EF5F00;
    text-decoration: underline;
    background: #FFFFFF;
}
.medium-rectangle-startpage {
    width: 300px;
    height: 250px;
    margin: 10px 0 10px 0;
    overflow: hidden;
}