/* boerde-design.de - CSS Document   letzte Änderung Januar 2018  */
.logo_container, h1.logo, h1.logo a {
max-height: 90px;
width: 159px;
top: 4%;
margin-left: 5%;
}
#container_header {
height: 108px;
}
#hornav {
margin-top: 6.7%;
}
#moomenu {
margin-right: 2% !important;
}
/* Einstellung, damit Dropdown-Menü länger geöffnet bleibt */
#hornav ul li a  {
background-image: url("../images/icon-rot.png");
background-position: left top;
background-repeat: no-repeat;
line-height: 19px;
padding: 0 5px 10px 23px; 
margin-left: 3px;
}
#moomenu ul li > a, #moomenu ul li > a:hover
#moomenu ul li:last-child > a, #moomenu ul li:last-child > a:hover {
background-position: left center !important;
padding: 3px 5px 5px 27px !important;  
}
#moomenu ul li:first-child > a, #moomenu ul li:first-child > a:hover {
background-position: left center !important;
line-height: 19px;
padding: 3px 5px 5px 20px;
}
#hornav ul li a:hover {
background-image: url("../images/icon-gelb.png");
background-repeat: no-repeat;
line-height: 19px;
padding: 0 5px 10px 23px;
margin-left: 3px;
}
#moomenu li.active > a, #moomenu ul li.active > a:hover, #moomenu .current a:hover {
background-image: url("../images/icon-gruen.png");
background-position: left center;
background-repeat: no-repeat;
padding: 0 5px 8px 23px; 
margin-left: 3px;
} 
#moomenu ul {
top: 45px;
}
.icon-ge {
display: inline-block;
width: 22px;
height: 25px; 
background-image: url("../images/icon-gelb.png");
background-repeat: no-repeat;
background-position: 0px 0px;
}
.icon-ge:hover {
background-image: url("../images/icon-rot.png"); 
background-repeat: no-repeat;  
color: #000000;                   
}
.icon-g {
display: inline-block;
width: 22px;
height: 25px; 
background-image: url("../images/icon-gelb.png");
background-repeat: no-repeat;
background-position: 0px 0px;
}
.icon-g:hover {
background-image: url("../images/icon-gruen.png"); 
background-repeat: no-repeat;  
color: #000000;                   
}
.icon {
display: inline-block;
width: 22px;
height: 25px; 
background-image: url("../images/icon-rot.png");
background-repeat: no-repeat;
background-position: 0px 0px;
vertical-align: middle;
}
.icon:hover {
background-image: url("../images/icon-gruen.png");
background-repeat: no-repeat;   
color: #000000;                   
}
.icon-klein {
display: inline-block;
width: 16px;
height: 18px; 
background-image: url("../images/icon-rot-klein.png");
background-repeat: no-repeat;
background-position: 0px 0px;
vertical-align: middle;
}
.icon-klein:hover {
background-image: url("../images/icon-gruen-klein.png");
background-repeat: no-repeat;   
color: #000000;                   
}

h1, h2, h3, h4, h5, h6, p, a, em, li {
color: #ffffff;
}
h2 {
font-size: 1.5em;
margin: 0.1em 0 0 0;
}
h3 {
font-size: 1.3em;

}
.th h3 {
font-weight: normal;
margin: 0;
}
.module h3, .module_menu h3 {
padding: 0;
margin: 0;
line-height: 21px;
}
p {
font-size: 1.1em;
line-height: 1.2em;
}
.contentbottom p {
font-size: 1em;
line-height: 1.1em;
}
h1, h4, h5, h6, p, ul  {
margin: 0.1em 0;
}
/* gelbes Icon Inhalt -> start */
ul .gelb {
list-style: none;
line-height: 1.2em !important;
padding: 0px 0px 5px 2px;
}
ul ul li.gelb {
position: relative;
line-height: 1.5em;
}
ul ul li.gelb:before {
position: absolute;
left: -1.5em;
top: -0.25em;
content : url(../images/icons-content/icon-gelb-klein.png) " ";
}
/* grünes Icon Inhalt -> start */
ul .gruen {
margin-left: 0.5em;
list-style: none;
padding: 5px 0px 4px 4px;
line-height: 1.1em !important;
}
ul li.gruen {
position: relative;
line-height: 25px;
}
ul li.gruen:before {
position: absolute;
left: -1.7em;
top: -0.4em;
content : url(../images/icons-content/icon-gruen-content.png) " ";
}
.module_content {
padding: 10px;
}
#main2 {
background-color: rgba(0, 0, 0, 0.2);
padding: 4px 2px 2px;
}
#main {
margin-top: 4px;
}
#content_full {
background-color: rgba(0, 0, 0, 0.3);
padding: 10px;
}
.bottom-2 {
background-color: rgba(0, 0, 0, 0.3);
padding: 0 2px 2px;
}
.wrapper_contentbottom {
margin-left: 2px;
}
.contentbottom .module_margin {
margin: 2px;
}
.maincontent {
margin-bottom: 2px;
}
.maincontent ul {
margin-left: 25px;
}
.abstand {
padding: 0 10px;
}
.table-txt {
color: #000000;
}
.mitte {
width: 50%;
margin: 0 auto !important;
}
/*tabellen layout öffnungszeiten*/
.table {
border-collapse: collapse;
display: table;
font-family: Tahoma, Geneva, sans-serif;
text-align: center;
color: #FFF;
width: 50%;
margin: 0 auto;
}
.tr {
display: table-row;
height: 40px;
}
.th {
border: 3.5px solid #414141;
display: table-cell;
padding: 5px;
background-color: rgba(78, 78, 78, 0.4);
}
.td {
border: 3.5px solid #414141;
display: table-cell;
padding: 5px;
background-color: rgba(123, 123, 123, 0.3);
}
.td-leer {
background-color: none;
border: none;
}
/*tabellen layout Öffnungzeiten*/
/*tabellen layout Preise*/
.tabelle {
width: 100%;
}
table {
border-collapse: collapse;
display: table;
font-family: Tahoma, Geneva, sans-serif;
text-align: center;
color: #FFF;
width: 100%;
margin: 0 auto;
}
tr {
display: table-row;
height: 40px;
}
th {
border: 3.5px solid #414141;
display: table-cell;
/* padding: 5px; */
background-color: rgba(78, 78, 78, 0.4);
text-align: center; 
vertical-align: middle;
font-size: 16px;
}
td {
border: 3.5px solid #414141;
display: table-cell;
padding: 2px;
background-color: rgba(123, 123, 123, 0.3);
text-align: center;
vertical-align: middle;
}
sub, sup {
line-height: 15px;
}
/*tabellen layout Preise*/
.bottom-1 .module_content {
padding: 0;
}
.module h3, .module_menu h3 {
color: #ffffff !important;
}
#main.block_holder h2 {
color: #ffffff;
}
.first-word {
margin-left: 10px;
}
#container_main .block_holder {
padding: 0 !important;
}
.block_holder {
background-color: transparent;
}
#top_modules.block_holder {
padding: 0 !important;
}
.top-1 .module {
background-color: rgba(0, 0, 0, 0.5);
}
.contenttop .module {
background-color: rgba(0, 0, 0, 0.5);
min-height: 60px !important;
}
.contentbottom .module {
background-color: rgba(0, 0, 0, 0.5);
min-height: 330px !important;
}
.bottom-1 .module_margin {
margin: 0 4px 0 0;
}
.top-1 .module_margin {
margin: 5px 5px 0 5px;
}
.contenttop .module_margin {
margin: 0 0 0 4px;
}
#container_top_modules.container {
padding: 0;
}
#container_main.container {
padding: 0 0 5px 0;
}
#container_bottom_modules.container {
padding: 5px 0 0 0;
}
#bottom_modules.block_holder {
background-color: transparent !important;
margin-left: 5px;
}
.bottom-1 .module {
background-color: rgba(0, 0, 0, 0.5);
} 
#rside {
height: 370px;
}
#container_copyright_footermenu {
background-color:  #7a7a7a;
margin-top: 5px;
}
#copyright p {
margin-top: 10px;
font-size: 1em;
}
#copyright a {
color: #444444;
}
#copyright a:hover {
color: #000000;
}
#footermenu a:hover {
color: #444444 !important;
}
/*google maps plugin */
.mapprint {
float: right;
margin-right: 10px;
}
.txtdir {
font-size: 1.5em;
}
#saddr {
margin-top: 10px;
}
#daddr {
margin-left: 10px;
}
.dirlabel {
font-size: 1.3em;
margin-top: 5px; 
padding-right: 5px;
}
.button {
margin-bottom: 10px;
}
body .ari-image-slider-wCtrlNav {
margin-bottom: 0;
}
/* kalender */
.dp-upcoming-calendar {
padding-bottom: 4px;
}


/* WEBMEX CUSTOMS */

.mod-dpcalendar-upcoming-default__events{
    line-height: 1.2em;
    margin-top: 10px;
    padding-left: 10px;
}

.dp-icon_clock {
   display:none;
}


.mod-dpcalendar-upcoming-default__information .dp-link {
    display: inline;
}


.dp-date__start{
    display: block;

}
.dp-time__start{

}

.fahrzeuge .uk-slideshow-items {
      
    
}


/*  Monatsübersicht */

table .fc-col-header {
    background: gray !important;
}



.fc .fc-button {
    background-color: transparent;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25em!important;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    padding: .4em .65em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
}


.fc .fc-button-group > .fc-button.fc-button-active, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:hover {
    z-index: 1;
    border:1px solid transparent!important;
    background-color:rgb(192, 192, 192)!important;
}

.fc-scrollgrid a {
    font-weight: normal;
    line-height: 1.3em;

}


.com-dpcalendar-calendar .fc-event {
    border-radius: .25em!important;
}

.com-dpcalendar-calendar .fc-event .dp-event__time {
    margin-left: 5px;
    font-weight: bold;
    color:  #494343;
    display: block;
    font-family: Arial;
}


.com-dpcalendar-calendar .fc-event .dp-event__title {
    margin-left: 5px;
}

.fc table a {
    text-align: left!important;
}


.fc .fc-list-sticky .fc-list-day > * {
    background-color: rgb(168, 168, 168) !important;

}

.fc .fc-list-event:hover td {
    background-color: rgb(127, 127, 127) !important;
}


.fc a {
    color: #fff!important;

}

.fc-direction-ltr .fc-daygrid-week-number {
    border-radius: .50em!important;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);

}


.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame{
        border:2px solid red;
}



.fc .fc-daygrid-body .fc-day-other {
    background-color: rgba(78,78,78,0.6);


}