@import url(https://fonts.verwaltungsportal.de/import/?family=Muli:400,300,600,700i);
@import url(https://fonts.verwaltungsportal.de/import/?family=Great+Vibes:400,300,600,700i);
@import url('https://fonts.verwaltungsportal.de/css?family=Montserrat:300,300i,400,400i,700,700i&display=swap');

body {
    font-family: 'Montserrat', Verdana, Helvetica, sans-serif;
    font-size: 18px;
    color: #c4c4c4;
    font-weight: 300;
}

a {
    color: #fff;
}

a:hover {
    color: #fff;
}


/* seitenbreite */
#fix2,
#header,
#footer {
    width: 1200px;
    margin: 0 auto;
}

/*#fix2 {
    background: url('../img/bg_fix2.jpg') top center no-repeat;
}*/
/*#fix1 {
    background: url('../img/bg_fix.jpg') bottom center no-repeat;
}*/
/* headerhoehe */
#header {
    height: 101px;
}

#left {
    width: 70px;
}

#left_indent {
    margin: 0 0px 0 0px;
}

#left-top {
    height: 20px;
}

#vernetzt {
    margin: 0px 10px 0 0px;
    text-align: center;
    float: right;
}

#middle {
    width: 670px;
}

#content {
    width: 690px;
    min-height: 400px;
    text-align: left;
    margin-top: 50px;
    margin-bottom: 160px;
    padding: 0px 20px;
    height: 600px;
}

.hidingScrollBar {
    overflow: hidden;
}

.hideScrollBar {
    width: 100%;
    height: 100%;
    overflow: auto;
    margin-right: 14px;
    padding-right: 41px;
    /*This would hide the scroll bar of the right. To be sure we hide the scrollbar on every browser, increase this value*/
}

#right {
    width: 10px;
    text-align: left;
}

#right_indent {
    margin: 0 0px 0 0px;
}

#right-top {
    height: 400px;
}

#footer {
    height: 120px;
    color: #c4c4c4;
    font-size: 18px;
}

#innerfooter {
    line-height: 50px;
    color: #c4c4c4;
    font-weight: 300;
    margin-left: 0px;
    margin-right: 10px;
    text-align: right;
    width: 690px;
    height: 50px;
}

#innerfooter a {
    color: #c4c4c4;
}

#innerfooter a:hover {
    color: #fff;
    font-weight: 600;
}

/* **************************** INDIVIDUELLES ******************************************/

.template-page .row {
    margin: 0;
}

#introTab {
    position: absolute;
    top: 50vh;
    left: 15%;
}

#introTab .tabHeadline {
    font-family: 'Great Vibes', cursive;
    font-size: 114px;
    margin: 20px 0;
}

#introTab .tabContent{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

#bg_top {
    min-width: 1200px;
    width: 100%;
    margin: 0 auto;
}


#footer_pattern {
    min-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 52;
    bottom: 0px;
}

#toplevel {
    width: 1200px;
    height: 136px;
    margin: 0 auto;
    position: fixed;
    z-index: 52;
}

#blank {
    width: 463px;
    height: 128px;
    margin: 36px 0 0 338px;
}

#headerpic {
    height: 100%;
    position: fixed;
    width: 100%;
    overflow: hidden;
    background-size: cover;
}

.slider-mask {
    display: none;
    background: url('../img/slider_mask.jpg') top center no-repeat;
}

#slider,
.slider-wrapper {
    height: 100%;
}

#body {
    position: relative;
    z-index: 7;
    width: 100%;
    margin: 0 auto;
}

#wrapper {
    float: right;
}

#content_buttons_div {
    top: 55% !important;
}

/***************************** STYLER *****************************/


#style {
    height: 20px;
    width: 113px;
    float: left;
    margin: 12px 0 0 302px;
}

#switch {
    width: 113px;
    float: right;
    font-size: 0px;
    line-height: 0px;
}

/***************************** BOXES *****************************/

.box {
    width: 170px;
    float: left;
}

.boxbody {
    color: #fff;
    text-align: left;
    line-height: 40px;
}

.boxindent {
    width: 170px;
    margin: 0 auto;
}

.h4link a:link,
.h4link a:hover,
.h4link a:visited,
h6, #content .legacy_h6, .legacy_h6,
h5, #content .legacy_h5, .legacy_h5,
h4, #content .legacy_h4, .legacy_h4,
h3, #content .legacy_h3, .legacy_h3,
h2, #content .legacy_h2, .legacy_h2,
h1, #content .legacy_h1, .legacy_h1 {
    color: #fff;
    font-weight: 300;
    line-height: 1.4em;
    font-family: 'Montserrat', sans-serif;
}

#newslinks,
#newsmandate {
    border: 1px solid #fff;
}

/* Dieser Bereich muss bearbeitet werden wenn die Seite dunkel ist.
.vorschau, .description{
    color: #FFFFFF;
}

.immo-tab{
    color: #000000;
}
*/


/* nicht aendern wenn weisser hintergrund */
#startseite_news ul a {
    color: #7C7C7C;
    font-weight: normal;
}

.spacer {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
}

/* Tabschriften (classen) */

/* Tabschriften Ende */

/* Veranstaltung optimiert fuer weissen Hintergrund */
.weekdays,
.weekdays a:link a:visited a:active a:hover,
.weekdays_active {
    color: #cccccc;
}

.weekdays_active a:link a:visited a:active a:hover {
    color: #F7911E;
}

.events-header-heute {
    color: #ffffff;
    background-color: #4C4C4C;
}

.events-header {
    color: #5B5B5B;
    background-color: #E3E3E3;
}

.events-title a {
    color: #c4c4c4;
}

.event-ort,
.event-info {
    color: #4C4C4C;
}








/* ****************************** MENUE 17399 CSS ***************************************/

/* ****************************** RESET DEFAULT CSS ********************************************/
.menue_point_toplevel_17399,
.menue_list_toplevel_17399,
.menue_point_secondlevel_17399,
.menue_group_17399,
.menue_point_thirdlevel_17399,
.menue_list_thirdlevel_17399 {
    margin: 0px;
    padding: 0px;
}

a.navpoint_toplevel_17399:link,
a.navpoint_toplevel_17399:visited,
a.navpoint_toplevel_17399:active,
a.navpoint_secondlevel_17399:link,
a.navpoint_secondlevel_17399:visited,
a.navpoint_secondlevel_17399:active,
a.navpoint_thirdlevel_17399:link,
a.navpoint_thirdlevel_17399:visited,
a.navpoint_thirdlevel_17399:active {
    text-decoration: none;
    display: block;
}

.toplevel_17399_over,
.secondlevel_17399_over,
.thirdlevel_17399_over {
    text-decoration: none;
    display: block;
}

.menue_list_toplevel_17399 li,
.menue_group_17399 li,
.menue_list_thirdlevel_17399 li {
    list-style-type: none;
}

/* ****************************** MENUE CSS ********************************************/

.menue_list_toplevel_17399 {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
}

/* height, width, indent, align for menuepoint */
.menue_point_toplevel_17399,
a.navpoint_toplevel_17399:link,
a.navpoint_toplevel_17399:visited,
a.navpoint_toplevel_17399:active,
.menue_point_toplevel_17399_over,
a.navpoint_toplevel_17399:hover {
    width: 100%;
    line-height: 136px;
    text-align: center;
    font-size: 20px;
}

/* menuepoint background */
/*.menue_point_toplevel_17399 {
    background: url('../img/toplevel.jpg') top left no-repeat;
}*/

/* color, weight, size from menuepoint */
.menue_point_toplevel_17399 a {
    color: #fff;
    font-weight: 300;
}

/* color, weight, size from menuepoint over */
a.navpoint_toplevel_17399:hover,
.menue_point_toplevel_17399_over,
.menue_point_toplevel_17399_over a,
.menue_point_toplevel_17399:hover>a {
    color: #fff;
    font-weight: 600;
}

/* menuepoint over background */
/*a.navpoint_toplevel_17399:hover, .menue_point_toplevel_17399_over, .menue_point_toplevel_17399:hover {
    background: url('../img/toplevel_over.png') top left no-repeat;
}*/

.menue_point_toplevel_17399,
.menue_point_toplevel_17399_over {
    margin-top: 0;
}

/* ****************************** UNDERMENUE CSS ***************************************/

.menue_group_17399 {
    margin: 0px 0 0px 0;
}

.menue_group_17399_start {
    display: none;
}

.menue_group_17399_end {
    display: none;
}

/* height, width, align, indent for undermenuepoint */
.menue_point_secondlevel_17399,
.navpoint_secondlevel_17399:link,
a.navpoint_secondlevel_17399:visited,
a.navpoint_secondlevel_17399:active,
a.navpoint_secondlevel_17399:hover,
.menue_point_secondlevel_17399_over {
    width: 100%;
    font-size: 18px;
    line-height: 40px;
    text-indent: 12px;
    text-align: left;
}

/* undermenuepoint background */
.menue_point_secondlevel_17399 {
    background: rgba(0,0,0,0.7);
}

/* undermenuepoint color, weight, size */
.menue_point_secondlevel_17399 a {
    color: #fff;
    font-weight: normal;
    font-style: normal;
}

/* undermenuepoint over color weight size */
a.navpoint_secondlevel_17399:hover,
.menue_point_secondlevel_17399_over,
.menue_point_secondlevel_17399_over a,
.menue_point_secondlevel_17399:hover>a {
    color: #fff;
    font-weight: bold;
    font-style: italic;
}

/* undermenue over background */
.menue_point_secondlevel_17399_over,
.menue_point_secondlevel_17399:hover {
    background: rgba(0,0,0,0.7);
}

/* ****************************** THIRDLEVEL CSS ***************************************/

.menue_list_thirdlevel_17399 {
    margin: 0px 0 0px 0;
}

.menue_list_thirdlevel_17399_start {
    display: none;
}

.menue_list_thirdlevel_17399_end {
    display: none;
}

/* height, width, align, indent for undermenuepoint */
.menue_point_thirdlevel_17399,
.navpoint_thirdlevel_17399:link,
a.navpoint_thirdlevel_17399:visited,
a.navpoint_thirdlevel_17399:active,
a.navpoint_thirdlevel_17399:hover,
.menue_point_thirdlevel_17399 {
    width: 100%;
    line-height: 40px;
    text-indent: 12px;
    text-align: left;
}

/* undermenuepoint background */
.menue_point_thirdlevel_17399 {
    background: url('../img/thirdlevel_over.png') top left no-repeat;
}

/* undermenuepoint color, weight, size */
.menue_point_thirdlevel_17399 a {
    color: #fff;
    font-weight: normal;
    font-style: normal;
}

/* undermenuepoint over color weight size */
a.navpoint_thirdlevel_17399:hover,
.menue_point_thirdlevel_17399_over,
.menue_point_thirdlevel_17399_over a {
    color: #fff;
    font-weight: bold;
    font-style: italic;
}

/* undermenue over background */
.menue_point_thirdlevel_17399_over,
.menue_point_thirdlevel_17399:hover {
    background: url('../img/thirdlevel_over.png') top left no-repeat;
}


/*************** / PATCH DROPDOWN  / ***************/

/**** / TOPLEVEL  / ****/
.menue_point_toplevel_17399,
.menue_point_toplevel_17399_over {
    padding: 0 0;
    position: relative;
    margin: 0 0px;
    display: table-cell !important;
}

/**** / SECONDLEVEL / ****/
.menue_group_17399 {
    position: absolute;
    top: 136px;
    left: 0;
    width: 218px;
    display: none;
    display: none !important;
}

.menue_point_toplevel_17399:hover .menue_group_17399,
.menue_point_toplevel_17399_over:hover .menue_group_17399 {
    display: block;
    display: block !important;
    z-index: 80;
}

.menue_group_17399 .menue_point_secondlevel_17399,
.menue_group_17399 .menue_point_secondlevel_17399_over {
    position: relative;
}

/**** / THIRDLEVEL / ****/
.menue_list_thirdlevel_17399 {
    position: absolute;
    top: -0px;
    left: 218px;
    width: 218px;
    display: none;
    display: none !important;
}

.menue_point_secondlevel_17399:hover .menue_list_thirdlevel_17399,
.menue_point_secondlevel_17399_over:hover .menue_list_thirdlevel_17399 {
    display: block;
    display: block !important;
    z-index: 60;
}

.menue_group_17399 .menue_point_thirdlevel_17399,
.menue_group_17399 .menue_point_thirdlevel_17399_over {
    position: relative;
}


/* *********************** menue 17399 ende ************************ */