/* Edit this */

#art-main {
    background-size: cover;
    font-size: 11pt;  /* MITI Änderung gewünscht von Kulturgut */
}
.art-sheet {
    padding: 60px 30px 30px;
}
.art-header {
    margin: 20px auto;
}

body,
.art-postcontent li, 
.art-post li, 
.art-textblock li,
.art-postcontent h2 {
    color: #000000;
}
.art-postcontent,
body {
    font-weight: 12pt;
    line-height: 140%;
}
.art-article {
    margin-bottom: 20px;
    min-height: 230px;
}
body {
    font-family: Arial;
    font-size: 10pt;
    line-height: 20px;
}
.mylogo {
    position: absolute;
    /* top: -59px; alter Wert */
    top: -19px;
    width: 230px;
    z-index: 999;
}
.mylogo img {
    width: 100%;
}

body {
    font-family: Arial;
    font-size: 10pt;
    line-height: 20px;
}

body {
    font-family: Arial;
    font-size: 10pt;
    line-height: 20px;
}
.art-postcontent a, 
.art-postcontent a:visited,
.art-postcontent a:hover,
.art-postcontent a:link {
    color: #999999;
    font-family: Arial,"Arial Unicode MS",Helvetica,sans-serif;
    text-decoration: none;
    font-weight: bold;
}
.art-footer-text a, 
.art-footer-text a:hover, 
.art-footer-text a:visited, 
.art-footer-text a:link {
    color: white;
    font-family: Arial,"Arial Unicode MS",Helvetica,sans-serif;
    text-decoration: none;
}

#fb-link {
    margin: 20px 0;
}
#fb-link p {
    font-size: 9pt;
    line-height: 8pt;
}
#fb-link > a, 
#fb-link > a:hover, 
#fb-link > a:visited, 
#fb-link > a:link {
    color: #999999;
    text-decoration: none;
}
#fb-link img {
    border-right: 10px solid white;
    border-top: 1px solid white;
    float: left;
}
.art-sidebar1 form {
    margin-left: 0;
}
.home .art-widget.widget.widget_text {
    color: #999999;
    line-height: 170%;
}
.default-responsive .art-header, 
.default-responsive #art-header-bg,
.custom-responsive .art-header, 
.custom-responsive #art-header-bg {
    background-image: url("/wp-content/uploads/rubriken2016.jpg");
}
.home .art-header {
    background-image: url("/wp-content/uploads/startseite2016.jpg");
    height: 280px;
}

/*############## MENÜ ###########*/


.desktop ul.art-hmenu > li:last-child,
.desktop ul.art-hmenu > li.last-child {
    margin-right: 0px;
}

.art-hmenu > li > a, 
.art-hmenu > li > a:link, 
.art-hmenu > li > a:visited, 
.art-hmenu > li > a.active, 
.art-hmenu > li > a:hover {
    font-size: 12pt;     /* MITI in der Vorlage steht 14pt */
}

.art-hmenu ul a {
    height: 20px;
}
    
ul.art-hmenu > li > a:hover, 
ul.art-hmenu > li:hover > a,
ul.art-hmenu > li.ext > a:hover, 
ul.art-hmenu > li.ext:hover > a, 
ul.art-hmenu > li.ext:hover > a.active,
ul.art-hmenu > li > a {
    line-height: 16pt;
    padding: 0 10px !important;
}


.desktop ul.art-hmenu > li.ext:hover::after {
    content: " ";
    display: block;
    height: 30px;
    position: absolute;
    width: 126px;
    background-color: #999999;
}

.desktop ul.art-hmenu > li.menu-item-355.ext:hover::after,
.desktop ul.art-hmenu > li.menu-item-241.ext:hover::after,
.desktop .menu-item-7.ext-r.ext:hover::after {
    width: 75px;
}
.desktop ul.art-hmenu > li.menu-item-356.ext:hover::after,
.desktop ul.art-hmenu > li.menu-item-242.ext:hover::after,
.desktop .menu-item-32.ext-r.ext:hover::after {
    width: 126px;
}
.desktop ul.art-hmenu > li.menu-item-374.ext:hover::after,
.desktop ul.art-hmenu > li.menu-item-225.ext:hover::after,
.desktop .menu-item-41.ext-r.ext:hover::after {
    width: 0px;
}
.desktop ul.art-hmenu > li.menu-item-357.ext:hover::after,
.desktop ul.art-hmenu > li.menu-item-311.ext:hover::after,
.desktop .menu-item-43.ext-r.ext:hover::after {
    width: 90px;
}
.desktop ul.art-hmenu > li.menu-item-358.ext:hover::after,
.desktop ul.art-hmenu > li.menu-item-312.ext:hover::after,
.desktop .menu-item-55.ext-r.ext:hover::after {
    width: 66px;
}
.desktop ul.art-hmenu > li.menu-item-326.ext:hover::after,
.desktop ul.art-hmenu > li.menu-item-313.ext:hover::after,
.desktop .menu-item-57.ext-l.ext:hover::after {
    width: 94px;
}

ul.art-hmenu ul li a:hover, 
.desktop ul.art-hmenu ul li:hover > a {
    background: #999999 none repeat scroll 0 0;
    border-radius: 0;
    margin: 0 auto;
    color:white;
}

ul.art-hmenu ul::before {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}
.desktop ul.art-hmenu > li.ext:hover > ul::before {
    clip: rect(auto, auto, auto, auto);
}

.responsive .art-nav ul.art-hmenu ul {
    display: block !important;
}
.responsive .art-hmenu ul a:link, 
.responsive .art-hmenu ul a:visited, 
.responsive .art-hmenu ul a.active, 
.responsive .art-hmenu ul a:hover {
    line-height: 18px;
}


/*############## CONTENT ###########*/

.home .art-content-layout-row > .art-content {
    font-size: 12pt;
    line-height: 13pt;
}
.home .art-content-layout-row > .art-content p {
    margin-top: 0;
    margin-bottom: 20px;
}

.art-postcontent h1.likePostheader,
.art-postcontent h1.detailsichttitle,
.art-postheader {
    background-color: #999999;
    border-radius: 6px 0 0;
    color: WHITE;
    font-size: 12pt;
    margin: 6px 0 10px 7px;
    padding: 1px 10px;
    text-transform: uppercase;
}
.art-postcontent h1.likePostheader,
.art-postcontent h1.detailsichttitle {
    margin: 6px -16px 0 -8px;
}


.page .art-postcontent {
    margin: 0 16px;
}


.kursshortsicht h4.list_title {
    font-size: 12pt;
    font-weight: bolder;
    text-transform: uppercase;
    float: left;
    color: #996600;
}
.kursshortsicht h4.list_dozent {
    font-size: 12pt;
    text-transform: uppercase;
    float: right;
    color: #996600;
}
.kursshortsicht .listbox {
    clear: both;
    display: inline-block;
    line-height: 12pt;
    margin: 10px 0 20px;
    width: 100%;
}

.kursshortsicht .listbox .listlabel {
    float: left;
    font-weight: bold;
    width: 20%;
}
.kursshortsicht .listbox .list_nr,
.kursshortsicht .listbox .list_dauer,
.kursshortsicht .listbox .list_zeit,
.kursshortsicht .listbox .list_ort,
.kursshortsicht .listbox .list_gebuehr {
    float: left;
    font-weight: normal;
    width: 70%;
}
.kursshortsicht .listbox .list_gebuehr {
    width: 30%;
}
.kursshortsicht .listbox .list_kursgestartet {
    /* background-color: #ff3300; */
    background-color: #af0100;
    color: white;
    float: right;
    padding: 0 6px;
}
.kursshortsicht .listbox .list_infos a {
    background-color: #996600;
    color: white;
    float: right;
    padding: 0 6px;
    line-height: 12pt;
    margin: 0 0 0 10px;
}
.kursshortsicht {
    border-bottom: 1px dotted;
}
.kursdetail {
    display: inline-block;
    margin: 0 -16px 20px -8px;
}
.kursdetail .block-left {
    margin: 0;
    float:left;
}
.kursdetail .textbox {
    margin: 0;
    padding: 0 20px 0 20px;
    width: 90%;
    max-width: 482px;
    min-width: 230px;
    float:left;
}
.kursdetail .textbox .beschreibung {
    line-height: 13pt;
}
.kursdetail .infobox,
.kursdetail .dozent_image {
    width: 200px; 
}
.kursdetail .dozent_image img {
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 200px;
}
.kursdetail .infobox {
    margin-top: 10px;
    border-top: 1px dotted;
    padding-top: 10px;
    line-height: 12pt;
}
.kursdetail .infobox .listlabel {
    font-weight: bold;
}

.kursdetail .textbox h4.dozentname {
    font-size: 12pt;
    text-transform: uppercase;
    color: #996600;
    margin-bottom: 20px;
}
.kursdetail .textbox.studienart-W h4.dozentname {
    color: #003366;
}

.kursdetail .textbox .list_kursgestartet {
    /* background-color: #ff3300; */
    background-color: #af0100;
    color: white;
    float: right;
    padding: 0 6px;
    line-height: 12pt;
}
.kursdetail .textbox .list_anmeldung a {
    background-color: #996600;
    color: white;
    float: right;
    padding: 0 6px;
    line-height: 12pt;
    margin: 0 0 0 10px;
}

.linkliste .beschreibung,
.gutschein_text {
    float: left;
    width: 60%;
    line-height: 175%;
}
.linkliste .verlinkung,
.gutschein_image {
    float: right;
    width: auto;
    line-height: 175%;
}

.kontakt_anfahrt .kontakt_teil {
    width: 30%;
    min-width: 200px;
    float: left;
}
.kontakt_anfahrt .anfahrt_teil {
    width: calc(100% - 30% - 40px);
    min-width: 200px;
    float: right;
}
.kontakt_anfahrt .anfahrt_teil .beschreibung {
    width: 50%;
    min-width: 200px;
    float: left;
}
.kontakt_anfahrt .anfahrt_teil .karte {
    width: 50%;
    min-width: 200px;
    float: right;
}
.kontakt_anfahrt .anfahrt_teil .karte img {
    margin: 0;
    width: 100%;
}
.kontakt_anfahrt .anfahrt_teil .beschreibung h5 {
    margin: 0;
    color: black;
    font-weight: bold;
}
.kontakt_anfahrt .kontakt_teil p {
    margin-top: 0;
}
.kontakt_anfahrt .anfahrt_teil .beschreibung p {
    margin-top: 0;
    margin-right: 10px;
}
.art-postcontent  .kontakt_anfahrt h1 {
    margin-bottom: 10px;
}

a.buttonstyle,
a.buttonstyle:link,
a.buttonstyle:hover,
a.buttonstyle:visited {
    background-color: #999999;
    color: white;
    padding: 0 6px;
    line-height: 12pt;
}


.textwidget > p#myzitat {
    font-size: 16pt;
    margin: 0;
    text-transform: uppercase;
}
.textwidget > p#myautor {
    margin: 0;
}

/*############## FOOTER ###########*/

.art-footer #myfooter-1,
.art-footer #myfooter-2,
.art-footer #myfooter-3,
.art-footer #myfooter-4,
.art-footer #myfooter-5 {
    float: left;
    font-size: 9pt;
    line-height: 10pt;
    text-align: left;
}
.art-footer #myfooter-1 {
    width: 234px;
}
.art-footer #myfooter-2,
.art-footer #myfooter-3,
.art-footer #myfooter-4,
.art-footer #myfooter-5 {
    width: 20%;
    min-width: 200px;
}
.art-footer #myfooter-5 {
    width: 100px;
    text-align: right;
    min-width: 100px;
}


/*############## Form-Controls ###########*/

#Geschaeftsbedingungen {
    border: 1px solid #999999;
    height: 200px;
    margin-top: 10px;
    overflow: scroll;
    padding: 10px;
}
/*############## Background-Farben ###########*/


.desktop ul.art-hmenu > li.bg_orange.ext > a:hover::before, 
.desktop ul.art-hmenu > li.bg_orange.ext:hover > a::before, 
.desktop ul.art-hmenu > li.bg_orange.ext:hover > a.active::before,
ul.art-hmenu > li.bg_orange.ext:hover::after,
ul.art-hmenu li.bg_orange ul li a:hover, 
.desktop ul.art-hmenu li.bg_orange ul li:hover > a,
.art-postcontent h1.detailsichttitle.studienart-K, 
.kursshortsicht .listbox .list_infos.kurs a,
.kurs > .art-postheader,
ul.art-hmenu > li.bg_orange > a,
.bg_orange {
    background-color: #996600;
}

.desktop ul.art-hmenu > li.bg_blau.ext > a:hover::before, 
.desktop ul.art-hmenu > li.bg_blau.ext:hover > a::before, 
.desktop ul.art-hmenu > li.bg_blau.ext:hover > a.active::before,
ul.art-hmenu > li.bg_blau.ext:hover::after,
ul.art-hmenu li.bg_blau ul li a:hover, 
.desktop ul.art-hmenu li.bg_blau ul li:hover > a,
.art-postcontent h1.detailsichttitle.studienart-W, 
.kursshortsicht .listbox .list_infos.workshop a,
.kursdetail .textbox.studienart-W .list_anmeldung a, 
.workshop > .art-postheader,
ul.art-hmenu > li.bg_blau > a,
.bg_blau {
    background-color: #003366;
}

.desktop ul.art-hmenu > li.bg_braun.ext > a:hover::before, 
.desktop ul.art-hmenu > li.bg_braun.ext:hover > a::before, 
.desktop ul.art-hmenu > li.bg_braun.ext:hover > a.active::before,
ul.art-hmenu > li.bg_braun.ext:hover::after,
ul.art-hmenu li.bg_braun ul li a:hover, 
.desktop ul.art-hmenu li.bg_braun ul li:hover > a,
.kursshortsicht .listbox .list_infos.berufliche_bildung a,
.berufliche_bildung > .art-postcontent h1.likePostheader,
/*.kursdetail .textbox .list_anmeldung a,*/
.berufliche_bildung > .art-postheader,
ul.art-hmenu > li.bg_braun > a:hover,
ul.art-hmenu > li.bg_braun > a,
.bg_braun {
    background-color: #993300;
}

.bg_rot {
    background-color: #FF3300;
}

.bg_grau {
    background-color: #999999;
}

.bg_hellgrau {
    background-color: #CCCCCC;
}


.kursshortsicht h4.kurs  {
    color: #996600;
}

.kursshortsicht h4.workshop  {
    color: #003366;
}

.kursshortsicht h4.berufliche_bildung {
    color: #993300;
}

.linkliste .verlinkung a,
.linkliste .verlinkung a :hover,
.linkliste .verlinkung a:visited,
.linkliste .verlinkung a:link {
    color: #999999;
}

.page-id-262 .art-nav,
.page-id-262 .art-footer {
    display: none;
}


/*############## Spezielles Responsives ###########*/

.responsive.responsive-tablet .art-vmenublock, 
.responsive.responsive-tablet .art-block {
    float: none;
}
.responsive-tablet .kontakt_anfahrt .anfahrt_teil {
    min-width: 410px;
}
@media (max-width:734px) {
    .responsive .kontakt_anfahrt .anfahrt_teil {
        float: left;
    }
}
.responsive-phone .mylogo {
    top: -2px;
    width: 170px;
}
.responsive-phone .kursshortsicht h4.list_dozent {
    float: left;
}

.responsive-phone .kursshortsicht .listbox .list_nr, 
.responsive-phone .kursshortsicht .listbox .list_dauer, 
.responsive-phone .kursshortsicht .listbox .list_zeit, 
.responsive-phone .kursshortsicht .listbox .list_ort, 
.responsive-phone .kursshortsicht .listbox .list_gebuehr {
    width: 60%;
}
.responsive-phone .kursshortsicht .listbox .listlabel {
    width: 36%;
}
.responsive-phone .list_infos {
    display: inline-block;
    width: 100%;
}

.responsive-phone .kursdetail .textbox {
    border-top: 1px dotted;
    margin: 20px 0 0;
    padding-left: 0;
}
.responsive-phone .kursdetail .textbox .list_anmeldung a {
    float: none;
    margin: 0;
}
.responsive-phone .kursdetail .textbox .list_kursgestartet {
    float: none;
    margin-top: 10px;
}

.responsive-phone .linkliste .beschreibung, .gutschein_text,
.responsive-phone .linkliste .verlinkung, .gutschein_image {
    float: none;
    width: 100%;
}

.responsive-phone .linkliste .verlinkung {
    border-bottom: 1px dotted;
}

.responsive-tablet .art-footer-text > #myfooter-3,
.responsive-tablet .art-footer-text > #myfooter-5 {
    clear: both;
    margin-top: 20px;
    width: 234px;
    text-align: left;
}
.responsive-tablet .art-footer-text > #myfooter-4 {
    margin-top: 20px;
    width: 20%;
}

.responsive-phone .art-footer-text > div {
    float: left;
    width: 100%;
    margin-bottom:10px;
}

.responsive > .home .page .art-postcontent {
    margin: 0 10px;
}
.responsive > .home .art-widget.widget.widget_text {
    color: #404040;
    line-height: 175%;
    margin: 30px 10px 10px;
}



#ankuendigung {
    font-size: 10pt;
    line-height: 120%;
}

#ankuendigung h2,
#ankuendigung h3 {
    color: black;
}

#ankuendigung #bilder,
#ankuendigung #beschreibung {
    display: inline-block;
    float: left;
    width: 48%;
}    
.responsive-tablet #ankuendigung #beschreibung {
    margin-left: 3%;
}
.responsive-phone #ankuendigung #bilder,
.responsive-phone #ankuendigung #beschreibung {
    display: block;
    float: none;
    width: 100%;
}
.responsive-phone #ankuendigung #beschreibung {
    margin-top: 10px;
}